html {
    -webkit-text-size-adjust: none;font-size:20px;
}
@media (max-width:640px){
html{font-size:16px;}
}
body{color:#333;font-size:0.7rem;font-family:"microsoft yahei";behavior:url("csshover.htc");}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
*{list-style:none;margin:0;padding:0}
img{border:none}
a{text-decoration: none;color:#333;}a:hover{}.over{transition: 0.3s linear all;}.point{cursor:pointer;}
.cl{ clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.ov{overflow:hidden;}
.fl{float:left;}.fr{float:right;}.ov{overflow:hidden}.posi{position:relative;}.over{transition: 0.3s linear all;}
.bold{font-weight:bold;}.cen{text-align:center;}.txtl{text-align:left;}.txtr{text-align:right;}.enbold{font-family:Impact;}
.mt5{margin-top:0.25rem;}.mt10{margin-top:0.5rem;}.mt15{margin-top:0.75rem;}.mt20{margin-top:1rem;}.mt25{margin-top:25px;}.mt30{margin-top:1.5rem;}.mt50{margin-top:2.5rem;}
.font12{font-size:0.6rem;}.font14{font-size:0.7rem;}.font15{font-size:0.75rem;}.font16{font-size:16px;}.font18{font-size:0.9rem;}.font20{font-size:1rem;}.font24{font-size:1.2rem;}.font30{font-size:1.5rem;}.font36{font-size:1.8rem;}
.wap{display:none;}
@media (max-width:640px){
.font18{font-size:16px;}.font20{font-size:18px;}.font24{font-size:20px;}.font30{font-size:24px;}
.pc{display:none;}.wap{display:block;}
}
.co000{color:#000;}.co333{color:#333;}.co666{color:#666;}.co999{color:#999;}.blue{color:#00a2ea;}.yel{color:#c66200;}.fff{color:#fff;}.red{color:#dd2226;}
.daxie{text-transform:uppercase;}.daxie_{text-transform:capitalize;}.lh{line-height:1.7;}.yahei{font-family:"microsoft yahei";}
.hide{ display:none;}
.wrap{width:100%;max-width:1200px;margin:0 auto;}.wrapin{width:96%;margin:0 auto;}.w{width:100%;}.baibg{background:#fff;}.huibg{background:#f7f7f7;}

.join{height:780px;background:url(../images/join.jpg) center top no-repeat;}
.join .kong{height:330px;}
.join1{width:760px;margin:50px auto;}
.join1 li{float:left;margin:20px;}
.join1 li .ipt,.join1 li .sel{width:150px;height:30px;line-height:30px;margin:0 10px;color:#999;border:0;border-bottom:1px solid #555;background:none; outline:none;}
.join1 li .sel{appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(../images/select.png) no-repeat scroll 95% center transparent;}
.join1 li .btn{width: 170px;height: 40px;line-height: 40px;padding: 0 40px 0 0;border: none;background: url(../images/pop-btn.png) no-repeat right center;}
.join1 li .btn:hover{background: url(../images/pop-btn_hover.png) no-repeat right center;}

.contact3{height:640px;background:url(../images/contact2.jpg) center bottom no-repeat;}
.contact3 .kong{height:120px;}
.contact3::before {position: absolute;z-index: 0;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);content: '';}

.contact3 .t::before,.contact3 .t::after {width: 23px;height: 18px;display: inline-block;content: '';vertical-align: text-top;background-image: url(../images/contact_title.png);background-repeat: no-repeat;}
.contact3 .t::before {background-position: left top;margin-right: 20px;}
.contact3 .t::after {background-position: right top;margin-left: 20px;}

.contact4{background-color:#f9f9f9;}
.contact4 ul{width:50%;}
.contact4 ul.fl{height:600px;}
.contact4 ul.fr{margin-top:90px;min-height:420px;background:url(../images/contact4.jpg) 470px 0 no-repeat;}
.contact4 ul.fr li{width:450px;padding:15px 0 0 70px;}


.header{height:4rem;background:#000;/*box-shadow: 0 0 5px #999;*/}
/*.header .wrapin{padding:1rem 0;}*/

.logo{position:absolute;top:1rem;left:1%;z-index:8;}
.logo img{height:40px;}

.drop{/*background:url(../images/navs.png) center no-repeat;*/}
/*.drop.on{background:url(../images/navs_on.png) center no-repeat;}*/
.top_ab{position:absolute;top:4rem;left:0;z-index:8;}
.subnav{display:none;box-shadow: 0 0 20px #ccc;}
.subnav dt{float:left;width:100%;height:2.5rem;line-height:2.5rem;border-bottom:1px solid #ddd;background:rgba(255,255,255,1);}
.subnav dt a{display:block;padding-left:3%;}
.subnav dt i{padding-right:3%;margin-top:0.8rem;}
.subnav dd{display:none;float:left;width:100%;background:#f5f5f5;}
.subnav dd li{float:left;width:100%;height:35px;line-height:35px;border-bottom:1px solid #ddd;}
.subnav dd li a{display:block;padding-left:4%;}

.header .sp{width:1px;height:2rem;margin:1rem 1rem 0;background:#555;}

.pnav{height:4rem;line-height:4rem; margin-left:300px;}
.pclass{display:none;padding:30px 0;background:#f8f8f8;}
.pclass dt li{float:left;width:150px;min-height:250px;padding-left:20px;border-left:1px solid #eee;}
.pclass dt li a{display:block;height:35px;}
.pclass dt li a:nth-child(0){height:40px;}
.pclass dd{width:340px;}
.pclass dd img{max-width:100%;max-height:250px;}

.nav li{float:left;height:4rem;line-height:4rem;padding-left:2rem;}
.nav li a{display:block;color:#fff;}
.nav li a.on,.nav li a:hover,.nav li a.cur{color:#00a2ea;}
.nav li dl{display:none;padding:30px 0;background:#f8f8f8;}
.nav li dt{width:930px;height:250px;padding:0 20px;;border-left:1px solid #eee;}
.nav li dt img{width:300px;height:250px;padding-right:50px;}
.nav li dd{height:250px;line-height:normal;border-left:1px solid #eee;border-right:1px solid #eee;}
.nav li dd a{padding:0 1rem;margin:0.5rem 0;color:#333;}


@media (max-width:1500px){
/*.nav{display:none;}*/
.icond .zi{ left:-17%;}
}

.sear_btn{width:2rem;height:2rem;line-height:2rem;/*background:url(../images/sear.png) center no-repeat;*/cursor:pointer;}
.sear{display:none;position:absolute;top:4rem;right:0;z-index:8;padding:5px 10px;background:#f8f8f8;}
.sear .ipt{width:300px;height:30px;line-height:30px;border:none;background:none; outline:none;}
.sear button{padding:0 10px;border:none;background:none;cursor:pointer;}

.top_wx{width:30px;height:30px;line-height:30px;border:1px solid #555;}
.top_wx img{display:none;position:absolute;top:35px;left:0;z-index:8;width:100px;margin-left:-35px;}
.top_wx:hover img{display:block;}
.rtel{line-height:2rem;padding:0 1.5rem;/*background:url(../images/tel.png) 0 center no-repeat;*/ font-weight:bold;}

.scroll{position:fixed;top:0;left:0;z-index:99;background:#fff;box-shadow: 0 0 15px #999;}
.scroll .wrapin,.scroll .nav li a{color:#333;}
.scroll .sp{background:#ccc;}
.wap,.scroll .pc{display:none;}
.scroll .wap{display:block;}

/*slide*/
.slidebox .swiper-pagination-bullets{left:auto;right:5%;bottom:6rem;}
.slidebox .swiper-pagination-bullet{width:5px;height:30px;background:#fff;border-radius:0;opacity: 1;cursor:pointer;}
.slidebox .swiper-pagination-bullet-active{height:45px;background:#00a2ea;}

.icona{z-index:5;padding:1rem 0;margin-top:-67px;background:rgba(0,0,0,.6);filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.icona dt{width:70%;}
.icona dt em{position:absolute;width:5%;height:1px;top:0.5rem;left:0;background:#fff;}
.icona dd{width:30%;}
.icona .swiper-container{width:88%;margin:0 auto;}
.icona .swiper-container .swiper-slide{float:left;width:50%;height:20px;overflow:hidden;}
.icona .swiper-container .swiper-slide a{padding-left:5%;color:#fff;}
.icona .swiper-button-next,.icona .swiper-button-prev{position:absolute;top:13px;right:0;background:none;}
.icona .swiper-button-prev{right:30px;left:inherit;}

.iconb dt.l{line-height:4rem;margin-left:-15%;}
.iconb dt.l .enbold{padding-right:10px;font-size:3rem;color:#eee;}
.iconb dt.r{width:950px;}
.iconb dt.r a{display:inline-block;line-height:3rem;margin:0 2%;position:relative;}
.iconb dt.r a em{display:none;position:absolute;bottom:0;left:50%;margin-left:-20%;width:40%;height:1px;background:#00a2ea;}
.iconb dt.r a.on,.iconb dt.r a:hover{color:#00a2ea;}
.iconb dt.r a.on em,.iconb dt.r a:hover em{display:inline;}

.iconc .wrap{max-width:1380px;}
.iconc .swiper-container{padding:3rem 0;}
.iconc .swiper-slide ul{width:96%;padding:0 2%;}
.iconc .swiper-slide li{width:100%;padding-bottom:1rem;background:#fff;overflow:hidden;box-shadow: 0 0 15px #999;}
.iconc .swiper-slide img{width:100%;}
.iconc .swiper-slide a{display:block;}
.iconc .swiper-slide a.t{display:inline-block;line-height:1.8;padding:0 10px;border-bottom:2px solid #00a2ea;}
.iconc .swiper-slide p{padding:0 1rem;}
.iconc .swiper-slide .font10{font-size:10px;text-align:center;color:#5c5c5c;}
.iconc .swiper-slide-active{z-index:9999;}
.iconc .btn{position:absolute;top:50%;z-index:9;margin-top:-1.75rem;width:2.5rem;height:2.5rem;background:#999;cursor:pointer;-webkit-border-radius:50%;border-radius:50%;transition: 0.3s linear all;}
.iconc .prev{left:-4rem;}
.iconc .next{right:-4rem;}
.iconc .btn i{position:relative;top:10px;}
.iconc .btn:hover{background:#00a2ea;}

.icond{height:976px;background: url(../images/icond.jpg) center no-repeat;}
.icond dt,.icond dd{width:38%;padding:4rem 0;}
.icond dt{padding-left:12%;}
.icond dt ul,.icond dt img{width:93%;}
.icond dt ul{padding-bottom:2.5rem;min-height:18rem;border-left:1px solid #c2c0c0;}
.icond dt ul p{padding-left:22%;padding-right:10%;}
.icond .zi{position:absolute;top:4rem;left:-6%;font-size:3.5rem;color:#ddd;transform:rotate(90deg);-ms-transform:rotate(90deg);/* IE 9 */-moz-transform:rotate(90deg);/* Firefox */-webkit-transform:rotate(90deg); /* Safari 和 Chrome */-o-transform:rotate(90deg);}
.icond dd{padding-right:10%;}
.icond dd ul,.icond dd img{width:100%;}
.icond dd img{margin-left:-2.5rem;}
.icond dd ul p{padding:0 25% 0 5%;}

@media (max-width:1500px){

.icond .zi{ left:-17%;}
}


.more{display:inline-block;z-index:3;height:35px;line-height:35px;padding:0 10px;border:1px solid #c2c0c0;}
.more:hover{color:#00a2ea;border-color:#00a2ea;}
.more:hover i{margin-left:10px;}

.icone .wrap{max-width:1550px;height:590px;}
.icone dt{position:absolute;left:0;top:30px;width:60%;box-shadow: 0 0 10px #ccc;}
.icone dt ul{float:left;width:78%;padding:25px 0;border-top:1px solid #dedede;overflow:hidden;cursor:pointer;}
.icone dt li.fl{width:18%;}
.icone dt li.fr{width:70%;padding-right:10%;}
.icone dt .swiper-slide-thumb-active ul{color:#fff;background:#00a2ea;}
.icone dt .font30{font-size:36px;}
.icone dt .swiper-slide-thumb-active .font30{font-size:46px;}
.icone dd{width:54%;z-index:1;}
.icone .btn{position:absolute;bottom:0;z-index:9;width:60px;height:60px;background:rgba(255,255,255,.8);cursor:pointer;transition: 0.3s linear all;}
.icone .prev{left:3px;}
.icone .next{left:65px;}
.icone .btn i{position:relative;top:15px;}
.icone .btn:hover{color:#fff;background:#00a2ea;}

.iconf{padding:3rem 0;background:#f2f2f2;}

.iconfa{width:80%;}/*iconfb iconfc未使用*/
.iconfb{width:500px;}
.iconfb .zi{position:absolute;top:2rem;left:-8rem;font-size:3rem;color:#ddd;transform:rotate(90deg);-ms-transform:rotate(90deg);/* IE 9 */-moz-transform:rotate(90deg);/* Firefox */-webkit-transform:rotate(90deg); /* Safari 和 Chrome */-o-transform:rotate(90deg);}
.iconfb dt span{width:80%;line-height:50px;border-bottom:1px solid #00a2ea;}
.iconfb dd a{display:block;}
.iconfc{position:absolute;left:600px;top:0;width:920px;}
.iconfc ul{height:600px;padding:0 1.5rem;border-right:1px solid #ddd;transition: 0.3s linear all;}
.iconfc ul img{width:100%;height:160px;}
.iconfc ul a{display:block;}
.iconfc .pl10{padding-left:10px;}
.iconfc ul .h1{height:80px;}
.iconfc ul .h2{height:130px;}
.iconfc ul:hover{border:1px solid #ddd;box-shadow: 0 0 10px #ccc;}
iconfc dl{width:90%;}
.iconfc .btn{position:absolute;top:50%;z-index:9;margin-top:-1.75rem;width:2.5rem;height:2.5rem;background:#999;cursor:pointer;-webkit-border-radius:50%;border-radius:50%;transition: 0.3s linear all;}
.iconfc .prev{left:-2rem;}
.iconfc .next{right:2px;}
.iconfc .btn i{position:relative;top:10px;}
.iconfc .btn:hover{background:#00a2ea;}
.iconfc .swiper-button-disabled{filter:alpha(opacity=30);-moz-opacity:0.3;opacity: 0.3;}
@media (max-width:1500px){
.iconfa{width:90%;margin:0 auto;}
}

.iconf .wrap{max-width:1550px;}
.iconfd{margin-left:8%;width:92%;}
.iconfd .zi{position:absolute;top:2rem;left:-6rem;font-size:3rem;color:#ddd;transform:rotate(90deg);-ms-transform:rotate(90deg);/* IE 9 */-moz-transform:rotate(90deg);/* Firefox */-webkit-transform:rotate(90deg); /* Safari 和 Chrome */-o-transform:rotate(90deg);}
.iconfd dt span{line-height:30px;padding-left:20px;border-left:5px solid #00a2ea;}
.iconfd dd li{float:right;width:23.5%;margin:0 0 15px 1.5%;display:inline;position:relative;overflow:hidden;}
.iconfd dd li img{height:220px;transition: 0.3s linear all;}
.iconfd dd li:nth-child(1){float:left;width:50%;margin:0;}
.iconfd dd li:nth-child(1) img{height:455px;}
.iconfd dd abbr{position:absolute;bottom:20px;left:5%;width:90%;color:#fff;}
.iconfd dd abbr .desc{height:50px;}
.iconfd dd li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}

.icong{padding:3rem 0;}
.icong .wrap{max-width:1600px;height:660px;}
.icong .zi{position:absolute;top:6rem;left:-3rem;font-size:3rem;color:#ddd;transform:rotate(90deg);-ms-transform:rotate(90deg);/* IE 9 */-moz-transform:rotate(90deg);/* Firefox */-webkit-transform:rotate(90deg); /* Safari 和 Chrome */-o-transform:rotate(90deg);}
.iconga{width:90%;}
.icongb{height:55px;}
.icongb em{position:absolute;bottom:0;left:0;width:60px;height:1px;background:#00a2ea;}

.icongc .swiper-slide{width:120px;height:85px;border-right:1px solid #dedede;}
.icongc i{display:inline-block;width:55px;height:55px;background: url(../images/icongc1.png) center top no-repeat;}
.icongc i.bg2{background: url(../images/icongc2.png) center top no-repeat;}
.icongc i.bg3{background: url(../images/icongc3.png) center top no-repeat;}
.icongc i.bg4{background: url(../images/icongc4.png) center top no-repeat;}
.icongc i.bg5{background: url(../images/icongc5.png) center top no-repeat;}
.icongc i.bg6{background: url(../images/icongc6.png) center top no-repeat;}
.icongc i.bg7{background: url(../images/icongc7.png) center top no-repeat;}
.icongc a:hover,.icongc .swiper-slide-thumb-active a{color:#00a2ea;}
.icongc i.bg8{background: url(../images/icongc8.png) center top no-repeat;}
.icongc a:hover i.bg1,.icongc .swiper-slide-thumb-active i.bg1{background: url(../images/icongc1-.png) center top no-repeat;}
.icongc a:hover i.bg2,.icongc .swiper-slide-thumb-active i.bg2{background: url(../images/icongc2-.png) center top no-repeat;}
.icongc a:hover i.bg3,.icongc .swiper-slide-thumb-active i.bg3{background: url(../images/icongc3-.png) center top no-repeat;}
.icongc a:hover i.bg4,.icongc .swiper-slide-thumb-active i.bg4{background: url(../images/icongc4-.png) center top no-repeat;}
.icongc a:hover i.bg5,.icongc .swiper-slide-thumb-active i.bg5{background: url(../images/icongc5-.png) center top no-repeat;}
.icongc a:hover i.bg6,.icongc .swiper-slide-thumb-active i.bg6{background: url(../images/icongc6-.png) center top no-repeat;}
.icongc a:hover i.bg7,.icongc .swiper-slide-thumb-active i.bg7{background: url(../images/icongc7-.png) center top no-repeat;}

.icong .btn{position:absolute;bottom:0;z-index:9;width:2.5rem;height:2.5rem;background:#999;cursor:pointer;-webkit-border-radius:50%;border-radius:50%;transition: 0.3s linear all;}
.icong .prev{left:2rem;}
.icong .next{left:5rem;}
.icong .btn i{position:relative;top:10px;}
.icong .btn:hover{background:#00a2ea;}
.icong .swiper-button-disabled{filter:alpha(opacity=30);-moz-opacity:0.3;opacity: 0.3;}

.icongd ul{float:left;width:32%;height:510px;background:#f4f2f2;position:relative;transition: 0.3s linear all;}
.icongd ul p{padding:0 10%;}
.icongd ul img{height:280px;}
.icongd ul:nth-child(2){margin:0 2%;}
.icongd ul:nth-child(2n) img{position:absolute;bottom:0;left:0;}
.icongd ul:hover{color:#fff;background:#00a2ea;}
.icongd ul:hover a{color:#fff;}
@media (max-width:1500px){
.iconga{width:90%;}
}

.iconh{padding:2rem 0;height:600px;background: url(../images/iconh.jpg) center no-repeat;}
.iconh .wrap{max-width:1500px;}
.iconh dt{line-height:3rem;}
.iconh dt .enbold{padding:0 20px;font-size:3rem;color:#ccc;}
.iconh dt .line{top:-8px;}


.iconh dd ul{display:inline-block;width:30%;text-align:center;vertical-align:top;background:#fff;overflow:hidden;}
.iconh dd ul p{padding:0 10%;}
.iconh dd ul img{transition: 0.3s linear all;}
.iconh dd ul:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2); transform:scale(1.2);}
.iconh dd ul:hover{color:#fff;background:#00a2ea;}
.iconh dd ul:hover a{color:#fff;}

.justify{text-align:justify;text-justify:distribute-all-lines; /* for ie */}
.justify:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}

.gotop {display:none;position:fixed;bottom:5px;right:5px;z-index: 9999;width:2.5rem;height:2.5rem;line-height:3rem;background:#fff;-webkit-border-radius:50%;border-radius:50%;}
.gotop:hover{color:#fff;background-color:#c00;}
@media (max-width:640px){
.gotop{/*bottom:65px;*/}
}

.foot .wrap{max-width:1400px;}
.foot{padding:1.5rem 0;color:#999;background:#161012;}
.foot a{color:#999;}
.footl{width:65%;}
.footl dl{float:left;width:100px;margin-right:30px;}
.footl dt{height:30px;}
.footl dd a{display:block;margin:5px 0;}
.footl dl.two{width:150px;}
.footl dl.two a{float:left;width:50%;}

.footr{width:35%;}
.footr dt p{line-height:20px;padding-left:25px;}
.footr dt .bg1{background: url(../images/ico1.png) 0 center no-repeat;}
.footr dt .bg2{background: url(../images/ico2.png) 0 center no-repeat;}
.footr dt .bg3{background: url(../images/ico3.png) 0 center no-repeat;}
.footr dd li{display:inline-block;vertical-align:top;}
.footr dd li p{display:inline-block;width:15px;margin:0 10px;}
.footr dd li:nth-child(1){margin-right:2rem;}

.where{height:30px;line-height:30px;background:#f4f6f5;}
.where a{padding:0 5px;}

.topnav{line-height:80px;border-bottom:1px solid #dfdfdf;}
.topnav a{display:inline-block;padding:0 5px;margin:0 30px;transition: 0.3s linear all;}
.topnav a:hover,.topnav a.cur{height:78px;color:#00a2ea;border-bottom:2px solid #00a2ea;}
.protop{z-index:2;padding:30px 0;box-shadow: 0 5px 5px #eee;}
.protop a{display:inline-block;line-height:36px;padding:0 25px;margin:0 10px;border:1px solid #dfdfdf;-webkit-border-radius:18px;border-radius:18px;transition: 0.3s linear all;}
.protop a:hover,.protop a.cur{color:#fff;border-color:#00a2ea;background:#00a2ea;}


.innewsbox i,.innewsbox em{font-style:normal;}
.innewsbox .listnews { overflow:hidden; width:100%;}
.innewsbox .listnews dl{ overflow:hidden; padding:40px 0; border-bottom:1px solid #eee; margin-bottom:0;width:1200px;}
.innewsbox .listnews dt{ overflow:hidden; float:left; position:relative}
.innewsbox .listnews dd{ overflow:hidden; width:700px; float:left; position:relative; height:125px;}
.innewsbox .listnews dt img{ display:block; float:left; margin-left:30px; margin-right:25px;}
.innewsbox .listnews dt h4{ font-weight:normal; float:left; margin-top:40px; margin-right:30px;transition: 0.3s linear all;}
.innewsbox .listnews dt em{ font-size:28px; color:#333; display:block;font-family: Arial;}
.innewsbox .listnews dt span{ display:block; font-size:14px; color:#888;float: left;font-family: Arial;}
.innewsbox .listnews dt i{ display:block; width:0px; height:2px; background-color:#1651b9; position:absolute; left:267px; top:62px;transition: 0.3s linear all;}
.innewsbox .listnews dd h5{ font-weight:normal; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:20px; width:600px;}
.innewsbox .listnews dd p{ font-size:14px; width:600px; color:#666; line-height:20px; height:40px; overflow:hidden;}
.innewsbox .listnews dd .more{ overflow:hidden; display:block; width:40px; height:40px;padding:0; position:absolute; top:44px; right:0;}
.innewsbox .listnews:hover dl{ background-color:#e8eff9;box-shadow:none}
.innewsbox .listnews:hover{box-shadow:0 0 10px #ccc}
.innewsbox .listnews:hover h5 a{ color:#00a2ea;}
.innewsbox .listnews:hover dt i{width:40px;}
.innewsbox .listnews:hover dd,.innewsbox .listnews:hover dt h4{padding-left:30px;}
.innewsbox .listnews:hover dd .more{color:#fff;border-color:#00a2ea;background:#00a2ea;}

.caselist li{display:inline-block;width:24%;margin:10px 0;text-align:center; vertical-align:top;transition: 0.3s linear all;}
.caselist li img{height:230px;}
.caselist li a{display:block;}
.caselist li a:nth-child(2){margin:10px 0;}
.caselist li:hover{box-shadow: 0 0 15px #ccc;}
.caselist li.honor img{height:400px;}

.honorcase li{display:inline-block;width:24%;margin:10px 0;text-align:center; vertical-align:top;transition: 0.3s linear all;}
.honorcase li img{height:400px;}
.honorcase li a{display:block;}
.honorcase li a:nth-child(2){margin:10px 0;}
.honorcase li:hover{box-shadow: 0 0 15px #ccc;}

.fananlist li{float:left;width:32%;margin:10px 1.5% 10px 0;text-align:center; vertical-align:top;transition: 0.3s linear all;}
.fananlist li:nth-child(3n){margin-right:0;}
.fananlist li img{height:220px;}
.fananlist li a{display:block;}
.fananlist li a:nth-child(2){margin:10px 0;}
.fananlist li:hover{box-shadow: 0 0 15px #ccc;}
@media (max-width:1000px){
.fananlist li{float:none;display:inline-block;width:48%;margin:10px 0;}
}

.contact1 li{display:inline-block;padding:0 3%;text-align:center;}
.contact1 li .ico{display:inline-block;width:75px;height:75px;vertical-align:top;border:2px solid #eee;-webkit-border-radius:50%;border-radius:50%;}
.contact1 li i{position:relative;top:16px;}
.contact1 li:nth-child(3) i,.contact1 li:nth-child(4) i{top:22px;}
.contact1 li:hover .ico{color:#fff;border-color:#00a2ea;background:#00a2ea;}
.contact1 li:nth-child(1) p:nth-child(n+3){text-align:left;}

.contact2{width:96%;padding:1rem 2%;border:1px solid #ddd;}
.contact2 li{display:inline-block;width:24%;}
.contact2 p{height:35px;}
.contact2 .ipt{width:95%;height:35px;line-height:35px;padding:0 2%;border:1px solid #ddd;background:#f9f9f9;}
.contact2 textarea{width:98%;height:200px;padding:10px 1%;border:1px solid #ddd;background:#f9f9f9;}
.contact2 .btn{width:220px;height:40px;line-height:40px;border:1px solid #ddd;background:none;cursor:pointer;}
.contact2 img{position:relative;height:35px;cursor:pointer;}

.map{height:25rem;}


.application li{float:left;width:100%;}
.application li.line{height:1px;margin:20px 0;background:#ddd;}
.application li img{width:330px;}
.application li abbr{width:800px;margin-right:20px;display:inline;}
.application li a{display:block;}
.application li .l{display:inline-block;width:40px;height:1px;background:#00a2ea;}
.application li .m{width:140px;height:35px;line-height:35px;border:1px solid #ddd;}
.application li:hover{box-shadow: 0 0 15px #ccc;transition: 0.3s linear all;}
.application li:hover .m{color:#fff;border-color:#00a2ea;background:#00a2ea;transition: 0.3s linear all;}

.prolist .wrap{max-width:1500px;}
.prolist{z-index:1;padding:50px 0;}
.prolist li{float:left;width:32%;height:555px;margin:20px 2% 0 0;display:inline;background:#fff;overflow:hidden;transition: 0.3s linear all;}
.prolist li img,.prolist li .pic{height:430px;}
.prolist li .pic{border-bottom:1px solid #ddd;}
.prolist li a{display:block;}
.prolist li:nth-child(3n){margin-right:0;}
.prolist li span{display:inline-block;}
.prolist li span:nth-child(2){margin:0 20px;}
.prolist li:hover{color:#fff;background:#00a2ea;}
.prolist li:hover a,.prolist li:hover .co999{color:#fff;}
.prolist li:hover .pic{border-color:#00a2ea;}
.prolist li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}

.prol{width:50%;}/*
.prol .btn{position:absolute;bottom:0;z-index:9;height:60px;padding:0 5px;cursor:pointer;}
.prol .prev{left:0;}
.prol .next{right:0;}
.prol .btn i{position:relative;top:15px;}*/
.prol .gallery-top img{width:100%;height:530px;}
.prol .gallery-thumbs img{width:99%;height:160px;border:1px solid #ddd;}
.prol .gallery-thumbs .swiper-slide-thumb-active img{border:1px solid #00a2ea;}

.prol .btn{z-index:9;position:absolute;bottom:50px;color:#ccc;cursor:pointer;transition: 0.3s linear all;}
.prol .prev{left:-40px;}
.prol .next{right:-40px;}
.prol .btn.swiper-button-disabled{color:#eee;}

.pror{width:45%;}
.pror .desc{padding:20px 0;border-bottom:1px dashed #ccc;}
.pror .btn a{display:inline-block;width:125px;height:40px;line-height:25px;background:#fff;-webkit-border-radius:5px;border-radius:5px;}
.pror .btn a.bg2{margin:0 10px;background:#fff;}
.pror .btn a.bg3{background:#fff;}

.ptab{background:#00a2ea;}
.ptab dt li.fr{padding-left:40px;}
.ptab dt a{color:#fff;}
.ptab dd li{float:left;height:50px;line-height:50px;padding:0 60px;margin-right:5px;color:#fff;background:#0071a3;cursor:pointer;}
.ptab dd li.on{color:#333;background:#fff;}

.pcon1,.pcon2{padding:2rem 0;}
.pcon1 li{display:inline-block;width:210px;height:100px;text-align:center; vertical-align:top;border-left:1px solid #ddd;}
.pcon1 li:nth-child(1){border:none;}
.pcon1 li .t{font-size:60px;}
.pcon2 dt{display:none;}

.xing a{display:inline-block;width:18%;margin:0 1.5% 5px 0;text-align:center;border:1px solid #ddd;border-radius:3px;}
.xing a.cur{color:#fff;background:#00b3d5;}
.canshu ol{display:block;width:200px; margin-bottom:15px;}
.canshu li{float:left;width:100%;height:36px;line-height:36px;border-bottom: 1px solid #eee;background:#fff;}
.canshu li:nth-child(2n){background:#eee;}
.canshu li span{display:inline-block;width:80%;background:#333;}
.canshu li:nth-child(1){background:none; font-weight:bold; font-size:18px;}
.canshu .b li:nth-child(1) span{background:#0079af;}
.canshu .cur li:nth-child(1) span{background:#0071a3;}
.canshu .cur li:nth-child(2n){background:#ccc;}

.otherpro dt{line-height:45px;border-bottom:1px solid #ddd;}
.otherpro dt span{padding:0 20px;background:#00a2ea;}

.otherpro dd{width:90%;margin-left:5%;}
.otherpro .btn{position:absolute;top:20%;color:#ccc;cursor:pointer;transition: 0.3s linear all;}
.otherpro .sprev{left:-6%;}
.otherpro .snext{right:-6%;}
.otherpro .btn i{position:relative;top:10px;}

.acon{padding:2rem 5%;}
.acon .desc{height:2.5rem;border-bottom:1px solid #dedede;}
.acon .s{padding:0 10px;color:#ccc;}
.maxpic img{max-width:100%;}

.prenext{padding:0.5rem 0;border-top:1px solid #ddd;}
/*
.aboutt font{display:inline-block;line-height:22px;padding-left:15px;border-left:5px solid #00a2ea;}

.about1{padding-bottom:30px;}
.about1 dt{width:350px;padding-left:110px;}
.about1 dt em{position:absolute;bottom:10px;left:0;width:90px;height:1px;background:#000;}
.about1 dt abbr{position:absolute;bottom:0px;left:110px;}
.about1 em.bg{z-index:1;position:absolute;bottom:0;left:0;width:90%;height:300px;background:#f7f7f7;}
.about1 dd{width:695px;height:350px;padding:3px;box-shadow: 0 0 10px #999;}
.about1 dd:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}
.about1 .wrap{z-index:2;}

.about2 .wrap{width:1200px;}
.about2 dt{width:900px;}
.about2 dd{width:270px;margin-top:100px;}
.about2 dd .l{height:1px;background:#eee;}

.about3 .bg{width:90%;margin:50px auto;}
.about3 ul {padding: 15px;line-height: 1em;background: url(../images/about3.jpg) no-repeat center;background-size: cover;}
.about3 li{border: 15px solid #fff;overflow: hidden;}
.about3 li img{height:225px;}
.about3 .btn{position:absolute;top:50%;margin-top:-55px;color:#ccc;cursor:pointer;transition: 0.3s linear all;}
.about3 .sprev{left:-6%;}
.about3 .snext{right:-6%;}
.about3 .btn i{position:relative;top:10px;}
.about3 .btn:hover{color:#00a2ea;}

.about4{padding:30px 0;}
.about4 .swiper-container{padding:4rem 0;}
.about4 a{display:block;}
.about4 a:nth-child(2){display:none;}
.about4 .btn{position:absolute;top:50%;margin-top:-55px;padding: 3px 15px;border: 1px solid #ccc;background: #ddd;cursor:pointer;-webkit-border-radius: 5px;border-radius: 5px;transition: 0.3s linear all;}
.about4 .sprev{left:-5%;}
.about4 .snext{right:-5%;}
.about4 .btn:hover{color:#00a2ea;}
.about4 .swiper-slide-active{transform: scale(1.4);z-index:9999;}
.about4 .swiper-slide-active a:nth-child(2){display:block;}

.about5 dd{padding-bottom:50px;}
.about5 dd li .ipt{width:28%;height:50px;line-height:50px;padding:0 1%;border:1px solid #ccc;}
.about5 dd li textarea{width:98%;height:110px;padding:10px 1%;border:1px solid #ccc;}
.about5 dd li .btn{width:130px;height:40px;line-height:40px;border:0;background:#00a2ea;cursor:pointer;}
.about5 dd li img{position:relative;top:15px;height:40px;cursor:pointer;}
*/
.aboutt{height:90px;}
.aboutt .l{display:inline-block;width:45px;height:1px;background:#000;}

.about3 .bg{width:90%;margin:50px auto;}
.about3 ul {height:350px;padding:2rem;}
.about3 ul img{width:100%;height:300px;margin-bottom:20px;}
.about3 .pg{}
.about3 .swiper-pagination-bullet{width:12px;height:12px;margin:0 5px;background:#666;opacity: 1;}
.about3 .swiper-pagination-bullet-active{background:#de4721;}

.about4 .swiper-container{padding:2rem 0;}
.about4 a{display:block;}
.about4 .btn{position:absolute;z-index:3;top:50%;margin-top:-2.5rem;padding:10px 15px;cursor:pointer;}
.about4 .sprev{left:30%;}
.about4 .snext{right:30%;}
.about4 .btn:hover{color:#00a2ea;}
.about4 .swiper-slide-active{transform: scale(1.2);z-index:9999;}

.about5{padding:2rem 0;}


/* 栏目页分页 */
.pages{padding:2rem 0;}
.pages a{padding:6px 12px;margin:0 5px;color:#333;background:#f5f5f5;}
.pages a:hover, .pages a.page-num-current{color:#fff;background:#00a2ea;}

/*在线客服*/
.contactusdiyou {position:fixed;right:-230px;bottom:0px;_position:absolute;width:230px;height:100%;background:#00b3d5;z-index:99999999999;_margin-bottom:0px;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));transition:all .5s ease;color:#fff;}
.contactusdiyou a {color:#fff;}
.contactusdiyou a:hover {color:#333;}
.contactusdiyou .hoverbtn {width:50px;height:129px;padding-top:20px;cursor:pointer;position:absolute;top:30%;margin-top:-66px;left:-50px;font-size:20px;color:#fff;background:#00b3d5;-webkit-border-radius:3px 0px 0px 3px;-moz-border-radius:3px 0px 0px 3px;-o-border-radius:3px 0px 0px 3px;border-radius:3px 0px 0px 3px;}
.contactusdiyou .hoverbtn span {width:50px;height:25px;line-height:25px;text-align:center;overflow:hidden;float:left;}
.contactusdiyou .hoverbtn .hoverimg {width:13px;height:9px;margin:10px 0px 0px 17px;float:left;display:inline;background-repeat:no-repeat;}
.contactusdiyou .conter {width:186px;height:700px;margin-left:22px;position:absolute;top:38%;margin-top:-300px;}
.contactusdiyou .conter .con1 dl.ic1 dt {background:url(../images/tel3.png) no-repeat;}
.contactusdiyou .conter .con1 dl.ic2 dt {background:url(../images/zxkfqq.png) no-repeat;}
.contactusdiyou .conter .con1 dl.ic3 dt {background:url(../images/weixin.png) no-repeat;}
.contactusdiyou .conter .con1 {border-bottom:1px solid #fff;padding-bottom:30px;margin-bottom:30px;}
.contactusdiyou .conter .con1 dl dt {background:url(../images/tel3.png) no-repeat;padding-left:40px;height:31px;line-height:31px;font-size:16px;color:#fff;font-weight:bold;padding-bottom:6px;}
.contactusdiyou .conter .con1 dl dd {padding-left:40px;}
.contactusdiyou .conter .con1 dl dd .ph_num {font:18px 'Microsoft yahei';color:#fff;height:25px;}
.diyoumask {position:fixed;left:0;top:0;z-index:100000;width:100%;height:100%;opacity:0.3;filter:alpha(Opacity=30);background:#000;display:none;}

.kefuQQ span.SQ a {background:#333;color:#fff;margin-bottom:5px;}
.kefuQQ span.SQ a:hover {background:#F00;color:#fff;}
.kefuQQ span.QQ a {background:url(../images/kf3.png) 10px center no-repeat #333;}
.kefuQQ span.QQ a:hover {background:url(../images/kf3.png) 10px center no-repeat #F00;}

.wpa-container {text-align:center;display:inline-block;*zoom:1;*display:inline;width:94px;height:28px;line-height:28px;text-decoration:none;border:1px solid #333;border-radius:2px;font-size:14px;font-family:"microsoft yahei";}
.theme-1 {background:#fff;color:#1e2330;}
.theme-1 .iconqqs {background:url("../images/kf2.png") no-repeat;background-size:20px 20px;display:inline-block;*zoom:1;*display:inline;vertical-align:middle;width:20px;height:20px;margin-right:3px;}


.vid-wrap{
    width:100%;background: #000;
    position:relative;
    padding-bottom:56.25%;    /*需要用padding来维持16:9比例,也就是9除以16*/
    height: 0;
}
.vid-wrap video{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%
}
.quyucontent{ padding:77px 0; background:#f4f6f5;}
.quyucontent .am-container{ max-width:1236px;}
.quyucontent .qpic{ width:530px; height:344px; }
.quyucontent .qpic img{ width:100%; height:100%; border-radius:6px;}
.quyucontent .txt{ width:500px; padding-top:20px;}
.quyucontent .txt h2{ font-size:24px; margin-bottom:30px;}
.quyucontent .txt .tyi{ font-size:14px; line-height:24px; height:144px; overflow:hidden;}
.quyucontent .wrap:before,.quyucontent .wrap:after{ content:""; display:block; clear:both;}

.ygg_a{ margin-top:30px;}
.ygg_a a{display: inline-block;margin-bottom: 10px;background: #01458e;padding: 12px 45px;border-radius: 25px;font-size: 15px; color:#fff; margin-right:20px;}
.ygg_a a.qql{ background:#d40000;}
.ygg_a a.mobi{padding: 12px 25px;}