.esg-detail {
   width: 100%;
  background: #EFF7F5;
}
.h456 {
  width: 34.375vw!important;
  height: 23.75vw!important;
}
.mw476 {
  max-width: 24.7917vw!important;
}
.mw584 {
  max-width: 30.4167vw!important;
}
.wh612 {
  width: 31.875vw!important;
  height: 31.875vw!important;
  padding: 1.25vw;
}
.wh660 {
  width: 34.375vw!important;
  height: 23.75vw!important;
}
.esg-detail .esg-detail-banner {
  width: 100%;
  height: 39.5833vw;
  margin-top: 4.375vw;
  position: relative;
}
.esg-detail .esg-detail-banner .esg-banner-title {
  position: absolute;
  top: 50%;
  left: 13.5417vw;
  transform: translate(0, -50%);
  max-width: 67.0833vw;
  color: #FFF;
  font-family: "Montserrat-SemiBold";
  font-size: 3.75vw;
  font-style: normal;
  line-height: 150%;
  opacity: 0;
}
.esg-detail .esg-detail-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.esg-detail .esg-content-title {
  color: #231815;
  text-align: center;
  /* Heading3-60 */
  font-family: "Montserrat-SemiBold";
  font-size: 2.5vw;
  font-style: normal;
  line-height: 150%; /* 150% */
  position: relative;
}
.esg-detail .esg-detail-banner-desc {
  max-width: 62.5vw;
  margin: 0 auto;
  color: #231815;
  font-family: "Montserrat";
  font-size: 1.1458vw;
  font-style: normal;
  line-height: 150%;
  text-align: center;
  margin-top: 4.1667vw;
  margin-bottom: 6.1458vw;
  opacity: 0;
}
/* Green */

