[genuitec-file-id="wc1-1672"],[genuitec-lp-path="/dongsheng/WebRoot/rtjt/about/index.css"],[genuitec-lp-enabled=false]{
  /* for codelive */
}

/*banner*/
@keyframes yunmove{
0%{background-position:-500% 0px;}
100%{background-position:500% 0px;}
}
@keyframes line{
0%{width:0px;height:0px;opacity:1;border-radius:50%}
80%{width:100%;height:100%;opacity:1;border-radius:0%}
90%{width:100%;height:100%;opacity:0}
100%{width:0%;height:0%;opacity:0}
}
.banner{width:100%;overflow:hidden;position: relative}
.banner img{width:100%;height:auto;}
.banner .swiper-slide{position: relative}
.banner-bg{width:100%;height:100%;position:absolute;left:0px;top:0px;background: url(../images/bg-3.png) top center repeat-x ;animation:yunmove 90s linear infinite }
.banner-bg2{width:50%;height:50%;position:absolute;left:67.6%;top:49.07%;transform: translate(-67.6%,-49.07%);background: url("../images/icon-70.png") no-repeat 67.6% 49.07%;animation:line 30s linear infinite}
.banner-wz{width:100%;overflow:hidden;position:absolute;left:0px;top:100px;height:calc(100% - 100px);z-index:99; text-align: center }
.banner-wz:before{height:100%;content:"";display: inline-block; vertical-align: middle  }
.banner-ver{width:90%;display: inline-block; vertical-align: middle;text-align: left;color:#fff}
.banner-ver h3{float:left;width:100%;overflow:hidden;font-size:43px;font-weight: bold;transform:translateY(-60px);opacity:0;-webkit-transition:all 0.8s ease 0.6s;-moz-transition:all 0.8s ease 0.6s;-ms-transition:all 0.8s ease 0.6s;-o-transition:all 0.8s ease 0.6s;transition:all 0.8s ease 0.6s;}
.banner-ver p{float:left;width:100%;overflow:hidden;font-size:18px;margin-top:24px;transform:translateY(-50px);opacity:0;-webkit-transition:all 0.8s ease 0.7s;-moz-transition:all 0.8s ease 0.7s;-ms-transition:all 0.8s ease 0.7s;-o-transition:all 0.8s ease 0.7s;transition:all 0.8s ease 0.7s;}
.banner-ver ul{float:left;width:100%;overflow:hidden;margin-top:70px;transform:translateY(-40px);opacity:0;-webkit-transition:all 0.8s ease 0.75s;-moz-transition:all 0.8s ease 0.75s;-ms-transition:all 0.8s ease 0.75s;-o-transition:all 0.8s ease 0.75s;transition:all 0.8s ease 0.75s;}
.banner-ver ul li{float:left;width:auto;overflow:hidden;font-family:'DINProBold';margin-right:60px }
.banner-ver ul li span{width:auto;display:block;font-size:30px}
.banner-ver ul li span em{font-size:60px}
.banner-ver ul li samp{width:auto;display:block;font-size:16px;color:#fff;font-family:'Microsoft YaHei',"Arial",'SimSun',Serif;margin-top:9px }
.banner-pag{width:100%; position:absolute;left:0px;bottom:10%; z-index: 122; }
.banner-pag .swiper-pagination{width:auto;height:20px;left:50%;transform:translateX(-50%)}
@keyframes dash{to{stroke-dashoffset:0px;}
}
.banner-pag .swiper-pagination .load{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.banner-pag .swiper-pagination .circle{stroke-dasharray:360px;stroke-dashoffset:360px;}
.banner-pag .swiper-pagination .swiper-pagination-bullet{float:left;width:10px;height:10px;border-radius:50%;background:#fff;margin:5px 10px 0px;position: relative;opacity:1;}
.banner-pag .swiper-pagination .swiper-pagination-bullet-active{width:20px;height:20px;background:none;border:none;margin-top:0px;}
.banner-pag .swiper-pagination .swiper-pagination-bullet-active .circle{animation:dash 10s linear forwards;}
.banner-pag .swiper-pagination .swiper-pagination-bullet-active:before{width:100%;height:100%; content: "";border:3px rgba(255,255,255,0.4) solid;box-sizing: border-box;border-radius:50%;display:block } 
.banner .swiper-slide-active .banner-ver h3,.banner .swiper-slide-active .banner-ver p,.banner .swiper-slide-active .banner-ver ul{opacity:1;transform:translateY(0px)}



.content{width:100%;overflow:hidden;background:#fff;}
.content-1{width:100%;overflow:hidden;padding:110px 0px 50px;}
.content-1 h3{float:left;width:auto;overflow:hidden;font-size:46px;color:#333;margin-left:70px;}
.content-1 ul{float:right;width:auto;overflow:hidden;margin-right:70px;}
.content-1 ul li{float:left;width:auto;overflow:hidden;height:32px;line-height:32px;margin-left:50px;}
.content-1 ul li a{float:left;width:100%;overflow:hidden;height:100%;font-size:16px;color:#333;padding:0px 15px;}
.content-1 ul li.active a{background:#1d754b;color:#fff;}

.content-2{width:100%;overflow:hidden;border-top:1px #ddd solid;border-bottom:1px #ddd solid;}
.content-2content{float:left;width:100%;overflow:hidden;display:none;position:relative;}
.content-2content.active{display:block;}
.content-2content .swiper-container{width:144%;margin-left:-3px;}
.content-2content .swiper-slide{border-right:1px #ddd solid;background:#f7f7f7;position:relative;}
.content-2content .swiper-slide:before{width:100%;content:"";position:absolute;left:0px;top:0px;z-index:11;height:100%;background:url("../images/bg-1.jpg") no-repeat right top;opacity:0;-webkit-transition:all 0.4s ease 0.6s;-moz-transition:all 0.4s ease 0.6s;-ms-transition:all 0.4s ease 0.6s;-o-transition:all 0.4s ease 0.6s;transition:all 0.4s ease 0.6s;}
.content-2content .swiper-slide-active{background:#fff;}
.content-2content .swiper-slide-active:before{opacity:1;}
.content-2slide{float:left;width:100%;overflow:hidden;box-sizing:border-box;position:relative;z-index:12;padding:60px 70px;}
.content-2slide a{width:100%;display:block;}
.content-2top{float:left;width:100%;overflow:hidden;line-height:20px;}
.content-2top span{float:left;width:auto;overflow:hidden;font-size:12px;color:#1d754b;font-weight:bold;}
.content-2top em{float:left;width:auto;overflow:hidden;font-size:14px;color:#666;margin-left:10px;}
.content-2slide h3{float:left;width:100%;overflow:hidden;font-size:26px;color:#333;margin-top:25px;}
.content-2slide p{float:left;width:80%;overflow:hidden;font-size:16px;color:#666;margin-top:20px;line-height:24px; height:72px}
.content-2bottom{float:left;width:100%;overflow:hidden;margin-top:26px;position:relative;}
.content-2bottom samp{float:left;width:420px;overflow:hidden;height:13.5vw;}
.content-2bottom samp img{float:left;width:100%;overflow:hidden;height:100%;object-fit:cover;}
.content-more{width:180px;height:50px;line-height:50px;text-align:center;position:absolute;right:0px;bottom:0px;background:#1d754b;}
.content-more span{width:auto;font-size:16px;color:#fff;background:url("../images/icon-5.png") no-repeat right center;padding-right:36px;}
.content-more:hover{transform:translateY(3px);}
.content-2slide:hover img{transform:scale(1.04);}
.content-2slide:hover h3{color:#1d754b;}
.content-2pag{width:105px;position:absolute;left:63%;top:60px;z-index:16;}
.content-2pag .swiper-button-prev,.content-2pag .swiper-button-next,.content-2pag .swiper-pagination{top:0px;left:0px;right:0px;margin:0px;width:50px;height:50px;opacity:1;border-radius:50%;background:url("../images/icon-6.png") no-repeat center;box-sizing:border-box;border:1px #e9e9e9 solid;z-index:17;}
.content-2pag .swiper-button-next{background:none;border:none;left:auto;z-index:19;}
.content-2pag .swiper-pagination{transform:rotate(180deg);left:auto;z-index:18;}
@keyframes dash{to{stroke-dashoffset:0px;}
}
.content-2pag .swiper-pagination .load{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.content-2pag .swiper-pagination .circle{stroke-dasharray:360px;stroke-dashoffset:360px;}
.content-2pag .swiper-pagination .swiper-pagination-bullet{width:100%;height:100%;position:absolute;left:0px;top:0px;background:none;}
.content-2pag .swiper-pagination .swiper-pagination-bullet-active .circle{animation:dash 8s linear forwards;}
.content-2pag .swiper-button-prev:hover{border-color:#aaa;}

.content-3{width:100%;overflow:hidden;height:77px;line-height:77px;text-align:center;}
.content-3 a{width:auto;background:url("../images/icon-7.png") no-repeat left center;font-size:16px;color:#1d754b;padding-left:30px;display:inline-block;}
.content-3 a:hover{transform:translateY(3px);}

.content-4,.content-6{width:100%;overflow:hidden;}
.content-4top{width:100%;overflow:hidden;text-align:center;height:120px;line-height:120px;background:#1d754b;font-size:36px;color:#fff;letter-spacing:4px;border-bottom:1px #4a916f solid;}
.content-4pic{width:100%;overflow:hidden;height:100vh;background-position:top center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;}
.content-4content{width:100%;overflow:hidden;background-position:top center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;padding:220px 0px 118px 70px;box-sizing:border-box;}
.content-4content h3{float:left;width:100%;overflow:hidden;}
.content-4content h3 span{float:left;width:auto;font-size:20px;color:#e2c177;border-top:2px #e2c177 solid;font-family:'Sourcem';}
.content-4left{float:left;width:66%;overflow:hidden;margin-top:110px;}
.content-4left h4{float:left;width:100%;overflow:hidden;font-size:36px;color:#fff;}
.content-4info{float:left;width:100%;overflow:hidden;font-size:16px;color:#fff;line-height:32px;margin-top:34px;}
.content-4info p{float:left;width:890px;overflow:hidden;}
.content-4more{float:left;width:180px;height:50px;line-height:50px;text-align:center;background:#fff;margin-top:32px;}
.content-4more a{font-size:16px;color:#1e8c58;background:url("../images/icon-8.png") no-repeat right center;padding-right:32px;}
.content-4more:hover{transform:translateY(4px);}
.content-4left ul{float:left;width:100%;overflow:hidden;margin-top:150px;}
.content-4left ul li{float:left;width:170px;height:170px;overflow:hidden;background:#fff;margin-right:14px;cursor:pointer;position:relative;}
.content-4left ul li:before{width:100%;height:100%;content:"";overflow:hidden;position:absolute;left:0px;top:0px;z-index:11;background-size:cover;opacity:0;-webkit-transition:all 0.5s ease 0.1s;-moz-transition:all 0.5s ease 0.1s;-ms-transition:all 0.5s ease 0.1s;-o-transition:all 0.5s ease 0.1s;transition:all 0.5s ease 0.1s;}
.content-4left ul li:nth-child(1):before{background:url("../images/index-5.jpg") no-repeat}
.content-4left ul li:nth-child(2):before{background:url("../images/index-20211014-1.jpg") no-repeat}
.content-4left ul li:nth-child(3):before{background:url("../images/index-20211014-2.jpg") no-repeat}

.content-4left ul.oil li:nth-child(1):before{background:url("../images/index-20211014-3.jpg") no-repeat}
.content-4left ul.oil li:nth-child(2):before{background:url("../images/index-20211014-4.jpg") no-repeat}
.content-4left ul.oil li:nth-child(3):before{background:url("../images/index-20211014-5.jpg") no-repeat}
.content-4left ul.oil li:nth-child(4):before{background:url("../images/index-20211014-6.jpg") no-repeat}


.content-4left ul li.active{width:340px;}
.content-4left ul li.active:before{opacity:1;}
.content-4left ul li samp{float:left;width:25px;height:25px;overflow:hidden;margin:30px 0px 0px 20px;position:relative;z-index:12;}
.content-4left ul li samp img{width:auto;height:auto;max-width:23px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11;opacity:1;}
.content-4left ul li samp img:last-child{opacity:0;}
.content-4left ul li span{float:left;width:100%;overflow:hidden;padding-left:20px;box-sizing:border-box;font-size:20px;color:#333;font-family:'Sourcem';position:relative;z-index:12;}
.content-4left ul li em{float:left;width:36px;height:36px;overflow:hidden;border-radius:50%;background:#333 url("../images/icon-9.png") no-repeat center;margin:24px 0px 0px 20px;position:relative;z-index:12;-webkit-transition:all 0.5s ease 0.2s;-moz-transition:all 0.5s ease 0.2s;-ms-transition:all 0.5s ease 0.2s;-o-transition:all 0.5s ease 0.2s;transition:all 0.5s ease 0.2s;}
.content-4left ul li.active samp img{opacity:0;}
.content-4left ul li.active samp img:last-child{opacity:1;}
.content-4left ul li.active span{color:#fff;}
.content-4left ul li.active em{background-color:#1e8c58;transform:rotate(-45deg);}
.content-4right{float:right;width:570px;overflow:hidden;}
.content-4right ul{float:left;width:400px;overflow:hidden;margin-top:40px;}
.content-4right ul li{float:left;width:100%;overflow:hidden;margin-top:32px;}
.content-4right ul li span{float:left;width:100%;overflow:hidden;font-size:84px;color:#e2c177;font-family:'DINProCONDBOLD';letter-spacing:-4px;}
.content-4right ul li p{float:left;width:100%;overflow:hidden;font-size:16px;color:#fff;line-height:28px;}
.content-5top{width:100%;overflow:hidden;text-align:center;height:120px;line-height:120px;background:#0d4981;font-size:36px;color:#fff;letter-spacing:4px;border-bottom:1px #3d6d9a solid;}
.content-5more{float:left;width:180px;height:50px;line-height:50px;text-align:center;background:#fff;margin-top:32px;}
.content-5more a{font-size:16px;color:#205f81;background:url("../images/icon-14.png") no-repeat right center;padding-right:32px;}
.content-5more:hover{transform:translateY(4px);}
.content-4left ul.oil li:before{background-image:url("../images/index-8.jpg");}
.content-4left ul.oil li.active em{background-color:#0d4981;}

.content-6top{width:100%;overflow:hidden;text-align:center;height:120px;line-height:120px;background:#e2c177;font-size:36px;color:#fff;letter-spacing:4px;border-bottom:1px #e8cd92 solid;}
.content-6 .content-4content h3 span{color:#554114;border-color:#554114;}
.content-6 .content-4left h4{color:#554114;}
.content-6 .content-4info{color:#604c1f;}
.content-6 .content-5more{background:#604c1f;}
.content-6 .content-5more a{color:#dfbf76;background-image:url("../images/icon-20.png");}
.content-6 .content-4left ul li.active em{background-color:#604c1f;}
.content-6 .content-4left ul li:before{background-image:url("../images/index-11.jpg");}
.content-6 .content-4left ul li.active span{color:#604c1f;}
.content-6 .content-4right ul li span{color:#554114;}
.content-6 .content-4right ul li p{color:#604c1f;}

@keyframes movewenzi{0%{background-position:300% 0px;}
100%{background-position:-300% 0px;}
}
.content-7{width:100%;overflow:hidden;background:url("../images/index-12.jpg") no-repeat top center;background-size:cover;padding-bottom:117px;}
.content-7left{float:left;width:600px;overflow:hidden;margin:140px 0px 0px 70px;}
.content-7left h3{float:left;width:100%;overflow:hidden;font-size:46px;color:#333;}
.content-7left p{float:left;width:100%;overflow:hidden;font-size:16px;color:#666;line-height:28px;margin-top:50px;}
.content-7left span{float:left;width:200px;height:50px;line-height:50px;overflow:hidden;background:#1d754b;margin-top:50px;text-align:center;}
.content-7left span a{width:auto;display:inline-block;font-size:16px;color:#fff;background:url("../images/icon-5.png") no-repeat right center;padding-right:34px;}
.content-7left span:hover{transform:translateY(4px);}
.content-7right{float:right;width:750px;overflow:hidden;margin-top:290px;margin-right:9vw;}
.content-7right h3{float:left;width:100%;overflow:hidden;font-size:36px;color:#333;}
.content-7info{float:left;width:100%;overflow:hidden;font-size:16px;color:#666;line-height:28px;margin-top:45px;}
.content-7right ul{float:left;width:100%;overflow:hidden;margin-top:60px;}
.content-7right ul li{float:left;width:34%;overflow:hidden;}
.content-7right ul li:last-child{width:32%;}
.content-7right ul li span{float:left;width:100%;overflow:hidden;font-size:70px;color:#1d754b;font-family:'DINProCONDBOLD';letter-spacing:-4px;}
.content-7right ul li p{float:left;width:100%;overflow:hidden;font-size:16px;color:#333;}
.content-7scroll{float:left;width:300%;overflow:hidden;margin-top:190px;height:160px;background:url(../images/bg-1.png) repeat-x;animation:movewenzi 80s linear infinite;}

.content-8{width:100%;overflow:hidden;background:#fff url("../images/index-13.jpg") no-repeat center bottom;padding-bottom:120px;}
.content-8head{width:81%;overflow:hidden;margin:120px auto 0px;position:relative;}
.content-8left{float:left;width:50%;overlfow:hidden;}
.content-8left h3{float:left;width:100%;overflow:hidden;font-size:46px;color:#333;}
.content-8left p{float:left;width:100%;overflow:hidden;font-size:17px;color:#666;line-height:24px;margin-top:30px;}
.content-8head ul{width:auto;position:absolute;right:0px;bottom:0px;}
.content-8head ul li{float:left;width:180px;height:50px;line-height:50px;text-align:center;box-sizing:border-box;border:1px #ddd solid;font-size:16px;color:#666;cursor:pointer;}
.content-8head ul li:nth-child(2){border-left:0px;border-right:0px;}
.content-8head ul li.active{background:#1d754b;color:#fff;}
.content-8cont{width:81%;overflow:hidden;margin:100px auto 0px;}
.content-8pannel,.content-8show{float:left;width:100%;display:none;}
.content-8pannel.active{display:block;}
.content-8item{float:left;width:19%;overflow:hidden;margin:20px 1.25% 0px 0px;box-sizing:border-box;border:1px #e1e1e1 solid;background:#fff;height:120px;position:relative;text-align:center;}
.content-8pannel{padding-bottom:5px;}
.content-8item:before{height:100%;content:"";display:inline-block;vertical-align:middle;}
.content-8item:nth-child(5n){float:right;margin-right:0px;}
.content-8item img{width:auto;height:auto;max-width:80%;max-height:90%;display:inline-block;vertical-align:middle;}
.content-8item:hover{border-color:#1d754b;transform:translateY(3px);}
.content-8item:hover img{transform:scale(1.06);}
.content-8more{float:left;width:100%;overflow:hidden;text-align:center;margin-top:30px;cursor:pointer;}
.content-8more span{width:180px;height:50px;line-height:50px;display:inline-block;border:1px #ddd solid;font-size:16px;color:#666;}
.content-8more span em{background:url("../images/icon-22.png") no-repeat right center;padding-right:25px;}
.content-8more:hover{transform:translateY(4px);}

/*news*/
@keyframes cir{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg) }
}
.news{width:100%; overflow:hidden; margin-top:100px; position:relative; padding-bottom:240px}
.news-left{ width:50%; overflow:hidden; position:fixed;left:0px;top:100px; z-index:11; color:#fff; height:calc(100vh - 100px); background:url(../images/bg-2.jpg) no-repeat top center; background-size:cover}
.news-head{ float:right; width:82%; overflow:hidden;margin-top:25vh; position:relative;}
.news-head:before{ width:30.7%; height:3px; content:""; position:absolute;left:0px;top:0px; z-index:12; background:#fff;}
.news-head span{float:left; width:100%; overflow:hidden; margin-top:56px; font-size:50px;font-family:'AVANTGA2';}
.news-head h3{ float:left; width:100%; overflow:hidden;font-size:40px;}
.news-left p{ width:82%; overflow:hidden; position:absolute;right:0px;bottom:12.5vh; font-size:16px} 
.news-right{ float:right; width:50%; overflow:hidden}
.news-right ul{ float:left; width:auto; overflow:hidden; margin-left:3.13vw; margin-top:60px}
.news-right ul li{ float:left; width:100px; height:32px; line-height:32px; text-align:center; overflow:hidden; margin-right:2.1vw; font-size:16px}
.news-right ul li a{ color:#333}
.news-right ul li a:hover{ color:#1b92d1}
.news-right ul li.active{ background:#1b92d1}
.news-right ul li.active a{ color:#fff}
.news-right ul li:last-child{ margin-right:0px}
.news-list{ float:left; width:100%; margin-top:5.4vw}
.news-item{ float:left; width:19.5vw; overflow:hidden;margin:4.9vw 0.2vw 0px 3.13vw}
.news-item samp{ float:left; width:100%; overflow:hidden; height:12.3vw}
.news-item samp img{ width:100%; height:100%;object-fit:cover}
.news-item span{ float:left; width:100%; overflow:hidden; font-size:20px; color:#333;font-family:'SourceMediumr'; line-height:30px; height:60px; margin-top:25px; border-bottom:1px #ddd solid; padding-bottom:12px}
.news-item em{ float:left; width:auto; overflow:hidden; font-size:14px; color:#999;font-family:'SourceMediumr'; margin-top:16px}
.news-item p{ float:right; width:36px; height:36px; overflow:hidden;border-radius:50%; background:#fff ; margin-top:8px; position:relative}
.news-item p:before{ width:36px; height:36px; overflow:hidden; content:"";background:url(../images/icon-9-1.png) no-repeat center; position: absolute;left:0px;top:0px}
.news-item p:after{ width:36px; height:36px; overflow:hidden; content:"";background:url(../images/icon-9.png) no-repeat -10px center; position: absolute;left:0px;top:0px}
.news-item:nth-child(2n+1){transform:translateY(-5.4vw)}
.news-item:hover samp img{transform:scale(1.1)}
.news-item:hover p{ background:#1b92d1;}
.news-item:hover p:before{ background-position:40px center}
.news-item:hover p:after{ background-position: center}
.news-item:hover span{transform:translateY(-4px)}
.news-more{ float:left; width:100%; overflow:hidden; margin-top:105px; text-align:center}
.news-more p{ width:auto; display:inline-block; overflow:hidden; cursor:pointer}
.news-more p span{ font-size:16px; color:#999; margin-top:15px; overflow:hidden; display:inline-block}
.news-more p img{animation:cir 1s linear infinite}

/*news-info*/
.news-info{width:100%; overflow:hidden; margin-top:100px; position:relative; background:#f5f5f5; padding-bottom:120px}
.detail-head{ width:100%; overflow:auto; height:60px; line-height:60px}
.detail-left{ float:left; width:40%; overflow:hidden; padding-left:90px; font-size:14px; color:#333}
.detail-left a{ color:#333; margin:0px 6px;}
.detail-left a:first-child{ margin-left:0px}
.detail-left a:hover{ color:#1b92d1}
.detail-head ul{ float:right; width:auto; overflow:hidden; margin-right:90px}
.detail-head ul li{ float:left; width:auto; overflow:hidden; font-size:14px; color:#333; margin-left:30px}
.detail-head ul li a{color:#333}
.detail-head ul li.active a{ color:#1b92d1}
.detail-head ul li a:hover{ color:#1b92d1}
.detail-content{ width:70%; overflow:hidden; margin:40px auto 0px; background:#fff; padding:50px}
.detail-content h3{ float:left; width:100%; overflow:hidden; font-size:32px; color:#222}
.detail-nav{ float:left; width:100%; overflow:hidden; border-bottom:1px #888 solid; padding:20px 0px 15px}
.detail-nav span{ float:left; width:auto; overflow:hidden; font-size:14px; color:#555; margin-right:50px}
.detail-cont{ float:left; width:100%; overflow:hidden; line-height:28px; font-size:16px; color:#666; padding:30px 0px;border-bottom:1px #888 solid;}
.detail-cont p{ padding:12px 0px}
.detail-cont img{ width:auto; height:auto;max-width:100%;}
.detail-page{ float:left; width:100%; padding-top:30px}
.detail-page1{ float:left; width:46%; }
.detail-page2{ float:right; width:46%; }
.detail-page1 a,.detail-page2 a{ width:100%; display:block}
.detail-page1 span{ float:left; width:auto; overflow:hidden; font-size:16px; color:#666; background:url(../images/icon-6.png) no-repeat left center; padding-left:30px}
.detail-page1 p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:24px; margin-top:4px}
.detail-page2 span{ float:right; width:auto; overflow:hidden; font-size:16px; color:#666; background:url(../images/icon-6-1.png) no-repeat right center; padding-right:30px}
.detail-page2 p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:24px; margin-top:4px; text-align:right}
.detail-page1 a:hover,.detail-page2 a:hover{ transform:translateY(5px)}
.detail-page1 a:hover span,.detail-page1 a:hover p,.detail-page2 a:hover span,.detail-page2 a:hover p{ color:#1b92d1}

/*contact*/
.contact-map{ width:100%; overflow:hidden; height:760px}
.amap-logo{ display:none !important}
.contact-content{ width:100%; overflow:hidden; background:url(../images/bg-5.jpg) no-repeat top center; background-size:cover; padding:80px 120px 90px;box-sizing:border-box}
.contact-content h3{ float:left; width:100%; overflow:hidden; font-size:22px; color:#333}
.contact-content ul{ float:left; width:100%; margin-top:58px; padding-bottom:5px}
.contact-content ul li{ float:left; width:19.3%; overflow:hidden; margin-right:7.6%}
.contact-content ul li:last-child{ margin-right:0px; float:right}
.contact-content ul li span{ float:left; width:34px; height:34px; overflow:hidden;border-radius:50%; background:#1b92d1; background-position:center; background-repeat:no-repeat;}
.contact-content ul li:nth-child(1) span{ background-image:url(../images/icon-24.png)}
.contact-content ul li:nth-child(2) span{ background-image:url(../images/icon-25.png)}
.contact-content ul li:nth-child(3) span{ background-image:url(../images/icon-26.png)}
.contact-content ul li:nth-child(4) span{ background-image:url(../images/icon-27.png)}
.contact-content ul li p{ float:left; width:100%; overflow:hidden; border-top:1px #ddd solid; line-height:24px; font-size:16px; color:#666; margin-top:30px; padding-top:16px;word-break: break-all;}
.contact-content ul li p a{ color:#666}
.contact-content ul li:hover{transform:translateY(5px)}


/*product*/
@keyframes keepmove{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.product{width:100%; overflow:hidden; position:relative}
.product-bg,.product-bg img{ width:100%; overflow:hidden; height:auto; position:relative; z-index:50}
.product-pic{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:50}
.product-pic span{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:50;opacity:1;transform:scale(1);-webkit-transition:all 1s ease 0.1s;-moz-transition:all 1s ease 0.1s;-ms-transition:all 1s ease 0.1s;-o-transition:all 0.7s ease 0.1s;transition:all 1s ease 0.1s;}
.product-pic span.active{opacity:1;transform:scale(1)}
.product-nav{ width:100%; position:absolute;left:0px;top:0px; z-index:51; height:100%}
.product-item{ width:140px; height:140px; position:absolute; z-index:12; background:#fff; box-shadow:0px 0px 6px 3px rgba(0,0,0,0.02);border-radius:50%;margin-left:-70px;margin-top:-70px ; cursor:pointer}
.product-item samp{ float:left; width:100%; overflow:hidden; height:34px; text-align:center; position:relative; margin-top:40px}
.product-item samp img{ width:auto; height:100%; position:absolute;left:50%;top:0px;transform:translateX(-50%); z-index:10;opacity:1}
.product-item samp img:last-child{opacity:0 }
.product-item span{ float:left; width:100%; text-align:center; overflow:hidden; font-size:16px; color:#1b92d1;font-family:'SourceMediumr'; margin-top:6px}
.product-item:before{ width:170px; height:170px; position:absolute; content:"";left:-16px;top:-16px;border:1px #0f6897 dashed;border-radius:50%;opacity:0;animation:keepmove 12s linear infinite}
.product-item.item1{left:14%;top:31%}
.product-item.item2{left:18%;top:54%}
.product-item.item3{left:23%;bottom:11%}
.product-item.item4{right:10%;top:31%}
.product-item.item5{right:14%;top:54%}
.product-item.item6{right:19%;bottom:11%}
.product-item.active{ background:-webkit-linear-gradient(left,#0f6998,#1b91d0);box-shadow:none}
.product-item.active:before{opacity:1}
.product-item.active samp img{opacity:0}
.product-item.active samp img:last-child{opacity:1}
.product-item.active span{color:#fff}
.prodcut-content{ width:44vw; height:44vw;border-radius:50%;position:absolute;left:50%;top:54%; z-index:52;transform:translate(-50%,-50%)}
.product-pannel{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:12;opacity:0; text-align:center}
.product-pannel:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.product-pannel.active{opacity:1; z-index:13}
.product-ver{  display:inline-block; vertical-align:middle; width:90%}
.product-pannel h3{width:100%; overflow:hidden; text-align:center; font-size:36px; color:#1b92d1}
.product-pannel p{width:100%; overflow:hidden; text-align:center; font-size:24px; color:#333; margin-top:10px}
.product-pannel samp{ width:17.2vw; height:17.2vw;border-radius:50%; display:block; margin:2vw auto 0px;border:1px #1b92d1 dashed; padding:3%;}
.product-pannel samp img{ width:100%; height:100%;border-radius:50%}
.product-pannel em{ width:180px; height:50px; line-height:50px; text-align:center; display:block; margin:2vw auto 0px; background:-webkit-linear-gradient(left,#0f6999,#1b91d0)}
.product-pannel em a{ font-size:16px; color:#fff; background:url(../images/icon-5.png) no-repeat right center; padding-right:32px}
.product-pannel:hover img{ transform:scale(1.02)}
.product-pannel em:hover{transform:translateY(4px)}

/*product-info*/
.banners{ width:100%; overflow:hidden; position:relative; margin-top:100px}
.banners img{ float:left; width:100%; height:auto; overflow:hidden}
.banners-wz{ width:100%; position:absolute;left:50%;top:0px; height:100%; z-index:11;transform:translateX(-50%); text-align:center; color:#fff}
.banners-wz:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.banners-ver{ width:800px; display:inline-block; vertical-align:middle; text-align:left; position:relative}
.banners-ver:before{ width:240px; position:absolute;left:0px;top:0px; height:2px; background:#fff; content:""}
.banners-ver span{ float:left; width:100%; overflow:hidden; font-size:60px;font-family:'AVANTGA2'; margin-top:45px}
.banners-ver h3{ float:left; width:100%; overflow:hidden; font-size:46px; font-weight:bold}
.banners-ver p{ float:left; width:60px; height:60px; background:#fff url(../images/icon-34.png) no-repeat center;border-radius:50%; overflow:hidden; margin-top:100px}

.products-nav{ width:100%; overflow:hidden; height:180px; background:#fff;}
.products-left{ float:left; width:91%; overflow:hidden; height:100%; position:relative}
.products-left .swiper-container{ width:calc(100% - 180px); float:left}
.products-slide{ float:left; width:100%; overflow:hidden; }
.products-slide a{ width:100%; display:block; overflow:hidden}
.products-slide samp{ float:left; width:100%; overflow:hidden; position:relative; height:34px}
.products-slide samp img{ width:auto; position:absolute;left:50%; height:100%;top:0px;transform:translateX(-50%); z-index:12;opacity:0}
.products-slide samp img:last-child{opacity:1}
.products-slide span{ float:left; width:100%; overflow:hidden; text-align:center; font-size:16px; color:#666; margin-top:20px}
.products-left .swiper-slide{ position:relative}
.products-left .swiper-slide:before{ width:0%; height:4px; content:""; position:absolute;left:0px;bottom:0px; background:#1b92d1}
.products-left .swiper-slide-active{padding-left:5%;box-sizing:border-box}
.products-left .active samp img{opacity:1}
.products-left .active samp img:last-child{opacity:0}
.products-left .active span{ color:#1b92d1}
.products-left .swiper-slide.active:before{ width:100%}
.products-right{ width:170px; position:absolute;right:0px;top:86px; z-index:12}
.products-right .swiper-button-prev{ width:60px; height:60px;border-radius:50%;opacity:1;background:#fff url(../images/icon-35.png) no-repeat center;box-shadow:0px 0px 16px 5px rgba(0,0,0,0.04);}
.products-right .swiper-button-next{ width:60px; height:60px;border-radius:50%;opacity:1;background:#fff url(../images/icon-9-1.png) no-repeat center;box-shadow:0px 0px 16px 5px rgba(0,0,0,0.04);}
.products-right .swiper-button-prev:hover,.products-right .swiper-button-next:hover{transform:translateY(4px)}
.products-content{ width:100%; overflow:hidden; background:#f5f5f5; padding:20px 9% 120px; box-sizing:border-box}
.products-item{ float:left; width:23%; overflow:hidden; margin:60px 2.66% 0px 0px; background:#fff;box-shadow:0px 0px 12px 5px rgba(0,0,0,0)}
.products-item:nth-child(4n){ float:right; margin-right:0px}
.products-item a{ width:100%; display:block}
.products-item samp{ float:left; width:100%; overflow:hidden; height:13.81vw;}
.products-item samp img{ float:left; width:100%; height:100%; overflow:hidden;object-fit:cover}
.products-item:hover img{transform:scale(1.05)}
.products-item span{ float:left; width:100%; overflow:hidden; height:64px; line-height:64px; text-align:center; padding:0px 10px;box-sizing:border-box; font-size:18px; color:#333;font-family:'SourceMediumr'; border-bottom:1px #e8e8e8 solid}
.products-item p{ float:left; width:100%; overflow:hidden; text-align:center; height:75px}
.products-item p em{ width:110px; height:34px; line-height:34px; display:inline-block; overflow:hidden; background:-webkit-linear-gradient(left,#0f6999,#1b91d0); color:#fff; font-size:14px; margin-top:20px}
.products-item p em:hover{ background:-webkit-linear-gradient(left,#000,#000)}
.products-item:hover{box-shadow:0px 0px 12px 5px rgba(0,0,0,0.02);transform:translateY(-4px)}

.product-prop{width:100%; height:100%; position:fixed;left:0px;top:0px; z-index:999999;background:rgba(0,0,0,0.5);opacity:0; visibility:hidden;}
.product-prop-active{opacity:1; visibility:visible}
.product-prop-item{width:1200px; height:440px; overflow:hidden; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); z-index:12;opacity:0; background:#fff}
.product-prop-bg{width:100%; height:100%; overflow:hidden; position:absolute;left:0%;top:0%; z-index:12;opacity:0.4; background-position:center right; background-repeat:no-repeat; background-size:auto 100%;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
.product-prop-bg:before{ width:100%; height:100%; content:""; position:absolute;left:0px;top:0px; z-index:12; background:-webkit-linear-gradient(left,#fff 55%,rgba(255,255,255,0.86))}
.product-prop-item.active{opacity:1; z-index:13}
.product-prop-left{ width:39%; height:100%; position:absolute;left:0px;top:0px;z-index:22;box-sizing:border-box;padding:7.4% 4.6%;}
.product-prop-left img{ float:left; width:100%; height:100%;object-fit:cover}
.product-prop-right{ width:55%; height:60%; position:absolute;right:4.6%;top:20%;z-index:22; overflow:hidden}
.product-prop-right h3{ float:left; width:100%; overflow:hidden; font-size:30px; color:#333;font-family:'Sourcem'}
.product-prop-right span{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666;font-family:'SourceMediumr'; line-height:24px; margin-top:15px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#1b92d1 !important}

/*about*/
.banner-about{ width:100%; overflow:hidden; position:relative}
.banner-about img{ float:left; width:100%; overflow:hidden; height:auto}
.banners-wzs{ width:100%; height:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:12; text-align:center; color:#fff}
.banners-wzs:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.banners-vers{ width:82%; overflow:hidden; display:inline-block; vertical-align:middle; text-align:left; position:relative}
.banners-vers:before{ width:240px; height:3px; position:absolute;left:0px;top:0px; background:#fff; content:""}
.banners-vers span{ float:left; width:100%; overflow:hidden; font-size:60px;font-family:'AVANTGA2'; margin-top:45px}
.banners-vers h3{ float:left; width:100%; overflow:hidden; font-size:46px; font-weight:bold}
.banners-vers p{ float:left; width:100%; overflow:hidden; font-size:16px; margin-top:20px }
.banners-vers em{ float:left; width:60px; height:60px; background:#fff url(../images/icon-34.png) no-repeat center;border-radius:50%; overflow:hidden; margin-top:80px}

.about-nav{ width:100%; overflow:hidden; height:90px; line-height:90px; background:#fff;box-shadow:0px 5px 12px 6px rgba(0,0,0,0.05);margin-top:-90px; position:relative; z-index:22}
.about-nav ul{ float:right; width:100%; overflow:hidden; height:100%}
.about-nav ul li{ float:left; width:14%; overflow:hidden; font-size:16px; color:#666;box-sizing:border-box; text-align:center; cursor:pointer; position:relative} 
.about-nav ul li:before{ width:0%; content:""; position:absolute;left:0px;top:0px; height:5px; background:#0980C8}
.about-nav ul li:first-child{padding-left:6%}
.about-nav ul li:last-child{padding-right:6%}
.about-nav ul li.active:before,.about-nav ul li:hover:before{width:100%}
.about-nav ul li.active,.about-nav ul li:hover{ color:#0980C8}
.about-fixed{position:fixed; z-index: 9999999;top:0px;margin-top:0px}


.about-1{ width:100%; overflow:hidden; position:relative}
.about-1left{ float:left; width:67%; overflow:hidden; background:url(../images/bg-3.jpg) no-repeat left bottom;}
.about-1right{ float:right; width:33%; overflow:hidden}
.about-1ra,.about-1ra img{ float:left; width:100%; overflow:hidden; height:auto}
.about-1ra:hover img,.about-1rb:hover img{transform:scale(1.02)}
.about-1rb,.about-1rb img{ float:left; width:100%; overflow:hidden; height:auto; position:relative}
.about-1wz{ width:100%; overflow:hidden; height:100%; position:absolute;left:0px;top:0px; z-index:12; text-align:center}
.about-1wz:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.about-1ver{ width:70%; overflow:hidden; display:inline-block; vertical-align:middle; text-align:left}
.about-1ver span{ float:left; width:100%; overflow:hidden; font-size:28px; color:#fff}
.about-1ver p{ float:left; width:100%; overflow:hidden; font-size:16px; color:rgba(255,255,255,0.7); line-height:24px; margin-top:34px}
.about-1age{ width:auto; position:absolute;left:0;bottom:0; z-index:12; }
.about-1age img{ width: 75%;opacity: 0.9;}
.about-1content{ float:left; width:41.5%; overflow:hidden; margin:8vw 0px 0px 14%}
.about-1content h3{ float:left; width:100%; overflow:hidden; font-size:36px; color:#2A2A2A}
.about-1info{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:33px}
.about-1info p{ float:left; width:100%; overflow:hidden; margin-top:20px}
.about-1content span{ float:left; width:auto; height:32px;text-align:center; margin-top:5.8vw; background:#1b92d1; padding:9px 30px}
.about-1content span em{ float:left; width:auto; line-height:32px; overflow:hidden; font-size:16px; color:#fff}
.about-1content span samp{ float:left; width:32px; height:32px; overflow:hidden;border-radius:50%; background:#3ab0ef url(../images/icon-9.png) no-repeat center;transform:rotate(-45deg); margin-left:40px}
.about-1left ul{ float:right; width:210px; overflow:hidden;margin-top:5.8vw;margin-right:4.5vw}
.about-1left ul li{ float:left; width:100%; overflow:hidden; margin-bottom:4vw}
.about-1left ul li span{ float:left; width:auto; overflow:hidden; font-size:80px;font-family:'DINProCONDBOLD';background-image:-webkit-linear-gradient(left,#0f6a9a,#1b92d1);background-image:-moz-linear-gradient(left,#0f6a9a,#1b92d1);background-image:-ms-linear-gradient(left,#0f6a9a,#1b92d1);background-image:-o-linear-gradient(left,#0f6a9a,#1b92d1);background-image:linear-gradient(left,#0f6a9a,#1b92d1);-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-ms-text-fill-color:transparent;-o-text-fill-color:transparent;text-fill-color:transparent;}
.about-1left ul li span em {font-family: 'DINProCONDBOLD' !important;
  -webkit-text-fill-color: transparent;
  font-size: 60px;}
.about-1left ul li p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333}

.about-2{ width:100%; overflow:hidden; background:url(../images/bg-4.jpg) no-repeat top center; height:909px; background-size:cover}
.about-2left{ float:left; width:45%; overflow:hidden; margin-top:160px; position:relative;background-color: rgba(0, 0, 0, 0.4); height: 909px; margin-top: 0 !important; padding:90px 70px 110px;border-radius:0;}
.about-2left:before{ width:68px !important; height:4px; content:""; position:absolute;left:70px;top:100px; background:#fff}
.about-2left h3{ float:left; width:100%; overflow:hidden; font-size:36px; color:#fff; margin-top:24px}
.about-2content{ float:left; width:100%; overflow:hidden; margin-top:40px}
.about-2info{ float:left; width:100%; line-height:32px; overflow:hidden; font-size:16px; color:rgba(255,255,255,0.6);}
.about-2info p{ float:left; width:100%; overflow:hidden; margin-top:5px;text-align: justify;text-indent: 2em;}
.about-2bottom{ float:left; width:100%; overflow:hidden; margin-top:56px}
.about-2s{ float:right; width:50%; overflow:hidden}
.about-2s img{ float:right}
.about-2s p{ float:left; width:100%; overflow:hidden; text-align:right; font-size:14px; color:#fff; margin-top:24px}
.about-2bottom span{ float:left; width:42px; height:42px; overflow:hidden;border-radius:50%;border:1px #fff solid; cursor:pointer; background:url(../images/icon-37.png) no-repeat center; margin-top:10px}
.about-2bottom em{ float:left; width:42px; height:42px; overflow:hidden;border-radius:50%;border:1px #fff solid; cursor:pointer; background:url(../images/icon-37.png) no-repeat center;transform:rotate(180deg); margin-left:18px; margin-top:10px}
.about-2bottom span:hover,.about-2bottom em:hover{ background-color:#1b92d1;border-color:#1b92d1}
.about-2right{ float:right; width:50%; overflow:hidden; height:100%; text-align:right;}
.about-2right:before{ height:100%; content:""; display: inline-block; vertical-align:middle}
.about-2right img{ width:80%; display:inline-block; vertical-align:middle; height:auto; margin-top: 30%;}
.about-2content .mCSB_scrollTools .mCSB_draggerRail{ background:none}
@keyframes kuozhan{
0%{transform:scale(1);opacity:0.5}
100%{transform:scale(12);opacity:0}
}
.about-3{ width:100%; overflow:hidden; background:url(../images/bg-5.jpg) no-repeat top center; background-size:cover}
.about-3map{ float:left; width:100%; overflow:hidden; position:relative}
.about-3map span{ float:left; width:100%; overflow:hidden; position:relative; z-index:11;opacity:0}

.about-3map span:last-child{ position:absolute;left:0px;top:0px;}
.about-3map span.active{opacity:1}
.about-3left{ width:540px; position:absolute;left:9%;top:50%;transform:translateY(-50%); z-index:20}
.about-3left:before{ width:200px; height:4px; content:""; position:absolute;left:0px;top:0px;background-image:-webkit-linear-gradient(left,#0f6a9a,#1b92d1)}
.about-3left h3{ float:left; width:100%; overflow:hidden; font-size:36px; color:#333; margin-top:25px}
.about-3left p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; margin-top:28px; line-height:28px;}
.about-3left ul{ float:left; width:100%; overflow:hidden; border-top:1px #147ab0 solid; margin-top:140px}
.about-3left ul li{ float:left; width:100%; overflow:hidden; border-bottom:1px #147ab0 solid;padding-bottom:20px}
.about-3left ul li span{ float:left; width:40%; overflow:hidden; font-size:16px; color:#666;font-family:'SourceMediumr'; margin-top:30px }
.about-3left ul li em{ float:right; width:150px; overflow:hidden; font-size:26px; color:#333; line-height:110px}
.about-3left ul li em samp{ float:left; width:auto; font-size:72px;font-family:'DINProBold'; letter-spacing:-4px; padding-right:8px;background-image:-webkit-linear-gradient(left,#0f6a9a,#1b92d1);background-image:-moz-linear-gradient(left,#0f6a9a,#1b92d1);background-image:-ms-linear-gradient(left,#0f6a9a,#1b92d1);background-image:-o-linear-gradient(left,#0f6a9a,#1b92d1);background-image:linear-gradient(left,#0f6a9a,#1b92d1);-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-ms-text-fill-color:transparent;-o-text-fill-color:transparent;text-fill-color:transparent}
.about-3nav{ width:190px; height:40px; line-height:40px; text-align:center; position:absolute;right:9%;top:157px;border-radius:20px; z-index:22; }
.about-3nav span{ float:left; width:50%; height:100%; background:#fff; font-size:16px; color:#999;font-family:'SourceMediumr';box-sizing:border-box;border:2px #1b92d1 solid; cursor:pointer}
.about-3nav span:nth-child(1){border-radius:20px 0px 0px 20px;}
.about-3nav span:nth-child(2){border-radius:0px 20px 20px 0px;}
.about-3nav span.active:nth-child(1),.about-3nav span.active:nth-child(2){ background:#1b92d1; color:#fff}
.about-3content{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:21;opacity:0}
.about-3content.active{opacity:1}


.about-4{ width:100%; overflow:hidden;}
.about-4head{ width:100%; overflow:hidden; position:relative}
.about-4head img{ float:left; width:100%; overflow:hidden; height:auto}
.about-4head h3{ width:auto; position:absolute;left:9%; font-size:36px; color:#333; padding-top:10px;top:35%}
.about-4head h3:before{ width:106%;height:4px; content:""; position:absolute;left:0px;top:0px;background-image:-webkit-linear-gradient(left,#0f6a9a,#1b92d1);}
.about-4content{ width:82%; margin:-120px auto 0px; position:relative}
.about-4left{ float:left; width:60%; overflow:hidden; margin-top:140px}
.about-4left span{ float:left; width:auto; overflow:hidden; font-size:26px; color:#ddd; line-height:34px; position:relative; padding-right:15px; cursor:pointer}
.about-4left span:before{ width:4; content:"/"; position:absolute;right:0px;top:0px; height:100%; color:#389bd4}
.about-4left span:last-child:before{ display:none}
.about-4left span.active{ color:#389bd4}
.about-4right{ float:right; width:38%; overflow:hidden; margin-right:-150px }
.about-4right img{ float:left; width:100%; height:auto; position:relative; z-index:12}
.about-4right img:nth-child(1){ width:70%; height:70%; position:absolute;left:5%;top:5%; z-index:11;object-fit:cover}
.about-4pag{ width:145px; position:absolute;left:60%;top:0px;}
.about-4pag .swiper-button-prev{ width:60px; height:60px; overflow:hidden; border-radius:50%; background:#fff url(../images/icon-39.png) no-repeat center;left:0px;top:20px;margin:0px;opacity:1}
.about-4pag .swiper-button-next{ width:60px; height:60px; overflow:hidden; border-radius:50%; background:#fff url(../images/icon-9-1.png) no-repeat center;right:0px;top:20px;margin:0px;opacity:1}
.about-4pag .swiper-button-next:hover{ background:#1b92d1 url(../images/icon-5.png) no-repeat center}
.about-4pag .swiper-button-prev:hover{ background:#1b92d1 url(../images/icon-39-1.png) no-repeat center}

.about-5{ width:100%; overflow:hidden;}


.about-6{ width:100%; overflow:hidden;}


.about-7{ width:100%; overflow:hidden; background:url(../images/icon-44.png); padding:100px 0px; position:relative}
.about-7left{ float:left; width:24.1%; overflow:hidden; margin-left:9%}
.about-7left .about-7item{ float:left; width:100%; overflow:hidden; margin:64px 0px; cursor:pointer}
.about-7left .about-7item samp{ float:left; width:80px; height:80px; overflow:hidden; position:relative}
.about-7left .about-7item samp:before{ width:100%; height:100%; content:""; position:absolute;left:0px;top:0px; background:url(../images/icon-46.png) no-repeat; background-size:100%;transition:all 100s linear}
.about-7left .about-7item samp img{ position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); z-index:12;opacity:1}
.about-7left .about-7item samp img:last-child{opacity:0}
.about-7left .about-7ct{ float:right; width:calc(100% - 90px); overflow:hidden}
.about-7left .about-7ct span{ float:left; width:100%; overflow:hidden; font-size:24px; color:#333; margin-top:5px}
.about-7left .about-7ct p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333; margin-top:7px; line-height:24px}
.about-7left .about-7item:hover samp:before{transform:rotate(12000deg); background-image:url(../images/icon-47.png)}
.about-7left .about-7item:hover samp img{opacity:0}
.about-7left .about-7item:hover samp img:last-child{opacity:1}
.about-7left .about-7item:hover .about-7ct span,.about-7left .about-7item:hover .about-7ct p{ color:#1b92d1}
.about-7right{ float:right; width:28%; overflow:hidden; margin-right:9%}
.about-7right .about-7item{ float:left; width:100%; overflow:hidden; margin:64px 0px; cursor:pointer}
.about-7right .about-7item samp{ float:right; width:80px; height:80px; overflow:hidden; position:relative}
.about-7right .about-7item samp:before{ width:100%; height:100%; content:""; position:absolute;left:0px;top:0px; background:url(../images/icon-46.png) no-repeat; background-size:100%;transition:all 100s linear}
.about-7right .about-7item samp img{ position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); z-index:12;opacity:1}
.about-7right .about-7item samp img:last-child{opacity:0}
.about-7right .about-7ct{ float:left; width:calc(100% - 90px); overflow:hidden; text-align:right}
.about-7right .about-7ct span{ float:left; width:100%; overflow:hidden; font-size:24px; color:#333; margin-top:5px}
.about-7right .about-7ct p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333; margin-top:7px; line-height:24px}
.about-7right .about-7item:hover samp:before{transform:rotate(12000deg); background-image:url(../images/icon-47.png)}
.about-7right .about-7item:hover samp img{opacity:0}
.about-7right .about-7item:hover samp img:last-child{opacity:1}
.about-7right .about-7item:hover .about-7ct span,.about-7right .about-7item:hover .about-7ct p{ color:#1b92d1}

.about-7center{ width:44vw; height:44vw; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); overflow:hidden; z-index:533}
.about-7center:before{ width:100%; height:100%; content:""; position:absolute;left:0px;top:0px; background:url(../images/icon-45.png) no-repeat center; background-size:100%;animation:keepmove 52s linear infinite}
.about-7center:after{ width:86%; height:86%; content:""; position:absolute;left:7%;top:7%;border:1px #1d754b solid;opacity:0.1;border-radius:50% }
.about-7center span{ width:100%; height:100%; overflow:hidden; position:absolute;left:0px;top:0px;}
.about-7center span:before{ width:74%; height:74%; content:""; position:absolute;left:13%;top:13%;border:1px #1d754b solid;opacity:0.2;border-radius:50% }
.about-7center span:after{ width:62%; height:62%; content:""; position:absolute;left:19%;top:19%;border:1px #1d754b solid;opacity:0.5;border-radius:50% }
.about-7center samp{ width:50%; height:50%; overflow:hidden; position:absolute;left:25%;top:25%;border-radius:50%;z-index:533}
.about-7center samp img{ float:left; width:100%; height:100%;object-fit:cover}
.about-7center samp em{ width:100%; overflow:hidden; position:absolute;left:0px;top:50%;transform:translateY(-50%); font-size:36px; color:#fff; text-align:center}
.about-7center samp:hover img{transform:scale(1.05)}

/*server*/
.server{ width:100%; height:100vh; overflow:hidden; padding-top:100px;box-sizing:border-box; position:relative}
.server .swiper-wrapper,.server .swiper-slide{ height:100%; position:relative; overflow:hidden}
.server-left{width:45%; overflow:hidden; height:100%; position:absolute;left:0px;top:0px;}
.server-left:before{ height:100%; content:""; display: inline-block; vertical-align:middle}
.server-ver{ width:80%; display:inline-block; vertical-align:middle; margin-left:67px}
.server-ver h3{ float:left; width:100%; font-size:36px; color:#333}
.server-ver p{ float:left; width:100%; font-size:16px; color:#333; line-height:32px; margin-top:40px}
.server-ver span{ float:left; width:180px; height:50px; line-height:50px; text-align:center; overflow:hidden; margin-top:50px; background:#0d4981; cursor:pointer;}
.server-ver span a{ width:auto; display:inline-block; font-size:16px; color:#fff; background:url(../images/icon-5.png) no-repeat right center; padding-right:32px}
.server-ver span:hover{transform:translateY(5px)}
.server .swiper-slide:nth-child(1){ background:url(../images/about-23.jpg) no-repeat left bottom}
.server .swiper-slide:nth-child(2){ background:url(../images/about-27.jpg) no-repeat left bottom}
.server .swiper-slide:nth-child(3){ background:url(../images/about-28.jpg) no-repeat left bottom}
.server-right{width:51%; overflow:hidden; height:100%; position:absolute;right:0px;top:0px; background:url(../images/about-24.jpg) no-repeat center; background-size:cover; z-index:20}
.server .swiper-slide:nth-child(2) .server-right{ background-image:url(../images/about-25.jpg)}
.server .swiper-slide:nth-child(3) .server-right{ background-image:url(../images/about-26.jpg)}
.server .swiper-slide:nth-child(2) .server-ver span{ background-color:#1d754b}
.server .swiper-slide:nth-child(3) .server-ver span{ background-color:#e9c576}
.server-pag{ width:140px; position:absolute;right:5%;top:50%; z-index:44}
.server-pag .swiper-button-prev{width:60px; height:60px; overflow:hidden; border-radius:50%;margin:0px;opacity:1;left:0px; background:#fff url(../images/icon-35.png) no-repeat center }
.server-pag .swiper-button-next{width:60px; height:60px; overflow:hidden; border-radius:50%;margin:0px;opacity:1; background:#fff url(../images/icon-9-1.png) no-repeat center;right:0px}
.server-pag .swiper-button-prev:hover{ background:#1b92d1 url(../images/icon-39-1.png) no-repeat center}
.server-pag .swiper-button-next:hover{ background:#1b92d1 url(../images/icon-9.png) no-repeat center}

.server-nav{ width:100%; height:100%; position:absolute;left:47.5%;top:5%; z-index:19;}
.server-bg{ float:left; width:100%; height:100%; overflow:hidden}
.server-bg span{ width:auto; height:100%; position:absolute;left:0px;top:0px; z-index:12;opacity:0}
.server-bg span img{ float:left; width:auto; height:100%}
.server-bg span.active{opacity:1}
.server-nav ul{ float:left; width:100%; height:100%; position: relative;z-index:56}
.server-nav ul li{ width:100px; position:absolute;z-index:12; cursor:pointer}
.server-nav ul li span{ float:left; width:auto; overflow:hidden; font-size:20px; color:#333}
.server-nav ul li:nth-child(1){left:-0.4%;top:25%}
.server-nav ul li:nth-child(2){left:-3%;top:50%}
.server-nav ul li:nth-child(3){left:-2.7%;top:75%}
.server-nav ul li:nth-child(1).active{left:-1.2%}
.server-nav ul li:nth-child(2).active{left:-4%}
.server-nav ul li:nth-child(3).active{left:-3.3%}
.server-nav ul li:nth-child(1).active span{ color:#0d4981; font-size:26px; font-weight:bold}
.server-nav ul li:nth-child(2).active span{ color:#1d754b;font-size:26px; font-weight:bold}
.server-nav ul li:nth-child(3).active span{ color:#e9c576;font-size:26px; font-weight:bold}
.server-nav ul li:nth-child(1):before,.server-nav ul li:nth-child(1):after{ width:6px; height:6px; position:absolute; content:"";border-radius:50%; background:#333;right:29%;top:12px}
.server-nav ul li:nth-child(2):before,.server-nav ul li:nth-child(2):after{ width:6px; height:6px; position:absolute; content:"";border-radius:50%; background:#333;right:34%;top:12px}
.server-nav ul li:nth-child(3):before,.server-nav ul li:nth-child(3):after{ width:6px; height:6px; position:absolute; content:"";border-radius:50%; background:#333;right:34%;top:12px}
.server-nav ul li:nth-child(1).active:before{width:10px; height:10px;background:#0d4981;right:13%;top:14px}
.server-nav ul li:nth-child(1).active:after{ width:20px; height:20px; background:none; border:1px #0d4981 solid;right:7%;top:8px}
.server-nav ul li:nth-child(2).active:before{width:10px; height:10px;background:#1d754b;right:14%;top:14px}
.server-nav ul li:nth-child(2).active:after{ width:20px; height:20px; background:none; border:1px #1d754b solid;right:8%;top:8px}
.server-nav ul li:nth-child(3).active:before{width:10px; height:10px;background:#e9c576;right:20%;top:14px}
.server-nav ul li:nth-child(3).active:after{ width:20px; height:20px; background:none; border:1px #e9c576 solid;right:14%;top:8px}

/*chanye*/
.banner-about ul{ width:52.5%; position:absolute;right:9%;bottom:0px; z-index:22}
.banner-about ul li{ float:left; width:30%; height:220px; overflow:hidden; background-position:center; background-repeat:no-repeat}
.banner-about ul li a{ width:100%; display:block}
.banner-about ul li.active{ width:40%}
.banner-about ul .icon{ float:left; width:auto; overflow:hidden; margin:130px 0px 0px 40px}
.banner-about ul .icon span{ width:100%; display:block; overflow:hidden; font-size:14px; color:rgba(255,255,255,0.6)}
.banner-about ul .icon p{ width:100%; display:block; overflow:hidden; font-size:22px; color:rgba(255,255,255,1)}
.banner-about ul .icon-p{ float:left; width:100%; overflow:hidden; padding:0px 40px;box-sizing:border-box; font-size:14px;color:rgba(255,255,255,0.6); line-height:20px; height:40px; margin-top:25px; display:none}
.banner-about ul .icon-arr{ float:right; width:36px; height:36px; overflow:hidden;border-radius:50%; background-color:#fff; background-position:center; background-repeat:no-repeat; margin:140px 40px 0px 0px}
.banner-about ul li.active .icon{ margin-top:25px}
.banner-about ul li.active .icon-p{ display:block }
.banner-about ul li.active .icon-arr{ float:left; margin-top:20px; margin-left:40px;transform:rotate(90deg)}

/*jinrong*/
.jinrong-1{ width:82%; overflow:hidden; margin:0px auto; padding:160px 0px 120px}
.jinrong-1head{ float:left; width:20%; overflow:hidden}
.jinrong-1head h3{ float:left; width:100%; overflow:hidden; position: relative; font-size:36px; color:#e6c16f;padding-top:20px}
.jinrong-1head h3:before{ width:200px; height:4px; content:""; position:absolute;left:0px;top:0px; background:#e6c16f; }
.jinrong-1head p{ float:left; width:100%; overflow:hidden;font-size:24px; color:#333;font-family:'Sourcem'; margin-top:5px}
.jinrong-1info{ float:right; width:64%; overflow:hidden; font-size:16px; color:#666; line-height:32px}
.jinrong-1info p{ float:left; width:100%; overflow:hidden; margin-bottom:33px}
.jinrong-1content{ float:left; width:100%; overflow:hidden; margin-top:40px}
.jinrong-1content img{ float:left; width:55.8%; height:auto}
.jinrong-1content img:last-child{ float:right; width:43%}
.jinrong-2{ width:100%; overflow:hidden; background:#f5f5f5; padding:128px 0px 120px}
.jinrong-2 h3{ width:82%; margin:0px auto; overflow:hidden; font-size:36px; color:#333; padding-top:20px; position:relative}
.jinrong-2 h3:before{ width:200px; height:4px; content:""; position:absolute;left:0px;top:0px; background:#e6c16f; }
.jinrong-2content{ width:82%; margin:45px auto 0px; overflow:hidden}
.jinrong-2item{ float:left; width:19.2%; height:96px; overflow:hidden; margin:12px 1% 0px 0px; background:#fff;font-family:'Sourcem'; position:relative; text-align:center}
.jinrong-2item:nth-child(5n){ float:right; margin-right:0px}
.jinrong-2item:hover{ background:#333}
.jinrong-2item:hover p{ color:#fff}
.jinrong-2item:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.jinrong-2item p{ width:90%; display:inline-block; vertical-align:middle; font-size:16px; color:#999}

/*nongye*/
.ny-1{ width:82%; overflow:hidden; margin:0px auto; padding:140px 0px; position:relative}
.ny-1left{ float:left; width:50%; overflow:hidden}
.ny-1left img{ float:left; width:100%; height:auto; overflow:hidden}
.ny-1right{ width:50%; overflow:hidden; position:absolute;right:0px;bottom:140px}
.ny-1right h3{ float:left; width:auto; font-size:36px; color:#1d754b; position:relative; padding-top:20px; margin-left:80px}
.ny-1right h3:before{ width:270px; height:4px; content:""; position:absolute;left:0px;top:0px; background:#1d754b;}
.ny-1right em{ float:left; width:80%; overflow:hidden; margin:5px 0px 0px 80px; font-size:24px; color:#333;font-family:'Sourcem'; letter-spacing:4px}
.ny-1info{ float:left; width:90%; margin:50px 0px 0px 80px; overflow:hidden; font-size:16px; color:#666; line-height:28px}
.ny-1info p{ float:left; width:100%; overflow:hidden; margin-top:5px}
.ny-1info  span{ color:#1d754b}
.ny-1right samp{ float:left; width:100%; overflow:hidden}

.ny-2{ width:100%; overflow:hidden; position:relative}
.ny-2pic{ float:left; width:100%; overflow:hidden}
.ny-2pic img{ float:left; width:100%; height:auto}
.ny-2 h3{ width:auto; position:absolute;left:9%;top:16%; z-index:12; font-size:36px; color:#fff; padding-top:20px}
.ny-2 h3:before{ width:304px; height:4px; content:""; position:absolute;left:0px;top:0px; background:#1d754b}
.ny-2info{ width:auto; position:absolute;left:9%;bottom:26%; z-index:12; font-size:120px;color:rgba(0,0,0,0);-webkit-text-stroke:1px rgba(255,255,255,0.3)}
.ny-2content{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:13}
.ny-2content samp{ display:none}
.ny-2ct p{ display:none}
.ny-2 .ny-2item em{ float:left; width:28px; height:28px; overflow:hidden; position:relative}
.ny-2 .ny-2item em:before{ width:100%; height:100%; content:""; position:absolute;left:0px;top:0px;border-radius:50%; background:#1d754b}
.ny-2 .ny-2item em:after{ width:10px; height:10px; content:""; position:absolute;left:9px;top:9px; z-index:12;border-radius:50%; background:#fff}
.ny-2 .ny-2item .ny-2ct{ float:right; width:calc(100% - 40px); overflow:hidden}
.ny-2 .ny-2item .ny-2ct span{ float:left; width:100%; font-size:16px; color:#fff}
.ny-2 .active1 .ny-2item{ width:50%; position:absolute;left:68.4%;top:146%}
.ny-2 .active2 .ny-2item{ width:50%; position:absolute;left:63.7%;top:96%}
.ny-2 .swiper-slide-prev .ny-2item{ width:50%; position:absolute;left:59%;top:45%}
.ny-2 .swiper-slide-next .ny-2item{ width:50%; position:absolute;left:33.3%;top:111%}
.ny-2 .active3 .ny-2item{ width:50%; position:absolute;left:28.9%;top:56%}
.ny-2 .swiper-slide{opacity:0}
.ny-2 .swiper-slide.active1,.ny-2 .swiper-slide.active2,.ny-2 .swiper-slide.active3,.ny-2 .swiper-slide-prev,.ny-2 .swiper-slide-active,.ny-2 .swiper-slide-next{opacity:1}
.ny-2 .swiper-slide-active .ny-2item{ width:50%;position:absolute;left:32.8%;top:-23%}
.ny-2 .swiper-slide-active samp{ float:left; width:49.3%; display:block}
.ny-2 .swiper-slide-active samp img{ float:left; width:100%; height:auto}
.ny-2 .swiper-slide-active em{ display:none}
.ny-2 .swiper-slide-active .ny-2ct{ width:calc(100% - 54%);margin-top:5vw}
.ny-2 .swiper-slide-active .ny-2ct span{ float:left; width:100%; overflow:hidden; font-size:24px; color:#e9c576;font-family:'SourceHanSansb'}
.ny-2 .swiper-slide-active .ny-2ct p{ float:left; width:100%; display:block; overflow:hidden; font-size:12px; color:#e9c576;font-family:'SourceMediumr'}
.ny-2pag{ position: absolute; width:140px; height:90px; z-index:66;left:60%;top:56%}
.ny-2pag .swiper-button-prev{width:60px; height:60px; overflow:hidden; border-radius:50%;margin:0px;opacity:1;left:0px; background:#fff url(../images/icon-35.png) no-repeat center }
.ny-2pag .swiper-button-next{width:60px; height:60px; overflow:hidden; border-radius:50%;margin:0px;opacity:1; background:#fff url(../images/icon-8.png) no-repeat center;right:0px}
.ny-2pag .swiper-button-prev:hover,.ny-2pag .swiper-button-next:hover{transform:translateY(5px)}

@keyframes kuozhan1{
0%{transform:scale(1);opacity:0.8}
100%{transform:scale(5);opacity:0}
}
.ny-3{ width:100%; overflow:hidden; background:url(../images/nonye-5.jpg) no-repeat center; height:867px;background-size:cover; position:relative}
.ny-3 h3{ width:auto;margin-left:9%;margin-top:150px; z-index:12; font-size:36px; color:#333; padding-top:20px; position:relative}
.ny-3 h3:before{ width:304px; height:4px; content:""; position:absolute;left:0px;top:0px; background:#1d754b}
.ny-3left{ float:left; width:54%; overflow:hidden; margin-left:9%; position:relative; z-index:11}
.ny-3left ul{ float:left; width:100%; overflow:hidden; margin-top:80px; margin-bottom:30px}
.ny-3left ul li{ float:left; width:33.3%; overflow:hidden}
.ny-3left ul li span{ float:left; width:100%; overflow:hidden; padding-left:17px; position:relative; font-size:24px; color:#333;font-family:'SourceHanSansb'}
.ny-3left ul li span:before{ width:9px; height:9px; content:""; position:absolute;left:0px;top:13px;border-radius:50%; background:#1d754b}
.ny-3left ul li em{ float:left; width:100%; overflow:hidden;font-size:12px; color:#333;font-family:'SourceMediumr'; padding-left:17px; box-sizing:border-box}
.ny-3left ul li p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666;font-family:'SourceMediumr'; line-height:24px; margin-top:20px;box-sizing:border-box; padding-left:17px}
.ny-3map{width:763px; position:absolute;right:9%;top:50%;mix-blend-mode:multiply;transform:translateY(-50%)}
.ny-3map img{ float:left; width:100%; height:auto}
.ny-3item{ width:8px; height:8px; position:absolute; z-index:12; cursor:pointer}
.ny-3item em{ float:left; width:100%; height:100%; position: relative}
.ny-3item em:before{ width:100%; height:100%; content:""; position:absolute;left:0px;top:0px; overflow:hidden; background:#616161;border-radius:50%; z-index:12}
.ny-3item em:after{ width:100%; height:100%; content:""; position:absolute;left:0px;top:-1px; overflow:hidden; background:#616161;border-radius:50%; z-index:11;animation:kuozhan1 2s linear infinite}
.ny-3item.map1{right:19%;top:35%; z-index:14}
.ny-3item.map2{right:13%;top:64%; z-index:13}
.ny-3item.map3{right:18%;top:78%; z-index:12}
.ny-3item.map4{right:28%;top:88%; z-index:11}
.ny-3prop{ width:283px; overflow:hidden; position:absolute;right:40px;top:-92px; background:#1d7348;opacity:0; visibility:hidden;transform:translateY(-5px)}
.ny-3prop span{ float:left; width:100%; overflow:hidden}
.ny-3prop span img{ float:left; width:100%; height:auto}
.ny-3prop p{ float:left; width:100%; overflow:hidden; height:52px; line-height:52px; text-align:center; font-size:16px; color:#fff;}
.ny-3item:hover .ny-3prop{opacity:1; visibility: visible;transform:translateY(0px)}

.ny-4{ width:100%; overflow:hidden; background:#f5f5f5; padding:160px 0px 120px}
.ny-4 h3{ width:100%; overflow:hidden; text-align:center; font-size:36px; color:#333; padding-top:20px; position:relative}
.ny-4 h3:before{ width:200px; height:4px; content:""; position:absolute;left:50%;transform:translateX(-50%);top:0px; background:#1d754b}
.ny-4content{ width:82%; overflow:hidden; margin:0px auto;} 
.ny-4content .swiper-container{ padding-top:140px}
.ny-4content .ny-4item{ float:left; width:100%; overflow:hidden; background:#fff; cursor:pointer}
.ny-4content .ny-4item samp,.ny-4content .ny-4item samp img{ float:left; width:100%; height:auto; overflow:hidden}
.ny-4content .ny-4item:hover img{transform:scale(1.05)}
.ny-4content .ny-4bottom{ float:left; width:100%; overflow:hidden; height:144px; padding:0px 10px 0px 36px; box-sizing:border-box}
.ny-4content .ny-4bottom span{ float:left; width:100%; overflow:hidden; font-size:20px; color:#333;font-family:'Sourcem'; margin-top:32px}
.ny-4content .ny-4bottom p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666;font-family:'SourceMediumr'; padding-left:16px;box-sizing:border-box; position:relative; margin-top:10px}
.ny-4content .ny-4bottom p:before{ width:8px; height:8px; content:""; position:absolute;left:0px;top:8px;border-radius:50%; background:#1d754b;}
.ny-4content .swiper-slide:hover{transform:translateY(-60px);box-shadow:0px 12px 15px 2px rgba(29,117,75,0.1)}
.ny-4content .swiper-slide:hover .ny-4item{ background:#1d754b;}
.ny-4content .swiper-slide:hover  .ny-4bottom span{ color:#fff}
.ny-4content .swiper-slide:hover  .ny-4bottom p{ color:#fff}
.ny-4content .swiper-slide:hover  .ny-4bottom p:before{ background:#e9c576}
.ny-4pag{ width:100%; overflow:hidden; position:relative; margin-top:50px; height:50px}
.ny-4pag .swiper-pagination{ width:100%}
.ny-4pag .swiper-pagination-bullet{ width:13px; height:13px; background:#1d754b;opacity:1; margin:0px 15px;border:6px #f5f5f5 solid}
.ny-4pag .swiper-pagination-bullet-active{ width:15px; height:15px; background:none;border:5px #1d754b solid;}

@keyframes kuozhan2{
0%{transform:scale(1);opacity:0.8}
100%{transform:scale(1.4);opacity:0}
}
.ny-5{ width:100%; overflow:hidden; background:#fff url(../images/nonye-10.jpg) no-repeat bottom center; background-size:cover; padding-bottom:120px}
.ny-5 h3{ width:160px; height:160px; line-height:160px;position:relative; margin:170px auto 0px;}
.ny-5 h3 span{ float:left; width:100%; height:100%; text-align:center; background:#1d754b;border-radius:50%; font-size:20px; color:#fff;font-family:'Sourcem'; position:relative; z-index:12 }
.ny-5 h3:before{ width:100%; height:100%; content:""; position:absolute;left:50%;top:50%;margin:-50% 0px 0px -50%;background:#1d754b; z-index:11;opacity:0.3;animation:kuozhan2 1.8s linear infinite;border-radius:50%}
.ny-5 h3:after{ width:100%; height:100%; content:""; position:absolute;left:50%;top:50%;margin:-50% 0px 0px -50%;background:#1d754b; z-index:11;opacity:0.3;animation:kuozhan2 1.8s linear 0.9s infinite;border-radius:50%}
.ny-5info{ width:63%; overflow:hidden; margin:70px auto 0px; line-height:30px; font-size:16px; color:#666}
.ny-5pic{ width:63%; overflow:hidden; margin:64px auto 0px;}
.ny-5pic img{ float:left; width:47.5%; height:auto}
.ny-5pic img:last-child{ float:right}

/*shiyou*/
.sy-1{ width:100%; overflow:hidden; background:#f5f5f5; padding:160px 9% 120px;box-sizing:border-box}
.sy-1left{ float:left; width:320px; overflow:hidden}
.sy-1left h3{ float:left; width:auto; overflow:hidden; font-size:36px; color:#0d4981;font-family:'SourceMediumr'; padding-top:20px; position:relative}
.sy-1left h3:before{ width:188px; height:4px; content:""; position:absolute;left:0px;top:0px; background:#0d4981}
.sy-1left p{ float:left; width:100%; overflow:hidden; font-size:24px; color:#333;font-family:'Sourcem'; letter-spacing:4px}
.sy-1right{ float:right; width:63.6%; overflow:hidden; line-height:30px; font-size:16px; color:#666}
.sy-1right p{ float:left; width:100%; overflow:hidden; margin-bottom:30px}
.sy-1pic{ float:left; width:100%; overflow:hidden; margin-top:40px}
.sy-1pic img{ float:left; width:100%; overflow:hidden; height:auto}
.sy-1pic:hover img{ transform:scale(1.02)}

.sy-2{ width:82%; overflow:hidden; margin:80px auto 0px; padding-bottom:120px; position:relative}
.sy-2left{ float:left; width:34.9%; overflow:hidden; margin-top:80px; position:relative;  z-index:13}
.sy-2left h3{ float:left; width:100%; overflow:hidden; position:relative; font-size:36px; color:#333; padding-top:20px}
.sy-2left h3:before{ width:50%; content:""; position:absolute;left:0px;top:0px; height:4px; background:#0d4981}
.sy-2info{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:28px; margin-top:50px}
.sy-2data{ float:left; width:100%; overflow:hidden; margin-top:60px; background:url(../images/shiyou-3.jpg) no-repeat; background-size:cover; padding-bottom:55px}
.sy-2data h4{ float:left; width:86%; overflow:hidden; margin:55px 0px 0px  7%; font-size:20px; color:#f1f8ff;font-family:'Sourcem'; border-bottom:1px rgba(255,255,255,0.3) solid; padding-bottom:25px}
.sy-2data ul{ float: right; width:93%; overflow:hidden}
.sy-2data ul li{ float:left; width:33.3%; overflow:hidden; box-sizing:border-box; padding-right:10px}
.sy-2data ul li span{ float:left; width:100%; overflow:hidden; font-size:60px; color:#e2c177;font-family:'DINProCONDBOLD'; margin-top:45px}
.sy-2data ul li p{ float:left; width:100%; overflow:hidden; font-size:14px; color:#fff; line-height:20px; margin-top:6px}

@keyframes kuozhan3{
0%{transform:scale(1);opacity:0.8}
100%{transform:scale(8);opacity:0}
}
.sy-2right{ width:67.8%; position:absolute;right:0px;top:0px; z-index:12}
.sy-2map{ float:left; width:100%; position:relative}
.sy-2map img{ float:left; width:100%; height:auto}
.sy-2item{ width:auto; position:absolute; z-index:1;}
.sy-2item em{ float:left; width:4px; height:4px; position:relative}
.sy-2item em:before{ width:100%; height:100%; position:absolute; content:"";left:0px;top:0px;border-radius:50%; z-index:2}
.sy-2item em:after{ width:100%; height:100%; position:absolute; content:"";left:0px;top:0px;border-radius:50%; z-index:1;animation:kuozhan3 2s linear infinite}
.sy-2item em:before,.sy-2item em:after{ background:#0d4981}
.sy-2item span{ width:150px; display: inline-block; font-size:14px;font-family:'SourceMediumr'; position:absolute;left:30px;top:-8px;color:#0d4981}
.sy-2item.smap1{left:18%;top:15%}
.sy-2item.smap2{left:21%;top:30%}
.sy-2item.smap3{left:65%;top:19%}
.sy-2item.smap3 span{left:-60px}
.sy-2item.smap4{left:66.6%;top:23%}
.sy-2item.smap5{left:75%;top:16%}
.sy-2item.smap6{left:77.5%;top:34%}
.sy-2item.smap6 em:before,.sy-2item.smap6 em:after{ background:#e6b74e}
.sy-2item.smap6 span{ color:#e6b74e}
.sy-2item.smap7{left:58%;top:63%}
.sy-2item.smap8{left:75%;top:62%}
.sy-2item.smap9{left:85%;top:81%}
.sy-2cor{ float:left; width:100%; overflow:hidden; margin-left:12%; margin-top:0px; position:relative; z-index:12}
.sy-2cor span{ float:left; width:25%; height:106px;border:1px #ddd solid; position:relative; background:#fff; text-align:center}
.sy-2cor span:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.sy-2cor span:last-child{border-left:none}
.sy-2cor span img{ width:auto; height:auto;max-width:90%;max-height:90%; display:inline-block; vertical-align:middle}
.sy-2cor span:hover img{ transform:scale(1.05)}
.sy-2des{ float:right; width:88%; overflow:hidden; font-size:16px; color:#999; line-height:28px; margin-top:32px}

.sy-3 h3:before{ background:#0d4981}
.sy-3 .jinrong-2item:hover{ background:#0d4981}

.sy-4{ width:100%; overflow:hidden; position:relative; padding-bottom:160px}
.sy-4pic,.sy-4pic img{width:100%; height:auto; overflow:hidden}
.sy-4 h3{ width:82%; overflow:hidden; position:absolute;left:9%;top:18%; font-size:36px; color:#fff; padding-top:20px}
.sy-4 h3:before{ width:188px; height:4px; content:""; position:absolute;left:0px;top:0px; background:#fff}
.sy-4content{ width:82%; overflow:hidden; margin:80px auto 0px}
.sy-4pannel{ float:left; width:57.6%; overflow:hidden; display:none}
.sy-4pannel.active{ display:block}
.sy-4pannel h4{ float:left; width:auto; overflow:hidden; font-size:36px; color:#333}
.sy-4more{ float:right; width:auto; overflow:hidden; margin-top:8px;cursor: pointer}
.sy-4more span{ float:left; width:auto; line-height:36px; font-size:14px; color:#0d4981}
.sy-4more span a{ width:100%; display:block; overflow:hidden}
.sy-4more em{ float:left; width:36px; height:36px;border-radius:50%; background:#0d4981 url(../images/icon-5.png) no-repeat center; margin-left:10px}
.sy-4info{ float:left; width:100%; overflow:hidden; font-size:16px; color:#999; line-height:24px; margin-top:40px}
.sy-4slide{ width:20%; position:absolute;right:9%;top:30%; z-index:33}
.sy-4slide .swiper-container{ width:100%; height:26vw; position:relative; background:url(../images/shiyou-5.jpg) no-repeat center; background-size:cover}
.sy-4ct{ float:left; width:100%; overflow:hidden; height:100%}
.sy-4ct h4{ width:100%; overflow:hidden; text-align:center; font-size:24px; color:#fff;font-family:'SourceHanSansb'; margin-top:5vw}
.sy-4ct span{ width:100%; display:block; overflow:hidden; text-align:center; font-size:12px; color:#fff;font-family:'SourceMediumr'; position:relative; padding-bottom:20px}
.sy-4ct span:before{ width:78px; height:3px; position:absolute;left:50%;bottom:0px; background:#fff; content:"";transform:translateX(-50%)}
.sy-4button{ width:144px; position:absolute;left:50%;transform:translateX(-50%);bottom:8vw; z-index:22}
.sy-4button .swiper-button-prev{width:60px; height:60px; overflow:hidden; border-radius:50%;margin:0px;opacity:1;left:0px; background:#fff url(../images/icon-35.png) no-repeat center }
.sy-4button .swiper-button-next{width:60px; height:60px; overflow:hidden; border-radius:50%;margin:0px;opacity:1; background:#fff url(../images/icon-14.png) no-repeat center;right:0px}
.sy-4button .swiper-button-prev:hover{ background:#0d4981 url(../images/icon-39-1.png) no-repeat center}
.sy-4button .swiper-button-next:hover{ background:#0d4981 url(../images/icon-5.png) no-repeat center}
.sy-4all{ width:100%; overflow:hidden;}
.sy-4all span{ float:right; width:180px; overflow:hidden; height:50px; line-height:50px; text-align:center; background:#0d4981; cursor:pointer}
.sy-4all span a{ width:auto; display:inline-block; font-size:16px; color:#fff; background:url(../images/icon-5.png) no-repeat right center; padding-right:32px}
.sy-4all span a:hover{ padding-right:36px}

.sy-5{ width:100%; overflow:hidden; background:#f5f5f5; padding:160px 0px 120px}
.sy-5head{ float:left; margin-left:9%; width:82%; overflow:hidden}
.sy-5head h3{ float:left; width:auto;font-size:36px; color:#333; position:relative; padding-top:20px}
.sy-5head h3:before{ width:188px; height:4px; content:""; position:absolute;left:0px;top:0px; background:#0d4981}
.sy-5button{ float:right; width:144px; position:relative}
.sy-5button .swiper-button-prev{width:60px; height:60px; overflow:hidden; border-radius:50%;margin:0px;opacity:1;left:0px; background:#fff url(../images/icon-35.png) no-repeat center }
.sy-5button .swiper-button-next{width:60px; height:60px; overflow:hidden; border-radius:50%;margin:0px;opacity:1; background:#fff url(../images/icon-14.png) no-repeat center;right:0px}
.sy-5button .swiper-button-prev:hover{ background:#0d4981 url(../images/icon-39-1.png) no-repeat center}
.sy-5button .swiper-button-next:hover{ background:#0d4981 url(../images/icon-5.png) no-repeat center}
.sy-5content{float:right;width:91%;overflow:hidden;position: relative; margin-top:45px}
.sy-5content .swiper-container{ width:103%}
.sy-5content .swiper-slide{height:368px;position: relative}
.sy-5content .sy-5item{width:100%;overflow:hidden;height:248px;position: absolute;left:0px;bottom:0px;background:-webkit-linear-gradient(left,#fafafa 90%,#f7f7f7) }
.sy-5content .sy-5item span{width:84%;display:block;margin:50px auto 0px; overflow:hidden;font-size:24px;color:#333;font-family:'Sourcem' }
.sy-5content .sy-5item p{width:84%;display:block;margin:16px auto 0px; overflow:hidden;font-size:16px;color:#999;line-height:28px; height: 84px }
.sy-5icon{ width:84%; overflow: hidden;margin:106px auto 0px; text-align: right;cursor:pointer}
.sy-5icon em{width:auto;line-height:36px;overflow:hidden;font-size:14px;color:#0d4981;display: inline-block  }
.sy-5icon samp{width:36px;line-height:36px;height:36px;overflow:hidden;display:inline-block;border-radius:50%;background:#0d4981 url("../images/icon-5.png") no-repeat center;margin-left:10px}
.sy-5content .swiper-slide:hover .sy-5item{height:100%}
.sy-5content .swiper-slide:hover .sy-5item span{color:#0d4981}
.sy-5content .swiper-slide:hover .sy-5icon{margin-top:56px}
.sy-5bg{width:20%;height:100%;position:absolute;right:0px;top:0px;z-index:44;background:-webkit-linear-gradient(left,rgba(245,245,245,0),#f5f5f5) }
.sy-5more{float:left;width:100%;overflow:hidden;margin-top:60px;text-align:center;cursor: pointer}
.sy-5more span{width:180px; height:50px; display: inline-block;line-height:50px;overflow:hidden;background:#0d4981   }
.sy-5more span a{font-size:16px;color:#fff;background:url("../images/icon-5.png") no-repeat right center;padding-right:32px}
.sy-5more:hover{transform:translateY(5px)}

.sy-6{width:100%; overflow:hidden; background: url("../images/shiyou-6.jpg") no-repeat center;height:915px}
.sy-6head{width:82%;overflow:hidden;margin:157px auto 0px;color:#fff;padding-bottom:5px}
.sy-6head h3{float:left;width:100%;overflow:hidden;position:relative;font-size:36px;padding-top:20px}
.sy-6head h3:before{width:188px;content: "";height:4px;position:absolute;left:0px;top:0px;background: #fff}
.sy-6head p{float:left;width:100%;overflow:hidden;position:relative;font-size:16px;padding-top:30px}
.sy-6head span{float:left;width:180px; height:50px;line-height:50px;overflow:hidden;background:#0d4981;margin-top:68px;text-align:center;cursor: pointer}
.sy-6head span em{font-size:16px;background:url("../images/icon-5.png") no-repeat right center;padding-right:32px}
.sy-6head span:hover{transform:translateY(5px)}

.sy-6content{width:82%;overflow:hidden;margin:175px auto 0px; background: #fff;padding:27px 0px;box-sizing: border-box}
.sy-6item{float:left;width:50%;overflow:hidden;box-sizing: border-box;padding:0px 2.6vw;height:160px}
.sy-6item:nth-child(1){border-right:1px #ddd solid}
.sy-6item samp{float:left;width:82px;height:82px;border-radius:50%;background: #f5f5f5;text-align: center;margin-top:39px;position: relative}
.sy-6item samp:before{height:100%;content: "";display: inline-block; vertical-align: middle}
.sy-6item samp:after{width:88%;height:88%;position: absolute;left:6%;top:6%;content: "";background:#0d4981; z-index: 11;border-radius:50%}
.sy-6item samp img{display: inline-block; vertical-align: middle; position: relative; z-index: 12}
.sy-6info{float:left;width:calc(100% - 220px);overflow:hidden;height:100%;margin-left:20px}
.sy-6info:before{height:100%;content: "";display: inline-block; vertical-align: middle}
.sy-6ver{width:96%;overflow:hidden;display: inline-block; vertical-align: middle;}
.sy-6ver span{float:left;width:100%;overflow:hidden;font-size:24px;color:#0d4981;font-family:'SourceHanSansb'}
.sy-6ver p{float:left;width:100%;overflow:hidden;font-size:12px;color:#0d4981;font-family:'SourceMediumr'}
.sy-6more{float:right;width:auto;overflow:hidden;cursor: pointer;margin-top:62px}
.sy-6more span{float:left;width:auto;line-height: 36px;font-size:14px;color:#0d4981}
.sy-6more em{ float:left; width:36px; height:36px;border-radius:50%; background:#0d4981 url(../images/icon-5.png) no-repeat center; margin-left:10px}
.sy-6more:hover{transform:translateY(5px)}

.sy-7{width:100%;overflow:hidden;padding:206px 0px 120px}
.sy-7head{width:100%;overflow:hidden;}
.sy-7head h3{width:270px;margin:0px auto;overflow:hidden;position: relative;font-size:36px;color:#0d4981;padding-top:20px;text-align:center }
.sy-7head h3:before{width:100%;content: "";position: absolute;left:0px;top:0px;height:4px;background: #0d4981}
.sy-7head p{width:100%;margin:30px auto 0px;overflow:hidden;text-align:center;font-size: 20px;color: #333;font-family:'Sourcem' }
.sy-7content{width:82%;margin:70px auto 0px;position: relative}
.sy-7item1{float:left;width:46.5%;background: url("../images/icon-65.png") no-repeat right top}
.sy-7item1 span{float:left;width:90px;height:90px;border:1px #dedede dashed;overflow:hidden;border-radius:50%;position: relative; line-height: 90px; text-align: center; font-size: 22px;color: #0d4981;font-family:'DINProCONDBOLD';margin-top:-45px; background: #fff}
.sy-7item1 span:before{width:68px; height: 68px;content: "";position: absolute;left:6px;top:6px; z-index: 11;border:5px #0d4981 solid;border-radius:50%}
.sy-7item1 span:after{width:52px; height: 52px;content: "";position: absolute;left:11px;top:11px; z-index: 11;border:8px #eaeaec solid;border-radius:50%}
.sy-7item1 p{float:left;width:59%;overflow:hidden;font-size:16px;color:#999;line-height:24px;font-family:'SourceMediumr';margin:30px 0px 0px 10px}
.sy-7item2{float:right;width:46.5%;background: url("../images/icon-67.png") no-repeat left top}
.sy-7item2 span{float:right;width:90px;height:90px;border:1px #dedede dashed;overflow:hidden;border-radius:50%;position: relative; line-height: 90px; text-align: center; font-size: 22px;color: #0d4981;font-family:'DINProCONDBOLD';margin-top:-45px; background: #fff}
.sy-7item2 span:before{width:68px; height: 68px;content: "";position: absolute;left:6px;top:6px; z-index: 11;border:5px #0d4981 solid;border-radius:50%}
.sy-7item2 span:after{width:52px; height: 52px;content: "";position: absolute;left:11px;top:11px; z-index: 11;border:8px #eaeaec solid;border-radius:50%}
.sy-7item2 p{float:right;width:59%;overflow:hidden;font-size:16px;color:#999;line-height:24px;font-family:'SourceMediumr';margin:30px 10px 0px 0px;}
.sy-7item3{float:left;width:46.5%;background: url("../images/icon-66.png") no-repeat right top;margin-top:90px}
.sy-7item3 span{float:left;width:90px;height:90px;border:1px #dedede dashed;overflow:hidden;border-radius:50%;position: relative; line-height: 90px; text-align: center; font-size: 22px;color: #0d4981;font-family:'DINProCONDBOLD';margin-top:22px; background: #fff}
.sy-7item3 span:before{width:68px; height: 68px;content: "";position: absolute;left:6px;top:6px; z-index: 11;border:5px #0d4981 solid;border-radius:50%}
.sy-7item3 span:after{width:52px; height: 52px;content: "";position: absolute;left:11px;top:11px; z-index: 11;border:8px #eaeaec solid;border-radius:50%}
.sy-7item3 p{float:left;width:59%;overflow:hidden;font-size:16px;color:#999;line-height:24px;font-family:'SourceMediumr';margin:90px 0px 0px 10px}
.sy-7item4{float:right;width:46.5%;background: url("../images/icon-68.png") no-repeat left top;margin-top:90px}
.sy-7item4 span{float:right;width:90px;height:90px;border:1px #dedede dashed;overflow:hidden;border-radius:50%;position: relative; line-height: 90px; text-align: center; font-size: 22px;color: #0d4981;font-family:'DINProCONDBOLD';margin-top:22px; background: #fff}
.sy-7item4 span:before{width:68px; height: 68px;content: "";position: absolute;left:6px;top:6px; z-index: 11;border:5px #0d4981 solid;border-radius:50%}
.sy-7item4 span:after{width:52px; height: 52px;content: "";position: absolute;left:11px;top:11px; z-index: 11;border:8px #eaeaec solid;border-radius:50%}
.sy-7item4 p{float:right;width:59%;overflow:hidden;font-size:16px;color:#999;line-height:24px;font-family:'SourceMediumr';margin:90px 0px 0px 10px}
.sy-7center{width:174px;height:174px;overflow:hidden;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:26px #0d4981 solid;border-radius:50%;margin-top:-35px;text-align: center;background: #fff}
.sy-7center:before{height: 100%; content: ""; display: inline-block;vertical-align: middle}
.sy-7center img{ display: inline-block; vertical-align: middle}

.base-prop,.yun-prop,.jian-prop{width:100%;height:100%;overflow-y:scroll;position: fixed;left:0px;top:0px; z-index:55555;background:#fff;opacity:0;visibility: hidden;    }
.base-head{width:100%;position:fixed;left:0px;top:0px;z-index: 12}
.base-head ul{float:left;width:calc(100% - 180px);overflow:hidden;box-shadow:0px 0px 12px 5px rgba(0,0,0,0.1); height: 90px;line-height: 90px; background:#fff }
.base-head ul li{float:left;width:33.3%;overflow:hidden;height:100%;text-align:center;font-size:16px;color:#666;position: relative;cursor: pointer}
.base-head ul li:before{width:0%;content: "";position: absolute;left:0px;bottom:0px;height:5px;background: #0d4981}
.base-head ul li.active:before{width:100%;}
.base-head ul li.active{color: #0d4981}
.base-content{float:left;width:100%;margin-top:100px}
.base-pannel{float:left;width:100%;overflow:hidden;display: none}
.base-pannel.active{display:block}
.base-left{float:left;width:40%;overflow:hidden;margin:130px 0px 0px 70px}
.base-left span{float:left;width:100%;overflow:hidden;font-size:36px;color:#0d4981 }
.base-left p{float:left;width:100%;overflow:hidden;font-size:20px;color:#ddd;font-family:'DINProMedium' }
.base-right{float:right;width:45.7%;overflow:hidden;margin:130px 180px 0px 0px;font-size:16px;color:#666;line-height:32px}
.base-right p{float:left;width:100%;overflow:hidden;margin-bottom:40px}
.base-right img{width:auto;height:auto;max-width:100%;}
.base-close{width:36px;height:36px;position: absolute;border:1px #0d4981 solid;background: #fff url("../images/icon-69.png") no-repeat center;right:70px;top:30px;cursor:pointer;border-radius:50%}
.base-close:hover{transform:rotate(180deg)}
.prop-active{opacity:1;visibility: visible;}
.yun-prop .base-head ul li{width:50%}
.jian-slide{float:left;width:calc(100% - 180px);overflow:hidden;box-shadow:0px 0px 12px 5px rgba(0,0,0,0.1); height: 90px;line-height: 90px; position: relative}
.jian-slide:before{width:19%;height:100%;content: "";position: absolute;right:0px;top:0px;z-index: 12;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 40%,rgba(255,255,255,1) 100%) }
.jian-slide .swiper-container{ width:100%;margin-right:10%}
.jian-slide .swiper-slide{font-size:16px;color:#666;position: relative;cursor: pointer}
.jian-slide .swiper-slide:before{width:0%;content: "";position: absolute;left:0px;bottom:0px;height:5px;background: #0d4981}
.jian-slide .swiper-slide.active:before{width:100%;}
.jian-button{width:110px; position: absolute;right:50px;top:0px;height:100%;z-index: 66}
.jian-button .swiper-button-prev{width:42px; height:42px; overflow:hidden; border-radius:50%;margin:0px;opacity:1;left:0px; background:#fff url(../images/icon-35.png) no-repeat center;top:29px }
.jian-button .swiper-button-next{width:42px; height:42px; overflow:hidden; border-radius:50%;margin:0px;opacity:1; background:#fff url(../images/icon-14.png) no-repeat center;right:0px;top:29px;box-shadow:0px 0px 12px 5px rgba(0,0,0,0.04) }
.jian-button .swiper-button-prev:hover{ background-image:url("../images/icon-39.png")}
.jian-button .swiper-button-next:hover{ background:#0d4981 url(../images/icon-5.png) no-repeat center}

/*zhaopin*/
.banner-zp{ width:100%; overflow:hidden; position:relative; margin-top:100px}
.banner-zp img{ float:left; width:100%; height:auto}
.banner-zp1{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:12; text-align:center}
.banner-zp1:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.banner-zp2{ width:90%; display:inline-block; vertical-align:middle}
.banner-zp2 h3{ width:100%; overflow:hidden; font-size:48px; color:#fff}
.banner-zp2 p{ width:100%; overflow:hidden; font-size:22px; color:#fff; margin-top:15px}

.zw-nav{width:81.25%;overflow:hidden;margin:36px auto 0px;border-bottom:2px #0c65d4 solid; line-height:90px;font-family:"SourceHanSans"; font-size:18px; color:#333;box-sizing:border-box}
.zw-nav span{ float:left; width:auto; overflow:hidden; text-align:center;box-sizing:border-box}
.zw-nav span.nav1{width:17%; text-align:left;padding-left:58px}
.zw-nav span.nav2{width:21%;}
.zw-nav span.nav3{width:21%;}
.zw-nav span.nav4{width:21%;}
.zw-nav span.nav5{width:20%; float:right}

.zw-content{width:81.25%;overflow:hidden; margin:0px auto; padding-bottom:110px}
.zw-item{ width:100%; overflow:hidden}
.zw-ul{ width:100%; overflow:hidden; border-bottom:1px #eee solid; line-height:96px;font-family:"SourceHanSans"; font-size:16px; color:#888;box-sizing:border-box}
.zw-ul span{ float:left; width:auto; overflow:hidden; text-align:center; height:96px;box-sizing:border-box}
.zw-ul span.nav1{width:17%; text-align:left;padding-left:58px}
.zw-ul span.nav2{width:21%;}
.zw-ul span.nav3{width:21%;}
.zw-ul span.nav4{width:21%;}
.zw-ul span.nav5{width:20%; float:right; color:#0c65d4; cursor:pointer}

.zw-ul span em{ background:url(../images/icons-52.png) no-repeat right center; padding-right:19px}
.zw-ul.zw-ul-active{ background:#0c65d4; border-bottom-color:#0c65d4}
.zw-ul.zw-ul-active span{ color:#fff}
.zw-ul span.nav5:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.zw-ul.zw-ul-active span.nav5 em{ width:137px; height:40px; line-height:40px; text-align:center; background:#ff9804 url(../images/icons-50.png) no-repeat 82% center; display:inline-block;padding:0px; overflow:hidden; vertical-align:middle}
.zw-pannel{ width:100%; overflow:hidden; padding:30px 60px 60px;border:2px #0c65d4 solid; display:none;box-sizing:border-box}
.zw-pannel h3{ float:left; width:100%; overflow:hidden; border-bottom:1px #f2f2f2 solid; font-size:24px; color:#0c65d4; background:url(../images/icons-51.png) no-repeat left 2px; padding-left:45px; padding-bottom:27px}
.zw-2{ float:left; width:100%; overflow:hidde; margin-top:28px; font-size:16px; color:#222}
.zw-2 span{ float:left; width:auto; overflow:hidden}
.zw-2 span:nth-child(1){ width:27%}
.zw-2 span:nth-child(2){ width:27.5%}
.zw-2 span:nth-child(3){ width:34%}
.zw-3{ float:left; width:100%; overflow:hidde; margin-top:80px;line-height:27px; font-size:14px; color:#666}
.zw-3 h4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#222; padding-bottom:6px }
.zw-3 p{ float:left; width:100%; overflow:hidden}
.zw-4{ float:left; width:100%; overflow:hidde; margin-top:80px;line-height:27px; font-size:14px; color:#666}
.zw-4 h4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#222; padding-bottom:6px }
.zw-4 p{ float:left; width:60%; overflow:hidden}
.zw-4 em{ float:right; width:auto; overflow:hidden; margin-top:8px}
.zw-4 em a{ width:160px; height:40px; line-height:40px; float:left; overflow:hidden;border-radius:20px; background:#0c65d4; text-align:center; font-size:16px; color:#fff}
.zw-4 em a:hover{ background:#ff9804}
.address-hide{ display:none}
.address-show.address-shows{display:block}

@media screen and (max-width:1750px){
.content-4left{width:60%;}
.content-4left ul li{width:16%;margin-right:1%;}
.content-4left ul li.active{width:30%;}

.base-head ul{width:calc(100% - 170px);height:86px;line-height: 86px }
.base-content{margin-top:90px}
.base-left{float:left;width:calc(40% - 70px);margin:110px 0px 0px 70px}
.base-left span{font-size:30px; }
.base-left p{font-size:18px;}
.base-right{width:calc(59% - 160px);margin:110px 160px 0px 0px}
.base-right p{margin-bottom:35px}
.jian-slide{width:calc(100% - 170px);height: 86px;line-height: 86px;}


}