/*全局*/
html,body
{
    padding:0;
    margin:0;
    font-size:12px;
    color:#333;
    line-height:1.14;
    background-color:#fff;
    font-family: "Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Arial,sans-serif;
}
.img-responsive{width:100%!important;}
ul,li{padding:0; margin:0; list-style:none;}
ul:after{display: table; content: " "; clear: both;}
.image-respond{max-width:100%; vertical-align:middle;}
.clear:after{display: table; content: " "; clear: both;}
.section{ background-color:#fff;}
.section:after{display: table; content: " "; clear: both;}
.section .section-title{position:relative; color:#CC0033;}
.section .section-title h1{font-size:30px; margin:0; padding-bottom:10px; margin-bottom:10px; border-bottom:2px solid #eee;}
.section .section-title h2{font-size:24px; margin:0; padding-bottom:10px; margin-bottom:10px; border-bottom:2px solid #eee;}
.section .section-title a.more{position:absolute; top:20px; right:0px; color:#aaa;}
.section .section-title ul.menu{position:absolute; top:20px; right:0px; color:#aaa;}
.section .section-title ul.menu li{float:left;}
.section .section-title ul.menu li a{display:block; padding:2px 6px;}
.section .section-title ul.menu li a:hover{}
.section .section-content{ margin-bottom:30px;}
.section .section-content p{ line-height:30px; text-indent: 2em; font-size:16px;}
a, a:hover{text-decoration:none; color:#333;}
a:hover{color:#CC0033;}
/*通用*/
.mt-30{margin-top:30px;}
.mb-10{margin-bottom:10px;}
.mb-30{margin-bottom:30px;}
/*框架*/
.warp{}
.warp .header{position:relative;}
.warp .slider{background-color:#f2f2f2;}
.warp .content{}
.warp .footer{}
/*头*/
.warp .header .logo{padding:20px 0; float:left; }
.warp .header .logo a{height:50px; display:block; }
.warp .header .logo-img{display:block;}
.warp .header .logo-img-min{display:none;}
.warp .header .phone{background-image:url(../img/call.jpg); background-repeat:no-repeat; background-position:left center; float:right; font-size: 16px; line-height:20px; padding-left: 60px; margin-top: 20px; color:#333;}
/*导航*/
.navigation{background-color:#CC0033; position:relative; z-index:2;}
.navigation .navbar-default{ background-color:transparent; border:0; min-height: 40px; margin-bottom:0;}
.navigation .navbar-default ul{}
.navigation .navbar-default ul > li{float:left;}
.navigation .navbar-default ul > li > a{display:block; padding:10px 20px; line-height:20px; font-size:16px; color:#fff; font-weight:600;}
.navigation .navbar-default ul > li > a:hover,.navigation .navbar-default ul > li.active > a:hover{background-color:#fff; color:#CC0033;}
.navigation .navbar-default ul > li.active > a{background-color:#fff; color:#CC0033;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background-color:#fff; color:#CC0033;}
.navbar-default .dropdown-menu li{float:none!important;}
.navbar-default .dropdown-menu a{font-size:14px!important; background-color:#fff!important; color:#CC0033!important; display:block;}
.navbar-default .dropdown-menu a:hover{background-color:#CC0033!important; color:#fff!important;}

.navbar-collapse {border:0;}
.navbar-toggle{ margin-top:16px; margin-bottom:0px; margin-right:0px; background-color: #f9f9f9; border-color: #f9f9f9;}
.navbar-toggle .icon-bar { background-color: #563d7c;}
.navbar-toggle:hover, .navbar-toggle:focus { background-color: #f9f9f9; border-color: #f9f9f9;}

.navigation .navigation-media-show1{display:block;}
.navigation .navigation-media-show2{display:block;}
.navigation .navigation-media-more{display:none;}

/*footer*/
.footer{}
.footer .foot-head{padding: 40px 0; width: 100%; background: #eeeeee; margin-bottom:20px;}
.footer .foot-head h1{ margin:0; padding:0; font-size:30px; font-weight:bold; text-align:center;}
.footer .foot-list{margin-bottom:20px;}
.footer .foot-list > h3{font-size: 14px; height: 40px; line-height: 40px; font-weight: bold; color: #000; display:block; margin:0;}
.footer .foot-list > ul{}
.footer .foot-list > ul > li{width:100%; float:left;}
.footer .foot-list > ul > li.yiban{width:50%; float:left;}
.footer .foot-list > ul > li > a{display:block; color:#808080; height: 25px; line-height: 25px;}
.footer .foot-list > ul > li > a:hover{color:#CC0033;}
.footer .gongzhong-qrcode{}
.footer .gongzhong-qrcode h4{font-size:14px; height: 40px; line-height: 40px; font-weight: bold; color: #000; padding:0; margin:0;}
.footer .gongzhong-qrcode img{max-width:100%;}
.footer .gongzhong-qrcode p{font-size:16px; color:#CC0033; font-weight:bold;}

.footer .copyright{line-height: 35px; color: #808080; text-align: center; border-top: solid 1px #d7d7d7;}
.footer .copyright a{color:#808080;}
.footer .copyright a:hover{color:#CC0033;}

/*首页*/
.home{}
.home .home-item{display:block; margin-bottom:30px; position:relative; border:1px solid #ccc;}
.home .home-item .home-text{position:absolute; bottom:0px; left:0px; width:100%; padding:5px 10px; background:rgba(0,0,0,0.7);}
.home .home-item .home-text  .home-title{color:#fff; font-size:14px; font-weight:600;}
.home .home-item:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/*kefu*/
.contact{border:1px solid #ccc; margin-bottom:30px;}
.contact .contact-title{background-color:#cc0033; color:#fff; padding:8px 10px; font-size:14px;}
.contact .contact-main{position:relative; padding:10px;}
.contact .contact-bg{padding:0;}
.contact .contact-bg > img{filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; width:100%;}
.contact .contact-main h2{padding:0; margin-top:4px; font-size:14px; color:#cc0033;}
.contact .kefu{position:absolute; top:0; left:0; width:100%; padding:10px;}
.contact .kefu ul li{float:left; width:50%; margin-bottom:20px;}
.contact .kefu .info{text-align:center; color:#333; margin:0px;}

@media (max-width: 767px)
{
    .navigation .navbar-default{min-height:0px;}
    .warp .header{ background-image:none;}
    .warp .header .logo{padding:10px 0px;}
    .warp .header .logo a{height:32px; display:block;}
    .warp .header .logo-img{display:none;}
    .warp .header .logo-img-min{display:block;}
    
    .warp .header .phone{display:none;}
    .navigation .navbar-default ul > li {float:none;}
    .navbar-toggle{margin-top:10px; margin-right:15px;}
}
@media (min-width: 768px) and (max-width: 991px)
{
   .navigation .navbar-default ul > li > a{padding:10px; font-size:14px;}
}