


/* banner */
.banner{position: relative;overflow: hidden;width: 100%;}
.banner .wrap{display: block;width: 100%;height: 0;padding-bottom: 28.67rem;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;}
.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:24.3rem;}
.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;}
.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;}
.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;}
.isect3 dt li .wrap:hover::before{transform: scale(1);}

/* isect4 */
.isect4{background: url(../images/isect4_bg.jpg) no-repeat center;background-size: cover;}
.isect4 > .w1400{padding-bottom: 4.57rem;}
.isect4 .bg{width: 67.2%;position: absolute;right: -6.14%;top: 5.5rem;}
.isect4 .leftCont{width: 34%;}
.isect4 .leftCont .tit{color: #87BF77;font-weight: bold;}
.isect4 .leftCont .text{color: #787878;line-height: 1.07rem;height: 5.33rem;margin: 0.67rem 0 2.47rem;}
.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);}

@media screen and (max-width: 1550px){
.isect2 .tabs{height: 520px;}
.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;}
.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%;}


}

@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;}
.isect2 .tabs li{width: 33.33%;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 .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;}

}

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