/* banner */
.banner{position: relative;overflow: hidden;width: 100%;}
.banner .wrap{display: block;width: 100%;height: 0;padding-bottom: 21.66rem;position: relative;overflow: hidden;}
.banner .wrap em{transition: all 0.5s linear;opacity: 0;-webkit-transform: scale(1.1);transform: scale(1.1);}
.banner .swiper-slide-active a em,.banner .swiper-slide-duplicate-active a em{transition: 0.5s linear; transform: scale(1,1);opacity: 1;}
.banner .control{position: absolute;left: 50%;bottom: 2.8rem;transform: translateX(-50%);z-index: 2;display: flex;align-items: center;box-sizing: border-box;padding: 0 1rem;}
.banner .control .btn{height: 0.67rem;margin-right: 1rem;opacity: 0.5;cursor: pointer;}
.banner .control .btn:hover{opacity: 1;}
.banner .control .swiper-pagination{position: relative;bottom: 0;width: auto;font-size: 0.67rem;color: #FFFFFF;line-height: 0.93rem;font-family: "Poppins-Regular";}
.banner .lineWrap{position: absolute;left: 50%;top: 0;transform: translateX(-50%);height: 0;z-index: 3;}
.banner .lineWrap .lineStyle{height: 28.67rem;}
.banner .lineWrap .lineStyle .line1{height: 10.73rem;}
.banner .lineWrap .lineStyle .line1::before{display: none;}

/* iBox */
.iBox{padding-left: 1rem;}

/* 标题 */
.iTitle .ch{color: #302E2F;line-height: 1;font-weight: normal;margin-bottom: 0.3rem;}
.iTitle .en{color: #787878;line-height: 0.93rem;font-weight: normal;font-family: "Poppins-Regular";text-transform: uppercase;}
.iTitle.white .ch,
.iTitle.white .en{color: #fff;}
.iTitle.white .en{opacity: 0.8;}

/* isect1 */
.isect1 .wrap{display: block;background: #F4F4F4;border: 1px solid #E9E9E9;border-radius: 8px;padding: 0.67rem 0.67rem 0.33rem;padding: 0.67rem 0 0;overflow: hidden;}
.isect1 .wrap .padding{padding: 0 0.67rem;}
.isect1 .wrap .tit{color: #636162;font-weight:normal}
.isect1 .wrap .desc{color: #959193;line-height: 0.83rem;text-transform: uppercase;margin: 0.33rem 0 0;height: 0.83rem;}
.isect1 .wrap .pic{height: 7.6rem;overflow: hidden;margin-top: 0.5rem;}
.isect1 .wrap .pic img{width: 100%;height: 100%;object-fit: cover;}
.isect1 .wrap .btn{position: absolute;right: 0;bottom: 0;width: 3.73rem;height: 1.23rem;background: #FFFFFF;border-radius: 8px 0 8px 0;color: #636162;}
.isect1 .wrap .btn img{height: 0.27rem;margin-left: 0.4rem;filter: brightness(0) invert(.4);}
.isect1 .wrap:hover{border-color: #87BF77;}
.isect1 .wrap:hover .tit{color: #87BF77;}

/* isect2 */
.isect2{background: url(../images/isect2_bg.jpg) no-repeat center right;color: #FFFFFF;background-size: cover;}
.isect2 > .w1400{position: relative;padding-bottom: 2.33rem;}
.isect2 > .w1400::before{content: "";width: 1550px;height: 960px;position: absolute;top: 0;right: 108px;background: url(../images/mask.png) no-repeat right center;}
.isect2 .iBox{min-height: 454px;}
.isect2 .iTitle{position: relative;}
.isect2 .tabs{position: absolute;right: 303px;top: 206.1px;line-height: 1;height: 587.1px;display: flex;flex-direction: column;justify-content: space-between;height: 454px;}
.isect2 .tabs li a{justify-content: flex-end;}
.isect2 .tabs li a .dot{width: 0.4rem;height: 0.4rem;background: currentColor;border-radius: 50%;margin-left: 1.2rem;position: relative;}
.isect2 .tabs li a .dot .svgWrap{width: 38px;height: 38px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.isect2 .tabs li a .dot .svgWrap svg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;fill: transparent;stroke-width: 1px;}
.isect2 .tabs li a .dot .svgWrap .svg1{stroke: rgba(255, 255, 255, 0.6);opacity: 0;transition: 0.3s;}
.isect2 .tabs li a .dot .svgWrap .svg2{stroke: #7AB868;stroke-dasharray: 120;stroke-dashoffset: -120;}
.isect2 .tabs li:nth-child(1) a{padding-right: 6px;}
.isect2 .tabs li:nth-child(2) a{padding-right: 39px;}
.isect2 .tabs li:nth-child(3) a{padding-right: 51px;}
.isect2 .tabs li:nth-child(4) a{padding-right: 36px;}
.isect2 .tabs li.active a .dot .svgWrap  .svg1{opacity: 1;}
.isect2 .tabs li.active a .dot .svgWrap  .svg2{animation: svgAni 5s linear forwards;}
@keyframes svgAni{to{stroke-dashoffset: 0;}}
.isect2 .container{width: 48.2%;}
.isect2 .container .box{height: 14rem;margin-top:0.6rem;height: 18rem;height: 495px;}
.isect2 .container .list{}
.isect2 .container .list .swiper-slide{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.5);box-sizing:border-box}
.isect2 .container .list .swiper-slide a{padding: 0 0.67rem;position: relative;/*line-height: 1.5rem;*/box-sizing:border-box;align-items: center;height: 100%;}
.isect2 .container .list .swiper-slide a span:first-child{width:30%;}
.isect2 .container .list .swiper-slide a span:nth-child(2){width:70%}
.isect2 .container .list .swiper-slide a::before{content: "";width: 4px;height: 4px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-radius: 2px;background: currentColor;}
.isect2 .container .list .swiper-slide a img{width: 0.23rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.isect2 .container .list .swiper-slide a:hover::before{width: 0.5rem;border-radius: 0;}

/* isect3 */
.isect3 .tabs li a{display: block;position: relative;color: #636162;padding: 0 1.1rem;}
.isect3 .tabs li:last-child a{padding-right:0}
.isect3 .tabs li a::before{content: "";width: 1px;height: 0.5rem;background: #CCCCCC;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.isect3 .tabs li:first-child a::before{display: none;}
.isect3 .tabs li.active a{color: #87BF77;}
.isect3 dd{width: 29.2%;}
.isect3 dt{width: 37%;}
.isect3 dt li{position: relative;}
.isect3 dt li .wrap{padding: 0.65rem 0;position: relative;border-top: 1px solid #D8D8D8;}
.isect3 dt li .wrap::before{content: "";width: 100%;height: 1px;position: absolute;left: 0;top: -1px;background: #87BF77;transform-origin: left center;transform: scale(0,1);}
.isect3 dt li:first-child .wrap{padding-top: 0;border: none;}
.isect3 dt li:first-child .wrap::before{display: none;}
.isect3 dt li .pic{width: 7.33rem;padding-bottom: 4.67rem;border-radius: 5px;flex-shrink: 0;margin-right: 1.07rem;}
.isect3 dt li .text{flex: 1;overflow: hidden;}
.isect3 dt li .text .tit{color: #262626;line-height: 0.87rem;height: 1.73rem;overflow: hidden;margin-bottom: 1.73rem;}
.isect3 dt li .wrap:hover .text .tit{color: #87BF77;transform: translateX(0.5rem);}
.isect3 dt li .wrap:hover::before{transform: scale(1);}
.isect3 .newsWrap .text .tit{height: 2.14rem;margin-bottom: 0.5rem;}
.isect3 .newsWrap .text .desc{line-height: 0.8rem;height: 1.6rem;}

/* isect4 */
.isect4{background: url(../images/isect4_bg.jpg) no-repeat center;background-size: cover;}
.isect4 > .w1400{padding-bottom: 4.57rem;padding-bottom: 3rem;}
.isect4 .bg{width: 67.2%;position: absolute;right: -6.14%;bottom: 0;}
.isect4 .leftCont{width: 34%;}
.isect4 .leftCont .tit{color: #87BF77;font-weight: bold;}
.isect4 .leftCont .text{color: #787878;line-height: 1.07rem;height: 8.56rem;margin: 0.67rem 0 1rem;-webkit-line-clamp: 8;}
.isect4 .rightCont{width: 5.33rem;padding-right: 0.6rem;color: #636162;line-height: 1;}
.isect4 .rightCont li{padding: 0.67rem 0 1rem;border-top: 1px solid #CED9CC;}
.isect4 .rightCont li:first-child{border: none;}
.isect4 .rightCont li .data{display: inline-flex;margin-bottom: 0.53rem;color: #636162;font-weight: bold;}
.isect4 .rightCont li .data span{color: #87BF77;font-family: "Poppins-SemiBold";}

/* isect5 */
.isect5 .bg{width: 26.97rem;position: absolute;top: 8.1rem;right: -10.3rem;}

/* isect6 */
.isect6{background: url(../images/isect6_bg.jpg) no-repeat center;background-size: cover;color: #fff;}
.isect6 > .w1400{padding: 1.67rem 0;}
.isect6 .lineStyle .line1{height: 3rem;}
.isect6 .lineStyle .line1::before{display: none;}
.isect6 .tit{margin-bottom: 0.8rem;}
.isect6 .moreBtn{background: #FFFFFF;border-color: #FFFFFF;color: #87BF77;font-weight: bold;}
.isect6 .moreBtn img{filter: brightness(1) invert(0);}

/* isect7 */
.isect7{background: url(../images/isect7_bg.jpg) no-repeat center top;background-size: cover;}
.isect7 > .w1400{position: relative;}
.isect7 .content{display: flex;justify-content: space-between;align-items: flex-start;}
.isect7 .contLeft{width: 51%;display: flex;flex-wrap: wrap;}
.isect7 .contLeft li{width: 31.4%;margin: 0 2.9% 0.67rem 0;border-radius: 8px;position: relative;background: #FFFFFF;box-shadow: 0px 8px 0.67rem 0px rgba(135, 191, 119, 0.4);}
.isect7 .contLeft li:nth-child(3n){margin-right: 0;}
.isect7 .contLeft li::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(135, 191, 119, 0.6) 0%, #87BF77 100%);opacity: 0;border-radius: 8px;}
.isect7 .contLeft li .wrap{position: relative;display: block;padding: 0.6rem 0.6rem 0.8rem;text-align: center;color: #333333;line-height: 0.87rem;}
.isect7 .contLeft li .icon{width: 4.4rem;height: 4.4rem;margin: 0 auto 0.67rem;border-radius: 50%;background: rgba(135, 191, 119, 0.2);box-sizing: border-box;padding: 0.2rem;}
.isect7 .contLeft li .icon span{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;box-sizing: border-box;border: 0.2rem solid #FFFFFF;border-radius: 50%;}
.isect7 .contLeft li .icon img{height: 52%;}
.isect7 .contLeft li:hover::before{opacity: 1;}
.isect7 .contLeft li:hover .t{color: #fff;}
.isect7 .contLeft li:hover .icon span{background: #E1EFDE;}
.isect7 .contLeft li:hover .icon img{transform: rotateY(180deg) scale(0.8);}
.isect7 .contRight{width: 46%;box-sizing: border-box;padding: 0.67rem;background: #F5FAF4;border-radius: 8px;box-shadow: 0px 8px 0.67rem 0px rgba(135, 191, 119, 0.4);background: url(../images/float_bg.jpg) no-repeat center;background-size: cover;}
.isect7 .contRight .wrap{display: block;}
.isect7 .contRight .pic{padding-bottom: 11.53rem;border-radius: 8px;margin-bottom: 0.67rem;background: #fff;}
.isect7 .contRight .pic .bgStyle{background-size: contain;}
.isect7 .contRight .text{padding-right: 4.33rem;line-height: 0.87rem;color: #636162;}
.isect7 .contRight .text .t{color: #262626;}
.isect7 .contRight .wrap:hover .pic .bgStyle{transform: scale(1.1);}
.isect7 .contRight .wrap:hover .text .t{color: #87BF77;color: #fff;}
.isect7 .contRight .btnWrap{position: absolute;right: 0;bottom: 0;z-index: 3;}
.isect7 .contRight .btnWrap .btnStyle:last-child{margin-right: 0;}
.isect7 .contRight .btnWrap .btnStyle{background: #87BF77;border-color: #87BF77;}
.isect7 .contRight .btnWrap .btnStyle img{filter: brightness(0) invert(1);}
.isect7 .contRight .btnWrap .btnStyle:hover{background: #fff;}
.isect7 .contRight .btnWrap .btnStyle:hover img{filter: brightness(1) invert(0);}

@media screen and (max-width: 1550px){
.isect2 .tabs{height: 520px;height: 400px;}
.isect2 .tabs li:nth-child(3) a{padding-right: 49px;}
.isect2 .tabs li:nth-child(4) a{padding-right: 44px;}
.isect2 .tabs li:nth-child(5) a{padding-right: 20px;}
}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1300px){
.isect2 > .w1400::before{height: 800px;}
.isect2 .tabs{height: 400px;height: 320px;}
.isect2 .tabs li:nth-child(1) a{padding-right: 30px;}
.isect2 .tabs li:nth-child(2) a{padding-right: 45px;}
.isect2 .tabs li:nth-child(3) a{padding-right: 52px;}
.isect2 .tabs li:nth-child(4) a{padding-right: 45px;}
.isect2 .tabs li:nth-child(5) a{padding-right: 30px;}
}


@media screen and (max-width: 1024px){
.banner .wrap{padding-bottom: 52%;}



.isect2::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0.86;background-image: linear-gradient(30deg, #87BF77 0%, #B4D176 100%);}
.isect2 > .w1400::before{display: none;}
.isect2 .tabs{position: relative;width: 100%;flex-direction: row;top: 0;right: 0;height: auto;margin-bottom: 0;margin-bottom: 1rem;}
.isect2 .container{width: 100%;}
.isect2 .tabs li a{flex-direction: row-reverse;align-items: center;padding: 0 !important;}
.isect2 .tabs li a .dot{margin: 0 0.3rem 0 0;}
.isect2 .tabs li a .dot .svgWrap{display: none;}
.isect2 .iBox{min-height: auto;}

.isect3 dl{flex-wrap: wrap;}
.isect3 dd{width: 49%;margin-bottom: 1rem;}
.isect3 dt{width: 100%;}

/* isect7 */
.isect7 .content{flex-wrap: wrap;}
.isect7 .contLeft,
.isect7 .contRight{width: 100%;}
.isect7 .contRight{margin-top: 0.5rem;}


}

@media screen and (max-width: 760px){
.banner .control{bottom: 5%;}

.iTitle .ch{margin-bottom: 0;}

.isect1 .wrap .pic{height: 6rem;}

.isect2 .tabs{flex-wrap: wrap;justify-content: flex-start;margin-bottom: 0.4rem;}
.isect2 .tabs li{width: 50%;margin-bottom: 0.5rem;}
.isect2 .tabs li a .dot{width: 0.2rem;height: 0.2rem;margin-right: 0.2rem;}
/*.isect2 .container .box{height: auto;}*/
.isect2 .container .box{height: 225px;margin-top: 0;}
.isect2 .container .list{margin-bottom: 1rem;}
.isect2 .container .list li{width: 100%;padding-top: 0;}
.isect2 .container .list li:nth-child(n+6){display: none;}

.isect3 .title{flex-wrap: wrap;}
.isect3 .title .iTitle{width: 100%;}
.isect3 .title > .flexCenter{justify-content: space-between;width: 100%;}
.isect3 .tabs{padding-right: 0;}
.isect3 .tabs li a{padding: 0 0.35rem;}
.isect3 .tabs li:first-child a{padding-left: 0;}
.isect3 dd{width: 100%;}
.isect3 dt li .pic{margin-right: 0.5rem;width: 5rem;padding-bottom: 3.2rem;}
.isect3 dt li .text .tit{line-height: 0.8rem;height: 1.6rem;margin-bottom: 1rem;}

.isect4 > .w1400{padding-bottom: 2rem;}
.isect4 .iBox{flex-wrap: wrap;}
.isect4 .bg{display: none;}
.isect4 .leftCont,
.isect4 .rightCont{width: 100%;}
.isect4 .leftCont .text{height: auto;margin: 0.5rem 0 1rem;}
.isect4 .rightCont{padding-top: 1rem;}
.isect4 .rightCont li{padding: 0.6rem 0;}
.isect4 .rightCont li .data{margin-bottom: 0.2rem;}

.isect6 .text{font-size: 0.5rem;}
.isect6 .tit{margin-bottom: 0.2rem;}

/* isect7 */
.isect7 .contLeft{justify-content: space-between;}
.isect7 .contLeft li{width: 49%;margin-right: 0;}
.isect7 .contLeft li .icon{width: 2.8rem;height: 2.8rem;margin: 0 auto 0.3rem;}
.isect7 .contRight .pic{padding-bottom: 58.74%;}

}

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