@charset "utf-8";
@font-face {
    font-family: dincondbold;
    src: url(../font/dincondbold.otf);
}
.dincondbold{font-family: dincondbold;}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;font-size: 0.16rem;}
html,body{font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #333;}
input,textarea,select{font-family:"Microsoft YaHei","PingFang SC";}
img,input,textarea{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;line-height: 1.6;transition: all .4s;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #333;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6;transition: all .4s;}
.des-justify p{text-align: justify;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1450{width: 14.5rem;max-width: 92%;margin: 0 auto;}
ul{font-size: 0;}
ul li{font-size: 0.16rem;display: inline-block;vertical-align: top;}
ul li:last-child{margin-right: 0;}
.BMap_Marker img{width: 100%;vertical-align: bottom;}
.search_box .text::-webkit-input-placeholder{color:#fff;}
.search_box .text:-moz-placeholder{color:#fff;}
.search_box .text::-moz-placeholder{color:#fff;}
.search_box .text:-ms-input-placeholder{color:#fff;}
.edit *{font-weight: revert;list-style: revert;}
.mg-bt10{margin-bottom: 0.1rem;}
.mg-bt15{margin-bottom: 0.15rem;}
.mg-bt20{margin-bottom: 0.2rem;}
.mg-bt25{margin-bottom: 0.25rem;}
.mg-bt30{margin-bottom: 0.3rem;}
.mg-bt40{margin-bottom: 0.4rem;}
.mg-bt50{margin-bottom: 0.5rem;}
.mg-bt60{margin-bottom: 0.6rem;}
.mg-bt70{margin-bottom: 0.7rem;}
.mg-bt80{margin-bottom: 0.8rem;}
/*.des16 p{font-size: 0.16rem;}*/
.des18 p{font-size: 0.18rem;}
.line20 p{line-height: 2;}
.line18 p{line-height: 1.8;}
.des-fff *{color: #fff;}
.title-fff *{color: #fff;}
.imgmax img{max-width: 100%;vertical-align: bottom;}
.swiper-pagination-bullets .swiper-pagination-bullet{vertical-align: middle;opacity: 1;}
.wow{transform: translateZ(0);}
::-webkit-scrollbar{width: 4px;height: 3px;background: #333;}
::-webkit-scrollbar-track{background: #333;}
::-webkit-scrollbar-thumb{background-color: #80b443;}
.edit img{display: block;margin: 0 auto;max-width: 100%;height: auto !important;vertical-align: bottom;}
/*header s*/
body{padding-top: 1rem;transition: all .4s;}
.header{background: #fff;position: fixed;width: 100%;left: 0;z-index: 999;top:0;transition: all .4s;}
.header-warp{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;transition: all .4s;margin: 0 0.4rem;}
.logo img{height: 0.54rem;vertical-align: bottom;display: block;transition: all .4s;}
.header-nav{margin-right: 0.5rem;}
.nav{display: flex;flex-wrap: wrap;align-items: center;}
.nav li{position: relative;margin-right: 0.25rem;}
.nav li:last-child{margin-right: 0;}
.nav-yi{display: block;line-height: 1rem;transition: all .4s;position: relative;z-index: 3;}
.nav-yi span{position: relative;z-index: 1;display: inline-block;min-width: 0.96rem;text-align: center;line-height: 0.38rem;border-radius: 0.38rem;transition: all .4s;}
.nav li.active .nav-yi span{background: #80b443;color: #fff;}
.nav-er{background: #fff; position: absolute;width: auto;white-space: nowrap; left: 50%;transform: translateX(-50%);opacity: 0;min-width: 120%; margin-top: -0.2rem;transition: all .4s;pointer-events: none;box-shadow: 0 1px 2px #ddd;}
.nav-er a{display: block;text-align: center;line-height: 0.46rem;text-transform: uppercase;padding: 0 0.3rem;}
.header-con{display: flex;align-items: center;flex-wrap: wrap;}
.header-area{display: flex;align-items: center;flex-wrap: wrap;}
.search-box:before{content: "";position: absolute;height: 0.18rem;left: -0.18rem;border-right: 1px solid #c8c8c8;top:50%;margin-top: -0.09rem;}
.search-box .img100{display: flex;align-items: center;cursor: pointer;}
.search-box img{width: 0.32rem;margin-right: 0.05rem;}
.search-box span{color: #666;}
.language{color: #666;margin-right: 0.4rem;transition: all .4s;}
.language:hover{color: #80b443;}

.search-con{position:absolute;width:0;right:0;height:0.4rem;top:0.67rem;background:#fff;overflow:hidden;transition:all .4s;box-shadow:0 0 2px #ddd;border-radius: 5px;}
.search-con .text{display:block;height:0.4rem;width:100%;background:none;text-indent:0.4rem;}
.search-close{width:0.4rem;height:0.4rem;position:absolute;top:0;left:0;text-align:center;background:url("../images/gb64.png") no-repeat center;background-size:cover;}
.search-box.active .search-con{width:2.6rem;}
.search-box.active .search-sb{display:block;}
.search-text{margin-right:0.4rem;}
.search-sb{background: url("../images/search.png") no-repeat center;background-size: contain;position:absolute;right:0;top:0.04rem;cursor:pointer;width: 0.32rem;height: 0.32rem;}

.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #80b443; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

body.is-scroll .header{box-shadow: 0 1px 2px #ddd;}
/*body.is-scroll{padding-top: 0.8rem;}*/
/*body.is-scroll .nav-yi{line-height: 0.8rem;}*/
/*body.is-scroll .logo img{height: 0.5rem;}*/
/*body.is-scroll .search-con{top:0.55rem;}*/
/*header e*/
/*footer s*/
.footer{}
.footer-top{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.footer-logo img{height: 0.52rem;}
.footer-s{border: 1px solid #b5c7dc;width: 3.3rem;}
.footer-s .text{display: block;height: 0.44rem;text-indent: 1em;width: 100%;background: none;}
.s88{width: 0.44rem;height: 0.44rem;right: 0;top:0;background:url("../images/s88.png") no-repeat center;background-size: cover;position: absolute;}
.footer-mid{border-top: 1px solid #b5c7dc;display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer-dl{display: flex;flex-wrap: wrap;}
.footer-dl dl{margin-right: 0.6rem;}
.footer-dl dt{font-size: 0.18rem;font-weight: bold;margin-bottom: 0.15rem;}
.footer-dl dd{margin-bottom: 0.05rem;}
.footer-dl a{color: #575757;transition: all .4s;}
.footer-dl a:hover{color: #80b443;}
.footer-lxxx span{font-size: 0.36rem;font-family: dincondbold;color: #4a66a8;display: block;}
.footer-mid{padding: 0.5rem 0;}
.footer-bot{display: flex;justify-content: space-between;flex-wrap: wrap;border-top: 1px solid #b5c7dc;padding: 0.28rem 0;}
.footer-bot a,.footer-bot span{font-size: 0.14rem;}
/*footer e*/

/*index s*/
.banner-des h1{font-size: 0.8rem;color: #fff;}
.banner-des h2{font-size: 0.33rem;color: #fff;}
.banner-des p{font-size: 0.18rem;color: #fff;}
.bannerDot{position: absolute;bottom:0.3rem;width: 100%;left: 0;z-index: 9;}
.bannerDot .swiper-pagination-bullet{width: 8px;height: 8px;background: #6f747b;margin-right: 0.14rem;}
.bannerDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.bannerDot .swiper-pagination-bullet-active{background: #80b443;}
.btn64 div{width: 0.64rem;height: 0.64rem;cursor: pointer;display: inline-block;vertical-align: middle;filter: grayscale(1);transition: all .4s;}
.btn64 div:hover{filter: grayscale(0);}
.btn641{background: url("../images/1281.png") no-repeat center;background-size: cover;}
.btn642{background: url("../images/1282.png") no-repeat center;background-size: cover;}
.btn64-mid div{position: absolute;top:50%;transform: translateY(-50%);z-index: 9;}
.btn64-mid .btn641{left: 0.2rem;}
.btn64-mid .btn642{right: 0.2rem;}
.padding-tb100{padding: 1rem 0;}
.title42 h2{font-size: 0.42rem;}
.title-4a66a8 h2{color: #4a66a8;}
.title-4a66a8 h3{color: #4a66a8;}
.title-bold h2{font-weight: bold;}
.title-bold h3{font-weight: bold;}
.proDot{display: none !important;}
.proplay .swiper-slide a{display: block;padding: 0.2rem 0;margin-left: 27.6%;}
.pro-img{width: 6.4rem;z-index: 1;}
.pro-img .img100{padding-bottom: 100%;}
.pro-logo{width: 7.27rem;vertical-align: bottom;position: absolute;z-index: -1;top:50%;left: 50%;transform: translate(-57%,-55%);}
.des-title26 h3{font-size: 0.26rem;}
.pro-con{position: absolute;top:18%;right: 0;width: 35%;z-index: 5;}
.ljxq{display: inline-block;transition: all .4s;background: #80b443;color: #fff;padding: 0 0.2rem;border-radius: 0.36rem;border:1px solid #80b443;}
.ljxq *{display: inline-block;vertical-align: middle;}
.ljxq span{line-height: 0.36rem;}
.ljxq .i{width: 0.17rem;height: 0.13rem;background: url("../images/ljxq.png") no-repeat center;background-size: 100% 100%;margin-left: 0.08rem;}
.ljxq:hover{background: #4a66a8;border-color: #4a66a8;}
.pro-type{position: absolute;left: 0;top:0;height:100%;z-index: 9;width: 30%;}
.protype-img{width: 1.5rem;height: 1.5rem;border-radius: 100%;position: relative;}
.protype-img .img100{border-radius: 100%;z-index: 5;background: #fff;overflow: hidden;position: absolute;top:0.2rem;right: 0.2rem;bottom:0.2rem;left: 0.2rem;width: auto;height: auto;}
.pro-type li{position: absolute;top:50%;margin-top: -0.55rem;cursor: pointer;}
.protype-con{position: absolute;bottom:50%;margin-left: 0.35rem;margin-bottom: -0.15rem;width: 1.8rem;left: 30%;transition: all .4s;}
.pro-type li:nth-child(1){transform: translateY(-240%);left: 30%;}
.pro-type li:nth-child(2){transform: translateY(-120%);left: 15%;}
.pro-type li:nth-child(4){transform: translateY(120%);left: 15%;}
.pro-type li:nth-child(5){transform: translateY(240%);left: 30%;}
.des-999 p{color: #999;}
.protype-des{margin: 0.05rem 0 0.25rem;display: none;}
.protype-con p{line-height: normal;}
.protype-quan1{position: absolute;top:0.1rem;right: 0.1rem;bottom:0.1rem;left: 0.1rem;border-radius: 100%;background: #ececec;z-index: 3;opacity: 0;transition: all .4s;}
.protype-quan2{position: absolute;top:0;left: 0;width: 100%;height: 100%; border-radius: 100%;background: #9db6d9;opacity: 0;transition: all .4s;}
.dotbox{position: absolute;top:50%;left: 50%;width: 3.2rem;border-bottom: 1px solid #80b443;z-index: 9;opacity: 0;transition: all .4s;}
.dotbox .dot{width: 0.1rem;height: 0.1rem;border-radius: 100%;background: #80b443;top:50%;position: absolute;margin-top: -0.05rem;}
.dotbox .dot:nth-child(2){right: 0;}
.pro-type li.active .protype-quan1{opacity: 1;}
.pro-type li.active .protype-quan2{opacity: 1;}
.pro-type li.active .protype-des{display: block;}
.pro-type li.active .dotbox{opacity: 1;}
.about-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-left{width: 43.44%;}
.data-top span:nth-child(1){font-size:0.6rem;color: #80b443;font-family: dincondbold;margin-right: 0.1rem;}
.data-top span:nth-child(2){font-size:0.26rem;}
.data li{width: 32%;}
.data li:nth-child(3) .data-top span:nth-child(2){font-size:0.18rem;}
.radius10{border-radius: 0.1rem;}
.shipin{cursor: pointer;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.75);left: 0;right: 0;top: 0;bottom:0;display: none;}
/*.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1200px;max-width: 92%;}*/
.video_t a{position: absolute;width: 38px;height: 38px;right: 15px;top:15px;z-index:9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 1450px; max-width: 100%;vertical-align: bottom;max-height: 100%;}
@media (max-width:760px) {
    .video_t a{width: 24px;height: 24px;right: 0;top:-30px;}
}
.shipin-con{position: absolute;width: 90%; height: 90%;left: 5%;top: 5%;display: flex;justify-content: center;align-items: center;}
.about-right{width: 50%;}
.play101{display: inline-block;width: 1rem;height: 1rem;background: url("../images/play202.png") no-repeat center;background-size: 100% 100%;position: relative;z-index: 5;}
.play48{display: inline-block;width: 0.64rem;height: 0.64rem;background: url("../images/play202.png") no-repeat center;background-size: 100% 100%;position: relative;z-index: 5;}
.about-right .shipin:after{content: "";position: absolute;left: 50%;height: 50%;bottom:0;border-left: 1px solid #80b443;}
.padding-t100{padding-top: 1rem;}
.yylyplay .swiper-container{display: block;}
.yyly-a{display: block;height: 4.67rem;width: 100%;position: relative;}
.yylyplay .swiper-slide{width: 12%;margin-right: 1.2%;transition: all .4s;}
.yylyplay .swiper-slide:last-child{margin-right: 0;position:absolute;top:0;right:0;}
.yylyplay .swiper-slide.active{width: 47.2%;}
.yyly-hide{opacity: 0;transition: all .4s;}
.yylyplay .swiper-slide.active .yyly-show{opacity: 0;}
.yylyplay .swiper-slide.active .yyly-hide{opacity: 1;}
.yylyplay .swiper-slide-active .yyly-show{opacity: 0;}
.yylyplay .swiper-slide-active .yyly-hide{opacity: 1;}
.yyly-show{position: absolute;width: 100%;left: 0;bottom:0.3rem;z-index: 5;}
.des-title22 h3{font-size: 0.22rem;}
.zindex9{z-index: 9;}
.yyly-hide{display: flex;justify-content: space-between;flex-direction: column;padding: 0.7rem;}
.yylyDot{display: none !important;}
body{background: url("../images/main-bg.jpg") no-repeat bottom;background-size: 100% auto;}
.news{display: flex;flex-wrap: wrap;}
.news li{width: 32%;margin-right: 2%;}
.news-a{display: block;}
.news li:last-child{margin-right: 0;}
.news li:nth-child(1) .news-img{margin-bottom: 0.15rem;}
.news li:nth-child(2) .news-a{display: flex;flex-direction:column-reverse; width: 100%;position: relative;}
.news li:nth-child(2) .i{margin-bottom: 0.25rem;}
.news li:nth-child(3) .news-a:nth-child(1){padding-bottom: 0.45rem;border-bottom: 1px solid #e7e7e7;}
.news li:nth-child(3) .news-a:nth-child(2){padding-top: 0.45rem;}
.des-666 p{color: #666;}
.news-img .img100{padding-bottom: 56%;}
.time26{display: flex;align-items: center;}
.time26 img{width: 0.27rem;margin-right: 0.1rem;}
.time26 span{font-size: 0.26rem;color: #4a66a8;font-family: dincondbold;}
.news-a h3{margin: 0.15rem 0;}
.des14 p{font-size: 0.14rem;}
.news-a p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-a .i{width: 0.74rem;border-top: 1px solid #4a66a8;}
.ljgd{font-size: 0.14rem;color: #999;transition: all .4s;}
.ljgd:hover{color: #80b443;}
a:hover .ljgd{color: #80b443;}
.news-a:hover h3{color: #80b443;}
/*index e*/
/*2.1企业简介 s*/
.title52 h2{font-size: 0.52rem;}
.ban-warp h2{font-weight: bold;}
.ban-warp h3{width: 5.5rem;max-width: 100%;}
.about-bd .ban-warp{float: right;}
.about-bd .ban-warp *{color: #4a66a8;}
.ny-nav{height: 0.65rem;}
.ny-navs{height: 0.64rem;border-bottom: 1px solid #cacaca;}
.position{display: flex;align-items: center;}
.position img{height: 0.13rem;margin-right: 0.05rem;}
.position span,.position a{color: #999;transition: all .4s;margin-right: 0.05rem;font-size: 0.14rem;line-height: 0.64rem;}
.position a:last-child{color: #80b443;margin-right: 0;}
.des-828282 p{color: #828282;}
.flex-bt{display: flex;justify-content: space-between;flex-wrap: wrap;}
.gsjj-con{width: 43%;}
.des-title18 h3{font-size: 0.18rem;}
.title-line{display: inline-block;vertical-align: middle;width: 0.25rem;height: 0.02rem;background: #80b443;}
.title24 h2{font-size: 0.24rem;}
.en40{font-size: 0.4rem;color: #e9e9e9;}
.des-bold p{font-weight: bold;}
.gsjj-img{width: 51.44%;margin-top: 0.6rem;}
.gsjj-img .img100{position: relative;z-index: 5;}
.gsjj-img .i{content: "";position: absolute;width: 100%;height: 100%;background: #efefef;top:-1.18rem;left: 1.13rem;}
.gsjj-img .i:before{content: "";position: absolute;width: 999999px;height: 100%;background: #efefef;top:0;left: 100%;}
.h720{height: 7.2rem;}
.title-4a4a4a h2{color: #4a4a4a;}
.qywh-box{display: flex;align-items: center;justify-content: center;flex-direction: column;padding-bottom: 2rem;}
.fzls-img{width: 46.55%;}
.des-626262 p{color: #626262;}
.fzls-list{width: 50%;}
.fzls-list li{display: flex;justify-content: space-between;margin-bottom: 0.4rem;align-items: flex-start;position: relative;z-index: 5;min-height: 0.6rem;}
.fzls-list li:last-child{margin-bottom: 0;}
.fzls-year{width: 1.3rem;text-align: center;position: relative;}
.fzls-des{width: 77%;}
.fzls-year h3{font-size: 0.18rem;color: #626262;transform: translateZ(0);transition: none;}
.fzls-des{padding-top: 0.02rem;}
.fzls-list li.active .fzls-year h3{font-size: 0.22rem;color: #111;}
.fzls-list li.active p{color: #111;}
.fzls-list li.active .dot{width: 0.2rem;height: 0.2rem;background: #80b443;}

.fzls-list:before{content: "";position: absolute;left: 1.3rem;width: 0;height: 0;border:0.05rem solid transparent;top:-0.35rem;margin-left: -0.04rem;border-bottom-color: #bebebe;border-bottom-width: 0.08rem;border-top-width: 0.08rem;}
.fzls-list:after{content: "";position: absolute;bottom:0.35rem;top:-0.2rem;width: 0.02rem;background: #bebebe;left: 1.3rem;}
.fzls-year .dot{width: 0.14rem;height: 0.14rem;border:0.02rem solid #fff;border-radius: 100%;background: #bebebe;top:50%;left: 100%;position: absolute; transform:translate(-50%,-50%);margin-left: 0.01rem;z-index: 5;transition: all .4s;}
.ryzzplay .img100{padding-bottom: 141%;background: #fff;}
.maodian{position: absolute;left: 0;top:-1rem;}
.swiperDot{margin-top: 0.3rem;}
.swiperDot .swiper-pagination-bullet{background: #75797e;margin-right: 0.16rem;}
.swiperDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.swiperDot .swiper-pagination-bullet-active{background: #80b443;}
/*2.1企业简介 e*/
/*3.1产品中心 s*/
.cp-body .ban-warp h2{color: #0b0b0b;font-size: 0.6rem;font-weight: normal;margin-bottom: 0;}
.cp-body .ban-warp h3{color: #0b0b0b;font-size: 0.48rem;width: auto;}
.cp-body .ban-warp p{font-size: 0.18rem;color: #878787;letter-spacing: 0.005rem;}
.cp-body .ban-warp{margin-bottom: 2rem;margin-left: 1rem;}
.cp-page{margin-bottom: 1rem;}
.cp-page:last-child{margin-bottom: 0;}
.bg-f1{background: #f1f1f1;}
.cp-page-a{position: relative;display: block;}
.cp-page{padding-top: 1rem;}
.cp-top .cp-img{width: 45.1%;margin-top: -1.8rem;}
.cp-top .cp-page-a{height: 4.6rem;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;padding:0 0.6rem;flex-direction: row-reverse;}
.cp-top .cp-con{width: 52%;}
.des-title30 h3{font-size: 0.3rem;}
.des-686868 p{color: #686868;}
.ljxq-k{border-color: #80b443;background: none;color: #80b443;}
.ljxq-k .i{filter: none;background: url(../images/ljxq2.png) no-repeat center;background-size: 100% 100%;transition: all .4s;}
.ljxq-k:hover .i{background: url(../images/ljxq.png) no-repeat center;background-size: 100% 100%;}
.ljxq-k:hover{background-color: #80b443;border-color: #80b443;color: #fff;}
.cp-mid-page{display: block;}
.cp-mid{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cp-mid-page{background: #e7f4fd;display: block;margin-top: 0.3rem;}
.cp-mid-left{width: 43.44%;overflow: hidden;}
.cp-mid-right{width: 54.27%;}
.cp-mid-left .cp-mid-page{padding: 0.6rem 0.4rem 0.2rem;height: 100%;}
.cp-mid-right{display: flex;justify-content: space-between;flex-direction: column;}
.cp-mid-right .cp-mid-page{display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-end;position: relative;height: 50%;}
.cp-mid-right .cp-mid-page:nth-child(2){background: #efefef;}
.cp-mid-right .cp-con{position: absolute;left: 0.5rem;width: 45%;}
.cp-mid-right .cp-img{width: 4.4rem;}
.cp-img .img100{padding-bottom: 100%;}
.cp-bottom{display: flex;flex-wrap: wrap;width: 100%;flex-direction: row;}
.cp-bottom .cp-mid-page{width: 49%;}
.cp-bottom .cp-mid-page:nth-child(1){background: #dbe8fa;}
.cp-bottom .cp-mid-page:nth-child(2){background: #dbedc7;}
/*.cp-mid-left .cp-img{width: 65%;margin: 0 auto;}*/
/*3.1产品中心 e*/
/*3.2产品中心详情 s*/
.des-6a737c p{color: #6a737c;}
.des-title24 h3{font-size: 0.24rem;}
.border-bt{border-bottom: 1px solid #dadada;padding-bottom: 0.2rem;}
.cpxq-top{display: flex;flex-wrap: wrap;justify-content: space-between;}
.cpxq-left{width: 48.27%;display: flex;justify-content: flex-end;}
.cpxq-right{width: 45.5%;}
.spBig{width: 78%;background: #f1f1f1;}
.spBig .swiper-slide{height: 6.88rem;}
.spBtn div{width: 0.35rem;height: 0.38rem;cursor: pointer;z-index: 9;transition: all .4s;position: absolute;left: 50%;margin-left: -0.175rem;}
.spBtn1{top:0;background: #d0d0d0 url("../images/btn351.png") no-repeat center;background-size: cover;}
.spBtn2{bottom:0;background: #d0d0d0 url("../images/btn352.png") no-repeat center;background-size: cover;}
.spBtn div:hover{background-color: #000000;}
.spBtn div.swiper-button-disabled{cursor: default;}
.spBtn div.swiper-button-disabled:hover{background-color: #d0d0d0;}
.spSm{position: absolute;left: 0;width: 17.2%;height: 100%;top:0;padding: 0.74rem 0;}
.spSm .swiper-container{height: 5.4rem;}
.spSm .position-full:after{content: ''; position: absolute;width: 100%;height: 100%;top:0;right: 0;opacity: 1;background: rgba(0,0,0,0.5);}
.spSm .active-nav .position-full:after{opacity: 0;}
.spSm .swiper-slide{cursor: pointer;background: #f1f1f1;}
.des-mg-bt20 p{margin-bottom: 0.2rem;}
.des-mg-bt20 p:last-child{margin-bottom: 0;}
.des-xing p{position: relative;padding-left: 0.2rem;}
.des-xing p:before{width: 0.1rem;height: 0.09rem;background:url("../images/wjx.png") no-repeat center;background-size: 100% 100%;position: absolute;left: 0;content: "";top:0.08rem;}
/*3.2产品中心详情 e*/
/*4.1应用场景 s*/
.des14 p span{font-size: 0.14rem;color: #333;}
.yycj li{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;padding-top: 1rem;position: relative;}
.yycj li:nth-child(1){padding-top: 0;}
.yycj li:nth-child(even){flex-direction: row-reverse;}
.yycj-img{width: 56.75%;}
.yycj-con{width: 39.6%;}
.yycj-img .img100{padding-bottom: 58.3%;}
.yycj li:last-child{display: block;}
.yycj li:last-child .yycj-con{width: 100%;margin-bottom: 0.6rem;}
.yycj li:last-child .yycj-img{width: 100%;}
.yycj li:last-child .yycj-img .img100{padding-bottom: 0;}
.yycj li:last-child .yycj-img img{position: static;}
/*4.1应用场景 e*/
/*5.1工程案例 s*/
.anli li{width: 48%;margin-right: 4%;margin-bottom: 0.8rem;}
.anli li:nth-child(2n){margin-right: 0;}
.anli .img100{padding-bottom: 60.51%;}
.des-title20 h3{font-size: 0.2rem;}
.time14{color: #9b9b9b;font-size: 0.14rem;}
.page{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.page *{transition: all .4s;margin-right: 0.1rem;}
.page a{background: #f5f7f9; line-height: 0.5rem;min-width: 0.5rem;text-align: center;color: #666;}
.page span{color: #999;}
.page a:hover{color: #fff;background-color: #4a66a8;}
.pages.active{color: #fff;background-color: #4a66a8;}
.page-btn{width: 0.5rem;height: 0.5rem; display: flex;align-items: center;justify-content: center;overflow: hidden;}
.page-btn:before{content: "";width: 100%;height: 100%;background: url("../images/504.png") no-repeat center;background-size: 100% 100%;filter: brightness(0.5);opacity: 0.8;transition: all .4s;display: inline-block;}
.page-left:before{transform: rotate(180deg);}
.page-btn:hover:before{filter: brightness(1);opacity: 1;}
/*5.1工程案例 e*/
/*5.2工程案例详情 s*/
.anlixq-top h1{font-size: 0.36rem;}
.fbsj{background: #ecf0f2;display: flex;justify-content: center;align-items: center;padding: 0.1rem;}
.des-6e6e6e p{color: #6e6e6e;}
.fbsj p{margin-right: 0.24rem;}
.fbsj p:last-child{margin-right: 0;}
.edit-wrap{width: 11.87rem;max-width: 100%;margin: 0 auto;}
.anlixq-fy-con{display: flex;justify-content: space-between;}
.anlixq-fy-con a{transition: all .4s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 38%;position: relative;}
.anlixq-fy-con a:hover{color: #80b443;}
.anlixq-fy-con a:before{width: 0.4rem;height: 0.4rem;content: "";position: absolute;top:50%;margin-top: -0.2rem;filter: grayscale(1);transition: all .4s;}
.anlixq-fy-con a:first-child:before{left: 0;background: url("../images/1281.png") no-repeat center;background-size: cover;}
.anlixq-fy-con a:last-child:before{right: 0;background: url("../images/1282.png") no-repeat center;background-size: cover;}
.anlixq-fy-con a:first-child{padding-left: 0.4rem;}
.anlixq-fy-con a:last-child{padding-right: 0.4rem;}
.anlixq-fy-con a:hover:before{filter: grayscale(0);}
.fh{display: inline-block;background: #80b443;color: #fff;text-align: center;width: 2.42rem;line-height: 0.47rem;font-size: 0.18rem;transition: all .4s;}
.anlixq-fy .fh{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.fh:hover{background: #4a66a8;}
.anlixq-fy{padding: 0.6rem 0;}
/*5.2工程案例详情 e*/
/*6.1新闻资讯 s*/
.xw li{width: 30.4%;margin-right: 4.4%;margin-bottom: 0.6rem;}
.xw li:nth-child(3n){margin-right: 0;}
.des-8a8a8a p{color: #8a8a8a;}
.xw li .img100{padding-bottom: 61.2%;}
.jt29x5{display: inline-block;transition: all .4s;width: 0.29rem;height: 0.05rem;background: url("../images/jt58x10.png") no-repeat center;background-size: 100% 100%;filter: grayscale(1);}
.xw li h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xw li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xw li a:hover h3{color: #80b443;}
.xw li a:hover .jt29x5{filter: grayscale(0);}
/*6.1新闻资讯 e*/
/*7.1联系我们 s*/
.xl-body .ban-warp h2{width: 4.5rem;max-width: 100%;}
.des-696969 p{color: #696969;}
.title40 h2{font-size: .4rem;}
.des20 p{font-size: 0.2rem;}
.lxfs span{font-size: 0.24rem;color: #80b443;}
.lxfs img{width: 0.5rem;vertical-align: bottom;}
.lxfs li{text-align: center;width: 25%;margin-top: 2%;}
.lxfs .lxfs-tel span{font-size: 0.16rem;display: block;width: 2.3rem;line-height: 2;margin: 0 auto; max-width: 100%;}
#mapDiv{height: 6rem;}
.title36 h2{font-size: 0.36rem;}
.des22 p{font-size: 0.22rem;}
.des22 p span{font-size: 0.22rem;display: inline-block;}
.des-5f5f5f p{color: #5f5f5f;}
.zxly-des span{color: #80b443;}
.BMap_Marker img{width: 100%;vertical-align: bottom;}
.xing{color: red;}
.input-name{color: #6d6d6d;width: 1rem;text-align: right;position: absolute;top:0;left: 0;line-height: 0.44rem;}
.input-text{border:1px solid #d4d5d5;margin-left: 1rem;}
.input-text .text{display: block;width: 100%;height: 0.44rem;text-indent: 1em;}
.input-text textarea{display: block;width: 100%;height: 2.4rem;resize: none;padding:0.8em 1em;}
.input-page{position: relative;margin-bottom: 0.2rem;}
.input-page-3{display: flex;flex-wrap: wrap;}
.input-page-3 .input-page{width: 32%;margin-right: 2%;}
.input-page-3 .input-page:nth-child(3n){margin-right: 0;}
.input-page-yzm .input-text{margin-right: 1.9rem;}
.yzm-box{position: absolute;right: 0;height: 100%;top:0;display: flex;align-items: center;}
.yzm-box img{height: 100%;width: 1.22rem;}
.yzm-box a{color: #b2b2b2;margin-left: 0.1rem;}
.tj{border-radius: 0.47rem;}
/*7.1联系我们 e*/

#fullPage{display: none;background: black;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 19930428;}
#fullPage img{display: block;width: 100%;}
#canvas{width: 100%;height: 100%;background: none;display: block;}
.xw-ppgs{background: rgba(0,0,0,0.3);transition: all .4s;}
.shipin:hover .xw-ppgs{background: rgba(0,0,0,0);}
.edit video{width: 100% !important;display: block;height: auto !important;}
#imgBox table td{border:1px solid #bccee0;height: 0.5rem;padding: 0.1rem;vertical-align: middle !important;}
#imgBox table tr:nth-child(odd){background: #e1f0fe;}
#imgBox table .firstRow td{height: 0.7rem;}
.swiper-slide1 .banner-des{float:right;}
.swiper-slide1 .banner-des *{color: #0d70b8;}
.banner-des{margin-bottom: 2rem;}

.pro-type .swiper-container{height: 7.5rem;}
.pro-type .swiper-container .swiper-slide{height: 1.5rem;cursor: pointer;}
.proplay .swiper-slide{opacity: 0 !important;}
.proplay .swiper-slide.ani-slide{opacity: 1 !important;}
.proplay .swiper-slide .img100 img{transition: all 2s;transform: scale(1.1);opacity: 0;}
.proplay .swiper-slide.ani-slide .img100 img{transform: scale(1);opacity: 1;}

.swiper-slide-active .protype-con{left: 35%;}
.swiper-slide-active .protype-quan1{opacity: 1;}
.swiper-slide-active .protype-quan2{opacity: 1;}
.swiper-slide-active .protype-des{display: block;}
.swiper-slide-active .dotbox{opacity: 1;}








.imgcover{position: absolute;left: 0;top:0;width: 100%;height: 100%;object-fit: cover;}
.imgcontain{position: absolute;left: 0;top:0;width: 100%;height: 100%;object-fit: contain;}
.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.swiper-slide-active .banner-des{
    animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}