.lbt{margin-top: 0.75rem; width: 100%;}
.lbt .swiper-slide img{width: 100%;}
.lbt .swiper-slide::before{width: 100%; content: ""; height: 2.28rem; display: block; background-image: url(../kjcyy/2.png); position: absolute; left: 0; bottom: 0; background-size: 100% 100%;}
.swiper_title{position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); width: 100%; text-align: center;}
.swiper_title p:nth-child(1){ font-size:.65rem; font-family: JDLangZhengTi; color: #fff;}
.swiper_title p:nth-child(2){font-size: .22rem; color: #fff; margin-top: .16rem; font-weight: 400; font-family: JINGDONGLangZhengTi2Semilight; line-height: 1.5;}
.lbt .swiper-pagination .swiper-pagination-bullet{width: .24rem; height: 0.06rem; background-color:#fff; border-radius: .5rem; opacity: 1;}
.lbt .swiper-pagination .swiper-pagination-bullet-active{width: .48rem; background-color: #E1251B;}





.report{position: relative;}
.report_title{font-size: .42rem;font-family: JINGDONGLangZhengTi2; text-align: center; padding-bottom: .2rem; position: relative;}
.report_title::after{content: ""; width: .44rem; height: .02rem; display: block; background-color: #1FA336; position: absolute;left: 50%; transform: translate(-50%,0); bottom: 0;}
.report{padding-top: .66rem; box-sizing: border-box; height: 8.2rem; background-image: url(../ESG/2.png); background-size: 100% 100%;}
.report_content{padding: 0 1.44rem; box-sizing: border-box;}


.report_content{position: absolute;left: 0;bottom: 0; width: 100%;}
.mySwiper1 .swiper-wrapper{justify-content: center;}
.mySwiper1 .swiper-slide{padding: .66rem .78rem; background-image: url(../ESG/6.png); background-size: 100% 100%
    ; box-sizing: border-box;display: flex; flex-direction: column;align-items: center; border-left: .01rem solid rgba(255,255,255,0.5);}
.mySwiper1 .swiper-slide:nth-child(1){border: none;}
.mySwiper1 .swiper-slide:hover {background-image: url(../ESG/10.png);}
.mySwiper1 .swiper-slide:hover .slide_download{background-color: #1FA336;}
.slide_number{font-size: .48rem; font-weight: bold; color: #fff; }
.slide_download{width: 1.53rem;height: 0.38rem; display: flex; align-items: center; border-radius: .5rem;  justify-content: center;}
.slide_download img{width: .15rem; height: .15rem;}
.slide_download a{font-size: .16rem; color: #fff; margin-left: .1rem; font-family: JINGDONGLangZhengTi2Semilight;}

.report_content .swiper-button-next{width: .6rem;  height: .6rem;border: 1px solid rgba(255,255,255,0.53); border-radius: 50%; font-size: .15rem; color: #fff; opacity: 1; right: .5rem;}
.report_content .swiper-button-next::after{font-size: .2rem;}
.report_content .swiper-button-prev{width: .6rem; height: .6rem;border: 1px solid rgba(255,255,255,0.53); border-radius: 50%; font-size: .15rem; color: #fff; opacity: 1; left: .5rem;}
.report_content .swiper-button-prev::after{font-size: .2rem;}
/* .swiper_pagination{ width: 2rem; position: absolute; right: 1.92rem; bottom: 1.26rem;} */
.report_content .swiper-button-next:hover{background-color: #1FA336;}
.report_content .swiper-button-prev:hover{background-color: #1FA336;}


.summary{padding-top: .66rem; box-sizing: border-box;background-image: url(../ESG/4.png); background-size: 100% 100%;}
.GreenInfrastructure_title{font-size: .42rem;font-family: JINGDONGLangZhengTi2; text-align: center; padding-bottom: .2rem; position: relative;}
.GreenInfrastructure_title::after{content: ""; width: .44rem; height: .02rem; display: block; background-color: #1FA336; position: absolute;left: 50%; transform: translate(-50%,0); bottom: 0;}
.GreenInfrastructure_contet{position: relative;}
.GreenInfrastructure_contet{margin-top: .46rem;}
.GreenInfrastructure_contet img{width: 100%; height: 6.13rem;}
.GreenInfrastructure_contettx{width: 5.14rem; position: absolute;top: 1.77rem;right: .73rem;}
.GreenInfrastructure_contet_title{width: 2.02rem; height: .46rem; background-color: #1FA336; color: #fff; border-radius: .48rem;  text-align: center;line-height: .46rem; font-size: .2rem;}
.GreenInfrastructure_contet_text{font-size: .2rem ; color: #fff; line-height: 1.7; margin-top: .2rem; font-family: JINGDONGLangZhengTi2Semilight;}


.Solution{margin-top: 1rem;}
.Solution_title{font-size: .42rem;font-family: JINGDONGLangZhengTi2; text-align: center; padding-bottom: .2rem; position: relative;}
.Solution_title::after{content: ""; width: .44rem; height: .02rem; display: block; background-color: #1FA336; position: absolute;left: 50%; transform: translate(-50%,0); bottom: 0;}

.Solution_contet{position: relative;}
.mySwiper2{width: 10.66rem; margin: 0;height: 7.11rem;}
.mySwiper2 .swiper-slide img{width: 100%; height: 3.89rem;}
.Solution_contet{margin-top: .96rem;}
.mySwiper2 .swiper-slide{display: flex; align-items: end;} 
.mySwiper2 .swiper-slide-active{ border-radius: .5rem; overflow: hidden;}
.mySwiper2 .swiper-slide-active img{ height: 100% !important; object-fit: cover;}

.Solution_contet .swiper-button-next{width: .6rem;  height: .6rem;background-color: #FFFFFF; border: 1px solid rgba(255,255,255,0.53); border-radius: 50%; font-size: .15rem; color: #B4B4B4;}
.Solution_contet .swiper-button-next::after{font-size: .2rem;}
.Solution_contet .swiper-button-prev{width: .6rem; height: .6rem; background-color: #FFFFFF; border: 1px solid rgba(255,255,255,0.53); border-radius: 50%; font-size: .15rem; color: #B4B4B4;}
.Solution_contet .swiper-button-prev::after{font-size: .2rem;}
.swiper_pagination{ width: 2rem; position: absolute; right: 1.92rem; bottom: 1.26rem;}
.Solution_contet .swiper-button-next:hover{background-color: #3BCA71;color: #fff;}
.Solution_contet .swiper-button-prev:hover{background-color: #3BCA71; color: #fff;}
.list_number{font-size: .42rem; color: #17972E; margin-bottom: .14rem;}
.list_title{font-size: .32rem; color: #05142D;margin-bottom: .14rem;}
.list_text{font-size: .2rem;color: #05142D;}
.Solution_contet_list{position: absolute; left: 4.82rem; top: 0; background-color: #FFFFFF; z-index: 1;}
.Solution_contet_text{margin-top: .37rem; font-size: .3rem; text-align: center; font-family: JDLangZhengTi;}


.monitoringplatform{display: flex;justify-content: flex-end;box-sizing: border-box;padding-top: 1.17rem;padding-right: .97rem;width: 12.59rem;margin: 0 auto;height: 5.47rem;background-image: url(../ESG/11.png);background-size: 100% 100%;margin-top: 1.97rem;position: relative;z-index: 1;}
.monitoringplatform_content{width: 5.5rem;}

.monitoringplatform_title{font-size: .42rem;font-family: JINGDONGLangZhengTi2; padding-bottom: .2rem; position: relative;}
.monitoringplatform_title::after{content: ""; width: .44rem; height: .02rem; display: block; background-color: #1FA336; position: absolute;left: 0%;  bottom: 0;}
.monitoringplatform_text{font-size: .2rem;  line-height: 1.7; margin-top: .46rem; font-family: JINGDONGLangZhengTi2Semilight;}
.monitoringplatform_image{width: 16.8rem; height: 2.42rem;}
.monitoringplatform_image img{width: 100%; height: 100%;}
.monitoringplatforx{width: 100%;height: 1.42rem;position: relative;}
.monitoringplatform_image{position: absolute;left: 0;top: -1rem;}






.case{ width: 100; height: 8.5rem; }
.mySwiper3 {height: 100%;}
.case .swiper-slide img{width: 100%; height: 100%;}
.swiperslide_text{position: absolute;    width: 12rem; left: 50% ;top: 1.2rem; transform: translate(-50%,0);}
.swiperslide_text_title{font-size: .42rem; padding-bottom: .19rem; font-family: JINGDONGLangZhengTi2; color: #fff;margin-top: .2rem; position: relative;}
.swiperslide_text_title::after{ content: ""; width: .44rem; height: .02rem; display: block; background-color: #1FA336; position: absolute;left: 0; bottom: 0;}
.swiperslide_text_ms{font-size: .2rem; color: #fff;margin-top: .2rem; width: 6.42rem; text-align: justify; font-weight: 300; line-height: 1.7; font-family: JINGDONGLangZhengTi2Semilight;}
.mySwiper3 .swiper-button-next{width: .6rem;  height: .6rem;border: 1px solid rgba(255,255,255,0.53); border-radius: 50%; font-size: .15rem; color: #fff;}
.mySwiper3 .swiper-button-next::after{font-size: .2rem;}
.mySwiper3 .swiper-button-prev{width: .6rem; height: .6rem;border: 1px solid rgba(255,255,255,0.53); border-radius: 50%; font-size: .15rem; color: #fff;}
.mySwiper3 .swiper-button-prev::after{font-size: .2rem;}
.swiper_pagination{ width: 2rem; position: absolute; right: 1.92rem; bottom: 1.26rem;}
.mySwiper3 .swiper-button-next:hover{background-color: #E1251B;}
.mySwiper3 .swiper-button-prev:hover{background-color: #E1251B;}
.swiperpagination{width: 3.72rem; position: absolute; bottom: 1.26rem;left: 3.33rem;}
.swiper-pagination-progressbar{background-color: rgba(255,255,255,0.3)}
.swiper-pagination-progressbar-fill{background: #fff !important;}
.swipernumbler{position: absolute;left: 1.92rem;bottom: 1.1rem;z-index: 1;display: flex;align-items: center; font-family: JINGDONGLangZhengTi2Semilight;}
.swipernumbler span{font-size: .22rem; font-weight: bold; color: rgba(255,255,255,0.5);}
.swipernumbler span:nth-child(1){color: #fff;margin-right: .01rem;}
.swipernumbler span:nth-child(2){position: relative;padding-left: .15rem;}
.swipernumbler span:nth-child(2)::after{content: "-"; width: .1rem;height: .1rem; display: block; position: absolute; left: 0; top: 0;}


.swiperslide_text1{width: 12rem; position: absolute; left: 50%; bottom: .8rem; transform:  translate(-50%,0);}
.swiperslide_text_title1{font-size: .28rem; font-weight: bold; margin-bottom: .24rem; color: #fff;}
.swiperslide_text_ms1{font-size: .2rem; width: 90%; font-weight: 300; color: #fff; font-family: JINGDONGLangZhengTi2Semilight; line-height: 1.7; }



@media screen and (max-width: 768px) { 
    .lbt{margin: 0; padding-top: 1rem; height: auto;  aspect-ratio: 16 / 9;  width: 100%;}
    .lbt .swiper-slide img{width: 100%;height: 100%;}
    .mySwiper{width: 100%; height: 100%;}
    .swiper_title{width: 95%;}
    .swiper_title p:nth-child(1){font-size: .35rem;}
    .swiper_title p:nth-child(2){font-size: .18rem;}
    
    .report_title{width: 95%;font-size: .38rem;}
    .report{height: auto; aspect-ratio: 16 / 9; padding: .66rem;}
    .report_content{width: 100%; padding: 0;}
    .mySwiper1 .swiper-slide{padding: .33rem .78rem;}
    .report_content .swiper-button-prev{display: none;}
    .report_content .swiper-button-next{display: none;}


    .GreenInfrastructure_title{width: 95%;}
    .GreenInfrastructure_title{font-size: .38rem;}
    .summary{padding: .66rem 0;}
    .GreenInfrastructure_contet{width: 95%;}
    .GreenInfrastructure_contet_title{margin: 0 auto;}
    .GreenInfrastructure_contettx{width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
    .GreenInfrastructure_contet img{height: 100%;aspect-ratio: 16 / 9;  }
    .Solution_contet{width: 95%; margin-top: .33rem;}
    .swiper_pagination{position: static;}
    .Solution_title{width: 95%;}
    .Solution_title{font-size: .38rem;}
    .mySwiper2{width: 100%; height: auto ; aspect-ratio: 16 / 9;}

    .Solution_contet_list{position: static; margin-top: .33rem;}
    

    .monitoringplatform{width: 95%; height: auto; padding: 0; aspect-ratio: 16 / 9;}
    .monitoringplatform_title{font-size: .38rem;}
    .monitoringplatform_content{width: 60%;}
    .monitoringplatform_image{width: 100%; height: auto; top: -0.4rem;}
    .monitoringplatform_text{font-size: .15rem; margin-top: .1rem;}


    /* .report{display: none;} */
    /* .summary{display: none;} */
    /* .case{display: none;} */
    .case{width: 100%; height: auto; aspect-ratio: 16 / 9; }
    .mySwiper1{width: 100%; height: 1.6rem;  aspect-ratio: 16 / 9; margin: 0 auto;}
    .swiperslide_text{width: 95%;}
    .case .swiper-slide img{height: 100%;}
    .swiperslide_text_title{font-size: .18rem;}
    .swiperslide_text_yq{font-size: .16rem;}
    .swiperslide_text_ms{font-size: .16rem; width: 100%;}
    .swipernumbler{display: none;}
    .swiperpagination{display: none;}
    .swiper_pagination{display: none;}
.monitoringplatforx{height: .3rem;}
    .swiperslide_text1{width: 95%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
    .swiperslide_text{display: none;}
    .GreenInfrastructure_contet_text{width: 95%; margin: 0 auto; margin-top: .2rem;font-size: .18rem;}
    .swiperslide_text_ms1{font-size: .16rem;}
}