.esg-detail .container .green {
  width: 100%;
  margin-top: 1.7188vw;
  color:#231815;
  font-style: normal;
  font-family: Montserrat;
  text-align: center;
}
.esg-detail .title-line {
  width: 9.375vw;
  height: 0.2083vw;
  background: #65CC8B;
  margin: 0.5208vw auto 2.0833vw;
}
.esg-detail .green-title-box {
  width: 100%;
  height: auto;
  position: relative;
}
.esg-detail .green .green-title-box {
  opacity: 0;
}
.esg-detail .container .green-title {
  margin-bottom: 1.25vw;
  /* Heading4-48 */
  font-size: 2.5vw;
}
.esg-detail .green-title-box .iconfont {
  width: 5.7292vw;
  height: 5.7292vw;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  font-size: 5.7292vw;
  color: #65CC8B;
  opacity: 0.2;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
}
.esg-detail .container .green .green-desc {
  max-width: 62.5vw;
  /* Large1-R-18 */
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 150%; /* 155.556% */
  margin: 0 auto 3.6458vw;
  opacity: 0;
}
.esg-detail .container .green .green-content-box {
  width: 100%;
  height: 22.5vw;
  margin-bottom: 4.4271vw;
  padding: 1.25vw;
  opacity: 0;
}
.esg-detail .container .green .green-content-box .green-mask {
  height: 100%;
  background: rgba(213, 213, 213, 0.10);
  backdrop-filter: blur(0.2604vw);
  color: #FFF;
  font-family: "Montserrat-SemiBold";
  font-style: normal;
  line-height: 150%; /* 150% */
  text-align: left;
  padding: 2.0833vw 3.3333vw;
}
.esg-detail .container .green .green-content-box .green-mask .tit {
  /* Heading6-32 */
  font-size: 1.6667vw;
  margin-bottom: 0.8333vw;
}
.esg-detail .container .green .green-content-box .green-mask .desc {
  font-size: 0.9375vw;
  margin-bottom: 1.6667vw;
}
.esg-detail .container .green .green-content-box .green-mask .num-box-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.625vw;
}
.esg-detail .container .green .green-content-box .green-mask .num-box-bottom .num-item {
  width: 100%;
  flex: 1;
  padding-right: 2.0833vw;
  padding-left: 2.0833vw;
  position: relative;
  box-sizing: border-box; /* 确保 padding 不影响宽度 */
   text-align: center;
  /* Heading4-48 */
  font-family: "Montserrat-SemiBold";
  font-style: normal;

}
.esg-detail .container .green .green-content-box .green-mask .num-box-bottom .num-item:first-child {
  padding-left: 0;
}
.esg-detail .container .green .green-content-box .green-mask .num-box-bottom .num-item::after {
  content: "";
  display: block;
  width: 0.1042vw;
  height: 2.5vw;
  background: #fff;
  position: absolute;  
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.esg-detail .container .green .green-content-box .green-mask .num-box-bottom .num-item:last-child {
  padding-right: 0;
}
.esg-detail .container .green .green-content-box .green-mask .num-box-bottom .num-item:last-child::after {
  display: none;
}
.esg-detail .container .green .green-content-box .green-mask .num-box-bottom .num-item .title {
  color: #FFFC48;
  font-size: 2.5vw;
  margin-bottom: 0.4167vw;
  line-height: 150%; /* 150% */
}
.esg-detail .container .green .green-content-box .green-mask .num-box-bottom .num-item .desc {
  color: #FFF;
  /* Large2-S-16 */
  font-size: 0.8333vw;
  margin-bottom: 0;
  line-height: 150%; /* 150% */
  overflow: hidden;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.esg-detail .container .green .green-content-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.esg-detail .container .green .green-content-box .green-content {
  width: 100%;
  height: 100%;
  padding: 1.5625vw;
  padding-left: 2.8125vw;
  background: rgba(213, 213, 213, 0.10);
  backdrop-filter: blur(0.2604vw);
} 
.esg-detail .container .green .green-content-box .green-content .green-content-title {
  color: #FFF;
  /* Heading6-32 */
  font-size: 1.6667vw;
  text-align: left;
  margin-bottom: 0.8333vw;
}
.esg-detail .container .green .green-content-box .green-content .green-content-desc {
  color: #FFF;
  /* Large1-S-18 */
  font-size: 0.9375vw;
  text-align: left;
}
.esg-detail .container .green .green-content-box .green-content .green-content-rbox {
  width: 100%;
  height: 100%;
  display: flex;
  margin-top: 2.0833vw;
}
.esg-detail .container .green .green-content-box .green-content .green-content-rbox .rbox-item {
  width: 20%;
  min-width: 13.8542vw;
  height: 7.9167vw;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 2.2396vw;
}
.esg-detail .container .green .green-content-box .green-content .green-content-rbox .rbox-item:first-child {
  width: 11.6146vw;
  min-width: unset;
  padding-left: 0;
}
.esg-detail .container .green .green-content-box .green-content .green-content-rbox .rbox-item .rbox-item-num {
  color: #FFFC48;
  /* Heading4-48 */
  font-size: 2.5vw;
  margin-bottom: 0.4167vw;
}
.esg-detail .container .green .green-content-box .green-content .green-content-rbox .rbox-item .rbox-item-desc {
  max-width: 9.375vw;
  color: #FFF;
  /* Large2-S-16 */
  font-size: 0.8333vw;
}
.esg-detail .container .green .green-content-box .green-content .green-content-rbox .rbox-item::after {
  content: "";
  display: block;
  width: 0.1042vw;
  height: 2.5vw;
  background: #FFF;
  position: absolute;  
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.esg-detail .container .green .green-content-box .green-content .green-content-rbox .rbox-item:last-child::after {
  display: none;
}
.esg-detail .container .green .green-content-pbox {
  width: 100%;
  height: auto;
  background: #FFF;
  padding: 3.3333vw 4.1667vw;
  opacity: 0;
}
.esg-detail .container .green .green-content-pbox .content-pbox-title { 
  /* Heading6-32 */
  font-size: 1.6667vw;
  margin-bottom: 0.8333vw;
  text-align: left;
}
.esg-detail .container .green .green-content-pbox .content-pbox-desc { 
  /* Large1-S-18 */
  font-size: 0.9375vw;
  margin-bottom: 2.0833vw;
  text-align: left;
  font-family: "Montserrat-SemiBold";
}
.esg-detail .container .green .green-content-pbox .pbox-bottom { 
  width: 66.6667vw;
  height: 21.4583vw;
}
.esg-detail .container .green .green-content-pbox .pbox-bottom { 
  padding: 2.0833vw 3.3333vw;
  position: relative;
  background: rgba(206, 206, 206, 0.20);
}
.esg-detail .container .green .green-content-pbox .pbox-bottom .bg {
  width: 100%;
  height: 21.4583vw;
  position: absolute;
  top: 0;
  right: 0;
}
.esg-detail .container .green .green-content-pbox .pbox-bottom .bg img { 
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.esg-detail .container .green .green-content-pbox .pbox-bottom .line-txt {
  max-width: 10.7813vw;
  color: #039436;
  /* Large3-S-14-22 */
  font-family: "Montserrat-SemiBold";
  font-size: 0.9375vw;
  font-style: normal;
  line-height: 150%; /* 157.143% */
  position: absolute;
  right: 4.6875vw;
  bottom: 16.25vw;
}
.esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-lit { 
  max-width: 27.0833vw;
  text-align: left;
  display: flex;
  gap: 1.25vw;
  flex-direction: column;
}
.esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-lit .pbox-item {
  font-style: normal;
  line-height: 150%; /* 150% */
}
.esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-lit .pbox-item .tit {
  color: #039436;
  /* Heading4-48 */
  font-family: "Montserrat-SemiBold";
  font-size: 1.25vw;
}
.esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-lit .pbox-item .tit .num {
  font-size: 2.5vw;
  line-height: 150%;
}
.esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-lit .pbox-item .desc {
  color: #231815;
  font-family: "Montserrat-SemiBold";
  font-size: 0.8333vw;
  line-height: 150%;
}

.esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-bottom-num { 
  color: #039436;
  /* Heading4-48 */
  font-size: 1.25vw;
  text-align: left;
}
.esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-bottom-num .num { 
  font-size: 2.5vw;
  line-height: 150%;
}
.esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-bottom-desc { 
  /* Large2-S-16 */
  font-size: 0.8333vw;
  text-align: left;
  margin-bottom: 1.25vw;
}
/* application */
.esg-detail .container .application { 
  width: 100%;
  height: auto;
  margin-top: 8.2292vw;
  opacity: 0;
}
.esg-detail .container .application .application-desc { 
  max-width: 62.5vw;
  margin: 0 auto;
  /* Large1-R-18 */
  font-size: 0.9375vw;
  font-family: Montserrat;
}
.esg-detail .container .application .application-content { 
  width: 100%;
  height: auto;
  padding: 4.1667vw 3.3333vw 4.6875vw;
  background: #FFF;
  position: relative;
  margin-top: 7.0833vw;
}
.esg-detail .container .application .application-content .application-content-desc { 
  max-width: 17.6042vw;
  /* Large1-R-18 */
  font-family: Montserrat;
  font-size: 0.9375vw;
  text-align: left;
}
.esg-detail .container .application .application-content .application-content-img { 
  width: 47.6042vw;
  height: 20.8333vw;
  position: absolute;
  right: 3.125vw;
  bottom: 3.125vw;
}
.esg-detail .container .application .application-content .application-content-img img { 
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/* products */
.esg-detail .products {
  margin-top: 8.2292vw;
  margin-bottom: 6.25vw;
  opacity: 0;
}

.esg-detail .products .swiper-container {
  width: 100%;
  height: auto;
  position: relative;

}
.esg-detail .products .swiper {
  padding: 0!important;
}
.esg-detail .products .swiper-container .swiper-wrapper .swiper-slide {
  width: 24.1667vw;
  height: 28.9583vw;
  background: #FFF;
  padding: 2.0833vw;
  margin-right: 0.8333vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.esg-detail .products .swiper-container .swiper-wrapper .swiper-slide:hover .product-item-img img {
  transform: scale(1.2);
}

.esg-detail .products .swiper-container .swiper-wrapper .swiper-slide .product-item-name {
  color: #231815;
  /* Heading7-S-24 */
  font-size: 1.25vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold";
  line-height: 150% ;
  text-align: left;
}

.esg-detail .products .swiper-container .swiper-wrapper .swiper-slide .product-item-img {
  width: 12.5vw;
  height: 12.5vw;
  margin: 0 auto 4.1667vw;
}

.esg-detail .products .swiper-container .swiper-wrapper .swiper-slide .product-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.esg-detail .products .swiper-container .swiper-wrapper .swiper-slide:hover .product-item-btn {
  border-color: #248B48;
  background: #248B48;
  color: #FFF;
}
.esg-detail .products .swiper-container .swiper-wrapper .swiper-slide .product-item-btn {
  display: block;
  width: 7.7083vw;
  height: 2.0833vw;
  margin: 0 auto;
  text-align: center;
  color: #231815;
  padding: 0.4167vw 1.25vw;
  /* Large2-S-16 */
  font-family: Montserrat;
  font-size: 0.8333vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  /* 150% */
  border-radius: 1.25vw;
  border: 0.0521vw solid #231815;
  backdrop-filter: blur(0.7813vw);
}

.esg-detail .products .swiper-container .swiper-wrapper .swiper-slide .kong {
  opacity: 0;
}

.esg-detail .products .swiper-container .swiper-button-next,
.esg-detail .products .swiper-container .swiper-button-prev {
  display: none !important;
}

.esg-detail .products .swiper-container .products-swiper-prev,
.esg-detail .products .swiper-container .products-swiper-next {
  width: 3.3333vw;
  height: 3.3333vw;
  background: #FFF;
  line-height: normal;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.esg-detail .products .swiper-container .products-swiper-prev {
  left: -5.4167vw;
}

.esg-detail .products .swiper-container .products-swiper-next {
  right: -5.4167vw;
}

/* 图标样式 */
.esg-detail .products .swiper-container .products-swiper-prev i,
.esg-detail .products .swiper-container .products-swiper-next i {
  font-size: 2.0833vw;
  width: 2.0833vw;
  height: 2.0833vw;
  color: #231815;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 禁用状态 */
.esg-detail .products .swiper-container .swiper-button-disabled {
  opacity: 0.5;
}


/* operation */
.esg-detail .container .operation {
  width: 100%;
  height: auto;
  background: #FFF;
  padding: 8.2292vw 3.125vw 4.1667vw;
  opacity: 0;
  margin-bottom: 4.1667vw;
}
.esg-detail .container .operation .operation-title {
  margin-bottom: 1.25vw;
}
.esg-detail .container .operation .operation-desc {
  max-width: 51.3542vw;
  margin: 0 auto 4.1667vw;
  /* Large1-S-18 */
  font-size: 0.9375vw;
}
.esg-detail .container .operation .operation-content {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-top: 6.25vw;
  padding: 0 3.125vw;
}
.mt-80 {
  margin-top: 4.1667vw!important;
}
.esg-detail .container .operation .operation-content .operation-content-left {
  width: 27.1354vw;
  height: 29.4792vw;
  position: relative;
}
.esg-detail .container .operation .operation-content .operation-content-left .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.esg-detail .container .operation .operation-content .operation-content-left .area-mask {
  width: 100%;
  height: 100%;
  background: rgba(213, 213, 213, 0.10);
  backdrop-filter: blur(0.261vw);
  position: relative;
  padding: 2.0833vw 2.9167vw;
}
.esg-detail .container .operation .operation-content .operation-content-left .area-mask .tit {
  color: #FFF;
  /* Heading6-32 */
  font-family: "Montserrat-SemiBold";
  font-size: 1.6667vw;
  font-style: normal;
  line-height: 150%; /* 150% */
  margin-bottom: 2.0833vw;
}
.esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}
.esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box .area-box-item {
  width: 100%;
}
.esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box .area-box-item::after {
  content: '';
  width: 2.5vw;
  height: 0.1042vw;
  background: #fff;
  display: block;
  margin-top: 1.25vw;
}
.esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box .area-box-item:last-child:after {
  display: none;
}
.esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box .area-box-item .area-item-tit {
  color: #FFFC48;
  font-family: "Montserrat-SemiBold";
  font-size: 1.25vw;
  font-style: normal;
  line-height: 150%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box .area-box-item .area-item-tit .num {
  font-family: "Montserrat-SemiBold";
  font-size: 2.5vw;
  font-style: normal;
  line-height: 150%;
}
.esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box .area-box-item .area-item-desc {
  color: #FFF;

  /* Large2-S-16 */
  font-family: "Montserrat-SemiBold";
  font-size: 0.8333vw;
  font-style: normal;
  line-height: 150%; /* 150% */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.esg-detail .container .operation .operation-content .operation-content-left .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.esg-detail .container .operation .operation-content .operation-content-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.esg-detail .container .operation .operation-content .operation-content-right {
  flex: 1;
  max-width: 32.0313vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #231815;
  font-family: Montserrat;
  font-style: normal;
}
.esg-detail .container .operation .operation-content .operation-content-right .content-right-top .right-top-icon {
  margin-bottom: 0.2083vw;
}
.esg-detail .container .operation .operation-content .operation-content-right .content-right-top .toleft img {
  transform: rotate(-180deg);
}
.esg-detail .container .operation .operation-content .operation-content-right .content-right-top .content-right-title {
  /* Heading7-S-24 */
  font-size: 1.6667vw;
  text-align: left;
  /* 150% */
  margin-bottom: 1.6667vw;
}

.esg-detail .container .operation .operation-content .operation-content-right .content-right-top .content-right-desc {
  color: #231815;
  /* Small-12-R */
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 150%;
  /* 150% */
  margin-bottom: 2.0833vw;
  display: inline-block;
  width: 100%;
}
.esg-detail .container .operation .num-box {
  width: 100%;
  height: auto;
  background: url('/assets/img/esg/2375177697_huge\ 1.png') no-repeat center center / cover;
  padding: 7.6042vw 1.25vw 1.25vw;
  margin-top: -6.0417vw;
}
.esg-detail .container .operation .num-box .num-box-content {
  width: 100%;
  height: auto;
  padding: 2.0833vw 1.5104vw 0vw;
  background: rgba(213, 213, 213, 0.10);
  backdrop-filter: blur(0.2604vw);
}
.esg-detail .container .operation .num-box .num-box-content .num-box-top {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.0521vw solid #D9D9D9;
  padding-bottom: 1.25vw;
}
.esg-detail .container .operation .num-box .num-box-content .num-box-top .box-top-title {
  width: 50%;
  color: rgba(255, 255, 255, 0.50);
  /* Heading7-S-24 */
  font-size: 1.25vw;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.esg-detail .container .operation .num-box .num-box-content .num-box-top .active {
  color: #FFF;
  font-size: 1.6667vw;
}
.esg-detail .container .operation .num-box .num-box-content .num-box-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item {
  width: 100%;
  flex: 1;
  padding: 2.7083vw 1.3542vw;
  position: relative;
  box-sizing: border-box; /* 确保 padding 不影响宽度 */
}

.esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item::after {
  content: "";
  display: block;
  width: 0.1042vw;
  height: 2.5vw;
  background: #D1D1D1;
  position: absolute;  
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item:last-child::after {
  display: none;
}
.esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item .title {
  color: #FFFC48;
  font-size: 1.4583vw;
  margin-bottom: 0.4167vw;
  white-space: nowrap;
}
.esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item .title .num {
  font-size: 2.5vw;
  line-height: 150%;
}
.esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item .desc {
  color: #FFF;
  /* Large2-S-16 */
  font-size: 0.8333vw;
  white-space: nowrap;
}











/* Related Software */
.esg-detail .related {
  padding: 6.25vw 0;
  background: #FFF;
  margin-top: 4.1667vw;
  opacity: 0;
}
.esg-detail .related .related-title {
  color: #231815;
  margin-top: 6.25vw;
  /* Heading3-60 */
  font-size: 3.125vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%; /* 150% */
  margin-bottom: 2.0833vw;
}
.esg-detail .related .related-list {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* 一行三列 */
  grid-gap: 1.25vw;
  margin-bottom: 2.0833vw;
  margin-top: 4.1667vw;
}
.esg-detail .related .related-list .related-item {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  color: #231815;
  box-shadow: 0vw 0.3125vw 1.25vw 0vw rgba(175, 183, 180, 0.20);
}

.esg-detail .related .related-list .related-item .related-item-img {
  width: 24.1667vw;
  height: 14.5313vw;
  box-sizing: border-box;
  margin-bottom: 1.25vw;
}
.esg-detail .related .related-list .related-item .related-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.esg-detail .related .related-list .related-item .title-box {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 1.6667vw;
}
.esg-detail .related .related-list .related-item .title-box .title-box-date {
  font-size: 0.8333vw;
  color: #231815;
  opacity: .8;
  font-family: Montserrat!important;
  margin-bottom: 0.8333vw;
  text-align: left;
}
.esg-detail .related .related-list .related-item .title-box .title-box-title {
  /* Heading7-S-24 */
  font-family: "Montserrat-SemiBold" !important;
  font-size: 0.9375vw;
  font-style: normal;
  line-height: 150%; /* 150% */
  opacity: 0.8;
}
.esg-detail .related .related-list .related-item .title-box .title-box-icon {
  font-size: 1.6667vw;
  line-height: normal;
}
.esg-detail .related .related-list .related-item .title-box-desc {
  margin-bottom: 1.875vw;
  color: #231815;
  /* Large3-R-14-22 */
  font-family: "Montserrat-SemiBold";
  font-size: 0.9375vw;
  font-style: normal;
  line-height: 150%; /* 157.143% */
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1440px) { 
  .container {
    margin: 0 auto;
  }
  .esg-detail .esg-detail-banner {
    height: 29.6875vw;
  }
  .esg-detail .esg-detail-banner .esg-banner-title {
    font-size: 3.125vw;
    max-width: 43.5417vw;
  }
  .esg-detail .container .green .green-desc {
    margin-bottom: 2.1875vw;
  }
  .esg-detail .container .green .green-content-box {
    height: auto;
    margin-bottom: 4.1667vw;
  }
  .esg-detail .container .green .green-content-box img {
    object-fit: contain;
  }
  .esg-detail .container .green .green-content-pbox {
    padding: 2.5vw 3.125vw;
  }
  .esg-detail .container .green .green-content-pbox .pbox-bottom {
    width: 100%;
    height: auto;
    padding: 3.06vw 4.167vw 4.167vw;
  }
  .esg-detail .container .green .green-content-pbox .pbox-bottom .bg {
    width: 66.67vw;
    height: 29.44vw;
  }
  .esg-detail .container .green .green-content-pbox .pbox-bottom .line-txt {
    max-width: 8.956vw;
    right: 3vw;
    bottom: 17.92vw;
    font-size: 1.25vw;
  }
  .esg-detail .container .green .green-content-pbox .pbox-bottom img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  .esg-detail .container .application .application-content .application-content-img {
    width: 45vw;
    height: 27.77vw;
    right: 2.0833vw;
  }
  .esg-detail .container .application .application-content {
    padding: 2.8125vw 3.125vw 3.125vw;
    margin-top: 9.44vw;
  }
  .esg-detail .container .application .application-content .application-content-desc {
    max-width: 20.27vw;
    font-size: 1.25vw;
  }
  .esg-detail .products .swiper-container .swiper-wrapper .swiper-slide {
    height: 27.9167vw;
  }
  .esg-detail .products .swiper-container .swiper-wrapper .swiper-slide .product-item-img {
    margin-bottom: 3.125vw;
  }
  .esg-detail .container .operation .operation-content {
    padding: 0!important;
  }
  .esg-detail .container .operation {
    padding-bottom: 6.25vw;
  }
  .esg-detail .container .operation .operation-desc {
    margin-bottom: 6.1458vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-left .area-mask {
    padding: 1.6667vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-left .area-mask .tit {
    font-size: 2.2222vw;
    margin-bottom: 1.6667vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box {
    gap: 1.6667vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box .area-box-item::after {
    width: 3.3333vw;
    height: 0.1389vw;
    margin-top: 1.6667vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box .area-box-item .area-item-tit {
    font-size: 1.6667vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box .area-box-item .area-item-tit .num {
    font-size: 3.3333vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box .area-box-item .area-item-desc {
    font-size: 1.1111vw;
  }
  .mw584 {
    max-width: 30.55vw!important;
  }
  .wh612 {
    width: 33.33vw!important;
    height: 42.5vw!important;
    padding: 1.6667vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-left {
    width: 32.5vw!important;
  }
  .mw476 {
    max-width: 27.564vw!important;
    margin-right: 2.0833vw;
  }
  .h456 {
    width: 30.972vw!important;
    height: 21.388vw!important;
    margin-left: 1.875vw;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item .title .num {
    font-size: 3.33vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-right .content-right-top .right-top-icon {
    margin-bottom: 0;
  }
  .esg-detail .container .operation .num-box {
    height: 40.277vw;
    padding-top: 5.4167vw;
    margin-top: -3.3333vw;
    padding: 7.222vw 1.667vw;
  }
  .esg-detail .container .operation .num-box .num-box-content {
    height: 31.388vw;
    padding: 2.9866vw 1.25vw 3.125vw;
  }
  .pt80 {
    padding-top: 5.556vw!important;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-top {
    padding-bottom: 2.222vw;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-top .active {
    font-size: 1.25vw;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom {
    flex-wrap: wrap;
    justify-content:flex-start;
    padding-top: 2.222vw;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item {
    padding: 0 3.125vw;
    margin-bottom: 2.778vw;
    flex: none;
    width: auto;
  }
  .pt0 {
    padding-top: 0!important;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item:nth-child(2n)::after {
    display: none;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item:nth-child(n) {
    padding-left: 1.875vw;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item:nth-child(2n) {
    padding-left: 3.125vw;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item .title {
    text-align: left;
    font-size: 1.944vw;
    margin-bottom: 0.556vw;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item .desc {
    text-align: left;
    font-size: 1.111vw;
  }
  .esg-detail .related {
    margin-top: 3.125vw;
  }
  .esg-detail .related .related-list .related-item .related-item-img {
    width: 100%;
    height: 17.361vw;
  }
  .esg-detail .related .related-list .related-item .title-box-desc {
    margin-bottom: 1.7708vw;
    -webkit-line-clamp: 4;
  }
  .esg-detail .related .related-list {
    margin-bottom: 0;
  }
  .esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-lit { 
    max-width: 36.1111vw;
    gap: 1.1111vw;
    position: relative;
  }
  .esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-lit .pbox-item .tit {
    font-size: 1.6667vw;
  }
  .esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-lit .pbox-item .tit .num {
    font-size: 3.3333vw;
  }
  .esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-lit .pbox-item .desc {
    font-size: 1.1111vw;
  }
}
@media screen and (max-width: 768px) { 
  .container {
    max-width: 100% !important;
  }
  .esg-detail .esg-detail-banner {
    margin-top: 12.8vw;
    height: 128vw;
    position: relative;
  }
  .esg-detail .esg-detail-banner .esg-banner-title {
    left: 6.4vw;
    right: 6.4vw;
    top: unset;
    bottom: 21.3333vw;
    transform: none;
  }
  .esg-detail .esg-detail-banner-desc {
    max-width: 100%;
    margin-top: 10.6667vw;
    font-size: 4.2667vw;
    margin-bottom: 21.3333vw;
  }
  .esg-detail .esg-content-title {
    font-size: 6.4vw;
  }
  .esg-detail .container .green-title {
    font-size: 6.4vw;
  }
  .esg-detail .container .green-title-box .iconfont {
    width: 17.0667vw;
    height: 17.0667vw;
    font-size: 17.0667vw;
    bottom: -4.2667vw;
    display: block;
  }
  .esg-detail .container .green .green-desc {
    max-width: 100%;
    font-size: 3.7333vw;
    margin-bottom: 6.4vw;
  }
  .esg-detail .container .green .green-content-box {
    margin-bottom: 10.6667vw;
    height: auto;
    padding: 4.2667vw;
  }
  .esg-detail .container .green .green-content-box .green-mask {
    padding: 4.2667vw;
    backdrop-filter: blur(1.33vw);
  }
  .esg-detail .container .green .green-content-box .green-mask .tit {
    font-size: 4.8vw;
    margin-bottom: 4.2667vw;
  }
  .esg-detail .container .green .green-content-box .green-mask .desc {
    font-size: 3.2vw;
    margin-bottom: 6.4vw;
  }
  .esg-detail .container .green .green-content-box .green-mask .num-box-bottom {
    flex-wrap: wrap;
    gap: 6.4vw 4.2667vw; /* 第一个值是行间距，第二个值是列间距 */
  }
  .esg-detail .container .green .green-content-box .green-mask .num-box-bottom .num-item {
    width: calc(50% - 3vw);
    min-height: 29.3vw;
    flex: none;
    padding: 0;
  }
  .esg-detail .container .green .green-content-box .green-mask .num-box-bottom .num-item .title {
    font-size: 8.5333vw;
    margin-bottom: 2.1333vw;
  }
  .esg-detail .container .green .green-content-box .green-mask .num-box-bottom .num-item .desc {
    max-width: 32vw;
    font-size: 3.2vw;
  }
  .esg-detail .container .green .green-content-box .green-mask .num-box-bottom .num-item::after {
    width: 0.2667vw;
    height: 12.8vw;
    right: -3vw;
  }
  .last-num-item {
    width: 90%!important;
    margin: 0 auto;
  }
  .esg-detail .container .green .green-content-box .green-mask .num-box-bottom .last-num-item .desc {
    max-width: 51.2vw;
    font-size: 3.2vw;
    margin: 0 auto;
  }
  .esg-detail .container .green .green-content-box .green-mask .num-box-bottom .num-item:nth-child(even):after {
    display: none;;
  }
  .esg-detail .container .green .green-content-pbox {
    padding: 6.4vw;
  }
  .esg-detail .container .green .green-content-pbox .content-pbox-title {
    font-size: 4.8vw;
    margin-bottom: 4.267vw;
  }
  .esg-detail .container .green .green-content-pbox .content-pbox-desc {
    font-size: 3.7333vw;
    margin-bottom: 10.6667vw;
    font-family: "Montserrat-SemiBold";
  }
  .esg-detail .container .green .green-content-pbox .pbox-bottom {  
    width: 100%;
    height: 100%;
    padding: 4.2667vw;
  }
   .esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-lit { 
    max-width: 100%;
    gap: 4.2667vw;
    margin-bottom: 64vw;
  }
  .esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-lit .pbox-item .tit {
    font-size: 4.2667vw;
    margin-bottom: 1.0667vw;
  }
  .esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-lit .pbox-item .tit .num {
    font-size: 8.5333vw;
  }
  .esg-detail .container .green .green-content-pbox .pbox-bottom .pbox-lit .pbox-item .desc {
    font-size: 3.2vw;
  }
  .esg-detail .container .green .green-content-pbox .pbox-bottom .bg {
    max-height: 100%;
    width: 100%;
    height: 100%;
    top: unset;
    bottom: 0;
  }
  .esg-detail .container .green .green-content-pbox .pbox-bottom .line-txt {
    max-width: 27.7333vw;
    font-size: 3.7333vw;
    position: absolute;
    right: 9.0667vw;
    bottom: 51.2vw;
  }
  .esg-detail .container .application {
    margin-top: 25.6vw;
  }
  .esg-detail .container .application .green-title-box .iconfont {
    bottom: 6.9333vw;
  }
  .esg-detail .container .green-title {
    margin-bottom: 4.2667vw;
  }
  .esg-detail .container .application .application-desc {
    max-width: 100%;
    font-size: 3.7333vw;
  }
  .esg-detail .container .application .application-content {
    margin-top: 10.6667vw;
    padding: 4.2667vw;
    display: flex;
    flex-direction: column;
  }
  .esg-detail .container .application .application-content .application-content-img {
    width: 100%;
    height: 44.2667vw;
    position: unset;
    margin-top: 6.4vw;
  }
  .esg-detail .container .application .application-content .application-content-desc {
    max-width: 100%;
    font-size: 3.7333vw;
  }
  .esg-detail .products {
    margin-top: 25.6vw;
    margin-bottom: 10.6667vw;
  }
  .esg-detail .products .swiper {
    width: 80vw;
    margin-left: 0;
    padding-left: 6.4vw;
    overflow: visible;
  }
  .esg-detail .products .swiper-container .swiper-wrapper .swiper-slide {
    width: 80vw;
    padding: 6.4vw;
    height: 94.9333vw;
  }
  .esg-detail .products .swiper-container .swiper-wrapper .swiper-slide .product-item-name {
    font-size: 3.7333vw;
  }
  .esg-detail .products .swiper-container .swiper-wrapper .swiper-slide .product-item-img {
    width: 37.3333vw;
    height: 37.3333vw;
    margin-bottom: 10.6667vw;
  }
  .esg-detail .products .swiper-container .swiper-wrapper .swiper-slide .product-item-btn {
    margin-bottom: 4.2667vw;
    width: 30.66vw;
    height: 9.6vw;
    padding: 2.1333vw 6.4vw;
    font-size: 3.2vw;
    border-radius: 6.4vw;
  }
  .esg-detail .products .swiper-container .swiper-wrapper .swiper-slide:hover .product-item-btn {
    border-color: #231815;
    background: #fff;
    color: #231815;
  }
  .esg-detail .products .swiper-container {
    width: 93.6vw;
    height: 112vw;
    margin-left: 6.4vw;
    overflow: hidden;
  }
  .esg-detail .products .swiper-container .products-swiper-prev, .esg-detail .products .swiper-container .products-swiper-next {
    width: 10.6667vw;
    height: 10.6667vw;
    top: unset!important;
    left: unset!important;
    bottom: -5.3333vw;
  }
  .esg-detail .products .swiper-container .products-swiper-prev {
    right: 23.4667vw;
  }
  .esg-detail .products .swiper-container .products-swiper-next {
    right: 6.4vw;
  }
  .esg-detail .products .swiper-container .products-swiper-prev i, .esg-detail .products .swiper-container .products-swiper-next i {
    font-size: 6.4vw;
  }

  .esg-detail .container .operation {
    padding: 14.9333vw 4.2667vw 10.6667vw;
    margin-bottom: 10.6667vw;
  }
  .esg-detail .container .operation .operation-title {
    margin-bottom: 4.2667vw;
  }
  .esg-detail .container .operation .operation-desc {
    max-width: 100%;
    font-size: 3.7333vw;
    margin-bottom: 0;
  }

  .esg-detail .container .operation .operation-content .operation-content-right .content-right-top .right-top-icon {
    display: none;
  }
  .esg-detail .container .operation .operation-content {
    flex-direction: column;
    padding: 0!important;
    margin-top: 0!important;
  }
  .esg-detail .container .operation .operation-content .operation-content-right .content-right-top .content-right-title {
    font-size: 4.8vw;
    margin-bottom: 2.1333vw;
    margin-top: 10.6667vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-right {
    max-width: 100%!important;
    padding-top: 0!important;
    margin-bottom: 6.4vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-right .content-right-top .content-right-desc {
    font-size: 3.7333vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-left {
    width: 100%!important;
  }
   .esg-detail .container .operation .operation-content .operation-content-left .area-mask {
    padding: 4.2667vw;
    backdrop-filter: blur(1.3vw);
  }
  .esg-detail .container .operation .operation-content .operation-content-left .area-mask .tit {
    font-size: 4.8vw;
    margin-bottom: 6.4vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box {
    gap: 6.4vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box .area-box-item::after {
    height: 0;
    margin-top: 0vw;
    display: none;
  }
  .esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box .area-box-item .area-item-tit {
    font-size: 4.2667vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box .area-box-item .area-item-tit .num {
    font-size: 8.5333vw;
  }
  .esg-detail .container .operation .operation-content .operation-content-left .area-mask .area-box .area-box-item .area-item-desc {
    font-size: 3.2vw;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .flex-col-rev {
    flex-direction: column-reverse!important;
  }
  .wh612 {
    width: 100%!important;
    padding: 4.2667vw;
  }
  .h456 {
    width: 100%!important;
    height: 54.4vw!important;
    margin-left: 0;
  }
  .mob-h320 {
    height: 85.3vw!important;
  }
  .mb-h410 {
    height: 100%!important;
    margin-top: 10.6667vw;
  }
  .esg-detail .container .operation .operation-content .mw584 {
    max-width: 100%!important;
    margin-bottom: 6.4vw;
  }
  .esg-detail .container .operation .num-box {
    height: 100%;
    padding: 4.2667vw;
    margin-top: 6.4vw;
  }
  .esg-detail .container .operation .num-box .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .esg-detail .container .operation .num-box .num-box-content {
    height: 100%;
    padding: 0;
    background: transparent;
    backdrop-filter: none;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-top {
    border-bottom: 0;
  }
  .esg-detail .container .operation .num-box .swiper-container .swiper-slide {
    width: 100%!important;
    height: 149.3333vw;
    flex-direction: column;
    justify-content: flex-start;
    padding: 4.2667vw;
    background: rgba(213, 213, 213, 0.10);
    backdrop-filter: blur(1.3vw);
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-top .box-top-title {
    width: 100%;
    justify-content: flex-start;
    font-size: 4.8vw;
    margin-bottom: 6.4vw;
    color: #FFF;
    text-align: left;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: normal;
    padding-top: 0;
    align-items: flex-start;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item:nth-child(n) {
    padding-left: 0;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item {
    padding: 0;
    margin-bottom: 6.4vw;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item .title {
    text-align: left;
    font-size: 4.2667vw;
    margin-bottom: 1.0667vw;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item .desc {
    text-align: left;
    white-space: normal;
    font-size: 3.2vw;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item::after {
    display: none;
  }
  .esg-detail .container .operation .num-box .num-box-content .num-box-bottom .num-item .title .num {
    font-size: 8.5333vw;
  }
  .esg-detail .container .operation .num-box .swiper-container .swiper-button-disabled i {
    opacity: 0.5;
    pointer-events: none;
  }
  .esg-detail .container .operation .num-box .swiper-container .box-swiper-prev, .esg-detail .container .operation .num-box .swiper-container .box-swiper-next {
    width: 10.6667vw;
    height: 10.6667vw;
    top: unset!important;
    left: unset!important;
    position: absolute;
    background: #FFF;
    border-radius: 50%;
    bottom: 6.4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
  }
  .esg-detail .container .operation .num-box .swiper-container .box-swiper-prev {
    right: 21.3333vw;
  }
  .esg-detail .container .operation .num-box .swiper-container .box-swiper-next {
    right: 4.2667vw;
  }
  .esg-detail .container .operation .num-box .swiper-container .box-swiper-prev i,  .esg-detail .container .operation .num-box .swiper-container .box-swiper-next i {
    font-size: 6.4vw;
    font-weight: 600;
  }



  .esg-detail .related {
    padding-top: 10.6667vw;
    padding-bottom: 10.6667vw;
    margin-top: 10.6667vw;
  }
  .esg-detail .title-line {
    width: 21.3333vw;
    height: 1.066vw;
    margin-bottom: 6.4vw;
  }
  .esg-detail .related .related-list {
    margin-top: 0;
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 0;
    grid-gap: 6.4vw;
  }
  .esg-detail .related .related-list .related-item {
    background: #FFF;
    box-shadow: 0 1.6vw 6.4vw 0 rgba(175, 183, 180, 0.35);
  }
  .esg-detail .related .related-list .related-item .related-item-img {
    width: 100%;
    height: 52vw;
    margin-bottom: 4.2667vw;
  }
  .esg-detail .related .related-list .related-item .title-box {
    font-size: 2.1333vw;
    padding: 0 4.2667vw;
  }
  .esg-detail .related .related-list .related-item .title-box-desc {
    font-size: 3.7333vw;
    margin-bottom: 4.2667vw;
    -webkit-line-clamp: 3;
  }
  .esg-detail .green-title-box .iconfont {
    font-size: 17.0667vw;
    width: 17.0667vw;
    height: 17.0667vw;
    bottom: -3.2vw;
    line-height: normal;
  }
  .esg-detail .related .related-list .related-item .title-box .title-box-title {
    font-size: 3.7333vw;
  }
  .esg-detail .related .related-list .related-item .title-box .title-box-date {
    font-size: 2.1333vw;
    color: #231815;
    margin-bottom: 2.1333vw;
  }
}