﻿/*header*/
.header{position:fixed;left:0;top:0;z-index:100;height:80px;width:100%;}
.header.active{background:#fff;box-shadow:0 0 3px 1px #d8d8d8}
.nav-con{position:relative;height:60px;width:1200px;margin:auto;}
.logo{display:inline-block;float:left;margin-top:20px;}
.share{font-size:0;float:right;margin-top:27px;}
.nav{width:740px;float:left;margin-left:100px;}
.nav li{float:left;cursor:pointer;font-size:14px;width:11%;border-top:2px solid #fff;padding-top:35px;}
.nav li.active{border-top:2px solid #ad2429;color:#ad2429;}
.share a{display:inline-block;width:30px;height:30px;vertical-align:middle;background:url(/images/icon/icon-share.png) no-repeat;line-height:30px;margin:0 10px;}
.share a.s-home{background-position:0 -30px;}
.share a.s-language{background:#ad2429;border-radius:100%;font-size:12px;}
.box{width:300px;height:300px;}
.box-middle{width:600px;}
.tit h3{margin-bottom:17px;}
.tit h4{font-size:24px;line-height:24px;}
.section2 .top{height:300px;}
.section2 .top .box.pt-30{padding-top:60px;}
.section2 .top .box-middle{padding:63px 60px 0 60px}
.text-con{position:relative;}
.text-con h3{font-size:22px;font-weight:bold;line-height:22px;}
.text-con span{display:block;background:#000;height:2px;margin:22px 0;width:37px;}
.text-con p{font-size:16px;line-height:27px;}
.section2 .text-con .bg{position:absolute;right:130px;top:-65px;}
.section2 .bottom{position:relative;}  
.section2 .bottom .box-middle{height:600px;}
.section2 .bottom .box.pt-100{padding-top:300px;height:auto;}
.project{position:absolute;width:600px;height:500px;left:0;bottom:0;}
.project ul{padding-top:80px;}
.project li{float:left;width:50%;font-size:16px;margin-bottom:20px;}
.project li.icon-p7{width:100%;}
.project li span{display:inline-block; width:50px;height:50px;line-height:50px;text-align:center;border-radius:100%;border:1px solid #bc151b;margin-right:30px;}
.project li span i{display:inline-block;width:30px;height:30px;background:url(/images/icon/icon-project.png) no-repeat;vertical-align:middle;}
.project li.icon-p2 span i{background-position:0 -30px;}
.project li.icon-p3 span i{background-position:0 -60px;}
.project li.icon-p4 span i{background-position:0 -90px;}
.project li.icon-p5 span i{background-position:0 -120px;}
.project li.icon-p6 span i{background-position:0 -150px;}
.project li.icon-p7 span i{background-position:0 -180px;}
.section3 .w50{width:50%;}
.section3 .box-middle{height:392px;position:relative;}
.section3 .box-middle.active img{transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);} 
.section3 .box-middle > span{display:block;z-index:10;position:absolute;width:74px;height:74px;background:url(/images/icon/icon-scale.png) no-repeat center #bc151b;right:0;bottom:0;cursor:pointer;}
.section3 .box-middle.s3-r{padding:65px 0 65px 60px;}
.section3 .box-middle ul{padding-top:65px;}
.section3 .box-middle li{float:left;width:70%;font-size:14px;margin-bottom:15px;}
.section3 .box-middle li:nth-of-type(2n){width:30%;}
.section3 .box-middle li span{display:inline-block;width:10px;height:10px;border-radius:100%;background:#000;vertical-align:middle;margin-right:10px;}
.section4 .box-middle.s4-l{height:600px;padding-top:100px;}
.section4 .box-middle .tit{margin-bottom:95px;}
.section4 .box-middle .text-con h4{font-size:16px;color:#bc151b;margin-top:15px;}
.section4 .text-con{padding-right:44px;}
.section5{position:relative;}
.section5 li{position:relative;}
.section5 li .text{position:absolute;bottom:10%;width:1200px;margin-left:-600px;left:50%;}
.section5 li .text h3{font-size:28px;font-weight:bold;margin-bottom:15px;}
.section5 li .text p{font-size:16px;line-height:27px;width:557px;}
.section5 .bx-wrapper .bx-controls-direction a{width:77px;height:75px;margin-top:-37.5px;}
.section5 .bx-wrapper .bx-controls-direction a.bx-prev{background:url(/images/icon/icon-flip-prev.png) no-repeat center;}
.section5 .bx-wrapper .bx-controls-direction a.bx-next{background:url(/images/icon/icon-flip-next.png) no-repeat center;}


.section6{border-bottom:1px solid #eeeeee;}
.section6 .box-middle.s6-r{padding:120px 0 0 60px;}
.section6 .box-middle .text-con h4{font-size:20px;margin:45px 0 25px 0;}
.section6 .box-middle .text-con h4 img{vertical-align:middle;}
.section7{padding:90px 0;}
.section7 .tit{border-right:1px solid #eee;width:280px;}
.contact-main{width:780px;padding:25px 55px 0 55px;}
.contact-main li{width:50%;float:left;font-size:17px;margin-bottom:15px;}
.contact-main li span{display:inline-block;width:30px;height:30px;background:url(/images/icon/icon-contact.png) no-repeat;vertical-align:middle;margin-right:15px;}
.contact-main li.icon-c2 span{background-position:0 -30px;}
.contact-main li.icon-c3 span{background-position:0 -60px;}
.erweicode{width:140px;}
.erweicode img{margin:0 auto;}

.qrcode{position:fixed;z-index:100;width: 220px;height: 220px; background: #fff;position: fixed;left: 50%;margin-left: -110px;top: 50%;margin-top: -110px;text-align: center;padding: 10px;box-shadow: 0 0 5px #000;border-radius: 3px;padding:35px 0 0 0;display:none;}
.qrcode > span.close{position: absolute;right: 0;top: 0;display: inline-block;width: 25px;height: 25px;cursor: pointer;padding:5px;}
.qrcode > span.close > img{width:100%;margin:0 auto;}
.qrcode > img{margin:0 auto;}
.mask{position:fixed;width:100%;height:100%;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.8);z-index:101;display:none;}
.mask.active{display:block;vertical-align:middle;}
.show-map{height:588px;width:900px;left:50%;margin-left:-450px;top:50%;margin-top:-294px;background:#fff;position:fixed;z-index:999;display: none;}
.show-map img{max-width:100%;height:auto;display:block;margin:0 auto;}
.btn-close{display:block;width:60px;height:60px;position:absolute;left:100%;top:0;cursor:pointer;background:url(/images/icon/close.png) no-repeat center #bc151b;background-size:60% 60%;}
.disign_icon{position:absolute;left:50%;width:1200px;margin-left:-600px;z-index:20;top:0;}

