@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i | Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i | Hind:300,400,500,600,700');
html {
    -webkit-text-size-adjust: none;font-size:20px;
}
@media (max-width:800px){
html{font-size:16px;}
}
body{color:#333;font-size:0.7rem;font-family:"microsoft yahei";/*behavior:url("csshover.htc");*/}
.mttop{margin-top:85px;}
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,.mouse{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;}.ab{position:absolute;}.over{transition: 0.2s 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;}.font28{font-size:1.4rem;}
.font30{font-size:1.5rem;}.font34{font-size:1.7rem;}.font36{font-size:1.8rem;}.font40{font-size:2rem;}.font48{font-size:2.4rem;}
.block{display:block}.inblock{display:inline-block;}.outline{outline:none;}
.font_t{font-family: 'Montserrat', sans-serif;}

@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:#2062b3;}.yel{color:#fb3300;}.fff{color:#fff;}.red{color:#dd2226;}.hop{color:#0079af;}.green{color:#18714e;}.coccc{color:#9e9e9e;}
.daxie{text-transform:uppercase;}.daxie_{text-transform:capitalize;}.lh{line-height:1.8;}.st{font-family:"microsoft yahei";}.en{font-family:Georgia, "Times New Roman", Times, serif;}
.hide{ display:none;}
.wrap{width:100%;max-width:1640px;margin:0 auto;}.wrapin{width:88%;margin:0 auto;}.wrapin2{width:95%;margin:0 auto;}.w{width:100%;}.h100{height:100%;}
.maxw{max-width:1470px;}
.baibg{background:#fff;}.huibg{background:#f5f5f5;}
.maxpic img{max-width:100%;max-height:100%;}

@media (max-width:800px){
.wrapin .wrapin{width:100%;}
}
.pad10{padding:10px 0;}.pad20{padding:20px 0;}.pad30{padding:30px 0;}.pad50{padding:2.5rem 0;}

.header{z-index:99;position:fixed;top:0;left:0;height:4rem;}
.logo{top:0px;left:5%;}
.header dd{}

.header.scroll{height:4rem;background:rgba(255,255,255,1);}
.header.scroll a{}
.header.scroll .p1{display:none;}
.header.scroll .p2{display:block;}


.sear{display:none;top:4rem;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;}

.header .lang{margin-left:1.5rem;}

.nav li{float:left;height:4rem;line-height:4rem;padding:0 1.5rem;position:relative;}
.nav li a{display:block;color:#fff;position:relative;}
.nav li a span{z-index:3;}
/*.nav li a:before,.nav li a:after{content:"";position:absolute;top: 10px;width:7px;height:1px;background-color: #ffa500;transition: 0.2s linear all;-webkit-transform:scale(0);transform:scale(0)}
.nav li a:before{left: -19px;-webkit-transform-origin: right;transform-origin: right;}
.nav li a:after{right: -19px;-webkit-transform-origin: left;transform-origin: left;}*/
.nav li.on,.nav li:hover{background:#2062b3;}
.nav li.cur a:before{content:"";position:absolute;z-index:1;top:50%;left:0;width:100%;height:10px;background:#2062b3;}
.nav li.line{}
.nav li.line:before{content:"";position:absolute;top:50%;left:50%;width:1px;height:13px;margin-top:-6px;background:#fff;}
/*.nav li a.on:before,.nav li a.cur:before,.nav li a:hover:before,.nav li a.on:after,.nav li a.cur:after,.nav li a:hover:after{-webkit-transform:scale(1);transform:scale(1)}*/
/*子菜单*/
.nav li ul{display:none;z-index:9;top:4rem;left:0;width:200%;line-height:normal;padding:10px 0;background:#2062b3;}
.nav li ul a{padding:10px 0 10px 1.5rem;}
.nav li ul a:hover{}
.nav li ul a:before,.nav li ul a:after{display:none;}

.header.scroll .nav a{color:#333;}
.header.scroll .nav li.on a,.header.scroll .nav li:hover a{color:#fff;}
.header.scroll .nav li.line:before{background:#999;}
.header.scroll .fa-search,.header.scroll .fa-globe{color:#333;}

@media (max-width:1500px){
.nav li{padding:0 1rem;}
}
@media (max-width:1200px){
.nav{display:none;}
.drop{display:block;margin-left:1.5rem;}
}

.drop ul{width:20px;}
.drop i{display:block;width:100%;height:2px;background:#fff;position:relative;margin-top:5px;transition: 0.1s linear all;}
.drop i:nth-child(1){margin-top:0px;}
.drop.on i:nth-child(2){opacity: 0;}
.drop.on i:nth-child(1){-webkit-transform: translateY(10px) rotate(-45deg);
    -ms-transform: translateY(10px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg);}
.drop.on i:nth-child(3){-webkit-transform: translateY(-4px) rotate(45deg);
    -ms-transform: translateY(-4px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);}
.subnav{display:none;position:absolute;right:0;top:4rem;z-index:9;border-top:1px solid #eee;background:#fff;box-shadow: 0 10px 10px rgba(0,0,0,.2);}
.subnav a{color:#000;}
.subnav dt{float:left;width:100%;height:40px;line-height:40px;border-top:1px solid #eee;background:rgba(255,255,255,1);}
.subnav dt:first-child{border:none;}
.subnav dt a{display:block;padding:0 10px;}
.subnav dt i{padding:0.8rem 2%;}
.subnav dt.on{background:#e5f0f9;}
.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%;padding:10px 0;}
.subnav dd li{float:left;width:100%;height:35px;line-height:35px;}
.subnav dd li a{display:block;padding-left:30px;}

.header.scroll .drop i{background:#555;}
/*banner*/
.slide .btn{z-index:5;bottom:2rem;left:0;}
.slide .btn dd span{margin:0 5px;}
.slide .pg .swiper-pagination-bullet{width:12px;height:12px;margin:0 5px;background:#fff;opacity: 1;}
.slide .pg .swiper-pagination-bullet-active{background:#2062b3;}

.slide .animated-text {opacity: 0;transform: translateY(50px);transition: opacity 2s ease, transform 1s ease;}
.slide .swiper-slide-active .animated-text {opacity: 1;transform: translateY(0);}
@media (max-width:800px){
.pc{display:none;}
.wap{display:block;}
}



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

.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 ol{height:6rem;border-bottom:1px solid #ccc;}
.icona ul{width:13%;margin:0 1.5%;}
.icona ul .ico{height:3.5rem;}
.icona ul .t{height:2rem;}
.icona ul.cur{color:#000;}
.icona ul.cur .t:before{content:"";position:absolute;bottom:-0.5rem;left:0;width:100%;height:3px;background:#2062b3;}
@media (max-width:1000px){
.icona ol{height:auto;border-bottom:none;}
.icona ul{float:left;width:33.3%;margin:0 0 1rem;border-bottom:1px solid #ccc;}
.icona ul .t{height:3rem;}
.icona ul.cur .t:before{bottom:0rem;}
}
@media (max-width:800px){
.icona ul{width:50%;}
}

.iconb li{width:31%;margin-right:3.5%;padding-bottom:1rem;background:#f5f5f5;}
.iconb li:nth-child(3n){margin-right:0;}
.iconb li .pl{padding-left:1rem;}
.iconb li .pr{padding-right:0.6rem;}
.iconb li:hover{background:#2062b3;}
.iconb li:hover a,.iconb li:hover .yel{color:#fff;}
@media (max-width:1000px){
.iconb{margin-top:0;}
}
@media (max-width:800px){
.iconb li{width:100%;margin:0 0 1rem 0;}
}

.iconc{padding-top:3rem;background:url(../images/iconc.jpg) no-repeat;background-size:100% auto;} 
.iconc li{width:23.5%;background:#f6f7fc;}
.iconc li .t1{height:2rem;}
.iconc li .t2{height:4rem;}
.iconc li .t1:before{content:"";position:absolute;bottom:0;left:50%;width:1.8rem;height:2px;margin-left:-0.9rem;background:#2062b3;}
.iconc li:hover{box-shadow: 0 0px 15px rgba(0,0,0,.3);}
@media (max-width:1000px){
.iconc{padding-top:3rem;}
.iconc li{width:48.5%;margin-bottom:1rem;}
.iconc li .t2{height:auto;}
.iconc li .pic img{width:42%;}
}
@media (max-width:480px){
.iconc li{width:100%;}
}

.icond li{width:31%;margin:1rem 3.5% 1rem 0;padding-bottom:10px;background:#f5f5f5;}
.icond li:nth-child(3n){margin-right:0;}
.icond li .h{height:4rem;padding:0 2rem;}
.icond li:hover{background:#2062b3;}
.icond li:hover a,.iconb li:hover .yel{color:#fff;}
@media (max-width:800px){
.icond li{width:48%;margin:10px 0;}
.icond li:nth-child(2n){float:right;}
}

.icone{padding:4rem 0;background:#fafafa;} 
.icone li{border-bottom:1px solid #2062b3;}
.icone li p{padding-left:9rem;}
.icone li .l{top:2rem;left:0;width:9rem;}
.icone li .d{font-size:3rem;}
.icone li .fr{width:20rem;margin-left:5%;}
.icone li .fr img{width:80%;}
.icone li .m{top:50%;left:0;width:2.8rem;height:2.8rem;margin-top:-1.4rem;background:#2062b3;-webkit-border-radius:50%;border-radius:50%;}
.icone li.w2{width:49%;border-bottom:none;}
.icone li.w2:nth-child(2n){float:right;}
.icone li.w2 p{padding:0 6rem 0 9rem;}
.icone li.w2 .m{top:50%;left:auto;right:0;width:6rem;height:3rem;margin-top:-1.5rem;background:none;}
@media (max-width:1200px){
.icone li.w2{width:100%;}
}
@media (max-width:1000px){
.icone li p,.icone li.w2 p{padding:0 10px 0 6rem;}
.icone li .l{top:1rem;left:0;width:6rem;}
.icone li .fr,.icone li.w2 .m{display:none;}

}

.foot{background:#000;}
.foot dt{width:28%;}
.foot dt .ipt{width:38%;padding:0 5%;height:2.3rem;line-height:2.3rem;border:none;background:#5b5e63;}
.foot dt .msg{width:94%;padding:10px 3%;height:70px;border:none;background:#5b5e63;}
.foot dt .btn{height:2.3rem;line-height:2.3rem;border:none;background:#2063b4;}
.foot dd{width:62%;}
@media (max-width:1000px){
.foot dt{width:100%;}
.foot dd{display:none;}
}

.banner .pic{z-index:1;}
.banner abbr{z-index:2;left:0;top:0;}
@media (max-width:1000px){
.banner .pic{height:300px;}
.banner .pic img{height:300px;width:auto;}
}

.where{z-index:2;bottom:0;left:0;line-height:2.2rem;border-top:1px solid #d1d4e3;}
.where a{padding:0 10px;color:#999;}

.prosort{background:#f2f2f2;}
.prosort ol{height:6rem;}
.prosort ul{width:13%;margin:0 1.5%;}
.prosort ul .ico{height:3.5rem;}
.prosort ul .t{height:2rem;}
.prosort ul.cur .t:before{content:"";position:absolute;bottom:-0.5rem;left:0;width:100%;height:3px;background:#2062b3;}

.psnav{top:110%;left:0;display:none;}
.psnav a{padding:0 1rem;position:relative;}
.psnav a:before{content:"";position:absolute;top:6px;left:0;width:1px;height:10px;background:#ccc;}
.psnav a:first-child:before{display:none;}
.prosort ul.bold .psnav{display:block;font-weight:normal;}
@media (max-width:1000px){
.prosort ol{height:auto;}
.prosort ul{float:left;width:33.3%;margin:0 0 1rem;}
.prosort ul.cur .t:before{bottom:0rem;}
}

.prolist li{width:31%;margin:0.8rem 0;margin-right:3.5%;padding-bottom:1rem;background:#f5f5f5;}
.prolist li:nth-child(3n){margin-right:0;}
.prolist li .pl{padding-left:1rem;}
.prolist li .pr{padding-right:0.6rem;}
.prolist li .h{height:22px;}
.prolist li:hover{background:#2062b3;}
.prolist li:hover a,.prolist li:hover .yel{color:#fff;}
@media (max-width:800px){
.prolist{padding-top:1rem;}
.prolist li{width:100%;margin:0 0 1rem 0;}
.prolist li .h{height:auto;}
.psnav{top:105%;}
}
@media (max-width:640px){
.psnav{height:0;}
.prolist{padding-top:0;margin-top:1.5rem;}
}

.pro1{width:60%;}
.pro1 .swiper-slide-thumb-active{border:1px solid #2062b3;}
.pro1 .btn{z-index:5;top:50%;margin-top:-1.8rem;}
.pro1 .prev{left:10px;}
.pro1 .next{right:10px;}

.pro2{width:35%;}
.ptit{padding-bottom:10px;}
.ptit:before{content:"";position:absolute;bottom:-0rem;left:0;width:5.6rem;height:1px;background:#2062b3;}

.down{max-width:380px;height:3.5rem;background:#2062b3;-webkit-border-radius:5px;border-radius:5px;}
.down abbr{top:0;}
.down abbr.l{left:0;width:55px;}
.down abbr.r{right:0;width:70px;}
.down.bg2{background:#4ebbe9;}
@media (max-width:1000px){
.pro1,.pro2{width:100%;}
}

.caselist li{width:24%;padding-bottom:1rem;margin:1rem 1.3% 1rem 0;background:#fff;box-shadow: 0 8px 15px #eee;}
.caselist li img{height:360px;}
.caselist li p{padding:0 20px;}
.caselist li .h{height:20px;}
.caselist li:hover{background:#2062b3;box-shadow: 0 8px 15px #ccc;}
.caselist li:hover a{color:#fff;}
.caselist li:nth-child(4n){margin-right:0;}
@media (max-width:1000px){
.caselist li{width:31%;margin-right:3.5%;}
.caselist li:nth-child(4n){margin-right:3.5%;}
.caselist li:nth-child(3n){margin-right:0;}
}
@media (max-width:640px){
.caselist li{width:47%;margin-right:0;}
.caselist li:nth-child(2n){float:right;}
.caselist li:nth-child(4n){margin-right:0;}
}

.picsort{box-shadow: 0 15px 15px rgba(0,0,0,.05);}
.picsort li{height:3.5rem;border-left:1px solid #ccc;}
.picsort li:first-child{border:none;}
.picsort li a{padding:0 1rem;}
.picsort li:hover,.picsort li.cur{background:#2062b3;}
.picsort li:hover a,.picsort li.cur a{color:#fff;}
@media (max-width:1000px){
.picsort{display:none;}
}

.solvelist .l{width:47%;-webkit-border-radius:1rem;border-radius:1rem;}
.solvelist .r{right:0;top:0;width:49%;}
.solvelist ol:nth-child(2n){background:#f3f3fd;}
.solvelist ol:nth-child(2n) .l{float:right;}
.solvelist ol:nth-child(2n) .r{right:auto;left:0;}
@media (max-width:1000px){
.solvelist .l,.solvelist .r{width:100%;}
.solvelist .r{position:static;float:left;margin-top:1rem;}

}

.lx1{-webkit-border-radius:1rem;border-radius:1rem;}
.lx1 abbr{right:0;top:0;width:63%;}
@media (max-width:1000px){
.lx1 abbr{width:96%;}
}

.lx2 ul{z-index:2;width:65%;}
.lx2 li{max-width:330px;}
.lx2 li .ico{padding-left:2rem;}
.lx2 li .ico img{top:0.3rem;left:0;}
.lx2 .r{z-index:1;bottom:0;right:0;width:40%;max-width:40rem;}

.lx2 .a{border-bottom:1px solid #d3d4e8;}
.lx2 .b li{float:left;width:50%;max-width:none;}

@media (max-width:800px){
.lx2 li,.lx2 .b li{max-width:none;width:100%;}
}

.lx3 ul{padding:3rem 0;background:url(../images/lx_20.png) center no-repeat #2063b4;background-size:100% auto;-webkit-border-radius:2rem;border-radius:2rem;}
.lx3 .btn{width:220px;height:50px;line-height:50px;background:#4db9e8;-webkit-border-radius:25px;border-radius:25px;}
@media (max-width:1200px){
.lx3 ul{padding:2rem 0;background-size:auto 100%;}
}

.acon .desc{line-height:50px;border-bottom:1px solid #dedede;}
.acon .sp{padding:0 20px;}

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


.nlist li{width:32%;padding:1rem 0;margin:1rem 2% 1rem 0;}
.nlist li p{padding:0 1rem;}
.nlist li .h{height:20px;}
.nlist li:hover{background:#2062b3;}
.nlist li:hover a,.nlist li:hover .co666{color:#fff;}
.nlist li:nth-child(3n){margin-right:0;}
.nlist li abbr{top:0;left:1px;width:5.5rem;height:5.5rem;background:#4db9e8;}
@media (max-width:800px){
.nlist li{width:100%;margin:1rem 0;}
}

.newslist li{}
.newslist li p{padding:0 7rem 0 9rem;}
.newslist li .l{top:0;left:0;width:9rem;}
.newslist li .r{top:50%;right:0;width:6rem;height:3rem;margin-top:-1.5rem;background:none;}
.newslist li .r .fa{top:-2px;}
@media (max-width:640px){
.newslist li p{padding:0 10px 0 5rem;}
.newslist li .l{width:5rem;}
.newslist li .r{display:none;}
}

.sup1 li{width:49%;}
@media (max-width:800px){
.sup1 li{width:100%;}
}


.sup2 li{width:23%;padding:1rem 0;margin:1rem 1%;box-shadow: 0 8px 15px rgba(70,32,98,.1);}
.sup2 li .t{padding-bottom:1rem;}
.sup2 li .t:before{content:"";position:absolute;bottom:0;left:7%;width:86%;height:1px;background:#dee2f2;}
@media (max-width:800px){
.sup2 li{width:46%;margin:1rem 2%;}
}


.sup3 li{width:23.5%;box-shadow: 0 0px 15px rgba(0,0,0,.1);-webkit-border-radius:1rem;border-radius:1rem;}
.sup3 li .pic{height:7rem;}
.sup3 li .t1{height:3rem;}
.sup3 li .t2{height:5rem;}
.sup3 li p{padding:0 10%;}
.sup3 li:hover{color:#fff;background:#2062b3;}
.sup3 li:hover .co000{color:#fff;}
.sup3 li:hover .p1{display:none;}
.sup3 li:hover .p2{display:inline-block;}
@media (max-width:1000px){
.sup3 li{width:48%;margin:1rem 0;}
}
@media (max-width:480px){
.iconc li{width:100%;}
}

.sup4{box-shadow: 0 0px 15px rgba(0,0,0,.1);-webkit-border-radius:1rem;border-radius:1rem;}
.sup4 p{padding:0 1rem 0 8rem;}
.sup4 abbr{top:0;left:2rem;width:6rem;}
@media (max-width:640px){
.sup4 abbr{position:static;width:100%;margin-bottom:1rem;}
.sup4 p{padding:0 1rem;}

}

.aboutt{padding-bottom:10px;}
.aboutt b:before{content:"";position:absolute;bottom:0;left:50%;width:7.6rem;height:2px;margin-left:-3.8rem;background:#2062b3;}

.about1{width:40%;-webkit-border-radius:10px;border-radius:10px;}

.about2{width:55%;}
.about2 .a{height:13rem;/*overflow-y:auto;*/}
.about2 .a .swiper {width: 100%;height: 100%;}
.about2 .a .swiper-slide {
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right:2rem;
}
.about2 .a .swiper-scrollbar-drag{background:#2062b3;}

.about2 .b li{max-width:30%;}
.about2 .b p{padding-left:3rem;}
.about2 .b img{top:10px;left:0;width:2.2rem;}
@media (max-width:1200px){
.about1,.about2{width:100%;}
#video{max-width:25rem;}
.about2{margin-top:1rem;}
}
@media (max-width:640px){
.about2 .b li{max-width:45%;}
}


.about3 li{width:33%;padding:4rem 0;margin-left:-1px;border:1px solid #ddd;background:url(../images/about3bg.png) right bottom no-repeat #f5f8fc;}
.about3 li:first-child{margin-left:0;}
.about3 li .h1{height:3rem;}
.about3 li .h2{height:6rem;}
.about3 li .h3{height:3.5rem;}
.about3 li p{padding:0 10%;}
.about3 li:hover{background:url(../images/about3-1.jpg) no-repeat;background-size: 100% 100%;}
.about3 li:hover,.about3 li:hover .co666{color:#fff;}
.about3 li:hover .p1{display:none;}
.about3 li:hover .p2{display:block;}
.about3 li:hover:nth-child(2){background:url(../images/about3-2.jpg) no-repeat;background-size: 100% 100%;}
.about3 li:hover:nth-child(3){background:url(../images/about3-3.jpg) no-repeat;background-size: 100% 100%;}
@media (max-width:800px){
.about3 li{width:99%;margin-left:0px;margin-bottom:-1px;}
.about3 li .h3{height:auto;}
}


.about4{padding:2rem 0 3rem;background:#f6f9ff;}
.about4 p{padding:0 10px;}
.about4 .swiper {width: 100%;height: 100%;}
.about4 .swiper-container-horizontal .swiper-pagination-progressbar{top:auto;bottom:0;}
.about4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#2062b3;}
.about4 .btn{z-index:11;bottom:-1rem;}
.about4 .prev0{left:0;}
.about4 .next0{right:0;}

.about5 li{width:14.2%;height:4.5rem;}
.about5 li:before{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background:#eee;}
.about5 li:nth-child(7n):before{display:none;}
.about5 li img{max-width:90%;max-height:60%;transition: 0.2s linear all;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.about5 li:hover img{
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: ;
}
@media (max-width:1000px){
.about5 li{width:20%;height:4rem;}
.about5 li:nth-child(7n):before{display:block;}
.about5 li:nth-child(5n):before{display:none;}
}
@media (max-width:640px){
.about5 li{width:33.3%;height:3rem;}
.about5 li:nth-child(5n):before{display:block;}
.about5 li:nth-child(3n):before{display:none;}
}







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


.teamlist li{width:23%;margin:0 2.6% 20px 0;}
.teamlist li .pic{height:320px;}
.teamlist li .zi{height:3rem;}
.teamlist li .ml{margin-left:1rem;}
.teamlist li:nth-child(4n){margin-right:0;}
.teamlist li p{padding:10px;}
.teamlist li:hover{background:#fea500;}
.teamlist li:hover a{color:#fff;}
@media (max-width:800px){
.teamlist li{width:48%;margin-right:0;}
.teamlist li:nth-child(2n){float:right;}
}

.team dt{top:50px;right:0;width:40%;}
.team dd p{padding-left:14rem;}
.team dd b{top:0;left:0;}
@media (max-width:1400px){
.team dd p{padding-left:8rem;}
}
@media (max-width:800px){
.team dt{position:inherit;float:left;width:100%;top:0px;margin-bottom:1rem;}
.team dt img{width:20rem;}
.team dd p{padding-left:0;}
.team dd b{position:inherit;display:block;}
}

.honor li{width:46%;}
.honor li a{height:30px;line-height:30px;padding-left:40px;border-bottom:2px solid #eee;background:url(../images/ico.png) 0 10px no-repeat;}
.honor li:before{z-index:1;content:'';position:absolute;bottom:-1px;left:0;width:8rem;height:4px;background:#fea500;}
@media screen and (max-width:640px) {
.honor li{width:100%;}
}



.vlist li{width:23%;margin:0 2.6% 20px 0;background:#eee;-webkit-border-radius:10px;border-radius:10px;}
.vlist li abbr{}
.vlist li abbr p{padding:0 1rem;}
.vlist li abbr .h{height:22px;}
.vlist li i{top:35%;left:50%;margin-left:-30px;}
.vlist li:nth-child(4n){margin-right:0;}
@media (max-width:800px){
.vlist li{width:48%;margin-right:0;}
.vlist li:nth-child(2n){float:right;}
}




.profession li{width:32%;margin:1rem 0;}
.profession li img{height:70px;margin-right:1rem;}
.profession li:hover a{color:#fea500;}
.profession li:hover .p1{display:none;}
.profession li:hover .p2{display:block;}
@media (max-width:1000px){
.profession li{width:30%;text-align:center;}
.profession li img{float:none;margin:0;}
}

.layer li{width:22%;margin:0 4% 20px 0;padding-bottom:15px;border-bottom:1px dashed #ddd;}
.layer li .h{height:20px;}
.layer li:nth-child(4n){margin-right:0;}
@media (max-width:640px){
.layer li{width:47%;margin-right:0;}
.layer li:nth-child(2n){float:right;}
}


.job2 .gallery-thumbs .swiper-slide{padding-bottom:1rem;}
.job2 .gallery-thumbs li{width:86%;height:8rem;padding:1rem 5%;border:1px solid #ddd;border-bottom:3px solid #fea500;}
.job2 .gallery-thumbs .swiper-slide-thumb-active li{color:#fff;border-color:#fea500;background:#fea500;}
.job2 .gallery-thumbs img{display:none;z-index:9;left:50%;bottom:-19px;margin-left:-16px;}
.job2 .gallery-thumbs .swiper-slide-thumb-active img{display:block;}
.job2 .gallery-top li{width:95%;padding:30px 2%;border:1px solid #ddd;}
.job2 .nexta{z-index:9;top:35%;right:0;}

.job2 dt{z-index:9;}
.job2 dd{z-index:1;}





.psort{width:15%;background:#f2f2f2;}
.psort .wrapin{width:70%;}
.psort dt .t:before{z-index:0;content:"";position:absolute;bottom:0;left:0;width:80%;height:13px;background:#18714e;}
.psort dd abbr{top:2px;left:0;width:20px;height:20px;background:#18714e;}
.psort dd p{padding-left:30px;}
.psort dd ul{line-height:35px;}
.psort dd a{color:#777;}
.psort dd.cur ul{display:block;}

@media screen and (max-width:1200px) {
.psort{width:25%;background:#f2f2f2;}
}
@media screen and (max-width:800px) {
.psort{width:100%;margin:0;padding:1rem 0;}
.psort .wrapin,.prolist .wrapin{width:90%;}
}

/* 栏目页分页 */
.pages{padding:2rem 0;}
.pages a{display:inline-block;width:2.3rem;line-height:2.3rem;margin:0 0.5rem;color:#333;background:#f3f3f3;-webkit-border-radius:50%;border-radius:50%;}
.pages a:hover, .pages a.page-num-current{color:#fff;background:#2063b4;}
.pages a i{top:4px;}
.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%
}