html {
    -webkit-text-size-adjust: none;font-size:20px;
}
@media (max-width:640px){
html{font-size:16px;}
}
body{color:#555;font-size:0.7rem;font-family:"Arial";/*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:#555;}a:hover{}.over{transition: 0.3s linear all;}.point,.mouse{cursor:pointer;}
.cl{ clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.ov{overflow:hidden;}.sj{text-indent:2em;}
.fl{float:left;}.fr{float:right;}.ov{overflow:hidden}.posi{position:relative;}.ab{position:absolute;}.over{transition: 0.3s linear all;}
.bold{font-weight:bold;}.cen{text-align:center;}.txtl{text-align:left;}.txtr{text-align:right;}.vtop{vertical-align:top;}.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;}.font48{font-size:2.4rem;}
.block{display:block}.inblock{display:inline-block;}.outline{outline:none;}
.wap{display:none;}
@media (max-width:640px){
.font18{font-size:16px;}.font20{font-size:18px;}.font24{font-size:20px;}.font30{font-size:24px;}
}
.co000{color:#000;}.co333{color:#333;}.co666{color:#666;}.co999{color:#999;}.blue{color:#0099cb;}.yel{color:#f36d17;}.fff{color:#fff;}.red{color:#dd2226;}.green{color:#00644e;}.coccc{color:#ccc;}
.daxie{text-transform:uppercase;}.daxie_{text-transform:capitalize;}.lh{line-height:1.8;}.yahei{font-family:"Arial";}
.hide{ display:none;}
.wrap{width:100%;max-width:1420px;margin:0 auto;}.wrap2{width:80%;margin:0 auto;}.wrapin{width:82%;margin:0 auto;}.w{width:100%;}.h100{height:100%;}
.baibg{background:#fff;}.huibg{background:#f4f4f4;}

.pad10{padding:10px 0;}.pad20{padding:20px 0;}.pad30{padding:30px 0;}.pad50{padding:50px 0;}

.header{z-index:99;position:fixed;top:0;left:0;}
.header a{color:#fff;}
.logo{top:25px;left:7.5%;}

.header dd{height:85px;}
.header.scroll{background:rgba(255,255,255,1);}
.header.scroll a{color:#333;}
.header.scroll .p1{display:none;}
.header.scroll .p2{display:block;}
.header.scroll .searbtn{color:#f36d17;}
.header.scroll .nav li ul a{color:#fff;}

.searbtn{margin:0px 30px 0 20px;}
.sear{display:none;top:85px;right:0px;z-index:100;width:250px;padding:5px;padding-left:10px;background:#f8f8f8;}
.sear .ipt{width:200px;height:30px;line-height:30px;border:none;background:fff; outline:none;}
.sear button{padding:10px;border:none;background:none;cursor:pointer;}


.nav{margin-right:60px;}
.nav li{float:left;line-height:85px;}
.nav li a{display:block;padding:0 25px;position:relative;}
.nav li a.on,.nav li a.cur,.nav li a:hover{color:#f36d17;}
.nav li a.on:before,.nav li a.cur:before,.nav li a:hover:before{content:"";position:absolute;bottom:0px;left:50%;margin-left:-10px;width:20px;height:2px;background:#f36d17;}
/*子菜单*/
.nav li ul{display:none;z-index:9;top:85px;left:0;line-height:normal;padding:15px 0;background:#2d97d3;}
.nav li ul a{display:inline-block;width:8%;color:#fff;vertical-align:top;}
.nav li ul a .h{height:65px;}
.nav li ul a:hover{}
.nav li ul a:before{display:none;}

.drop{width:18px;}
.drop i{display:block;width:100%;height:4px;background:#fff;position:relative;margin-top:2px;transition: 0.1s linear all;}
.drop i:nth-child(1){margin-top:35px;}
.drop.on i:nth-child(2){opacity: 0;}
.drop.on i:nth-child(1){-webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);}
.drop.on i:nth-child(3){-webkit-transform: translateY(-12px) rotate(45deg);
    -ms-transform: translateY(-12px) rotate(45deg);
    transform: translateY(-12px) rotate(45deg);}
.subnav{display:none;position:absolute;right:0;top:85px;z-index:9;background:#fff;/*box-shadow: 0 10px 20px #ccc;*/}
.subnav dt{float:left;width:100%;height:2.5rem;line-height:2.5rem;border-top:1px solid #ddd;background:rgba(255,255,255,1);}
.subnav dt a{display:block;padding-left:2%;color:#333;}
.subnav dt i{padding:0.8rem 2%;}
.subnav dt.on i{transform: rotateZ(180deg);
    transform-origin: 50% 50%;
	-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);}
.subnav dd{display:none;float:left;width:100%;height:auto;background:#f5f5f5;}
.subnav dd li{float:left;width:100%;height:35px;line-height:35px;border-top:1px solid #ddd;}
.subnav dd li a{display:block;padding-left:4%;color:#333;}


/*banner*/
#banner .swiper_t{z-index:5;bottom:2rem;left:0;}
#banner .btn{z-index:5;top:50%;margin-top:-23px;width:45px;height:45px;border:1px solid rgba(255,255,255,.9);-webkit-border-radius:50%;border-radius:50%;}
#banner .prev0{left:5%;}
#banner .next0{right:5%;}
#banner .btn:hover{border-color:#43b2c6;background:#43b2c6;}

.justify{text-align:justify;text-justify:distribute-all-lines; /* for ie */}
.justify:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.flex{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;align-items:center;-webkit-align-items: center;justify-content:center;}
.flex img{max-width:100%;max-height:100%;}

.hover li:hover img,.hover .li:hover img,.hover2 li:hover .pic,.hover2 .li:hover .pic{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}

.icona li{width:22%;height:284px;}
.icona li:first-child{width:39%;height:578px;}
.icona li:nth-child(2){width:38%;height:578px;margin:0 0.5%;}
.icona li:nth-child(3){margin-bottom:8px;}
.icona li abbr{bottom:5%;left:0;}
.icona li abbr p{padding:0 5%;}
.icona li img{max-width:85%;max-height:85%;}

.icona2 li{width:10%;color:#ccc;background: url(../images/icona2.png) no-repeat;background-size:100% 100%;}
.icona2 li .h{height:70px;}
.icona2 li.cur{color:#fff;background-image: url(../images/icona2s.png);}
.icona2 li.cur .p1{display:none;}
.icona2 li.cur .p2{display:block;}


.iconb{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0));}
.iconb ul{width:50%;}
.iconb ul.ab{bottom:0;left:0;background:#f4f7fc;}
.iconb ul.ab p{padding-left:55px;}
.iconb ul.ab span{width:40%;background: url(../images/iconb1.png) 0 10px no-repeat;}
.iconb ul.ab span:nth-child(2){background: url(../images/iconb2.png) 0 10px no-repeat;}
.iconb ul.ab span:nth-child(3){background: url(../images/iconb3.png) 0 10px no-repeat;}
.iconb ul.ab span:nth-child(4){background: url(../images/iconb4.png) 0 10px no-repeat;}

.iconc{padding:80px 0 150px;background: url(../images/iconc.jpg) center bottom no-repeat;}
.iconc dt{width:60%;}
.iconc dt .li{background:rgba(255,255,255,.9);}
.iconc dt .li .pic{width:65%;height:465px;}
.iconc dt .li abbr{width:35%;}
.iconc dt .li abbr p{padding:0 30px;}

.iconc dd{width:39%;}
.iconc dd li{width:38.5%;height:145px;padding:0 5%;background:rgba(255,255,255,.9);}
.iconc dd li .l{width:30%;}
.iconc dd li .m{width:60%;}
.iconc dd li .r{width:10%;}
.iconc dd li .r i{top:-20px;}
.iconc dd li:nth-child(2n){float:right;}
.iconc dd li:nth-child(n+3){margin-top:15px;}
.iconc dd li.cur{color:#fff;background:#f36d17;}
.iconc dd li.cur .p1{display:none;}
.iconc dd li.cur .p2{display:block;}

.iconc .btn{z-index:9;top:50%;margin-top:-25px;width:50px;height:50px;background:#fff;-webkit-border-radius:50%;border-radius:50%;}
.iconc .prevc{left:-70px;}
.iconc .nextc{right:-70px;}
.iconc .btn:hover{color:#fff;background:#f36d17;}

.icond .li{padding-bottom:40px;}
.icond .li p{padding:0 40px;}
.icond .li .h{height:60px;}
.icond .btn{z-index:9;top:50%;margin-top:-25px;width:50px;height:50px;border:1px solid #ccc;-webkit-border-radius:50%;border-radius:50%;}
.icond .prevd{left:-70px;}
.icond .nextd{right:-70px;}
.icond .btn:hover{color:#fff;background:#f36d17;}

.icone{background: url(../images/icone.jpg) right top no-repeat;}
.icone dt{width:30%;height:525px;}
.icone dt img{height:300px;}
.icone dt p{padding:0 40px;}

.icone dd{width:67%;}
.icone dd p{padding:0 60px;}
.icone dd li:first-child{margin:0;}
.icone dd i{right:60px;top:50%;margin-top:-7px;}

.iconf{background: url(../images/iconf.jpg) center no-repeat;background-size:100% 100%;}
.iconf a{min-width:180px;line-height:30px;padding:10px 20px;border:2px solid #fff;}
.iconf a img{margin-right:0px;}
.iconf .ml{margin-left:20px;}


.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;*/}
}

.footbg{background:#2a2d3e;}

.foot1 ul{width:11%;}
.foot1 ul.w2{width:15%;margin-right:2%;}
.foot1 ul.w2 a{width:48%;}

.foot1 ul.wx{width:auto;}
.foot1 ul.lx{width:30%;margin-right:2%;background:url(../images/tel2.png) 0 0px no-repeat;}
.foot1 ul.lx p{padding-left:50px;}

.foot2{border-top:1px solid rgba(255,255,255,.2);}

.where{margin-top:-75px;}
.where li.a a{padding:0 10px;color:#fff;}
.where li.b{height:90px;line-height:90px;-webkit-border-radius:10px;border-radius:10px;box-shadow: 0 5px 10px rgba(0,95,255,.2);}
.where li.b a{margin-left:50px;}


.caselist li{width:31%;margin:25px 3.5% 25px 0;-webkit-border-radius:15px;border-radius:15px;}
.caselist li .pic{height:330px;}
.caselist li p{padding:0 30px;}
.caselist li abbr{padding:25px 0;bottom:0px;left:0;background-image: linear-gradient(to top, #0c8ebf, rgba(255, 0, 0, 0));}
.caselist li abbr.bg{padding:20px 0;color:#333;background:#eee;}
.caselist li:nth-child(3n){margin-right:0;}
.caselist li:hover abbr{color:#fff;background:#0c8ebf;}
.caselist li:hover abbr.bg .p1{display:none;}
.caselist li:hover abbr.bg .p2{display:block;}

.bt{padding-bottom:10px;border-bottom:1px solid #ddd;}

.fangan li.fl{width:52%;}
.fangan li.fr{width:45%;}

.psort li{width:10%;padding:10px 0 30px;color:#ccc;background: url(../images/psort1.png) no-repeat;background-size:100% 100%;}
.psort li .h{height:70px;}
.psort li.cur{background-image: url(../images/psort1s.png);}
.psort li.cur a{color:#fff;}
.psort li.cur .p1{display:none;}
.psort li.cur .p2{display:block;}

.prolist li{width:31%;margin:20px 3.5% 20px 0;padding-bottom:30px;-webkit-border-radius:15px;border-radius:15px;transition: 0.3s linear all;}
.prolist li .pic{height:320px;}
.prolist li img{max-width:95%;max-height:95%;}
.prolist li:nth-child(3n){margin-right:0;}
.prolist li p{padding:0 50px;}
.prolist li:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}
.prolist li:hover a{color:#0099cb;}

.probg{background:#f8f8f8;}
.probg .header{position:static;background:#2d97d3;}
.probg .where{height:73px;border-bottom:2px solid rgba(255,255,255,.5);background:none;}

.pro1{width:48%;}
.pro1 .gallery-top img{max-width:100%;max-height:500px;}
.pro1 .gallery-thumbs img{width:96%;height:100px;border:2px solid #ddd;-webkit-border-radius:8px;border-radius:8px;}
.pro1 .gallery-thumbs .swiper-slide-thumb-active img{border:2px solid #00a2ea;}

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


.pro2{width:48%;border:1px solid #fff;box-shadow: 0 0px 10px rgba(0,0,0,.3);}
.pro2 .wrapin{width:90%;}
.pro2 dt{margin:3px 0;border:1px solid #eee;}
.pro2 dt p{padding:0 40px;}
.pro2 dt .fa-arrow-up,.pro2 dt.cur .fa-arrow-down{display:none;}
.pro2 dt.cur{background:#eee;}
.pro2 dt.cur .b{display:block;}
.pro2 dt.cur .fa-arrow-up{display:block;color:#f30;}

.xing a{width:23%;line-height:30px;margin:0 1% 10px 0;color:#666;border:1px solid #ccc;-webkit-border-radius:5px;border-radius:5px;}
.xing a:nth-child(4n){margin-right:0;}
.xing a.cur{color:#fff;background:#00b3d5;}

.canshu ol{display:block;width:200px; margin-bottom:15px;}
.canshu li{float:left;width:100%;height:45px;line-height:45px;margin-bottom:5px;background:#fff;}
.canshu li:nth-child(2n){background:#eee;}
.canshu li span{display:inline-block;width:100%;color:#333;background:#fbebc7;}
.canshu li:nth-child(1){height:60px;line-height:60px;background:none; font-weight:bold; font-size:18px;}
.canshu .cur li:nth-child(1) span{background:#00b9fe;}
.canshu .cur li:nth-child(2n){background:#ccc;}

.down a{width:50%;height:70px;line-height:70px;background-image: linear-gradient(to right, #078ec0, #00b9fe);}
.down a img{height:30px;margin:20px 20px 0 80px;}

.prot{line-height:60px;border-bottom:1px solid #ddd;}
.prot dt a{padding:0 5px;}
.prot dd a{padding-left:40px;}
.prot dd a.cur,.prot dd a:hover{color:#0099cb;}

.tit2{background:url(../images/tit.png) no-repeat;}
.tit2 p{padding:10px 0 0 20px;}

.pro3{width:96%;padding:30px 2%;border:1px solid #ddd;}
.pro3 dt li{line-height:35px;padding:0 5px;margin:0 2rem;}
.pro3 dt li.on{color:#333;border-bottom:4px solid #0897c3;}

.pro4 li{padding-bottom:30px;background:url(../images/probg.jpg) 0 0 repeat-x #f7f7f7;transition: 0.3s linear all;}
.pro4 li .pic{height:320px;background-image: linear-gradient(to top, rgba(255,255,255,.9), rgba(255,255,255,0));}
.pro4 li img{max-width:95%;max-height:95%;}
.pro4 li:nth-child(3n){margin-right:0;}
.pro4 li p{padding:0 50px;}
.pro4 .btn{z-index:9;top:50%;margin-top:-23px;width:45px;height:45px;color:#999;border:1px solid #ddd;-webkit-border-radius:50%;border-radius:50%;}
.pro4 .prev4{left:-80px;}
.pro4 .next4{right:-80px;}
.pro4 .btn:hover{color:#f30;background:#yel;}

.newstop li .pic{width:40%;height:360px;}
.newstop li .zi{width:56%;}
.newstop li p{padding-right:70px;}
.newstop li p.date{line-height:20px;padding-left:22px;background:url(../images/date.png) 0 2px no-repeat;}
.newstop li p.h{height:80px;}
.newstop .btn{position:absolute;z-index:9;bottom:100px;width:70px;height:38px;border:1px solid #3ab4c3;-webkit-border-radius:20px;border-radius:20px;}
.newstop .prev{left:44%;}
.newstop .next{left:50%;}

.newslist li{width:32%;margin:0 2% 30px 0;padding-bottom:30px;}
.newslist li:nth-child(3n){margin-right:0;}
.newslist li img{height:299px;}
.newslist li p{padding:0 35px;}
.newslist li p.pl{padding-left:60px;}
.newslist li p.h1{height:22px;}
.newslist li p.h2{height:40px;}
.newslist li p.ico1:before{content:"";position:absolute;top:0px;left:35px;width:16px;height:16px;background:url(../images/date.png) no-repeat;}
.newslist li p.ico2:before{content:"";position:absolute;top:10px;left:35px;width:15px;height:2px;background:#3ab4c3;}
.newslist li:hover a{color:#3ab4c3;}

.lx1 dt{width:46%;}
.lx1 dt p.t{padding:15px 0 15px 30px;border-bottom:1px dashed #ddd;}
.lx1 dt .ico{left:0;top:15px;}
.lx1 dd{width:40%;}

.lx2 li{width:22%;box-shadow: 0 3px 10px rgba(0,0,0,.1);}

.lx3 dt .l{width:50px;height:4px;background:#333;}
.lx3 li{width:49%;}
.lx3 li .ipt{width:94%;padding:0 3%;height:45px;line-height:45px;border:none;}
.lx3 li textarea{width:97%;padding:15px 1.5%;height:120px;border:none;}
.lx3 li .btn{height:42px;line-height:42px;border:none;background:#333;}
.lx3 li.y .ipt{width:75%;}
.lx3 li.y img{width:19%;height:45px;}

.about1 dt{width:46%;}
.about1 dd{width:50%;}
.about1 .l{width:130px;height:2px;background:#0099cb;}

.about2 li{width:18%;}

.about3{background:#f5f6f8;}
.about3 dl{background:url(../images/about3s.png) no-repeat;}
.about3 dt{width:68%;line-height:2.2;}
.about3 dd{width:26%;}

.slick-list{width:76%;height:700px;padding:0 12%;background-size:100% 100%;transition:background-image .4s ease-in-out;}
.slick-slide,.slick-track{display:flex;height:100%}
.slick-slide{align-items:center;color:#fff;flex:1;position:relative}
.qmzlgl{display:flex}
.ibusiness-item__body{height:0;opacity:0;overflow:hidden;transition:all .6s ease-in-out}
.slick-slide:hover .ibusiness-item__body{height:200px;opacity:1}
.ibusiness-item__txt{padding:0 35px;position:relative}
.slick-slide:hover .ibusiness-item__txt:before{opacity:1}
.ibusiness-item__txt:before{background-color:#ffb900;content:"";height:28px;left:-1px;opacity:0;position:absolute;transition:all .6s ease-in-out;width:2px}
.slick-slide h3{font-size:24px}
.slick-slide h3,.slick-slide h4{font-family:var(--font-family-Han);font-weight:400}
.slick-slide h4{color:#fff;font-size:18px;margin:50px 0 20px;}
.slick-slide .it-h4{line-height:2;}
.slick-slide p{color:#fff;font-family:var(--font-family-Han);font-size:14px;font-weight:400;line-height:2;}
.honorList2-sub-tit{align-items:center;display:flex;flex-direction:column;margin-top:50px;width:100%}
.honorList2-sub-tit p{width:100%}
.slick-track .slick-slide:first-child:before{left:0}
.slick-slide:after,.slick-track .slick-slide:first-child:before{background-color:#9aa7b5;content:"";height:100%;opacity:.6;position:absolute;width:2px}
.slick-slide:after{right:0}.honorList{display:flex;flex-wrap:wrap;margin-top:50px}

.about5 dd li{width:14%;height:100px;border-right:1px solid #eee;}
.about5 dd li img{max-width:95%;max-height:95%;
 -moz-opacity:0.1; opacity: 0.6;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.about5 dd li:hover img{
-moz-opacity:1; opacity:1;
filter:none;
}
.about5 dd li:nth-child(7n){border:none;}




/*-----------*/
#certify {position: relative;width: 1600px;margin: 0 auto}
#certify .swiper-container {padding-bottom: 60px;}
#certify  .swiper-slide {width: 550px;height: 400px;background: #fff;box-shadow: 0 8px 30px #ddd;}

.acon .desc{line-height:50px;border-bottom:1px solid #dedede;}
.acon .sp{padding:0 20px;}
.maxpic img{max-width:100%;}

.prenext{padding:0.5rem 0;border-top:1px solid #ddd;}


.honorlist li{float:left;width:30%;padding-bottom:30px;margin:20px 5% 20px 0;background:#f7f7f7;}
.honorlist li img{height:600px;}
.honorlist li p{padding:0 50px;}
.honorlist li .ico{top:-10px;}
.honorlist li .ico img{height:80px;}
.honorlist li:nth-child(3n){margin-right:0;}
.honorlist li .v{top:50%;left:50%;margin:-32px 0 0 -32px;height:auto;}

.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%
}

.psear{line-height:normal;padding:13px 0;}
.psear .ipt{width:430px;padding:0 20px;line-height:45px;border:1px solid #ddd;border-right:none;}
.psear button{width:155px;height:47px;line-height:47px;border:0;background: #f30;}
.psear button i{top:3px;}


.aboutt{height:90px;}
.aboutt .l{display:inline-block;width:45px;height:1px;background:#000;}


.about5 .pg{}

.qalist dt{width:70%;}
.qalist dt li{float:left;width:100%;padding:40px 0;border-bottom:1px solid #eee;overflow:hidden;}
.qalist dt li img{width:190px;}
.qalist dt li abbr{width:100%;}
.qalist dt li a{display:block;}
.qalist dt li .r{padding-right:20px;}

.qalist dd{width:23%;padding:20px 1.5%;border:1px solid #eee;}
.qalist dd .t{height:40px;border-bottom:1px solid #eee;}
.qalist dd li{float:left;width:100%;padding:20px 0;border-bottom:1px solid #eee;overflow:hidden;}
.qalist dd li img{width:40%;}
.qalist dd li abbr{width:56%;}
.qalist dd l a{display:block;}
.qalist dd li:last-child{border:none;}

.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:450px;}
.honorcase li a{display:block;}
.honorcase li a:nth-child(2){margin:10px 0;}
.honorcase li:hover{box-shadow: 0 0 15px #ccc;}


.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;}





.prol{width:42%;}/*
.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:80px;border:1px solid #ddd;-webkit-border-radius:8px;border-radius:8px;}
.prol .gallery-thumbs .swiper-slide-thumb-active img{border:1px solid #00a2ea;}

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

.pror{width:43%;padding:40px 4%;background:#eee;-webkit-border-radius:30px;border-radius:30px;}
.pror .pl{padding-left:80px;}
.pror .pl abbr{left:0;top:0;}
.pror .btn a{display:inline-block;width:125px;height:40px;line-height:25px;-webkit-border-radius:5px;border-radius:5px;}
.pror .btn a.bg2{margin:0 10px;background;}
.pror .btn a.bg3{background;}


.pcon{border-top:1px solid #ddd;}

.pcon2 li{float:left;width:44%;padding:20px 2%;border:1px solid #ddd;}
.pcon2 li a{display:block;}
.pcon2 li span{width:135px;height:50px;line-height:50px;border:1px solid #ddd;-webkit-border-radius:25px;border-radius:25px;}

.otherpro dt .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;}
.otherpro dt .swiper-pagination-bullet-active{background:#777;}

.otherpro dd li{width:93%;padding:20px 3%;border:1px solid #ddd;}
.otherpro dd li a{display:block;}
.otherpro dd li .pic{height:320px;display:flex;align-items:center;justify-content:center;}
.otherpro dd li .pic img{max-height:100%;max-width:100%;}



/*join no user*/
.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;}


.join2 abbr{top:30%;left:0;}
.join2 abbr .l{display:inline-block;width:120px;height:5px;background:#00a2ea;}
.join2 abbr a{display:block;width:170px;line-height:40px;border:1px solid #fff;}
.join2 abbr a:hover{border-color:#00a2ea;background:#00a2ea;}


.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;}

/* 栏目页分页 */
.pages{padding:2rem 0;}
.pages a{display:inline-block;width:50px;line-height:50px;margin:0 5px;color:#666;border:1px solid #ccc;-webkit-border-radius:50px;border-radius:50px;}
.pages a:hover, .pages a.page-num-current{color:#fff;border-color:#0897c3;background:#0897c3;}

/*在线客服*/
.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:"Arial";}
.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;}


.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;}