
/*header s*/
.header{height:100px;background:#fff;position: relative;z-index:99999}
.logo{position: relative;height:100px}
.logo img{position: absolute;left:0;top:0;bottom:0;right:0;margin:auto;}
.headnav{margin:0 0 0 80px;}
.headnav li{float: left;width:100px;height:100px;line-height:100px;text-align:center;font-size:14px;}
.headnav li a{color:#000;font-size:16px;display:block;width:100%;height:100%;}
.headnav li a:hover,.headnav li a.active{background-image:linear-gradient(52deg,#182FEC 0%,#0D6AF2 39%,#00C1DF 100%);color:#fff}
.head-mobile{width:200px;position: absolute;right:3%;top:2%;}
.head-m{width:155px;}
.head-m span{font-size:14px;color:#939393;display:block;}
.head-m strong{font-size:24px;display:block;font-weight:normal;color:#fff}
.margOuts{width:90%;margin:0 auto;}
@media screen and (max-width:1300px ){
.margOuts{width:1200px;margin:0 auto;}
}
/*header e*/


/*banner s*/
.slideBox{height:700px; overflow:hidden;position: relative;}
.slideBox .hd{overflow:hidden;position:absolute;right:5px;bottom:35px;z-index:999;}
.slideBox .hd ul{zoom:1; float:left;  }
.slideBox .hd ul li{ display:inline-block; margin-right:10px;  width:13px; height:13px; line-height:14px; text-align:center; background:#fff; cursor:pointer;zoom:1;*display:inline;border-radius:50%}
.slideBox .hd ul li.on{background-image:linear-gradient(52deg,#182FEC 0%,#0D6AF2 39%,#00C1DF 100%);}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center; height:700px; }
.slideBox .bd img{ width:100%; height:700px; display:block; margin:0 auto;  }
.slideBox .bd a{display:block;width:100%;height:100%;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:75px; height:75px;}
.slideBox .prev{background:url(../images/left.png) no-repeat center;}
.slideBox .next{background:url(../images/right.png) no-repeat center;}
.slideBox .next{ left:auto; right:3%; background-position:8px 5px;font-size:40px;color:#fff;line-height:0.8 }
.slideBox .prev{background-position:8px 5px;font-size:40px;color:#fff;line-height:0.8 }
.slideBox{text-align:center;}
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.btns{position: absolute;left:50%;bottom:0;}
/*banner e*/

/*about s*/
.about{overflow:hidden;height: 731px;background:#f0f1f5;}
.about-video{width:640px;height:340px;overflow:hidden;background:#dedede;margin-left:100px;position: relative;z-index:9999}
.about-main{height:100%;background:url(../images/text.png) no-repeat 660px top}
.about-ms{height:500px;background:#fff;margin-top:-110px;}
.about-desc{width:635px;height:300px;margin:190px 0 0 100px;position: relative;}
.about-desc h2 span{display:block;font-size:48px;color:#03193a;text-transform:uppercase;font-weight:normal;}
.about-desc h2 p{font-size:16px;color:#03193a;font-weight:normal;background:url(../images/line.png) no-repeat center  right;display:inline-block;width:100px;}
.about-jj{font-size:14px;color:#666666;margin-top:40px;line-height:1.8;height:128px;overflow:hidden;}
.mores{font-size:14px;color:#cbcbcb;text-transform:uppercase;position: absolute;right:0;top:25px;text-align:right;background:url(../images/lines.png) no-repeat left;width:100px;}
.mores:hover{color:#000;background-position:10px}
.about-pic{width:420px;height:540px;background:#dedede;overflow:hidden;margin-top:-40px;}
.about-pic img{width:100%;height:100%;-webkit-transition:all 0.6s;transition:all 0.6s;}
.about-pic img:hover{
-webkit-transform:scale(1.06);
transform:scale(1.06);
}
/*about e*/

/*pros s*/
.pros{padding:80px 0 60px 0; overflow:hidden;background:url(../images/bg.jpg) no-repeat center top;}
.tits{text-align:center;}
.tits h2{text-align:center;font-size:24px;color:#fff;font-weight:normal;margin-top:5px;}
.tits i{display:block;width:25px;height:1px;background:#fff;margin:10px auto 0;}
.pros-main{margin-top:50px;}
.pros-main li{display:inline-block;*zoom:1;*display:inline;vertical-align:top;overflow:hidden;position: relative;}
.pros-main li.li1,.pros-main li.li3,.pros-main li.li5{width:380px;height:350px;background:#fff;overflow:hidden;}
.pros-main li.li2,.pros-main li.li4,.pros-main li.li6{width:380px;height:200px;background:#fff;overflow:hidden;}
.pros-main li.li4{margin-top:30px;}
.pros-main li.li5{margin-top:-120px;}
.pros-main li.li6{margin-top:30px;}
.pros-main li.li2,.pros-main li.li5{margin-left:25px;margin-right:25px;}
.pros-main li img{width:100%;height:100%;-webkit-transition:all 0.6s  0.2s;transition:all 0.6s linear 0.2s;}
.touming{position: absolute;left:0;top:0;width:100%;height:100%;background:url(../images/tm.png);display:none}
.lins{position: absolute;width:100%;height:100%}
.lins i{background:#91b2d9;position: absolute;-webkit-transition:all 0.6s  0.5s;transition:all 0.6s linear 0.5s;}
.pros-main li.li1 .lins i.left,.pros-main li.li1 .lins i.right,.pros-main li.li3 .lins i.left,.pros-main li.li3 .lins i.right,.pros-main li.li5 .lins i.left,.pros-main li.li5 .lins i.right{height: 310px;width:1px;}
.pros-main li.li1 .lins i.top,.lins i.bottom,.pros-main li.li3 .lins i.top,.lins i.bottom,.pros-main li.li5 .lins i.top,.lins i.bottom{width: 338px;height:1px;}
.pros-main li.li1 .lins i.left,.pros-main li.li3 .lins i.left,.pros-main li.li5 .lins i.left{left:70px;top:25px;}
.pros-main li.li1 .lins i.right,.pros-main li.li3 .lins i.right,.pros-main li.li5 .lins i.right{right:70px;top:25px;}
.pros-main li.li1 .lins i.top,.pros-main li.li3 .lins i.top,.pros-main li.li5 .lins i.top{left: 25px;top:70px;}
.pros-main li.li1 .lins i.bottom,.pros-main li.li3 .lins i.bottom,.pros-main li.li5 .lins i.bottom{left: 25px;bottom:70px;}

.touming h3{text-align:center;font-size:20px;color:#fff;font-weight:normal;padding:0 5%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position: relative;z-index:99999;}

.pros-main li.li1:hover .lins i.left,.pros-main li.li3:hover .lins i.left,.pros-main li.li5:hover .lins i.left{left:20px;top: 20px;}
.pros-main li.li1:hover .lins i.right,.pros-main li.li3:hover .lins i.right,.pros-main li.li5:hover .lins i.right{right:20px;top: 20px;}
.pros-main li.li1:hover .lins i.top,.pros-main li.li3:hover .lins i.top,.pros-main li.li5:hover .lins i.top{left: 21px;top:20px;}
.pros-main li.li1:hover .lins i.bottom,.pros-main li.li3:hover .lins i.bottom,.pros-main li.li5:hover .lins i.bottom{left: 21px;bottom:20px;}
.touming span{display:block;width:33px;height:33px;background:url(../images/jia.png) no-repeat center;margin:15px auto 0;}
.pros-main li.li1 h3,.pros-main li.li3 h3,.pros-main li.li5 h3{margin-top:30%}
.pros-main li.li2 h3,.pros-main li.li4 h3,.pros-main li.li6 h3{margin-top:17%}
.pros-main li:hover img{
-webkit-transform:scale(1.06);
transform:scale(1.06);
}

/*pros e*/

/*advants s*/
.advants{padding:80px 0;background:url(../images/bg2.jpg) no-repeat center top;overflow:hidden;}
.tit{text-align:center;}
.advant-icon{text-align:center;margin-top:120px;position: relative;}
.tb{position: absolute;left: 593px;top: -105px;}
.txt{position: absolute;left: 541px;top: 140px;}
.advant-icon p{font-size:24px;color:#019fe6;font-weight:bold;position: absolute;left: 513px;top: 184px;}
.asks{display:block;width:90px;height:22px;background:#019fe6;border-radius:10px;text-align:center;line-height:22px;font-size:12px;color:#fff!important;position: absolute;left: 556px;top: 235px;}
.asks:hover{background-image:linear-gradient(52deg,#182FEC 0%,#0D6AF2 39%,#00C1DF 100%);}
.advant li{width: 380px;height:140px;position: absolute;}
.advant li h3{font-size:20px;color:#03193a;height: 40px;line-height: 32px;padding: 0 0 20px 60px;}
.advant li p{font-size:14px;color:#333333;line-height:1.8;overflow:hidden;height:75px;margin-top: -5px;}
.advant li.li1{left:0;top:130px;}
.advant li.li2{right:0;top:130px;width: 400px;}
.advant li.li3{left:0;bottom:0;width: 380px;}
.advant li.li4{right:0;bottom:0;}
.advant li.li1 h3{background:url(../images/01.png) no-repeat left top;}
.advant li.li2 h3{background:url(../images/02.png) no-repeat left top;}
.advant li.li3 h3{background:url(../images/03.png) no-repeat left top;}
.advant li.li4 h3{background:url(../images/04.png) no-repeat left top;}
.advant li i{width: 0;height:2px;background:#afafb0;position: absolute;left:0;top: 44px;}
.yuans,.asks{-webkit-transition:all 0.8s;transition:all 0.8s}
.yuans:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.xt1{position: absolute;right: -110px;top: 45px;}
.xt2{position: absolute;right: -45px;top: 0px;}
.advant li.li3 i{width: 0;}
.xt3{position: absolute;left: -88px;top: 45px;/* width: 145px; */}
.xt4{position: absolute;left: -46px;top: 1px;width: 47px;}
.xt{width:0}
/*advants e*/

/*details s*/
.details{padding:80px 0;}
.titss h2{color:#03193a}
.titss i{background:#03193a}
.details-list{margin-top:50px; }
.details-list li{width:280px;height:330px;float: left;background:#f1f1f1;margin-right:20px;overflow:hidden;}
.pics{width:100%;height:280px;overflow:hidden;}
.pics img{width:100%;height:100%;-webkit-transition:all 0.6s;transition:all 0.6s;}
.details-list li p{height:45px;line-height:45px;text-align:center;padding:0  10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#03193a;}
.details-list li:hover img{-webkit-transform:scale(1.06);transform:scale(1.06);}
.details-list li:hover p{background-image:linear-gradient(52deg,#182FEC 0%,#0D6AF2 39%,#00C1DF 100%);color:#fff}
/*details e*/

/*adv s*/
.adv{height:280px;}
.map{height:580px;overflow:hidden;}
.conts{width:50%;height:100%;background:#ededed}
.maps{width:50%;height:100%;background:#dedede}
.conts-main{width:510px;margin:80px 50px 0 0;}
.form{margin-top:40px;}
.texts{width:235px;height:30px;line-height:30px;background:none;border-bottom:1px solid #cccccc;text-indent:15px;}
.inputs{margin-top:30px}
.textareas{height:80px;border-bottom:1px solid #cccccc;width:100%;background:none;margin-top:30px;text-indent:15px}
.butts{width:140px;height:40px;color:#fff;background-image:linear-gradient(52deg,#182FEC 0%,#0D6AF2 39%,#00C1DF 100%);margin-top:15px;cursor:pointer;}
.butts:hover{background-image:linear-gradient(52deg,#3540a0 0%,#2460b7 39%,#0fcbe8 100%);}
.texts:focus,.textareas:focus{border-bottom:1px solid #1f62b0}
/*adv e*/

/*footer s*/
.footer{padding:75px 0 50px 0;background:#222222}
.footl{padding-top:30px}
.footc{width:270px;margin-left: 130px;}
.footc p{font-size:14px;color:#9f9f9f;margin-bottom:15px;}
.footr{width: 480px;}
.footr li{float: left;width: 230px;text-align: center}
.footr img{width:120px;height:120px;margin-right:10px}
.footr p{font-size:12px;color:#fff;text-align:center;margin:10px 0;}
.footr p span{font-size:18px;color:#666666;display:block;}
.footr p em{font-size:14px;color:#666666;font-style:normal;}
.copyright{height:60px;background:#111111;line-height:60px;text-align:center;font-size:14px;color:#989898;overflow:hidden;}
.copyright p a{color:#989898}
.copyright p a:hover{color:#fff}


/*piaofu s*/
.floating_ck{position:fixed;right:0;top:30%;z-index:9999999999}
.floating_ck dl dd{position:relative;width:80px;height:80px;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;border-bottom:5px;border-bottom:1px solid #fff}

.floating_ck dl dd:hover .floating_left{display:block;}
.consult{background-image:url(../images/lx.jpg);}
.consult:hover{background-image:url(../images/kfs.jpg);}
.words{background-image:url(../images/fk.jpg);}
.words:hover{background-image:url(../images/fkh.jpg);}
.quote{background-image:url(../images/fs.jpg);}
.quote:hover{background-image:url(../images/fsh.jpg);}
.qrcord{background-image:url(../images/wxs.jpg);}
.qrcord:hover{background-image:url(../images/wxsh.jpg);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;background:url(../images/top.jpg) no-repeat;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#3491b9;display:none;}
.floating_left a{color:#fff!important;line-height:80px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{display:block;width:145px;height:145px;margin:auto;margin-top:22px;}
.floating_ewm i img{width:120px; height:120px;margin-top:15px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}
.return{height:35px!important;}
/*footer e*/