@charset "utf-8";

*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

HTML {OVERFLOW-X: hidden;}

body{ font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#333; }

a{color:#333; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}

a:hover{color:#eb6100;text-decoration:none;}

ol,ul,li{list-style:none}

h1,h2,h3,h4,h5,h6{font-weight:normal}

.clear{ clear:both}

.clearfix{clear:both;zoom:1;}

.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}

.fl{float:left;}

.fr{float:right}

table{ border-collapse:collapse;}

img{ border:none;}

input,textarea,select,button{ outline:none;font-family:RobotoCondensed-Regular;-webkit-appearance: none ;font-size:15px;}





a{color:#333; text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s; transition:.3s; }

a:hover{color:#20c4cb;text-decoration:none;}



ol,ul,li{list-style:none}

h1,h2,h3,h4,h5,h6{font-weight:normal}

.clear{ clear:both}

.clearfix{clear:both;zoom:1;}

.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}

.fl{float:left;}

.fr{float:right}

table{ border-collapse:collapse;}

img{ border:none;}

input,textarea,select,button{ outline:none;font-family:"微软雅黑"; font-size:14px;}





#a01{ position: absolute;  margin-top:-160px;}

#a02{ position:absolute; margin-top:-100px;}

#a03{ position:absolute; margin-top:-100px;}

#a04{ position:absolute; margin-top:-100px;}

#a05{ position:absolute; margin-top:-100px;}



.wrap{ width:94%; max-width:1240px; margin:0 auto;}

.space{ height:88px;}



.section{ padding:130px 0}

.sectionpre{ padding-top:130px;}

.sectionnext{ padding-bottom:100px;}

.nsection{ padding:90px 0}
.nsection02{ padding:50px 0}


.jvzhong{ text-align:center;}

.title{ text-transform:uppercase; margin-bottom:35px;}

.title h3{ font-size:65px; color:#fcece5; line-height:62px; letter-spacing:5px;}

.title h2{ font-size:35px; color:#20c4cb; line-height:35px; position:relative; margin-top:-25px; margin-bottom:10px; font-weight:bold;letter-spacing:5px;}

.title p{ font-size:14px; color:#7d7d7d; line-height:15px;}





.pic{ overflow:hidden; }

.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}

.pic:hover img, li:hover .pic img, .kuai:hover .pic img{transform:scale(1.1);}





.header{width: 100%;top:0;left:0; position:fixed; z-index:999;transition:1s;-webkit-transition:1s;-moz-transition:1s;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2); background:#fff}

.header .wrap{ position:relative;height:88px; }

.header .logo{position:absolute; top:50%; margin-top:-25.5px; left:0}

.header .logo img{ height:51px; width:auto; display:block } 



.header .use{ position:absolute; right:0%; top:50%; line-height:22px; height:22px; margin-top:-11px;}

.header .search{background: url(../images/search.png) no-repeat center center; float:left; width:27px; height:22px;}

.header .search a{ display:block;height:22px;width:100%;}

.header .language{ font-size:16px; float:left; margin-left:25px;}

.header .language a{color:#20c4cb;}

.header .language a:hover{ text-decoration:underline;}

.black_overlay12 {Z-INDEX: 9999;POSITION: fixed;FILTER: alpha(opacity=5);BACKGROUND-COLOR: black;WIDTH: 100%;DISPLAY: none;HEIGHT: 100%;TOP: 0%;LEFT: 0%;-moz-opacity: 0.3;opacity: 0.3;}





.www_zzjs_net12 {Z-INDEX: 999999; POSITION: fixed; WIDTH: 80%; max-width:600px; DISPLAY: none; OVERFLOW: hidden; background:url(../images/soubg.jpg) #fff repeat-x left top; TOP:20%; left:50%; margin-left:-300px; padding:25px;}



.www_zzjs_net12 .conn{ width:100%; margin:0 auto; }

.www_zzjs_net12 .guanbi{top: 20px;right: 20px;display:block; position: absolute;}

.www_zzjs_net12 .guanbi img{ width:20px; height:20px}

.www_zzjs_net12 .conn .input01{  width:80%; font-size:16px; line-height:40px;height:40px; border:none; float:left; display:block;  border-bottom:solid 1px #5a5d61; }

.sytijiao{ width:24px; line-height:50px;height:50px;float:left; background:url(../images/topsearch.png) no-repeat center center; background-size:20px auto; cursor:pointer; border:none;cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.guanbi:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}



.www_zzjs_net12 .erweimas{ text-align:center;}

.www_zzjs_net12 .conn .erweima{ display:inline-block; text-align:center; padding:50px;}



.header .menu{ position:absolute; right:90px; top:0%; height:100px;}

.header .menu li{ float:left; line-height:100px;text-align:center;position:relative}

.header .menu li .menu_a{ display:block; margin:0 35px; position:relative; font-size:18px; line-height:88px; transition:1s;-webkit-transition:1s;-moz-transition:1s;}

.header .menu .cur a{ color:#20c4cb; }

.header .menu li .menu_a:after {content: '';width: 0;height: 3px;background-color: #20c4cb;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}

.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;background-color:#fff; width:100%; border-radius: 0 0 8px 8px;}

.header .menu li:nth-child(2) .sub, .header .menu li:nth-child(4) .sub{width:calc(100% + 36px); margin-left:-18px; }

.header .menu .subduan{ text-align:center; line-height:45px; padding-bottom:10px;box-shadow: 0 0 3px #ccc;}

.header .menu .subduan a{ display:block; color:#333}

.header .menu .subduan a:hover{background-color: #20c4cb; color:#fff;}





.banner{ position:relative;}

.banner img{ display:block; width:100%; height:auto; text-align:center}

.banner .text{ color:#fff;position:absolute; height:56%; top:22%; right:20%;}

.banner .text img{ display:block;margin:0 auto; height:100%; width:auto;}

.banner .text .more{ position:absolute; font-size:18px; color:#fff; left:50%; bottom:20%; width:160px; height:40px; line-height:40px; margin-left:-80px;}

.banner .text .more a{display:block; text-align:center; color:#fff; border:solid 1px #fff }

.banner .text .more a:hover{ background:#20c4cb;  border:solid 1px #20c4cb}



.banner .swiper-pagination{bottom:20px !important; }
.banner .swiper-pagination-bullet{ width:13px; height:13px; border:solid 1px #fff; background:#ddd; opacity:1; margin:0 5px}
.banner .swiper-pagination-bullet-active{ background:#20c4cb;border:solid 1px #20c4cb;}

@media screen and (max-width: 1600px){

.banner{ width:110%; margin-left:-5%;}

.banner .text{ height:60%; top:20%;}

}

@media screen and (max-width: 1366px){

.banner{ width:120%; margin-left:-10%;}

.banner .text{ height:60%; top:20%;}

}

@media screen and (max-width: 1024px){

.banner .text .more{ font-size:16px; width:120px; height:36px; line-height:36px; margin-left:-60px;}



}



@media screen and (max-width: 768px){


.banner .text{ height:80%; top:10%;}

.banner .text .more{ font-size:14px; width:100px; height:30px; line-height:30px; margin-left:-50px;bottom:18%; }
.banner .swiper-pagination{bottom:10px !important; }
}
@media screen and (max-width: 640px){


.banner .text{ height:75%; top:10%;}

.banner .text .more{ font-size:14px; width:100px; height:30px; line-height:30px; margin-left:-50px;bottom:18%; }

}



.i-main01 .ibrand{ float:left; width:calc(50% - 25px)}

.i-main01 .ijoin{ float:right; width:calc(50% - 25px)}

.i-main01 .wenzi{ background:#eeeeee; padding:3% 6% 5% 6%; }

.i-main01 .wenzi .intro{font-size:20px; line-height:40px; min-height:120px; margin-bottom:15px; color:#333}

.i-main01 .wenzi .more{ width:120px; height:30px; background:#20c4cb; margin:0 auto;color:#fff; text-align:center}



.iproducts li{ float:left; width:22.75%; margin-right:3%}
.iproducts li:nth-child(1), .iproducts li:nth-child(2){ width:48.5%; margin-bottom:3%}
.iproducts li:nth-child(2), .iproducts li:nth-child(6){ margin-right:0%}
.iproducts li:nth-child(3){ clear:both}
.iproducts .wenzi{ background:#eeeeee; padding:3% 6% 8% 6%; text-align:center }

.iproducts .wenzi h3{font-size:20px; line-height:40px;margin-bottom:5px; color:#333}

.iproducts .wenzi .more{ width:120px; height:30px; background:#20c4cb; margin:0 auto;color:#fff; text-align:center}



.iparterlist{ background:#fcfcfc}
.iparterlist{padding-bottom:30px}
.iparterlist .swiper-wrapper{background:#fff;}
.iparterlist .swiper-pagination{bottom:0}
.iparterlist .swiper-pagination-bullet{ background:#ddd; opacity:1}
.iparterlist .swiper-pagination-bullet-active{ background:#20c4cb}
.iparterlist .swiper-pagination-bullet{ width:12px; height:12px;}


.inews li{ float:left; width:calc(33.33% - 17px); margin-right:25px}

.inews li:nth-child(3n){ margin-right:0%}

.inews .wenzi{ padding:2%}

.inews .wenzi h3{ font-size:18px; margin-bottom:10px;}

.inews li:hover .wenzi{background:#20c4cb; color:#fff}

.inews .more{ width:120px; height:30px; background:#20c4cb; margin:50px auto 0 auto;color:#fff; text-align:center}

.inews .more a{ color:#fff}



.footer{ background:#20c4cb; padding:50px 0; line-height:36px;}

.footer .content {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}

.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}

.footer li {color:#fff;display:inline-block;cursor:pointer;align-self: flex-end}

.footer h3{ font-size:16px; margin-top:10px;}

.footer h3 span{ font-size:22px; font-weight:bold}

.footer li .erweima{ text-align: center; display:inline-block; margin-left:25px;}






.nbannerbrand img{ display:block; width:100%; height:auto;}

.nabout { margin-top:-100px;  position:relative;}

.nabout .wrap{ padding:80px 60px; background:#f8f8fa;}

.nabout .ntitle h3{ font-size:34px; font-weight:bold; line-height:55px; margin-bottom:15px; }

.nabout .conn { line-height:32px; color:#040000}

.nabout .conn h3{ color:rgba(0,0,0,0.7); margin-bottom:10px;}

.nabout .business{ margin:25px 0;}

.nabout .business li {color:rgba(0,0,0,0.7); font-size:20px;cursor:pointer; text-align:center; float:left; width:27%; margin-right:6.5%}

.nabout .business li:nth-child(3n){ margin-right:0}

.nabout .business li .pic{ margin-bottom:20px;}





.company{ padding:60px 0; display:table;}

.company .pic{ width:47%;display: table-cell; vertical-align: middle;}

.company .wenzi{ width:50%;display: table-cell; vertical-align: middle; padding-left:3%;color:#040000}

.nabout .business02{ margin-bottom:70px;}

.nabout .business02 li{ float:left; width:30%; margin-right:5%}

.nabout .business02 li:nth-child(3n){ margin-right:0}

.nabout .business02 li .pic{ margin-bottom:20px; }





.history{ margin-top:80px;}

.history .swiper-wrapper{background:#eee}

.history .swiper-slide{ position:relative; padding:4% }

.history .swiper-slide .pic{ float:right; width:40%;}

.history .swiper-slide .wenzi{ float:left; width:50%;}

.history .swiper-slide .wenzi h3{ font-weight:bold; font-size:20px; margin-bottom:20px;}



.history .tabs{ position:relative; margin-top:70px;}

.history .tabs:before{position: absolute; top: 0%;right: 0;left: 0;content: ''; width:100%; height:1px; background:#c4c4c4;}

.history .tabs a{ display:block; float:left; width:14.285714%; position:relative; text-align:center; color:rgba(0,0,0,0.7); font-size:20px; padding-top:25px;}

.history .tabs a.active{ color:#000}

.history .tabs a:before{ content:""; position:absolute; width:10px; height:10px; left:50%; top:0%; margin-left:-5px; margin-top:-5px; background:#c4c4c4; border-radius:50%;}

.history .tabs a.active:before{width:28px; height:28px; margin-left:-14px; margin-top:-14px; background:#20c4cb;}





.nteam .title{ margin-top:100px;}

.nteam .topleader{ background: url(../images/leaderbg.jpg) no-repeat center center / cover; padding:95px 0}

.nteam .topleader .wrap{ background-color:rgba(0,0,0,0.6); position:relative}

.nteam .topleader .pic{ float:left; width:50%;}

.nteam .topleader .wenzi{ float:right; width:50%; position: absolute; height:100%; right:0; color:#fff}

.nteam .topleader .wenzi .wenziin{position:absolute; width:50%; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} 

.nteam .topleader .wenzi .name h3{ font-size:35px; line-height:66px; margin-bottom:12px; font-weight:bold; background:url(../images/namebg.png) no-repeat left bottom;}

.nteam .topleader .wenzi .name h4{ font-size:28px;}

.nteam .topleader .wenzi .name { margin-bottom:30px;}



.nteam .otherleader .wrap{ max-width:1000px;}

.nteam .otherleader .wrap .kuai{ position:relative; margin-bottom:75px;}

.nteam .otherleader .wrap .kuai:last-child{ margin-bottom:0}

.nteam .otherleader .pic{ float:left; width:48%;}

.nteam .otherleader .wenzi{ float:right; width:50%; position: absolute; height:100%; right:0;}

.nteam .otherleader .wrap .kuai:nth-child(2n) .pic{ float:right}

.nteam .otherleader .wrap .kuai:nth-child(2n) .wenzi{ right:auto; left:0;}



.nteam .otherleader .wenzi .wenziin{position: absolute; width:60%; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} 

.nteam .otherleader .wenzi .name h3{ font-size:35px; line-height:66px; margin-bottom:12px; font-weight:bold; background:url(../images/namebg.png) no-repeat left bottom;}

.nteam .otherleader .wenzi .name h4{ font-size:28px;}

.nteam .otherleader .wenzi .name { margin-bottom:30px;}





.honorlist .kuai:nth-child(2n+1){ background:#eeeeee;}

.honorlist .kuai .wrap{ position:relative;}

.honorlist .kuai .honorpic{ float:right; width:48%;}
.honorlist .kuai .honorpic img{ display:block; width:100%; height:auto; border:solid 1px #ddd; margin-bottom:40px;}

.honorlist .swiper-pagination-bullet{ height:12px;width:12px; background:#666; opacity:1; margin:0 5px}
.honorlist .swiper-pagination-bullet-active{ background:#20c4cb}

.honorlist .kuai .wenzi{ width:50%; position: absolute; height:100%; left:0;}

.honorlist .kuai:nth-child(2n) .honorpic{ float:left}

.honorlist .kuai:nth-child(2n) .wenzi{ left:auto; right:0;}



.honorlist .wenzi .wenziin {position: absolute; width:100%; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:40px;}

.honorlist .wenzi .wenziin h3{ position:relative; font-size:35px; line-height:80px; margin-bottom:12px; font-weight:bold; }

.honorlist .wenzi .wenziin h3:after{ content:""; width:100px; height:2px; background:#3b818c; left:0; bottom:0; position:absolute;}



.nlianxi .conn{ position:relative}

.nlianxi .conn:before{ content:""; height:100%; width:2px; background:#3b818c; top:0; left:33.33%; position:absolute}

.nlianxi .conn:after{ content:""; height:100%; width:2px; background:#3b818c; top:0; left:66.66%; position:absolute}

.nlianxi li{ float:left; width:30.33%; margin:0 1.5%; padding:50px 0}


.nlianxi li h3{ font-size:20px; margin-bottom:25px;}



.ncontact .conn{ background:#eeeeee; padding:60px 0}

.clianxi li{ float:left; width:25%; position:relative}

.clianxi li .icon{transition: all 0.6s ease 0s;position:relative;top:0px; margin:15px 0 20px 0}

.clianxi li .icon img{ display:block; width:60%; max-width:80px ; height:auto; margin:0 auto}

.clianxi li:hover .icon{top:-10px;}

.clianxi li .wenzi{ text-align:center}

.clianxi li .wenzi h3{ color:#000; font-size:20px;}

.clianxi li .wenzi p{ color:#777}



#map{width:calc(100% - 2px);height:550px;border:#fff solid 1px; margin:50px 0;}





.nnewslist{ padding:55px 0}

.nnewslist li{ float:left; width:calc(33.33% - 17px); margin-right:25px; margin-bottom:25px;}

.nnewslist li:nth-child(3n){ margin-right:0%}

.nnewslist li:nth-child(3n+1){ clear:both}

.nnewslist .wenzi{ padding:2%}

.nnewslist .wenzi h3{ font-size:18px; margin-bottom:10px;}

.nnewslist li:hover .wenzi{background:#20c4cb; color:#fff}





.newstit{font-size:26px;color: #333;line-height:40px;margin-bottom:10px; text-align:center;position:relative}

.newstit02{font-size:26px;color: #333;line-height:40px;margin-bottom:50px; text-align:center;position:relative}

.newstm{ font-size:14px; color:#666;  border-bottom: 1px solid #e5e5e5; text-align:center; padding-bottom:15px; margin-bottom:30px;}

.news-article{ font-size:16px;}


.news-article img{ display:block; width:auto; max-width:90%; height:auto; margin:0 auto}

.page_2{ margin-top:50px; position:relative;  border-top: 1px solid #e5e5e5; padding-top:20px}

.page_2 p{ padding-right:50%}

.page_2 p a{ display:block; line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.back{ display:inline-block;background: #fff; border:1px solid #e8e8e8;color: #666; line-height:33px; border-radius:25px; padding:0 30px; position:absolute; right:0;top:20px}

.back:hover{background:#20c4cb; border:1px solid #20c4cb;color:#fff;}





.inquiry .conn{ background:#f3f3f3}

.inquiry form{ width:90%; max-width:920px; margin:0 auto; padding:40px 0 60px 0}

.inquiry form .kuai{ margin-top:25px; font-size:20px;}

.inquiry form .kuai .row{ float:left; width:48%}

.inquiry form .kuai .row:nth-child(2n){ float:right}

.inquiry form .kuai label{ display:block; margin-bottom:15px;} 

.inquiry form .kuai .input01{ width:100%; border:solid 1px #bfbfbf; border-radius:8px; padding-left:50px; font-size:18px; line-height:50px;height:50px; display:block}

.inquiry form .kuai .xingm{background:url(../images/xingm.png) no-repeat 10px center;}

.inquiry form .kuai .dianh{background:url(../images/dianh.png) no-repeat 10px center;}

.inquiry form .kuai .youx{background:url(../images/youx.png) no-repeat 10px center;}

.inquiry form .kuai .diz{background:url(../images/diz.png) no-repeat 10px center;}

.inquiry .conn .submit{ display:block; margin:45px auto 20px auto;border:none; border-radius:5px;text-align:center; background:#20c4cb; font-size:18px;width:160px;line-height:36px; color:#fff;}

.inquiry .conn .submit:hover{background:#3b818c;}





.huoban li{ float:left; width:31%; margin-right:3.5%; margin-bottom:2%;}

.huoban li:nth-child(3n){ margin-right:0}

.huoban li:nth-child(3n+1){ clear:both}

.huoban li .wenzi{ text-align:center; font-size:20px; padding:15px 0 }

.huoban .more a{ display:block; margin:0px auto 20px auto;border:none; border-radius:5px;text-align:center; background:#20c4cb; font-size:18px;width:160px;line-height:36px; color:#fff;}

.huoban .more a:hover{background:#3b818c;}





.why li{ float:left; width:31%; margin-right:3.5%; margin-bottom:2%;}

.why li:nth-child(3n){ margin-right:0}

.why li:nth-child(3n+1){ clear:both}

.why li .icon{ text-align:center; background:#20c4cb; margin-bottom:10px; color:#fff; font-size:20px; padding:20px 0px 30px 0px;}

.why li .icon img{ display:block; width:50%; max-width:100px; height:auto; margin:0 auto}

.why li .wenzi{ padding:40px 30px; background:#f3f3f3; min-height:390px; line-height:32px; }



.zhichi li{ float:left; width:49%; margin-right:2%; margin-bottom:2%; position:relative}

.zhichi li:nth-child(2n){ margin-right:0}

.zhichi li:nth-child(2n+1){ clear:both}

.zhichi li .wenzi{ position:absolute; width:100%; line-height:40px;height:40px; text-align:center;left:0; top:50%; margin-top:-20px; color:#fff; font-size:25px;}







.nprolist{background:#f8f8fa}

.nprolist .wrap{ width:100%}

.nprolist .swiper-slide .nproltop{ position:relative; display:table}

.nprolist .swiper-slide .nproltop .pic{ width:48.5%;display: table-cell; vertical-align: middle;}

.nprolist .swiper-slide .nproltop .wenzi{ width:48.5%; padding-left:5%;display: table-cell; vertical-align: middle;}
.nprolist .swiper-slide .nproltop .wenzi h3{ font-size:30px}
.nprolbottom .item{ float:left; width:48.5%; margin-top:3%; background:#fff;}

.nprolbottom .item:nth-child(2n){ float:right}

.nprolbottom .item:nth-child(2n+1){ clear:both; }

.nprolbottom .item { position:relative}

.nprolbottom .item .pic{ width:45%; float:right}

.nprolbottom .item .pic img{ display:block; width:100%; height:auto}
.nprolbottom .item .wenzi{ padding:40px 30px; position:absolute; left:0; top:0; width:53%}

.nprolist .swiper-slide:nth-child(2n) .nprolbottom .pic{ float:left}
.nprolist .swiper-slide:nth-child(2n) .nprolbottom .wenzi{ left:auto; right:0}

.nprolist02 .nprolbottom .item .pic{ float:left}
.nprolist02 .nprolbottom .item .wenzi{ left:auto; right:0}

.nnprolist .nprolbottom .pic{ float:left}
.nnprolist .nprolbottom .wenzi{ left:auto; right:0}

.nprolbottom .item .wenzi h3{ font-size:28px; color:#000; margin-bottom:10px;}

.nprolbottom .item:hover .wenzi h3{color: #20c4cb; font-weight:bold}

.nprolbottom .item .wenzi p{ color: rgba(0,0,0,0.7);}

.nprolbottom .item .wenzi .more{ opacity:1; width:19px; height:19px; background:url(../images/jiantou.jpg) no-repeat center center; margin-top:15px;}

.nprolist .swiper-slide .mores a{ font-size:18px; color:#20c4cb; text-align:center; border:none; border-radius:5px;background:#f8f8fa;width:160px;line-height:36px; margin:50px auto 0 auto; display: block }

.nprolist .swiper-slide .mores a:hover{background:#20c4cb;color:#fff;}



.nprolist .tabs{ position:relative; border-bottom:solid 1px #a0a0a0; max-width:1080px; margin:20px auto 50px auto; line-height:70px;}

.nprolist .tabs a{ display:block; float:left; width:25%; position:relative; text-align:center; color:#000; font-size:20px;transition:1s;-webkit-transition:1s;-moz-transition:1s;}

.nprolist .tabs a:after {content: '';width:0; opacity:0;height: 5px;background-color: #20c4cb; position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.nprolist .tabs a:hover:after, .nprolist .tabs a.active:after {width: 40px;opacity:1;}

.nprolist .tabs a:hover, .nprolist .tabs a.active{color:#20c4cb; font-weight:bold;}



.video .wrap{ position:relative}

.video .img2{ display:block; width:100%}





.video .anniu, .video .anniu02{opacity:1; position:absolute; left:0;right:0;top:0;bottom:0;width:100%;height:100%; display:flex; display:-webkit-flex;justify-content:center;align-items:center;z-index: 3;}

.video .anniu02{opacity:0}



.video video{width:100%; height:100%;position:absolute; left:0;top:0;right:0;bottom:0;margin:auto;background: #000; z-index:1}





.sqchaxun{ background:#f3f3f3;}

.sqchaxun form{ width:100%; max-width:640px; text-align:center; margin:0 auto}

.sqchaxun .input01{ width:calc(80% - 2px); border:solid 1px #20c4cb; border-radius:8px 0px 0 8px; padding-left:15px; font-size:18px; line-height:48px; display: inline-block}

.sqchaxun .submit{ display:inline-block;border:none; border-radius:0 8px 8px 0;text-align:center; background:#20c4cb; font-size:18px;width:calc(20% - 2px);line-height:50px; color:#fff; position:relative; margin-left:-5px;}