*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;touch-action: manipulation;-webkit-tap-highlight-color: transparent;}
body{font-size:16px;background-color: #fff;color: #666;font-family: Arial,"sans-serif";}
html{overflow-x: hidden;}  
img,video{border:0;max-width: 100%;display: block;outline: none;}
a{text-decoration:none;transition: all .5s;}
em,th,i,b{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
.pc{display: block;}
.app{display: none;}
.clearfix{display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}

/* @font-face {
    font-family:"GillSans-Heavy";
    src:
    url("GillSans-Heavy.woff") format("woff"),
        url("GillSans-Heavy.otf") format("opentype"),
        url('GillSans-Heavy.ttf') format('truetype');
    font-display:auto;
    font-style:normal;
    font-weight:500;
    font-stretch:normal;
} */
@font-face {
    font-family: 'GillSans-Heavy';
    src: url('GillSans-Heavy.eot');
    src: url('GillSans-Heavy.eot?#iefix') format('embedded-opentype'),
        url('GillSans-Heavy.woff2') format('woff2'), /* 苹果 */
        url('GillSans-Heavy.woff') format('woff'),
        url('GillSans-Heavy.ttf') format('truetype'),
        url('GillSans-Heavy.svg#GillSans-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: auto;
}

.flex{display: flex;}
.pR{position: relative;}
.comWrapper{margin: auto;max-width: 90%;width: 1360px;}
.head1200{display: none;}

.header{padding: 0 100px;height: 80px;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, .2);align-items: center;justify-content: space-between;}
.header a.logo{}
.nav{}
.nav li+li{margin-left: 45px;}
.nav li a{color: #444;text-transform:uppercase;position: relative;letter-spacing: 1px;}
.nav li a:hover{color: #96c54b;}
.nav li a::before{content: '';position: absolute;top: 50%;left: -28px;height: 35px;width: 16px;transform: translateY(-50%);opacity: 0;transition: all .5s;}
.nav li a:hover::before{opacity: 1;}
.headerR{width: 100px;}
.lang{align-items: center;margin-left: 15px;}
.lang{color: #444;flex-direction: column;}
.lang span{display: flex;align-items: center;}
.lang span img{transition: all .5s;}
.lang em{position: absolute;top: 22px;left: 10px;display: none;}
.lang.cur em{display: block;}
.lang.cur span img{transform: rotate(180deg);}

.footer{background: url(footerBg.png) no-repeat;background-size: cover;padding: 0 200px;height: 280px;color: #fff;}
.footer a{color: #fff;}
.footL{width: 90%;}
.footR{width: 10%;display: flex; float:right}
.footTop{border-bottom: 1px solid #8c8c8c;padding-bottom: 48px;margin-bottom: 44px;padding-top: 70px;}
.footTop .footL p{align-items: center;}
.footTop .footL a:hover{text-decoration: underline;}
.footTop .footL span{color: #adadad;margin: 0 30px;}
.footTop .footR a{display: inline-flex;}
.footTop .footR a:hover{opacity: .8;}
.footTop .footR a+a{margin-left: 30px;}
.footBottom .footL p{font-size: 14px;opacity: .6;}
.footBottom .footL p+p{margin-top: 14px;}
.footBottom .footR dl{border: 1px solid rgba(255, 255, 255, .2);width: 314px;cursor: pointer;position: relative;height: 40px;}
.footBottom .footR dt{color: rgba(255, 255, 255, .6);justify-content: space-between;align-items: center;width: 100%;display: flex;align-items: center;padding: 0 14px;height: 100%;}
.footBottom .footR dd{position: absolute;width: calc(100% + 2px);bottom: 39px;border: 1px solid rgba(255, 255, 255, .2);padding: 0 14px;border-bottom: transparent;padding-top: 10px;background-color: #525252;transition: all .5s;opacity: 0;visibility: hidden;left: -1px;}
.footBottom .footR dd a{display: block;margin-bottom: 10px;color: rgba(255, 255, 255, .6);}
.footBottom .footR dd a:hover{color: #fff;text-decoration: underline;}
.footBottom .footR dl:hover dd{opacity: 1;visibility: visible;}

/* 全屏导航 */
.menupage{position: fixed;width:100vw;height:100vh;z-index:999;background:#fff;transition: all .4s;left: -100vw;overflow:hidden;top: 0;}
.menupage.active{left: 0;}
.menupage a.logo{display: block;position: absolute;top: 60px;left: 6.2%;}
.menucontent{height:100%;margin:auto}
.menuClose{position:absolute;right:40px;top:25px;cursor:pointer;}
.menuClose span{width:30px;height:30px;position:relative;float:left;transition: all .4s;}
.menuClose span i{height: 2px;width:100%;display:block;background: #333;display: block;position: absolute;z-index: 5;top:12px;}
.menuClose span i:nth-child(1){transform: rotate(-45deg);}
.menuClose span i:nth-child(2){transform: rotate(45deg);}
.menuClose:hover span{transform: rotate(90deg);}
.menubox{height:100%;display:flex;justify-content:center;}
.menuitem{width:calc(100% / 5);height:100%;box-sizing:border-box;padding:300px 0 0 0;border-left:1px solid #ebebeb}
.menunum{width:65px;display:block;margin:auto}
.menutitle{text-align:center;margin:50px 0;font-size:24px;color:#57585a}
.menutitle a{color:#57585A;text-transform:uppercase;}
.menutitle a:hover{color:#96c54b}
.menutext{text-align:center;font-size:12px;line-height:2.5}
.menutext a{color:#666}
.menutext a:hover{color:#96c54b}
.menutitle.active a{color:#96c54b}

.banner{position: relative;height: 440px;}
.banner .img{height: 100%;}
.banner .img img{object-fit: cover;height: 100%;width: 100%;}
/* .banner p{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} */
.banner h2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 88px;color: #96c54b;text-align: center;text-transform:uppercase;font-family:GillSans-Heavy;width: 100%;line-height: 1;}
/* 关于我们 */
.tit h6,.index h6{font-size: 30px;font-weight: 600;text-transform:uppercase;color: #333;}
.aboutTop{margin-top: 130px;}
.aboutTop .comWrapper{justify-content: space-between;}
.aboutTop .txt{width: 100%;}

.barbg{position: relative;padding-bottom: 170px;}
.barbg::before{content: '';background: url(barbg.png) no-repeat;position: absolute;bottom: 0px;right: 0;height: 317px;width: 993px;}

.about .barbg::before{bottom: 60px;}

.aboutTop .txt dt{margin-bottom: 50px;}
.aboutTop .txt dt img{width: 28px;margin-bottom: 32px;}
.aboutTop .txt dd{line-height: 1.6;width: 100%;}
.aboutTop .img{max-width: 45%;}
.aboutBottom{padding-bottom: 135px;margin-top: 70px;}
.aboutBottomCon{width: calc(100% - 100px * 2);margin:-80px auto 0;background-color: #fff;align-items: flex-end;z-index: 1;position: relative;padding: 85px 50px 0 70px;justify-content: space-between;}
.aboutBottomCon .txt{width: 75%;}
.aboutBottomCon .txt dt{line-height: 1;}
.aboutBottomCon .txt dd{font-weight: 600;color: #666;line-height: 1.6;margin-top: 30px;}
.aboutBottomCon .txt ul{margin-top: 10px;border-top: 1px solid #c9c5bc;}
.aboutBottomCon .txt ul li{border-bottom: 1px solid #c9c5bc;height: 60px;display: flex;align-items: center;}
.aboutBottomCon .txt ul li strong{font-weight: 600;text-transform:uppercase;width: 80px;padding-left: 22px;}
.aboutBottomCon .txt ul li span{margin-left: 30px;}

/* R&D */
.RDTop{margin-top: 130px;padding-bottom: 140px;}
.RDTopCon::before{background: url(barbg2.png) no-repeat;width: 1140px;height: 163px;right: 50%;margin-right: -40px;}
.RDTop h6{position: relative;padding-bottom: 50px;font-weight: 600;text-align: center;}
.RDTop h6::before{width: 108px;height: 3px;background-color: #96c54b;content: '';bottom: 0;left: 50%;transform: translateX(-50%);position: absolute;}
.RDTopCon{flex-wrap: wrap;margin-top: 110px;}
.RDTopCon dl{width: calc((100% - 10%) / 2);margin-bottom: 55px;display: flex;}
.RDTopCon dl:nth-of-type(2n){margin-left: 10%;}
.RDTopCon dt{width: 120px;position: relative;}
.RDTopCon dt::before{width: 102px;height: 102px;content: '';background-color: transparent;opacity: .05;position: absolute;top: 16px;left: 50px;border-radius: 50%;}
.RDTopCon dt img{margin: 0 auto;}
.RDTopCon dd{width: calc(100% - 120px);}
.RDTopCon dd h5{margin-bottom: 25px;font-size: 18px;color: #333;font-weight: 600;}
.RDTopCon dd p{line-height: 1.6;}
.RDTopCon dl:hover dt::before{background-color: #96c54b;}
.RDBottomBox{background: #f6f6f6 url(R&Dbg.png) no-repeat;padding: 135px 0;}
.RDBottomBox .comWrapper{align-items: center;}
.RDBottomBox .img{overflow: hidden;width: 47%;margin-right: 6%;position: relative;}
.RDBottomBox .img::before{position: absolute;width: 196px;height: 130px;border-left: 5px solid #be8915;border-top: 5px solid #be8915;content: '';z-index: 9;}

.RDBottomBox .img img{transition: all 1s;display: inline;}
.RDBottomBox .img:hover img{transform: scale(1.08);}
.RDBottomBox .txt{width: 47%;}
.RDBottomBox .txt dt{padding-bottom: 50px;margin-bottom: 50px;position: relative;}
.RDBottomBox .txt dt h6{font-weight: 900;}
.RDBottomBox .txt dt::before{position: absolute;content: '';left: 0;bottom: 0;width: 108px;height: 3px;background-color: #96c54b;}
.RDBottomBox .txt dd{line-height: 1.8;}
.RDBottomBox:nth-of-type(2n){background: #fff;}
.RDBottomBox:nth-of-type(2n) .comWrapper{flex-direction: row-reverse;}
.RDBottomBox:nth-of-type(2n) .img{margin-left: 6%;margin-right: 0;justify-content: flex-end;position: relative;z-index: 1;}
.RDBottomBox:nth-of-type(2n) .img::before{border:none;border-right: 5px solid #be8915;border-top: 5px solid #be8915;right: 0;top:0}
.RDBottomBox:nth-of-type(2n) .comWrapper{position: relative;}
.RDBottomBox:nth-of-type(2n) .comWrapper::after{position: absolute;width:450px;height: 450px;content: '';background-color: #f6f6f6;right: -30px;top: -30px;}


/* Service */
.servicebg{/* height: 920px; */position: relative;/* padding-top: 110px;padding-bottom: 40px; */height: calc(100vh - 80px);display: flex;align-items: center;justify-content: center;}

.servicebg h2{font-size: 78px;color: #96c54b;text-align: center;text-transform:uppercase;font-family:GillSans-Heavy;margin-bottom: 2%;line-height: 1;}
.servicebg .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.servicebg .img img{height: 100%;/* object-fit: cover; */width: 100%;}
/* .servicebg p{text-align: center;}
.servicebg p img{margin: auto;} */
.servicebg .des{text-align: center;line-height: 1.6;color: #333;font-size: 15px;}
.serviceList{justify-content: center;/* margin-top: 90px; */margin-top: 4%; }
.serviceList>div{justify-content: space-around;}
.serviceList a{color: #292929;font-weight: 900;font-size: 17px;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 3%;width: 25%;}
.serviceList a img{opacity: .6;width: 84px;margin-bottom: 20px;transition: all .5s;}
.serviceList a strong{font-weight: 600;transition: all .5s;text-align: center;}
.serviceList a:hover{color: #96c54b;}
.serviceList a:hover img{opacity: 1;transform: rotateY(180deg);}
.serviceList .c2{width: 75%;margin: 0 auto;}

/* Service detail*/
.serviceDetail{padding-bottom: 140px;}
.serviceDetailTop{border-bottom: 1px solid #c9c5bc;padding-top: 130px;padding-bottom: 70px;justify-content: space-between;padding-right: 20px;align-items: flex-end;}
.serviceDetailTop dt{width: calc(100% - 15% - 165px);margin-right: 15%;}
.serviceDetailTop dt h6{margin-bottom: 50px;}
.serviceDetailTop dt p{line-height: 1.6;}
.serviceDetailTop dd{display: inline-flex;align-items: flex-end;}
.serviceDetailBbg{margin-top: 90px;height: 451px;background: url(bar1.png) no-repeat;background-size: cover;background-position: center top;}
.serviceDetailBbox .img{margin-right: 6%;width: 45%;position: relative;overflow: hidden;}
.serviceDetailBbox .img img{display: block;transition: all .5s;}
.serviceDetailBbox .img:hover img{transform: scale(1.08);}
.serviceSwiper{overflow: hidden;width: 100%;}
.btns{position: absolute;top: 50%;transform: translateY(-50%);z-index: 9;cursor: pointer;outline: none;transition: all .5s;width: 48px;height: 48px;background-color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
/* .btns.swiper-button-disabled{opacity: .7;} */


.btns span{display: none;}
.btns.swiper-button-disabled{opacity: .6;}
.btns:hover{background-color: #96c54b;}
.btns:hover em{display: none;}
.btns:hover span{display: block;}

.sPrev{left: -24px;}
.sNext{right: -24px;}
.serviceDetailBbox .txt{width: 47%;padding-top: 40px;}
.serviceDetailBbox .txt>span{display: inline-flex;background-color: #96c54b;color: #fff;padding: 10px 27px;}
.serviceDetailBbox .txt>span img{margin-right: 10px;}
.serviceDetailBbox .txt>div{margin-top: 50px;width: 100%;}
.serviceDetailBbox dt{margin-bottom: 15px;font-weight: 600;color: #333;}
.serviceDetailBbox dd{line-height: 1.6;color: #333;font-size: 16px;}
.s1 dl{padding: 10px 4% 10px 3%;}
.s1 dl:nth-of-type(1){width: 45%;}
.s1 dl:nth-of-type(2){width: 22%;}
.s1 dl:nth-of-type(3){width: 33%;}
.s1 dl+dl{border-left: 1px solid #c9c5bc;}
.s2 dl{width: 100%;padding: 0 3%;}
.serviceDetailBbg:nth-of-type(2n){background-image: url(bar2.png);background-position: top center;}
.serviceDetailBbg:nth-of-type(2n) .serviceDetailBbox{flex-direction: row-reverse;}
.serviceDetailBbg:nth-of-type(2n) .serviceDetailBbox .img{margin-left: 6%;margin-right: 0;}
.serviceDetailBbg:nth-of-type(2n) .serviceDetailBbox .txt{width: 50%;}

/* porduct */
.products{background-color: #fff;}
.productbg{padding-top: 50px;padding-bottom: 50px;}
.productbg h6 {text-align: center;margin-bottom: 50px;}
.roll{display: flex;justify-content: center;}
.tabTit{border-bottom: 1px solid #c9c5bc;width: 1000px;margin: auto;justify-content:space-between;padding: 0 30px;justify-content: center;}
.tabTit strong{display: inline-flex;position: relative;font-weight: 500;font-size: 18px;color: #333;padding:0 15px 30px;cursor: pointer;/* width: 100%;justify-content: center; */}
.tabTit strong::before{position: absolute;content: '';left: 0;bottom: 0;width: 0%;height: 3px;background-color: transparent;transition: all .5s;transform: scaleX(0);width: 100%;}
.tabTit strong.active::before{background-color: #96c54b;transform: scaleX(1);}
.tabCon{width: 100%;margin-top: 90px;overflow: hidden;}
.tabCon>div .img{width: 45%;margin-right: 6%;text-align: right;left: -30%;position: relative;}
.tabCon>div .img img{display: inline;}
.tabCon>div .txt{width: 46%;right: -30%;position: relative;}
.tabCon>div .txt dt{font-size: 24px;color: #333;margin-bottom: 40px;font-weight: 600;}
.tabCon>div .txt dd p{line-height: 1.6;}
.tabCon>div .txt dd a{display: inline-flex;width: 142px;height: 50px;justify-content: center;align-items: center;color: #fff;background-color: #be8915;text-transform:uppercase;margin-top: 50px;position: relative;}
/* .tabCon>div .txt dd a em,.tabCon>div .txt dd a span{display: inline-flex;transition: top 0.5s; position: absolute;width: 100%; left: 0;transform: translateY(-50%);justify-content: center;line-height: 1;height: 100%;align-items: center;} */
/* .tabCon>div .txt dd a em{top: 51%;}
.tabCon>div .txt dd a span{top: 150%;} */
.tabCon>div .txt dd a em{position: relative;z-index: 2;}
.tabCon>div .txt dd a::before{background-color: #fabe00;width: 0;height: 100%;content: '';position: absolute;top: 0;left: 0;transition: all .5s;z-index: 1;}
.tabCon>div .txt dd a:hover::before{width: 100%;}
/* .tabCon>div .txt dd a:hover em{top: -100%;}
.tabCon>div .txt dd a:hover span{top: 51%;} */
.tabCon>div{display: none;align-items: center;opacity: 0;}
.tabCon>div.active{display: flex;opacity: 1;visibility: visible;}
.tabCon>div.active .img{left: 0;animation:left .4s linear;-webkit-animation:left .4s linear;}
.tabCon>div.active .txt{right: 0;animation:right .4s linear;-webkit-animation:right .4s linear;}

@keyframes left{
    0%{left: -30%;}
    100%{left: 0;}
}
@-webkit-keyframes left{
    0%{left: -30%;}
    100%{left: 0;}
}
@keyframes right{
    0%{right: -30%;}
    100%{right: 0;}
}
@-webkit-keyframes right{
    0%{right: -30%;}
    100%{right: 0;}
}

/* 首页 */
.index h6{text-align: center;}

.bannerI{position: relative;/* height: 870px; */height: calc(100vh - 80px);}
.bannerSwiper{height: 100%;}
.bannerSwiper .swiper-slide{position: relative;height: 100%;}
.bannerSwiper .swiper-slide .img{height: 100%;overflow: hidden;}
.bannerSwiper .swiper-slide .img img{object-fit: cover;height: 100%;width: 100%;transition: all .5s;}
/* .bannerSwiper .swiper-slide .img:hover img{transform: scale(1.08);} */
.bannerSwiper .swiper-slide .txt{position: absolute;z-index: 99;}
.bannerSwiper .swiper-slide .txt{position: absolute;top: 20%;left: 50%;transform: translateX(-50%);}
.bannerSwiper .swiper-slide .txt>img{margin: 0 auto 48px;opacity: 0;display: block;}
.bannerSwiper .swiper-slide .txt h2{font-size: 112px;color: #508236;text-align: center;font-family:GillSans-Heavy;text-transform:uppercase;/* line-height: 1.4; */position: relative;}
.bannerSwiper .swiper-slide .txt h2 span{height: 100%;/* line-height: 1.4; */line-height: 1;}

/* #visionary-word{border: 1px solid red;height: 130px;} */

/* 打字效果 */

.dynamic-word {text-transform: uppercase; color: #96c54b;opacity: 0;display: inline-block;/* line-height: 1.4; */}
.dynamic-word span {border-right: 3px solid; animation: caret 1s steps(1) infinite;-webkit-animation: caret 1s steps(1) infinite;/* line-height: 1.4; */position: absolute;top: 50%;transform: translateY(-50%);}
@keyframes caret { 50% { border-color: transparent;} }
@-webkit-keyframes caret { 50% { border-color: transparent;} }
.bannerSwiper .swiper-slide-active .txt>img{animation: ups 2s ease both;-webkit-animation: ups 2s ease both;}
/*  #visionary-word>span{visibility: hidden;} */
/*  .bannerSwiper .swiper-pagination{bottom: 68px!important;right: 0!important;left: auto!important;width: calc(100% - 260px)!important;border-top: 1px solid rgba(255, 255, 255, .8);left: auto!important;display: flex;}  */
/*  .bannerSwiper .swiper-pagination-bullet{position: relative;height: 100%;opacity: 0;visibility: hidden;left: 0;top: 0;background-color: transparent;width: calc(100% / 3);display: inline-flex;}
.bannerSwiper .swiper-pagination-bullet-active{opacity: 1;visibility: visible;background-color: rgba(255, 255, 255, .8)!important;position: absolute;border: 1px solid #000;} */




/* .bannerSwiper .swiper-pagination-bullet-active::after{background: url(indexRen.png?2) no-repeat;width: 45px;height: 88px;position: absolute;left: 0;bottom: 5px;content: '';z-index: 9;animation: lefts 5s linear both;-webkit-animation: lefts 5s linear both;margin-left: -54px;}
.bannerSwiper .swiper-pagination-bullet-active::before{background: #96c54b;width: 0;height: 3px;position: absolute;left: -3px;bottom: 0;content: '';z-index: 9;animation: widths 5s linear both;-webkit-animation: widths 5s linear both;}   */
/* 
.bannerSwiper .swiper-pagination-bullet-active::after{background: url(indexRen.png?2) no-repeat;width: 45px;height: 88px;position: absolute;left: 0;bottom: 5px;content: '';z-index: 9;animation: lefts 5s linear both;-webkit-animation: lefts 5s linear both;margin-left: -54px;}
.bannerSwiper .swiper-pagination-bullet-active::before{background: #96c54b;width: 0;height: 3px;position: absolute;left: -3px;bottom: 0;content: '';z-index: 9;animation: widths 5s linear both;-webkit-animation: widths 5s linear both;}   */

/* .bannerSwiper .swiper-pagination-bullet-active:nth-of-type(1)::after{animation: lefts 3s linear both;-webkit-animation: lefts 3s linear both;border: 1px solid #000;}
.bannerSwiper .swiper-pagination-bullet-active:nth-of-type(1)::before{animation: widths 3s linear both;-webkit-animation: widths 3s linear both;border: 1px solid red;} */


/* .swiper-pagination-progressbar{bottom: 68px!important;right: 0!important;left: auto!important;width: calc(100% - 260px)!important;border-top: 1px solid rgba(255, 255, 255, .8);top: auto!important;height: 1px!important;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #96c54b!important;height: 3px!important;top: -1.5px;} */

/* .move1{height: 3px;background-color: #96c54b;top: -2px;position: absolute;left: 0;}
.move2{position: absolute;bottom: 0;left: 0;width: 100%;border: 1px solid #000;} */


.bannerSwiper .swiper-pagination{bottom: 66px!important;right: auto!important;width: calc(100% - 360px)!important;border-top: 1px solid rgba(255, 255, 255, .8);left: calc(100px + 80px)!important;display: flex;justify-content: center;} 
.bannerSwiper .swiper-pagination-bullet{margin: 0!important;border-radius: 0;width: calc(100% / 3);height: 3px;top: -2px!important;position: relative;background-color: transparent;}
.bannerSwiper .swiper-pagination-bullet-active{background-color: transparent;opacity: 1;}

.bannerSwiper .swiper-pagination-bullet::before{position: absolute;height: 100%;left: 0;top: 0;content: '';z-index: 1;background-color: #96c54b;}
.bannerSwiper .swiper-pagination-bullet-active::before{animation: widths 3s linear both;-webkit-animation: widths 3s linear both;}
.bannerSwiper .swiper-pagination-bullet-active::after{background: url(indexRen.png) no-repeat; background-size:cover;width: 50px;height: 58px;position: absolute;left: 0;bottom: 5px;content: '';z-index: 9;animation: lefts 3s linear both;-webkit-animation: lefts 3s linear both;margin-left: -16px;}

.bannerSwiper .swiper-pagination-bullet.active{opacity: 1;}
.bannerSwiper .swiper-pagination-bullet.active::before{width: 100%;}



@keyframes lefts {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}
@-webkit-keyframes lefts {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}
@-webkit-keyframes widths {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
@keyframes widths {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}



@keyframes ups {
    0% {
        transform: translateY(40px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes ups {
    0% {
        transform: translateY(40px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.bannerBtns{position: absolute;bottom: 48px;z-index: 9;cursor: pointer;outline: none;transition: all .5s;width: 48px;height: 48px;background-color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.bannerBtns span{display: none;}
.bannerBtns.swiper-button-disabled{opacity: .6;}
.bannerBtns:hover{transform: translateY(-4px);background-color: #96c54b;}
.bannerBtns:hover em{display: none;}
.bannerBtns:hover span{display: block;}
.BPrev{left: 100px;}
.BNext{right: 100px;}

.promotion{padding: 140px 0;}

.promotion .left{margin-right: 6%;width: calc(100% - 55% - 6%);}
.promotion .left>h6{text-align: left;margin-bottom: 35px;}
.promotion .left>p>strong{font-size: 24px;color: #333;font-weight: normal;margin-bottom: 15px;line-height: 1.2;display: inline-flex;}
.promotion .left>p{line-height: 1.6;}
.promotion .left dl{margin-top: 40px;}
.promotion .left dl dd{margin-right: 30px;position: relative;}
.promotion .left dl dd p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 76%;margin-top: 10px;}
.promotion .left dl dd p span{color: #96c54b;font-size: 72px;font-weight: 500;display: block;}
.promotion .left dl dd.num2 p span{color: #96c54b;}
.promotion .left dl dd p i{font-size: 16px;font-weight: 600;text-transform:uppercase;color: #343434;display: block;margin-top: 10px;}
.promotion .right{width: 55%;position: relative;}
.promotion .right .Info{position: absolute;width: 96%;height: 100%;z-index: 2;top: 0;left: 0;;}
.promotion .right .Info dl{font-size: 14px;color: #fff;background-color: #96c54b;padding: 15px 20px 20px 10px;display: inline-flex;flex-direction: column;width: 335px;position: relative;transition: all .5s;opacity: 0;visibility: hidden;z-index: 99;display: none;}

.promotion .right .Info dt{background: url(circle.png) no-repeat;padding-left: 25px;padding-top: 3px;}
.promotion .right .Info dd{line-height: 1.3;margin-top: 5px;padding-left: 25px;}

.promotion .right .Info .dot{position: absolute;font-size: 14px;overflow: hidden;}

.promotion .right .Info .star dt{background: url(star.png) no-repeat;padding-top: 5px;
}

.promotion .right .Info .dot.active dl{opacity: 1;visibility: visible;/* transform: translateY(-20px); */display: block;transform:translateY(-2px);}
.promotion .right .Info .star.active dl{opacity: 1;visibility: visible;/* transform: translateY(-20px); */display: block;transform:translateY(-2px);}

.promotion .right .Info .dot p{/* display: flex;align-items: center;justify-content:flex-start; */position: relative;z-index: 1;display: block;width: auto;}
.promotion .right .Info .dot>p{width: 190px;}
.promotion .right .Info .dot.circle p img{max-width: 21px;float: left;}
.promotion .right .Info .dot.star p img{max-width: 26px;float: left;}
.promotion .right .Info .dot p span{margin-left: 0;z-index: 992;position: relative;margin-top: 2px;display: inline-block;}
.promotion .right .Info .dot.star p span{}
.circle{color: #96c54b;}
.star{color: #96c54b;}
.promotion .right .Info .dot1{left: 10%;top: 16%;}
.promotion .right .Info .dot2{left: 10.5%;top: 28%;}
.promotion .right .Info .dot3{left: 6%;top: 29%;}
.promotion .right .Info .dot4{left:7%;top: 33%;}
.promotion .right .Info .dot5{left: 17.5%;top: 64%;}
.promotion .right .Info .dot6{left:18.8%;top: 67.4%;}
.promotion .right .Info .dot7{left: 73.5%;top: 9.4%;z-index: 9;}
.promotion .right .Info .dot8{left: 54%;top: 30%;}
.promotion .right .Info .dot9{left: 58%;top: 31.2%;}
.promotion .right .Info .dot10{left: 62%;top: 30.1%;}
.promotion .right .Info .dot11{left: 79%;top: 29%;}
.promotion .right .Info .dot12{left: 84%;top: 28.6%;}
.promotion .right .Info .dot13{left: 65.3%;top: 41.5%;z-index: 9;}
.promotion .right .Info .dot14{left: 73.4%;top: 53%;}
.promotion .right .Info .dot15{left: 85%;top: 58%;}
.promotion .right .Info .dot15 span{white-space: nowrap;}
.promotion .right .Info .dot16{left: 86.5%;top: 60.5%;}
.promotion .right .Info .dot17{left: 82.5%;top: 73%;}
.promotion .right .Info .dot18{left: 52%;top: 60%;}

.promotion .right .Info .star1{left: 12%;top: 19%;}
.promotion .right .Info .star2{left: 80%;top: 19%;}
.promotion .right .Info .star3{left: 61.2%;top: 24.8%;}
.promotion .right .Info .star4{left: 74.5%;top: 54%;}

.product{background-color: #f6f6f6;}
.product .proCon{width: 1360px;margin: 0 auto;}

/* Sustainable Solutions -------------------------*/
#th-solns {padding: 140px 0 0 0; background: #fff; position: relative; overflow: hidden;margin-bottom: 120px;}
#th-solns>.flex{flex-direction: row-reverse;}
#th-solns>.flex .left{width: 50%;}
#th-solns>.flex .right{width: 50%;}

#sustSolnsBg {padding:0;}
#sustSolnSvg{position: relative;}

#sustSolnsText {padding: 60px 100px 26px 140px; position: relative; opacity: 1;height: 236px;}
#th-solns::before{content: '';background: url(line2.png?2) no-repeat;position: absolute;bottom: 0;left: 50%;height: 255px;width: 1920px;transform: translateX(-50%);/* width: 100%; */}
#sustSolnsText h3 {text-transform: uppercase; font-weight: bold; font-size: 30px; color: #333; margin-bottom: 40px; line-height: 30px;}
#sustSolnsText p { font-size: 16px; color: #666;}
.sustSolnsIcon {margin: 60px 0 0;}
.solnsName {text-transform: uppercase; font-size: 16px; margin-bottom: 5px;}
.solnsIcon {border-radius: 50%; height: 80px; width: 80px; text-align: center; line-height: 80px; display: block; background: #96c54b;display: block;margin:0 auto}
.solnsIcon img {height: 58px; width: 58px; top:15px;}
.solnsLiGroup{width: 80%;margin-left: 15%;}
.solnsLiGroup li {display: inline-block; text-align:center;width:24%;margin-right: 6%; vertical-align: top; margin-bottom: 65px; min-width: 120px;position: relative;z-index: 9;}
#sustSolnsIcon {/* padding: 0 0 0 150px; */}
.solnsIconText { font-size: 16px; font-weight: 600; margin-top: 10px;color: #292929;}
.solnsLiGroup h4.hovered {color: #b8b8b8;}
.solnsIcon { display: flex;justify-content: center;align-items: center;}
.solnsIconText{font-size: 14px;}

#sust_solns_svg {/* padding: 0 40px 0 100px; */position: relative;z-index: 0;padding: 0 14% 0 4%;}
#thsections{ position: relative;  z-index: -1;}
#thsections *{ stroke: #96c54b; stroke-width:1px;}
#thsection-group * {stroke: #c1c1c1; stroke-width:1px!important;position: absolute;}
#thsection-group {width: 100%;display: none;}

.speak{background: url(mapbg.png) no-repeat;background-size: cover;height: 824px;padding-top: 125px;}
.speak dl{width: 1000px;margin: 60px auto 0;position: relative;margin-bottom: 75px;}
.speak dt{font-size: 20px;color: #333;background: #fff url(IndexRenbg.png) no-repeat 96% 106%;padding: 6%;padding-bottom: 124px;box-shadow: 0 0 10px rgba(0, 0, 0, .08);background-size: 29%;}
.speak dt p{position: relative;display: inline;line-height: 1.6;}
.speak dt p img{display: inline;}
.speak dt p img:first-of-type{position: relative;top: -6px;}
.speak dt p img:first-of-type{position: relative;bottom: -6px;}
.speak dt p span{margin: 0 10px;}
.speak dd{width: 206px;height: 150px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .08);margin: 0 auto;position: absolute;bottom: -75px;left: 50%;transform: translateX(-50%);}

@media(max-width:1800px) {
    #th-solns::before{content: '';background: url(line3.png?2) no-repeat right top;}
}

@media (min-width:1600px) and (max-width:1900px) {
    #sustSolnsText {padding-top: 90px;height: 266px;}
}
@media(min-width:1921px) {
#th-solns>.flex{max-width: 1600px;margin: 0 auto;}
#sustSolnsText {height: 243px;}
}
@media (min-width:1681px) {
    #sust_solns_svg{padding: 0 20% 0 8%;}
    #th-solns::before{height: 268px;}
}
@media (min-width:1200px) and (max-width:1680px) {
.footer{padding: 0 10%;}
.promotion .con{width: 90%;}
#sustSolnsText {padding-top: 30px;padding-left: 100px;height: 240px;}
#sustSolnsText h3 {font-size: 24px;margin-bottom: 25px;}
.solnsLiGroup li{margin-bottom: 40px;}
#sustSolnsIcon{padding-left: 90px;}
#sust_solns_svg{padding-left: 70px;}
.bannerSwiper .swiper-slide .txt h2{font-size: 90px;line-height: 1;}

.serviceList{margin-top: 4%;}
.serviceList a{margin-bottom: 4%;}
.serviceList a strong{font-size: 18px;}


.serviceList a img{width: 80px;margin-bottom: 20px;}
.serviceList a strong{font-size: 16px;}

}
@media (min-width:1441px) and (max-width:1600px) {
    .solnsLiGroup li {margin-bottom: 32px;}
    }

@media (min-width:1200px) and (max-width:1440px) {
.product .proCon{width: 90%;}
.bannerSwiper .swiper-slide .txt h2{font-size: 80px;line-height: 1;}
#th-solns::before{height: 262px;}
#sust_solns_svg{padding-left: 50px;}
#sustSolnsText{height: 248px;}
.solnsLiGroup li{margin-bottom: 20px;}

}
@media (min-width:1200px) and (max-width:1399px) {
#th-solns::before{height: 261px;}
.solnsLiGroup li{margin-bottom: 10px;}
.solnsLiGroup{width: 90%;margin-left: 10%;}
#sustSolnsText{height: 248px;padding-top: 18px;}
}

@media (max-width:1200px){
body{overflow-x: hidden;}
.app{display: block;}
.pc{display: none;}
.header{display: none;}
.head1200{display: block;}
body{font-size: 15px;}
.pc{display: none;}
.app{display: block;}
.comWrapper{width: 88%;}
/*移动端导航*/
.header{display:none}
.head1200{display: flex;justify-content: space-between;align-items: center;padding: 4px 10px 4px 20px;overflow: hidden;position: absolute;;top:0;left:0;right:0;z-index:9999;box-shadow:0 0 16px rgba(0, 0, 0, .1);background-color: #fff;}
.head1200 a.logo{width:100px;cursor:pointer;display: block;}
.head1200 a.logo img{width:100%;}
.headR{display: flex;align-items: center;}
.lang{margin-right: 0;}
.menu-handler{width:58px;height:58px;cursor:pointer;position:relative;z-index:49;}
.menu-handler .burger{width:24px;height:2px;background:#96c54b;display:block;position:absolute;z-index:5;top:20px;left:50%;margin:0px 0px 0px -12px;-webkit-transform-origin:center;transform-origin:center;}
.menu-handler .burger-2{top:27px}
.menu-handler .burger-3{top:35px}
.menu-handler.active .burger-1{top:27px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu-handler.active .burger-2{opacity:0;}
.menu-handler.active .burger-3{top:27px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.trans,.trans:hover{-webkit-transition:all 277ms ease-in-out;transition:all 277ms ease-in-out;}
.trans-fast,.trans-fast:hover{-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out}
.search .searchC input,.search a{height: 50px;line-height: 50px;}
.search .searchC input::-webkit-input-placeholder { font-size: 14px;}
.menuBox{position: fixed;right:-100%;top:66px;width:100%;height:96%;z-index:999;background:#fff;left: auto;}
.menuBox .mlogo{display:block;margin:0 auto;width:238px;padding-top:20px}
.menuBox .mlogo img{display:block;width:100%}
.navMobile{width:100%;}
.navMobile li{border-bottom:1px solid #f5efef;line-height:50px;}
.navMobile li h5{width:90%;margin: auto;position:relative;font-size: 16px;width: 100%;}
.navMobile li h5 a{color: #333;display: block;width:100%;font-weight:bold}
.navMobile li h5 i{border:2px solid #96c54b;display:block;width:8px;height:8px;transform:rotate(-45deg);border-top:none;border-right:none;right:20px;position:absolute;top: calc(50% - 4px);transition: all .4s;}
.navMobile li h5 i.active{transform:rotate(135deg);}
.navMobile li .listDown{display:none;width:100%;}
.navMobile li .listDown .list2_one{font-size:14px;background-color:#fff;}
.navMobile li .listDown .list2_one h3{border-top:1px solid #e8e8e8;padding:0px 20px;line-height: 3;font-size: 15px;font-weight: 500;}
.navMobile li h5>a,.navMobile li .listDown .list2_one h3 a{margin-left:20px;width:80%;color:#444;text-transform:uppercase;}

.banner{margin-top: 66px;height: 360px;}
.tit h6{font-size: 22px;}
.aboutTop{margin-top: 50px;}
.aboutTop .comWrapper,.aboutBottomCon,.footBottom{flex-direction: column;flex-wrap: wrap;}
.aboutTop .txt,.aboutTop .img,.aboutBottomCon .txt,.aboutTop .img{width: 100%!important;max-width: 100%;}
.aboutTop .txt dt{margin-bottom: 40px;}
.aboutTop .txt dt img{margin-bottom: 20px;width: 24px;}
.aboutBottomCon{width: 90%;padding: 30px 20px;height: inherit;margin-top: -20px;}
.aboutBottomCon .txt dd{margin-top: 20px;line-height: 1.5;}
.aboutBottomCon .txt ul{width: 120%;position: relative;left: 50%;transform: translateX(-50%);margin-top: 40px;}
.aboutBottomCon .txt ul li{height: inherit;padding: 15px 0;line-height: 1.4;}
.aboutBottomCon .txt ul li strong{width: 72px;padding-left: 12px;}
.aboutBottomCon .txt ul li span{width: calc(100% - 50px);margin-left: 10px;}
.aboutBottomCon .img{width: 90px;position: absolute;bottom: -40px;right: -34px;}
.aboutBottom{padding-bottom: 85px;}
.about .barbg{padding-bottom: 35px;}
.about .barbg::before{background-size: 945px;background-position: top right;right: -15px;top: 110px;bottom: auto;}

.footer{padding: 0 14px;height: inherit;background-color: #5a5a5a;background-size: 974px;}
.footL,.footR{width: 100%;}
.footR{justify-content: flex-start;margin-top: 20px;}
.footBottom .footL p{font-size: 12px;}
.footTop .footL p a{font-size: 12px;}
.footTop .footL span{margin:0 5px}
.footTop{padding-bottom: 40px;margin-bottom: 30px;padding-top: 40px;flex-wrap: wrap;}
.footTop .footR a img{width: 24px;}
.footTop .footR a+a{margin-left: 25px;}
.footBottom .footR dl{display: none;}
.footBottom p{line-height: 1.4;}


.servicebg{height:inherit;padding-top: 60px;}
.servicebg .img img{object-fit: cover;}
.servicebg p{max-width: 50%;margin: 0 auto 30px;}
.servicebg .des{max-width: 90%;margin: 0 auto;}
.serviceList{margin-top: 40px;padding-bottom: 20px;}
.serviceList>div{flex-wrap: wrap;width: 100%!important;justify-content: flex-start;}
.serviceList a{font-size: 16px;margin-bottom: 30px;width: 50%;text-align: center;}
.serviceList a img{width: 70px;margin-bottom: 15px;}

.productbg{padding-top: 60px;padding-bottom: 0;}
.tabTit{padding: 0;border: none;flex-direction: column;}
.tabTit strong{font-size: 15px;padding:10px 20px}
.tabTit strong.active{color: #fff;}
.tabTit strong.active::before{height: 100%;z-index: -1;bottom: 0;}
.productbg h6{margin-bottom: 30px;}
.tabCon{margin-top: 30px;padding-bottom: 50px;}
.tabCon>div.active{display: block;}
.tabCon>div .img{width: 75%;margin: 0 auto;}
.tabCon>div .txt{width: 90%;margin: 40px auto 0;}
.tabCon>div .txt dt{margin-bottom: 20px;font-size: 20px;}
.tabCon>div .txt dd p{font-size: 14px;}
.tabCon>div .txt dd a{margin-top: 30px;}

.RDTop{margin-top: 60px;padding-bottom:40px}
.RDTop h6{padding-bottom: 25px;}
.RDTopCon{margin-top: 40px;}
.RDTopCon dl{width: 100%;margin-bottom: 25px;margin-left: 0!important;}
.RDTopCon dt{width: 60px;margin-right: 10px;}
.RDTopCon dt img{width: 40px;}
.RDTopCon dd{width: calc(100% - 60px);}
.RDTopCon dd h5{margin-bottom: 15px;}

.RDTopCon::before{right: 0;background-size: 700px;background-position: bottom right;margin-right: 0;}
.RDBottomBox{padding: 45px 0;}
.RDBottomBox .comWrapper{flex-wrap: wrap;}
.RDBottomBox .img,.RDBottomBox .txt{width: 100%;}
.RDBottomBox .img{margin-bottom: 40px;}
.RDBottomBox .txt dt{margin-bottom: 25px;padding-bottom: 25px;}
.RDBottomBox .txt dt::before{height: 2px;}
.RDBottom{padding-bottom: 30px;}

.serviceDetailTop{padding-top: 60px;padding-bottom: 50px;}
.serviceDetailTop dl{flex-wrap: wrap;position: relative;}
.serviceDetailTop dt{width: 100%;margin-right: 0;}
.serviceDetailTop dt h6{margin-bottom: 20px;}
.serviceDetailTop dd{position: absolute;bottom: 0;right: -30px;width: 150px;opacity: .5;z-index: -1;}
.serviceDetailBbg{margin-top: 40px;background: none!important;height: initial;}
.serviceDetailBbg .comWrapper{flex-wrap: wrap;}
.serviceDetailBbg .comWrapper>div{width: 100%;}
.btns,.bannerBtns{width: 32px;height: 32px;}
.btns img,.bannerBtns img{width: 10px;}
.sPrev{left: -16px;}
.sNext{right: -16px;}
.serviceDetail{padding-bottom: 60px;}
.serviceDetailBbox .txt{position: relative;}
.serviceDetailBbox .txt::before{position: absolute;top: 60px;left: -10%;width: 120%;height: 92%;content: '';background-color: #f6f6f6;z-index: -1;}
.serviceDetailBbox .txt>div{flex-wrap: wrap;margin-top: 20px;}
.s1 dl{width: 100%!important;}
.s1 dl+dl{border: none;border-bottom: 1px solid #c9c5bc;}
.serviceDetailBbg:nth-of-type(2n) .serviceDetailBbox{flex-direction:column}
.serviceDetailBbg:nth-of-type(2n) .serviceDetailBbox .img{margin: 0!important;}
.serviceDetailBbg:nth-of-type(2n) .serviceDetailBbox .txt{width: 100%!important;}

/* 首页 */
.index h6{font-size: 22px;}
.bannerI{height: 60vh;margin-top: 66px;}
.bannerSwiper .swiper-slide-active .txt>img{width: 156px;}
.bannerSwiper .swiper-pagination{width:calc(100% - 60px * 2)!important;bottom: 62px!important;left:calc(40px + 15px)!important}
.bannerSwiper .swiper-pagination-bullet-active::before{height: 2px;}
.bannerSwiper .swiper-pagination-bullet-active::after{width: 30px;/* height: 100px; */ background-position: left bottom; background-size: 100%;margin-left: -34px;} 
.bannerBtns{width: 32px;}
.BPrev{left: 10px;}
.BNext{right: 10px;}

.promotion{padding: 60px 0;}
.promotion .con{flex-direction: column;width: 90%;}
.promotion .left>h6{font-size: 22px;margin-bottom: 20px;}
.promotion .left,.promotion .right{width: 100%;margin: 0;}
.promotion .left>p>strong{font-size: 18px;}
.promotion .left dl dd p span{font-size: 50px;}
.promotion .left dl dd p i{font-size: 14px;}
.promotion .right{margin-top: 60px;}
.promotion .right .Info .dot.circle p img{max-width: 15px;}
.promotion .right .Info .dot.star p img{max-width: 18px;}
.promotion .right .Info .dot p span{font-size: 12px;transform: scale(.8);transform-origin: left;}

#th-solns{padding-top: 60px;margin-bottom:30px}
#sustSolnsIcon{padding-left: 0;}
#th-solns>.flex{flex-direction: column;}
#th-solns>.flex .left,#th-solns>.flex .right{width: 90%;margin: 0 auto;}
#sust_solns_svg{/* display: none; */padding: 0;}
#sustSolnsText{padding: 0;height: initial;width: 100%;margin-top: 20px;}
#sustSolnsText h3{font-size: 22px;margin-bottom:20px}
#sustSolnsText::before{display: none;}
.solnsLiGroup{display: flex;flex-wrap: wrap;margin-left: 10%;position: relative;z-index: 1;}
.solnsLiGroup li{width: 46%;margin-bottom: 25px;}
.solnsLiGroup li:nth-of-type(2n){margin-right: 0;}
.sustSolnsIcon{margin-top: 30px;}
#sustSolnsText p{font-size: 15px;}
.solnsIcon{width: 68px;height: 68px;line-height: inherit;}
.solnsIcon img{width: 50px;height: 50px;}

.speak{padding-top: 60px;height: initial;padding-bottom: 50px;background-size: 100%;background-color: #f6f6f6;background-position-y:10px;}
.speak dl{width: 90%;margin: 30px auto 40px;}
.speak dt{padding-bottom:88px;background: #fff url(IndexRenbg.png) no-repeat 99% 102%;background-size: 98px;}
.speak dt p{font-size: 14px;}
.speak dd{width: 130px;height: 96px;bottom: -38px;}
.speak dt p img{width: 10px;}

.bannerSwiper .swiper-slide .txt{width: 96%;}
.banner h2,.servicebg h2{font-size: 46px;max-width: 90%;margin-left: auto;margin-right: auto;word-break: break-all;}
.bannerSwiper .swiper-slide .txt h2{font-size: 44px;text-align: center;width: 100%;line-height: 46px;}

.servicebg h2{margin-bottom: 15px;}
.servicebg .des{font-size: 14px;}
.product .proCon{width: 100%;}
.bannerSwiper .swiper-slide .txt>img{margin-bottom: 25px;}

.promotion .right .Info dl{width: 260px;}
.tabCon>div .txt dd a{width: 132px;height: 44px;}
.tabCon>div .txt dd a em, .tabCon>div .txt dd a span{font-size: 14px;}

.tit{margin-top: 66px;}
.RDBottomBox .img::before{width: 120px;height: 90px;}
.RDBottomBox:nth-of-type(2n) .comWrapper::after{width: 80%;height: 50%;}

.barbg{padding-bottom: 120px}
.bannerSwiper .swiper-pagination-bullet{height: 2px;}
#th-solns::before{background: none;}
/* .promotion .right .Info dd p{word-break:break-all;} */
/* .promotion .right .Info .dot p{width: 130px;} */
.promotion .right .Info .dot p span{margin-left: 0;}
/* .promotion .right .Info .dot{position: relative;bottom: 0!important;left: 0!important;} */
.promotion .right .Info .dot.active dl{display: none;overflow: hidden;opacity: 0;}
.promotion .right .Info .dot.active{/* left: 50%!important;transform: translateX(-50%)!important; *//* border: 1px solid red;left: 50%!important;transform: translateX(-50%)!important; */}

.solnsLiGroup h4.hovered {color: #000;}
.bannerBtns{bottom: 8%;}
.bannerSwiper .swiper-pagination{bottom: 50px!important;}
.RDBottomBox:nth-of-type(2n) .comWrapper::after{z-index: -1;}
.RDBottomBox .img img{width: 100%;}
.RDBottomBox .img{margin-right: 0;}
.RDBottomBox:nth-of-type(2n) .img{margin-left: 0;}

#thsection-group * {stroke: #96c54b; }
.proCon .app{text-align: center;}
.proCon .app img{width: 100%;}
#th-solns>.flex{display: block;}
#th-solns>.flex .left{position: relative;z-index: 0;}
#th-solns>.flex .right{position: relative;z-index: 99;}

}
@media (min-width:600px) and (max-width:1199px) {
    .solnsLiGroup{width: 100%;margin-left:0}
    .solnsLiGroup li{width:21%;margin-right: 4%;}
    .solnsLiGroup li:nth-of-type(2n){margin-right: 4%;}
    .solnsLiGroup li:nth-of-type(4n){margin-right: 0;}
    .footTop .footL p a{font-size: 18px;}
    .footTop .footR a img{width: auto;}
    .footBottom .footL p{font-size: 14px;}
    .RDTopCon::before{background-size: 790px;}
    .RDBottomBox .img{margin-right: 0;width: 60%;margin-left: auto;margin-right: auto;}
    .RDBottomBox:nth-of-type(2n) .img{width: 60%;margin-left: auto;margin-right: auto;}
    .RDBottomBox .img img{width: 100%;}
    .serviceList a{width: 25%;font-size: 14px;}
    .serviceList .c2{width: 75%;justify-content: center;}
    .about .barbg::before{top: 90px;}
    .footTop{padding-bottom: 36px;}
    .promotion .left{position: relative;}
    .promotion .left dl{width: 60%;margin-left: auto;margin-right: auto;}
    .bannerSwiper .swiper-slide .txt>img{margin-bottom: 10px;top: 10%;}
}

.promotion .right .Info dl{width: auto;min-width: 170px;max-width: 350px;}