*{box-sizing: border-box;}
body{overflow-x: hidden;}
/* banner */
.esg_banner{height: 6rem;background: url("../image/esg/banner.png")no-repeat center;background-size: cover;color: #fff;margin-top: 1.28rem;}
.esg_banner_title{font-size: 1.2rem;letter-spacing: 4px;font-family: 'JDLangZhengTi';margin-bottom: .26rem;}
.esg_banner_text{font-size: .32rem;font-family: 'Roboto-Bold';line-height: .6rem;}
.esg_banner_con{display: flex;flex-direction: column;justify-content: center;height: 100%;}
.esg_banner_btn{width: 4.15rem;height: .68rem;background: rgba(255, 255, 255, 1);border-radius: .34rem;margin-top: .9rem;font-size: .24rem;
font-family: 'Roboto-Bold';color: #071E40;display: flex;justify-content: center;align-items: center;transition: all .3s;}
.esg_banner_btn:hover{background: rgba(255, 255, 255, 0.5);cursor: pointer;}
.esg_banner_btn a{color: #071E40;}

/* 第二部分 */
.esg_second{padding: .9rem 0;background: url(../image/esg/2bg.png)no-repeat right bottom;background-size: cover;}
.esg_second_info{font-size: .24rem;font-family: 'Roboto-Regular-14';text-align: center;}
.esg_second_table_th{margin-top: .7rem;}
.esg_second_th{display: flex;color: rgba(0, 0, 0, 0.6);font-size: .36rem;line-height: .6rem;border-bottom: 1px solid #ACB0C7;
font-family: 'Roboto-Bold';}
.esg_second_th_name{width: 40%;}
.esg_second_th_year{width: 25%;}
.esg_second_th_downlaod{width: 35%;}
.esg_second_th > div{padding: 0 .5rem;text-align: center;}
.esg_second_table_tbody{padding-top: .2rem;}
.esg_second_table_tr{display: flex;color: #05142d;font-size: .36rem;line-height: 2}
.esg_second_table_tr > div{padding: 0 .2rem;text-align: center;font-size: .24rem !important;font-family: Roboto-Medium !important;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #05142d;}
.esg_second_td_name{width: 40%;}
.esg_second_td_year{width: 25%;}
.esg_second_td_downlaod{width: 35%;color: rgba(0, 0, 0, 0.6);}
.esg_second_td_downlaod a{text-decoration: underline;font-size: .24rem;color: #05142d;}
.esg_second_td_downlaod:hover a{color: #000; cursor: pointer;}

/* 第三部分 */
.esg_third{padding-top: .87rem;padding-bottom: 1.6rem;background: url("../image/esg/3bg.png")no-repeat;background-size: cover;}
.esg_third_title{font-size: .85rem;font-family: 'JDLangZhengTi';color: #fff;}
.esg_third_title span{font-weight: bold;}
.esg_third_text{margin-top: .57rem;font-size: .64rem;line-height: .78rem;color: #fff;}
.esg_third_text span{ color: #28BF5A;}
.esg_third_info{margin-top: 1.3rem;font-size: .3rem;line-height: 1.5;font-family: 'Roboto-Bold-3';color: #fff;}

/* 第四部分 */
.esg_fourth{padding-top: .9rem;padding-bottom: .04rem;background: url("../image/esg/4bg.png")no-repeat right;background-size: cover;}
.esg_fourth_title{font-size: .64rem;line-height: .78rem;font-family: 'JDLangZhengTi';color: #071E40;}
.esg_fourth_title span{color: #0C983B;}
.esg_fourth_up{margin-top: .6rem;display: flex;align-items: start;justify-content: space-between;}
.esg_fourth_up_lfet{width: 4.16rem;height: 7.1rem;border-radius: .5rem;overflow: hidden;}
.esg_fourth_up_right{width: calc(100% - 4.58rem);}
.esg_fourth_up_right_title{font-size: .36rem;line-height: .54rem;color: #000;font-family: 'Roboto-Medium';}
.esg_fourth_up_right_text{font-size: .3rem;line-height: 1.5;color: rgba(0, 0, 0, 0.7);font-family: 'Roboto-Medium';margin-top: .26rem;}
.esg_fourth_swiper{margin-top: .62rem;position: relative;}
.esgFourthSwiper{width: 6.28rem;margin-left: 0;margin-right: 0;}
.esgFourthSwiper .swiper-wrapper .swiper-slide{width: 2.93rem;}
.esgFourthSwiper .swiper-wrapper{overflow: hidden;}
.swiper-slide_img{width: 3.33rem;height: 4.4rem;overflow: hidden;border-radius: .5rem;}
.swiper-slide_line{width: 3.33rem;height: .04rem;background: #3BCA71;margin-top: .16rem;}
.swiper-slide_text{font-size: .3rem;font-family: 'JDLangZhengTi';margin-top: .12rem;text-align: center;width: 2.93rem;}
.esg_fourth_swiper .swiper-button-next:after,
.esg_fourth_swiper .swiper-button-prev:after{display: none;}
.esg_fourth_swiper .swiper-button-next,
.esg_fourth_swiper .swiper-button-prev{width: .8rem;height: .8rem;border-radius: 50%;background: #fff;opacity: 1;z-index: 5;
pointer-events: all;display: flex;justify-content: center;align-items: center;}
.esg_fourth_swiper .swiper-button-next img,
.esg_fourth_swiper .swiper-button-prev img{width: .4rem;height: .4rem;}
.esg_fourth_swiper .swiper-button-next{left: 7.5rem;bottom: 1rem;top: auto;}
.esg_fourth_swiper .swiper-button-prev{left: 6.5rem;bottom: 1rem;top:auto;}
.esg_fourth_swiper .swiper-button-next:hover,
.esg_fourth_swiper .swiper-button-prev:hover{background: #3BCA71;}
.esg_fourth_down{margin-top: 1.8rem;}
.esg_fourth_bg{display: flex;justify-content: center;padding-right: .7rem;align-items: center;flex-direction: column;
align-items: end;height: 7.7rem;border-radius: .5rem;background: rgba(255, 255, 255, 0.69);z-index: 1;position: relative;}
.esg_fourth_bg_con{width: 9rem;}
.esg_fourth_cup{position: absolute;width: 5.5rem;left: -.4rem;bottom: 0;}
.esg_fourth_down_title{font-size: .64rem;color: #071E40;line-height: .78rem;margin-bottom: .5rem;}
.esg_fourth_down_title span{color: #28BF5A;}
.esg_fourth_down_text{font-size: .24rem;color: rgba(0, 0, 0, 0.8);line-height: .36rem;
font-family: 'Roboto-Regular-14';}
.esg_fourth_down_green{width: 100%;height: 1.9rem;background: #3BCA71;border-radius: 20px 50px 50px 50px;
transform: translate(.56rem, -60%);z-index: -1;}

/* 第五部分 */
.esg_five{width: 100%;height: 11.6rem;}
.esg_five_con,.esgFiveSwiper{width: 100%;height: 100%;}
.esgFiveSwiper .swiper-slide{position: relative;}
.esgFiveSwiper .esg_five_img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.esgFiveSwiper .esg_five_text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;
    z-index: 1;padding-top: .93rem;}
.esg_five_text_title{font-size: .85rem;font-family: 'JDLangZhengTi';width: 15.2rem;margin: auto;color: #fff;}
.esg_five_text_text{font-size: .48rem;line-height: .54rem;color: #FFFFFF;font-family: 'Roboto-Medium';width: 15.2rem;
    margin: 1rem auto .3rem;}
.esg_five_text_info{font-size: .36rem;width: 15.2rem;margin: auto;line-height: .54rem;color: #fff;font-family: 'Roboto-Regular-14';}
.esg_five_text_p{font-size: .3rem;line-height: .54rem;color: #fff;width: 15.2rem;margin: .47rem auto 0;}
.esgFiveSwiper .swiper-button-next:after,
.esgFiveSwiper .swiper-button-prev:after{display: none;}
.esgFiveSwiper .swiper-button-next,
.esgFiveSwiper .swiper-button-prev{width: .8rem;height: .8rem;border-radius: 50%;background: rgba(255, 255, 255, 0.33);z-index: 5;
pointer-events: all;display: flex;justify-content: center;align-items: center;}
.esgFiveSwiper .swiper-button-next img,
.esgFiveSwiper .swiper-button-prev img{width: .4rem;height: .4rem;}
.esgFiveSwiper .swiper-button-next{right: 2.5rem;bottom: 1rem;top: auto;left: auto;}
.esgFiveSwiper .swiper-button-prev{right: 3.5rem;bottom: 1rem;top:auto;left: auto;}

@media screen and (max-width: 768px) {
    .esg_banner{margin-top: 0;padding-top: 1rem;}
    .esg_second{padding: .5rem 0;}
    .esg_third{padding-top: .5rem;}
    .esg_third_info{margin-top: .3rem;font-size: .24rem !important;}
    .esg_fourth{padding-top: .5rem;}
    .esg_fourth_up{flex-wrap: wrap;margin-top: .3rem;}
    .esg_fourth_down_green{display: none;}
    .swiper-slide_four{width: 48%;margin-top: .2rem;}
    .swiper-slide_img{width: 100%;}
    .swiper-slide_line{width: 100%;}
    .esg_fourth_cup{position: static;width: 100%;margin-top: .2rem;display: flex;justify-content: center;}
    .esg_fourth_cup img{width: 70%;}
    .esg_fourth_bg_con{width: 100%;padding-top: .5rem;}
    .esg_five_text_title{font-size: .4rem !important;}
    .esg_fourth_bg{height: auto;padding-bottom: .5rem;flex-flow: column-reverse;padding-right: 0;}
    .esgFiveSwiper .esg_five_text{padding:.5rem .2rem .2rem;}
    .esg_five{height: 13rem;}
    .esg_five_text_text.fuT{width: 100%;font-size: .3rem !important;margin: .1rem auto !important;}
    .esg_five_text_title{width: 100%;}
    .esg_five_text_p{width: 100%;margin: .2rem auto 0;}
    .esgFiveSwiper .swiper-button-prev{right: 1rem;bottom: .2rem;}
    .esgFiveSwiper .swiper-button-next{right: .2rem;bottom: .2rem;}
    .esg_third_title{font-size: .4rem !important;}
    .esg_third_text{font-size: .3rem !important;margin-top: .3rem;}
    .esg_fourth_down{margin-top: .3rem;}
    .esg_fourth_down_title{font-size: .4rem !important;margin-bottom: .2rem;}
    .footer{margin-top: 0;}
    .esg_fourth_title{font-size: .4rem !important;}
    .swiper-slide_text{font-size: .24rem !important;}
    .esg_second_th_name,.esg_second_td_name{width: 30%;}
    .esg_second_td_name{font-size: .24rem !important;}
    .esg_second_table_tr{font-size: .28rem;}
    .esg_second_td_downlaod{width: 45%;}
    .esg_banner_title{font-size: .65rem !important;}
    .esg_second_info{text-align: left;}
    .esg_second_table_tr > div{padding: 0;}
    .esg_second_th > div{padding: 0;}
    .esgFiveSwiper .esg_five_img img{object-fit: cover;}
}