/* CSS Document */
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}
.clear{clear:both;}
.container{ position:relative;}
.fl{ float:left;}
.fr{ float:right;}

.header-top{ height:40px; line-height:40px; background:#f1f1f1;}
.header-top *{ transition: all 0.3s linear 0s;}
.header-top .wc{ color:#676767; font-size:14px;}
.header-top .other{ color:#282828; font-size:14px; margin-right:50px; position:relative;}
.header-top .other a{ display:inline-block; color:#282828; font-size:14px; margin:0 10px; padding-left:24px;}
.header-top .other a.tel{ background:url(../images/header-top-icon1.png) no-repeat center left;}
.header-top .other a.wx{ background:url(../images/header-top-icon2.png) no-repeat center left;}
.header-top .other a:hover{ color:#126ea4; text-decoration:underline;}
.header-top .header-wx{ position:absolute; background:#fff; top:100%; right: -30px; z-index:99; padding: 10px;  border-radius: 10px; border:1px solid #ccc; display:none;}
.header-top .header-wx p{ margin:4px 0 0; padding:0; line-height:24px; color:#333;
 text-align:center; font-size:14px;}


.header{ height:120px; position:relative;}
.header .logo{ height:90px; margin:15px 0; transition: all 0.3s linear 0s;}
.header .logo img{ height:90px;}
.header .logo .site-title{ font-size: 36px; margin-top: 20px; display: inline-block;
    margin-bottom: 10px; }
.header .tel{ background:url(../images/header-tel.png) no-repeat 50px center; padding-left: 138px; margin: 22px 0; transition: all 0.3s linear 0s;}
.header .tel span{ font-size:14px; color:#454545;}
.header .tel a{ font-size:24px; color:#126ea4; font-weight:bold; margin:0; display:block; line-height:28px;}

.nav{ background:#333; height:50px; text-align:center;}
.nav *{ transition: all 0.3s linear 0s;}
.nav ul{ display:inline-block; list-style-type:none; margin:0; padding:0;}
.nav li{ float:left; line-height:50px; padding:0 20px; position:relative;}
.nav li a{ display:inline-block; color:#fff; font-size:16px; padding:0 20px; position:relative;}
.nav li a::before{ content:""; position:absolute; width:0; height:3px; display:inline-block; top:0; left:0; background:#ec414d; transition: all 0.3s linear 0s; }
.nav li:hover a::before{ width:100%;}
.nav li:hover a{ color:#ec414d;}
.nav li::before{ position:absolute; content:""; width:1px; height:15px; background:#c9c9c9; right:0; top:50%; margin-top:-7.5px;}
.nav li:last-child::before{ display:none;}



.footer{ background:#333; padding:10px 0 30px; overflow:hidden;}
.foot-contact{ float:left; width:580px;}
.foot-contact dl{ margin:0; padding-left:16px;}
.foot-contact dt{ text-align:left; margin:10px 0;color: #fff; font-size: 30px;}
.foot-contact dt img{ height:100%;}
.foot-contact dd{ margin:0; font-size:14px; color:#c3c3c3; line-height:30px; padding-left:26px;}
.foot-contact dd.bq{ background:url(../images/foot-icon1.png) no-repeat 0 6px;}
.foot-contact dd.ba{ background:url(../images/foot-icon2.png) no-repeat 0 6px;}
.foot-contact dd.dz{ background:url(../images/foot-icon3.png) no-repeat 0 6px;}
.foot-contact dd.dh{ background:url(../images/foot-icon4.png) no-repeat 0 6px;}
.foot-contact dd.yx{ background:url(../images/foot-icon5.png) no-repeat 0 6px;}
.foot-contact dd.js{ background:url(../images/foot-icon6.png) no-repeat 0 6px;}
.foot-contact dd a{ font-size:14px; color:#c3c3c3;}

.foot-nav{ float:left; margin-top:28px; width:410px; border-left:1px dashed #fff;}
.foot-nav dl{ margin:0; padding:0 48px;}
.foot-nav dt{ font-size:16px; color:#fff; background:url(../images/foot-icon8.png) no-repeat center left; padding-left:32px; line-height:26px; margin-bottom:6px;}
.foot-nav dd{ margin:8px 20px; float:left; width:102px; height:20px;}
.foot-nav dd:nth-child(2n){ padding-left: 15px;}
.foot-nav dd a{ font-size:14px; color:#c9c9c9;}
.foot-nav dd a:hover{ color:#126ea4; text-decoration:underline;}

.foot-wx{ width:162px; float:right;}
.foot-wx .img{ margin-top:36px;}
.foot-wx .title{ font-size:14px; color:#fff; text-align:center; background:url(../images/foot-icon7.png) no-repeat 40px; line-height:20px; margin-top:10px; text-indent:40px;}

.page-banner{ height:400px;}

.box-left{}
.box-left .box-top{ line-height:34px; padding:6px 0; border-bottom:1px solid #d2d2d2; position:relative;}
.box-left .box-top::before{ content:""; position:absolute; width:75px; height:3px; background:#126ea4; bottom:-2px; display:inline-block; left:0;}

.box-left .box-top h1{ font-size:18px; color:#000; font-weight:600; float:left; margin:0; line-height:34px;}
.box-left .box-top .mbx{ float:right;}
.box-left .box-top .mbx a{ display:inline-block; margin:0 6px;}
.box-left .box-top .mbx a:hover{ color:#126ea4; text-decoration:underline;}

.pager-list{ text-align:center; margin-top:30px;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 8px; }
.pager-list li a, .pager-list li span{ display:inline-block; font-size:14px; color:#000; height:25px; line-height:25px; padding:0 8px; border:1px solid #c2c2c2; border-radius:4px; box-shadow:0 0 5px rgba(0,0,0,.3);}
.pager-list li.active a, .pager-list li.active span, .pager-list li a:hover{ background:#126ea4; color:#fff;}


.box-right{ padding-left:35px;}

.box-nav{ margin-top:15px; background:#f1f1f1;}
.box-nav .title{ width:100%; height:50px; line-height:50px; text-indent:58px; color:#fff; font-weight:bold; background:#126ea4; font-size:18px;}
.box-nav ul{ list-style-type:none; margin:0; padding:6px 40px;}
.box-nav ul li{ line-height:38px; padding:0 20px; border-bottom:1px dashed #d2d2d2;}
.box-nav ul li:last-child{ border-bottom:none;}
.box-nav ul li span{ float:right;}
.box-nav ul li.on a, .box-nav ul li:hover a{ color:#126ea4;}

.box-cp{ margin-top:24px;}
.box-cp .title{ width:100%; height:50px; line-height:50px; text-align:center; color:#fff; font-weight:bold; background:#126ea4; font-size:18px; margin-bottom:15px;}
.box-cp ul{ list-style-type:none; margin:0; padding:0;}
.box-cp li{}
.box-cp li .img{ overflow:hidden;}
.box-cp li .img img{ width:100%; transition: all 0.3s linear 0s;}
.box-cp li:hover .img img{  transform: scale(1.1,1.1); }
.box-cp li .text{ font-size:14px; color:#000; text-align:center; line-height:45px;}
.box-cp li:hover .text{ color:#126ea4;}


@media (max-width:1200px){
.header .tel{ margin:22px 0;}
.nav li{ padding:0 8px;}
.foot-nav{ display:none;}
.page-banner{ height:300px;}

}

@media (max-width: 992px){
.header-top{ height:0;}
.header{ height:85px;}
.header .logo{ margin:10px 0; height:65px;}
.header .logo img{ height:65px;}

.box-right{ padding-left:15px;}
}

@media (max-width:768px){
.header-top{ height:0;}
.header{ height:85px;}
.header .logo{ margin:10px 0; height:65px;}
.header .logo img{ height:65px;}
.header .logo .site-title{ font-size: 20px; margin-top: 20px; display: inline-block;
    margin-bottom: 10px; }

.footer{ padding:20px 0;}
.foot-contact{  width:76%;}
.foot-contact dl{ padding-left:0;}
.foot-contact dt{ font-size: 20px;}
.foot-wx{ width:24%;}
.foot-wx .img{ margin-top:40px;}
.foot-wx .img img{ width:100%;}
.foot-wx .title{ background:none; text-indent:inherit;}

.page-banner{ height:260px;}

.box-nav{ margin-top:30px;}
}
  
.nav-btn{ float:right; margin:20px 15px; width:45px; height:45px; position:relative;}
.nav-btn span{ position:absolute; display:inline-block; width:30px; height:2px; background:#333; left:50%; margin-left:-15px;}
.nav-btn span:nth-child(1){ top:12px;}
.nav-btn span:nth-child(2){ top:22px;}
.nav-btn span:nth-child(3){ top:32px;}

.nav-m{ background:rgba(0,0,0,.6); position:absolute; top:100%; width:100%; z-index:9; display:none;}
.nav-m ul{ list-style-type:none; margin:0 -15px; padding:0;}
.nav-m li{ padding:0 45px;}
.nav-m li a{ display:inline-block; width:100%; line-height:40px; color:#fff; font-size:14px;}
.nav-m li:hover{ background:rgba(0,0,0,.35);}

@media (max-width:414px){
.page-banner{ height:140px;}

}