.esg {
  width: 100%;
  background: #EFF7F5;
  position: relative;
}
.esg-animation {
  animation-name: animationOpacity;
  animation-duration: 1s, .2s;
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-fill-mode: both;
}
@keyframes animationOpacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.esg .esg-banner {
  width: 100%;
  height: 90.8333vw;
  /* 1744  564*/
  position: relative;
  z-index: 1;
  margin-top: 4.375vw;
}

.esg .esg-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.esg .esg-content-title {
  color: #231815;
  text-align: center;
  /* Heading3-60 */
  font-family: "Montserrat-SemiBold";
  font-size: 3.125vw;
  font-style: normal;
  line-height: 150%;
  /* 150% */
}

.esg .esg-banner .esg-banner-title {
  position: absolute;
  top: 7.3958vw;
  left: 12.5vw;
  max-width: 67.0833vw;
  color: #FFF;
  font-family: "Montserrat-SemiBold";
  font-size: 3.75vw;
  font-style: normal;
  line-height: 150%;
  opacity: 0;
  animation-duration: 1s, .4s;
}

/* Worldwide */
.esg .container {
  position: relative;
  z-index: 3;
}

.esg .container .worldwide {
  margin-top: -29.375vw;
  width: 100%;
  color: #231815;
  font-style: normal;
  font-family: Montserrat;
  text-align: center;
  margin-bottom: 11.4583vw;
  opacity: 0;
}

.esg .title-line {
  width: 9.375vw;
  height: 0.2083vw;
  background: #65CC8B;
  margin: 0.625vw auto 2.0833vw;
}

.esg .container .worldwide .worldwide-desc {
  max-width: 56.25vw;
  /* Large1-R-18 */
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 150%;
  /* 155.556% */
  margin: 0 auto 4.1667vw;
}

/* worldwide-swiper */
.worldwide .swiper-container {
  position: relative;
}

.worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 25.7813vw;
  display: flex;
  cursor: default;
  pointer-events: none;
}

.worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-img {
  width: 45.8333vw;
  height: 100%;
  cursor: pointer;
  pointer-events: auto;
  overflow: hidden;
}
.worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-img:hover img {
  transform: scale(1.1);
}
.worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info {
  flex: 1;
  margin: 0 0 0 3.3333vw;
  color: #231815;
  font-family: Montserrat;
  font-style: normal;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-title {
  width: 25.8333vw;
  /* Heading7-S-24 */
  font-size: 1.25vw;
  font-family: "Montserrat-SemiBold";
  line-height: 150%;
  /* 150% */
  margin-bottom: 1.25vw;
  cursor: pointer;
  pointer-events: auto;
  -webkit-line-clamp: 3;
}
.worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-title:hover {
  color: #248B48;
}
.worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-desc {
  width: 25.8333vw;
  /* Heading7-S-24 */
  font-size: 0.8333vw;
  font-weight: 400;
  line-height: 150%;
  /* 150% */
  margin-bottom: 2.0833vw;
  -webkit-line-clamp: 8;
}

.worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-more {
  display: flex;
  align-items: center;
}

.worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-more span {
  /* Heading7-S-24 */
  font-size: 0.8333vw;
  font-family: "Montserrat-SemiBold";
  line-height: 150%;
  /* 150% */
}
.worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-more:hover span {
  color: #248B48;
}
.worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-more:hover .iconfont {
  color: #248B48;
}
.worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-more .iconfont {
  font-size: 1.25vw;
  line-height: normal;
  padding-left: 0.2083vw;
}
.worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-more span,i {
  cursor: pointer;
  pointer-events: auto;
}
.swiper-button-prev {
  position: absolute;
  top: 50% !important;
  left: -5vw !important;
}

.swiper-button-next {
  position: absolute;
  top: 50% !important;
  right: -6.25vw !important;
}

.swiper-button-next,
.swiper-button-prev {
  width: 4.1667vw !important;
  height: 4.1667vw !important;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  color: #9FA0A0 !important;
  font-weight: bold;
}
.swiper-button-next:hover , .swiper-button-prev:hover {
 color: #231815 !important;
} 
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 1.25vw !important;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  color: #9fa0a0 !important;
  opacity: 1;
}
.swiper-button-next.swiper-button-disabled::after,
.swiper-button-prev.swiper-button-disabled::after {
  opacity: .35;
}

.swiper-pagination-progressbar {
  width: 25vw !important;
  height: 0.1042vw !important;
  position: absolute;
  bottom: -2.0833vw !important;
  top: unset !important;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  background: #FFF !important;
  margin: 0 auto !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #248B48 !important;
}

/* development */
.esg .container .development {
  width: 100%;
  height: auto;
  display: flex;
  opacity: 0;
  margin-left: -3.8542vw;
}

.esg .container .development .development-left {
  width: 26.5104vw;
  height: 28.0208vw;
}

.esg .container .development .development-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.esg .container .development .development-right {
  margin-left: 5.6771vw;
  flex: 1;
  font-style: normal;
  color: #231815;
  font-family: Montserrat;

}

.esg .container .development .development-right .development-right-title {
  max-width: 42.8125vw;
  font-family: "Montserrat-SemiBold";
  /* Heading3-60 */
  font-size: 3.125vw;
  line-height: 150%;
  /* 150% */
  margin-bottom: 1.25vw;
}

.esg .container .development .development-right .development-right-desc {
  max-width: 42.8125vw;
  /* Heading8-R-24 */
  font-size: 1.25vw;
  line-height: 150%;
  /* 150% */
  margin-bottom: 2.0833vw;
}

.esg .container .development .development-right .development-right-btn {
  display: flex;
}

.esg .container .development .development-right .development-right-btn .right-btn-view {
  width: auto;
  height: 2.0833vw;
  border-radius: 1.25vw;
  background: transparent;
  padding: 0.4167vw 2.0833vw;
  color: #231815;
  border: 0.0521vw solid #231815;
  /* Large2-S-16 */
  font-family: "Montserrat-SemiBold";
  font-size: 0.8333vw;
  font-style: normal;
  line-height: 150%;
  /* 150% */
  cursor: pointer;
}
.esg .container .development .development-right .development-right-btn .right-btn-active {
  background-color: #248B48;
  border-color: #248B48;
  color: #fff;
}
.esg .container .development .development-right .development-right-btn .right-btn-view:hover {
  background: #248B48;
  color: #FFF;
}

.esg .container .development .development-right .development-right-btn .right-btn-down {
  width: auto;
  height: 2.0833vw;
  display: flex;
  align-items: center;
  border-radius: 1.25vw;
  border: 0.0521vw solid #231815;
  padding: 0.4167vw 0.8333vw;
  color: #231815;
  text-align: center;

  /* Large2-S-16 */
  font-family: "Montserrat-SemiBold";
  font-size: 0.8333vw;
  font-style: normal;
  line-height: 150%;
  /* 150% */
  margin-left: 2.0833vw;
  cursor: pointer;
}

.esg .container .development .development-right .development-right-btn .right-btn-down .iconfont {
  font-size: 1.25vw;
  color: #FFF;
  background: #248B48;
  border-radius: 50%;
  line-height: normal;
  text-align: center;
  margin-left: 0.4167vw;
  font-weight: 600;
}

.esg .container .development .development-right .development-right-btn .right-btn-down:hover {
  color: #FFF;
  background: #248B48;
  border-color: #248B48;
}

.esg .container .development .development-right .development-right-btn .right-btn-down:hover .iconfont {
  color: #248B48;
  background: #FFF;
}

/* WWF */
.esg .wwf {
  opacity: 0;
}
.esg .wwf .wwf-title {
  margin-top: 9.375vw;
}

.esg .wwf .wwf-content {
  position: relative;
}

.esg .wwf .wwf-content .wwf-content-video {
  width: 100%;
  height: 42.1875vw;
  cursor: pointer;
}

.esg .wwf .wwf-content .wwf-content-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.esg .wwf .wwf-content .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.esg .wwf .wwf-content .play .iconfont {
  font-size: 4.1667vw;
  color: #65CC8B;
  background: #FFF;
  width: 2.6042vw;
  height: 2.6042vw;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}

.esg .wwf .wwf-content .play:hover .iconfont {
  color: #248B48;
}

.esg .wwf .wwf-content-desc {
  color: #231815;
  text-align: center;
  margin-top: 1.25vw;
  /* Heading7-S-24 */
  font-family: "Montserrat-SemiBold";
  font-size: 1.25vw;
  font-style: normal;
  line-height: 150%;
  /* 150% */
  -webkit-line-clamp: 4;
}

/* strategy */
.esg .strategy {
  margin-top: 8.3333vw;
  margin-bottom: -10.9375vw;
  opacity: 0;
}

.esg .strategy .strategy-desc {
  /* Large1-R-16 */
  font-family: Montserrat;
  font-size: 0.8333vw;
  margin-top: 4.1667vw;
  margin-bottom: 2.9167vw;
}

.esg .strategy .strategy-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.8333vw;
  position: relative;
  z-index: 3;
}
.esg .strategy .strategy-list .strategy-item {
  width: 100%;
  height: 31.1458vw;
  display: flex;
  flex-direction: column;

  background: rgba(5, 149, 0, 0.06);
  color: #248B48;
  padding: 2.0833vw;
  position: relative;
  perspective: 1000px;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
}

/* 翻转状态 */
.strategy-item.flipped {
  transform: rotateY(180deg);
}

.esg .strategy .strategy-list .strategy-item .strategy-item-default {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  overflow: hidden;
  position: absolute;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-default .strategy-item-icon {
  width: 4.1667vw;
  height: 4.1667vw;
  margin-bottom: 2.0833vw;
  margin-top: 2.0833vw;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-default .strategy-item-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-default .strategy-item-title {
  color: #248B48;
  /* Large1-S-18 */
  font-size: 0.9375vw;
  margin-bottom: 1.25vw;
  text-align: left;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-default .strategy-item-desc {
  color: #248B48;
  /* Large1-S-18 */
  font-size: 0.7292vw;
  text-align: left;
  font-family: Montserrat;
}

.esg .strategy .strategy-list .strategy-item .open-icon {
  position: absolute;
  bottom: 2.0833vw;
  right: 2.0833vw;
  font-size: 2.0833vw;
  color: #000;
  background: #FFF;
  width: 2.0833vw;
  height: 2.0833vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: normal;
  display: none;
}
.face {
  inset: 0;                 /* top/right/bottom/left:0 一起写 */
  backface-visibility:hidden;
  transform:translateZ(0); /* 强制同层，避免缝隙 */
  display:flex;
  flex-direction:column;
  padding:2.0833vw;
}
.esg .strategy .strategy-list .strategy-item .strategy-item-open {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  backface-visibility: hidden;
  position: relative;
  transform: rotateY(180deg) translateZ(0);
}
.esg .strategy .strategy-list .strategy-item .strategy-item-open .open-icon {
  right: 0;
  bottom: 0;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-open .item-desc-box {
  margin-bottom: 2.0833vw;
  max-height: 13.75vw;
  overflow-y: auto;
  margin-right: -1.1458vw;
  padding-right: 1.1458vw;
}
.esg .strategy .strategy-list .strategy-item .strategy-item-open .item-desc-box::-webkit-scrollbar {
  width: 0.1042vw; /* 滚动条的宽度 */
}

/* 自定义滚动条轨道的样式 */
.esg .strategy .strategy-list .strategy-item .strategy-item-open .item-desc-box::-webkit-scrollbar-track {
  background-color: #fff; /* 轨道区域的背景颜色 */
  border-radius: 2.6042vw; /* 轨道区域的圆角 */
}

/* 自定义滚动条滑块的样式 */
.esg .strategy .strategy-list .strategy-item .strategy-item-open .item-desc-box::-webkit-scrollbar-thumb {
  background-color: #65CC8B; /* 滚动区域的颜色 */
  border-radius: 2.6042vw; /* 滚动区域的圆角 */
}
.esg .strategy .strategy-list .strategy-item .strategy-item-open .item-desc-box .desc-item {
  color: #231815;
  /* Large1-R-16 */
  font-family: Montserrat;
  font-size: 0.7292vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 150% */
  display: inline-flex;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-open .item-desc-box .desc-item::before {
  content: "•";
  display: inline-block;
  margin: 0 0.5208vw;
  font-size: 0.8333vw;
  vertical-align: middle;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-open .img-box {
  min-height: 6.6667vw;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 1.5625vw;
  position: absolute;
  bottom: 4.4792vw;
  left: 0.2083vw;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-open .img-box .img-item {
  width: 2.9167vw;
  height: 2.9167vw;
  margin-right: 0.8333vw;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-open .img-box .img-item:nth-child(3) {
  margin-right: 0;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-open .img-box .img-item:nth-child(4) {
  margin-top: 0.8333vw;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-open .img-box .img-item:nth-child(5) {
  margin-top: 0.8333vw;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-open .img-box .img-item:last-child {
  margin-right: 0vw;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-open .img-box .img-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-default .strategy-item-view {
  position: absolute;
  bottom: 2.0833vw;
  left: 2.0833vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #231815;
}
.esg .strategy .strategy-list .strategy-item .strategy-item-view {
  position: absolute;
  bottom: 0.521vw;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #231815;
}
.esg .strategy .strategy-list .strategy-item .strategy-item-view:hover {
  color: #248B48;
}
.esg .strategy .strategy-list .strategy-item .strategy-item-view:hover span {
  color: #248B48;
}
.esg .strategy .strategy-list .strategy-item .strategy-item-view span {
  /* Large2-S-16 */
  font-size: 0.8333vw;
  margin-right: 0.2083vw;
}

.esg .strategy .strategy-list .strategy-item .strategy-item-view .iconfont {
  font-size: 1.25vw;
  line-height: normal;
}

/* ecosystem */
.esg .ecosystem {
  width: 100%;
  height: 133.125vw;
  background: url("/assets/img/esg/esg_green.png") no-repeat center center / 100% 100%;
  position: relative;
  z-index: 1;
  padding-top: 8.3333vw;
  margin-top: 10.9375vw;
}

.ecosystem .ecosystem-desc {
  max-width: 62.5vw;
  font-family: Montserrat;
  font-size: 0.9375vw;
  text-align: center;
  margin: 3.125vw auto 0;
}

.ecosystem .ecosystem-mob-img {
  display: none;
}

/* news-stry */
.esg .news-story {
  position: relative;
  z-index: 3;
  margin-top: -41.6667vw;
  opacity: 0;
}

.esg .news-story .news-content {
  width: 100%;
  height: auto;
  padding: 1.875vw 2.0833vw 1.875vw 1.875vw;
  display: flex;
  justify-content: space-between;
  background: #FFF;
  box-shadow: 0vw 0.3125vw 1.25vw 0vw rgba(175, 183, 180, 0.20);
  margin-bottom: 1.4583vw;
  cursor: default;
  pointer-events: none;
}

.esg .news-story .news-content .news-content-left {
  width: 28.4375vw;
  height: 17.0833vw;
  overflow: hidden;
}
.esg .news-story .news-content .ml30 {
  margin: 0;
  margin-left: 2.0833vw;
}
.esg .news-story .news-content .news-content-left:hover img {
  transform: scale(1.1);
}
.esg .news-story .news-content .news-content-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
  cursor: pointer;
  pointer-events: auto;
}

.esg .news-story .news-content .news-content-right {
  flex: 1;
  max-width: 40.5208vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #231815;
  font-family: Montserrat;
  font-style: normal;
}

.esg .news-story .news-content .news-content-right .content-right-top .content-right-top-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25vw;
}

.esg .news-story .news-content .news-content-right .content-right-top .content-right-top-icon .favicon {
  font-size: 1.25vw;
  line-height: normal;
}

.esg .news-story .news-content .news-content-right .content-right-top .content-right-title {
  font-family: "Montserrat-SemiBold";
  /* Heading7-S-24 */
  font-size: 1.25vw;
  line-height: 150%;
  /* 150% */
  margin-bottom: 1.25vw;
  cursor: pointer;
  pointer-events: auto;
}
.esg .news-story .news-content .news-content-right .content-right-top .content-right-title:hover {
  color: #248B48;
}
.esg .news-story .news-content .news-content-right .content-right-top .content-right-desc {
  display: inline-block;
  color: #231815;
  /* Small-12-R */
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 150%;
  /* 150% */
  margin-bottom: 2.0833vw;
  -webkit-line-clamp: 3;
}

.esg .news-story .news-content .news-content-right .content-right-bottom {
  width: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  cursor: pointer;
}

.esg .news-story .news-content .news-content-right .content-right-bottom:hover {
  color: #248B48;
}

.esg .news-story .news-content .news-content-right .content-right-bottom:hover .iconfont {
  color: #248B48;
}

.esg .news-story .news-content .news-content-right .content-right-bottom span {
  width: auto;
  text-align: center;
  /* Large2-S-16 */
  font-family: "Montserrat-SemiBold";
  font-size: 0.8333vw;
  line-height: 150%;
  cursor: pointer;
  pointer-events: auto;
  /* 150% */
}

.esg .news-story .news-content .news-content-right .content-right-bottom .iconfont {
  padding-left: 0.2083vw;
  font-size: 1.25vw;
  line-height: normal;
  color: #231815;
  cursor: pointer;
  pointer-events: auto;
}

.esg .news-story .story-content {
  display: grid;
  max-height: 49.2188vw;
  overflow: hidden;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.0833vw;
  margin-bottom: 2.0833vw;
  margin-top: 4.1667vw;
}

.esg .news-story .story-content .story-item {
  position: relative;
}

.esg .news-story .story-content .story-item:hover .story-item-img img {
  transform: scale(1.10);
}

.esg .news-story .story-content .story-item .story-item-img {
  width: 36.4583vw;
  height: 23.5938vw;
  overflow: hidden;
}

.esg .news-story .story-content .story-item .story-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.esg .news-story .story-content .story-item .story-item-bottom {
  width: 100%;
  height: 6.25vw;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%);
  backdrop-filter: blur(0.2604vw);
  position: absolute;
  bottom: 0;
}

.esg .news-story .story-content .story-item .story-item-title {
  max-width: 30.625vw;
  position: absolute;
  left: 1.25vw;
  bottom: 1.25vw;
  color: #FFF;
  /* Heading7-S-24 */
  font-size: 1.25vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold";
  line-height: 150%;
  /* 150% */
}

.esg .news-story .story-content .story-item .iconfont {
  position: absolute;
  right: 1.25vw;
  bottom: 2.5vw;
  width: 1.25vw;
  height: 1.25vw;
  color: #231815;
  font-size: 1.25vw;
  line-height: normal;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

/* policy */
.policy {
  position: relative;
  background: unset !important;
  /* top: -600px; */
  opacity: 0;
}

.download-box .download-box-content .download-list {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin-top: 4.1667vw;
}

.download-box .download-box-content .download-list .download-item {
  flex: 0 0 calc((100% - 1.25vw) / 2);
  max-height: 5.2083vw;
  background: #FAFAFA;
  padding: 0.8333vw 1.25vw;
  display: flex;
  justify-content: space-between;
  color: #9FA0A0;
  transition: background 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  border: 0;
  margin-right: 1.25vw;
  margin-bottom: 1.25vw;
}

.download-box .download-box-content .download-list.expanded .download-item {
  display: flex !important;
}

.download-box .download-box-content .download-list .download-item:nth-child(2n) {
  margin-right: 0;
}

.esg .download-box .download-box-content .download-list .download-item:hover {
  background: #248B48;
  color: #ffffff !important;
  cursor: pointer;
}

.download-box .download-box-content .download-list .download-item:hover .down-icon {
  color: #fff !important;
}

.download-box .download-box-content .download-list .download-item:hover .desc {
  color: #ffffff !important;
}

.download-box .download-box-content .download-list .download-item .download-item-left {
  display: flex;
  align-items: center;
  flex: 1;
}

.download-box .download-box-content .download-list .download-item .download-item-left .date-box {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.download-box .download-box-content .download-list .download-item .download-item-left .date {
  min-width: 4.1667vw;
  font-family: Montserrat, Montserrat;
  font-weight: 400;
  font-size: 0.7292vw;
  text-align: left;
  font-style: normal;
  text-transform: none;
  white-space: nowrap;
  line-height: 150%;
}

.download-box .download-box-content .download-list .download-item .download-item-left .date-box .file-tag .file-tag {
  color: #9FA0A0;

  /* Small-12-S */
  font-size: 0.625vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  /* 150% */
}

.download-box .download-box-content .download-list .download-item .download-item-left .line {
  width: 0.0521vw;
  height: 3.6458vw;
  background: #EAEAEA;
  margin-left: 1.0417vw;
  margin-right: 0.7813vw;
}

.download-box .download-box-content .download-list .download-item .download-item-left .pdf-icon {
  font-size: 2.0833vw;
  line-height: 3.6458vw;
}
.esg .download-box .download-box-content .download-list .download-item .download-item-left .text-box {
  max-width: 21.1458vw;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-left: 1.25vw;
}
.esg .download-box .download-box-content .download-list .download-item .download-item-left .title {
  font-family: "Montserrat-SemiBold";
  color: #231815;
  font-size: 0.8333vw;
}
.esg .download-box .download-box-content .download-list .download-item:hover .title {
  color: #FFF;
}
.esg .download-box .download-box-content .download-list .download-item .download-item-left .desc {
  width: 100%;
  word-wrap: break-word;
  font-family: Montserrat;
  /* 允许内容换行 */
  height: auto;
  display: -webkit-box;
  font-size: 0.7292vw;
  color: #9fa0a0;
  line-height: 150%;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: 0.4167vw;
}
.download-box .download-box-content .download-list .download-item .down-icon {
  font-size: 1.25vw;
  line-height: 3.6458vw;
  cursor: pointer;
  color: #231815;
}

.esg .container .view-more {
  margin-bottom: 4.1667vw;
}

.esg .container .view-more .iconfont {
  background: #248B48;
}

.esg .container .view-more:hover {
  background: #248B48;
  border-color: #248B48;
}

.esg .container .view-more:hover .iconfont {
  color: #248B48;
  background: #fff;
}
.ecosystem .ecosystem-content .ecosystem-content-tit {
  font-size: 2.5vw;
} 
.esg .download-box .download-box-content .download-list {
  margin-bottom: 2.9167vw;
} 

@media screen and (max-width: 1440px) {
  .esg .esg-banner .esg-banner-title {
    max-width: 74.305vw;
    font-size: 4.166vw;
    left: 10.903vw;
    top: 5.07vw;
  }
  .esg .container .worldwide .worldwide-desc {
    max-width: 75vw;
    margin-bottom: 2.0833vw;
  }
  .worldwide .swiper-container {
    width: 75vw;
    margin: 0 auto;
  }
  .face {
    padding: 2.778vw 1.667vw 1.11vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-open .item-desc-box {
    margin-bottom: 1.667vw;
    max-height: 11.75vw;
    margin-right: -0.556vw;
    padding-right: .0556vw;
  } 
  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-title {
    width: 39.86vw;
    margin-bottom: 0.8333vw;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide {
    width: 100% !important;
    height: auto;
  }
  .swiper-button-prev {
    top: 6.3542vw!important;
  }
  
  .swiper-button-next {
    top: 6.3542vw!important;
  }
  
  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-img {
    width: 34.583vw;
    height: 19.444vw;
  }
  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info {
    margin: 0 auto;
    margin-left: 1.944vw;
  }
  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-desc {
    width: 39.86vw;
    margin-bottom: 0.8333vw;
    -webkit-line-clamp: 6;
  }
  .swiper-pagination-progressbar {
    bottom: -1.25vw;
  }
  .esg .container .worldwide {
    margin-bottom: 8.75vw;
    margin-top: -25.75vw;
  }

  .esg .container .development .development-left {
    width: 25vw;
    height: 26.4062vw;
  }
  .esg .container .development .development-right {
    width: 33.4896vw;
    margin-left: 4.1667vw;
  }
  .esg .container .development .development-right .development-right-title {
    width: 33.4896vw;
    font-size: 2.5vw;
  }
  .esg .container .development .development-right .development-right-desc {
    width: 33.4896vw;
    margin-bottom: 1.6667vw;
  }
  .esg .container .development {
    width: 62.6563vw;
    margin: 0 auto;
  }
  .esg .wwf .wwf-title {
    margin-top: 6.25vw;
    font-size: 2.5vw;
  }
  .esg .wwf .wwf-content .wwf-content-video {
    height: 31.6667vw;
  }
  .esg .strategy {
    margin-top: 6.25vw;
  }
  .esg .strategy .strategy-desc {
    margin-top: 2.0833vw;
  }
  .ecosystem .ecosystem-content h2 {
    font-size: 2.5vw;
  }
  .ecosystem .ecosystem-desc {
    margin-top: 4.1667vw;
    max-width: 56.25vw;
  }
  .esg .ecosystem {
    height: 96.0938vw;
    padding-top: 7.6042vw;
    margin-top: 10.4167vw;
  }
  .esg .news-story .news-content .news-content-right .content-right-top .content-right-desc {
    -webkit-line-clamp: 5;
    margin-bottom: 1.25vw;
  }
  .esg .news-story {
    margin-top: -28.125vw;
    margin-bottom: 6.25vw;
  }
  .esg .news-story .news-content {
    padding: 1.875vw 1.5625vw;
    margin: 0 auto;
    margin-bottom: 2.0833vw;
  }
  .esg .news-story .news-content .news-content-left {
    flex: 1;
    margin-right: 2.083vw;
    height: 20vw;
  }
  .esg .news-story .news-content .ml30 {
    margin: 0;
    margin-left: 2.083vw;
  }
  .esg .news-story .news-content .news-content-right {
    max-width: 36.667vw;
    flex: none;
  }
  .esg .news-story .news-content .news-content-right .content-right-top .content-right-title {
    margin-bottom: 0.8333vw;
  }

  .esg .news-story .story-content {
    margin: 0 auto;
    margin-top: 2.0833vw;
    gap: 1.25vw;
    max-height: 56.667vw;
    margin-bottom: 1.667vw;
  }
  .esg .news-story .story-content .story-item .story-item-img {
    width: 100%;
    height: 27.5vw;
  }
  .esg .news-story .story-content .story-item .story-item-title {
    max-width: 22.6042vw;
    font-size: 0.9375vw;
    left: 0.9375vw;
    bottom: 0.8333vw;
  }
  .esg .news-story .story-content .story-item .story-item-bottom {
    height: 4.6875vw;
  }
  .esg .news-story .story-content .story-item .iconfont {
    bottom: 1.7188vw;
    right: 1.4063vw;
  }
  .esg .policy {
    padding-top: 0;
  }
  .esg .download-box .download-box-content .download-list {
    margin-top: 4.1667vw;
  }
  .esg .strategy .strategy-list {
    gap: 0;
  }
  .esg .strategy .strategy-list .strategy-item {
    width: calc(100% - 0.8333vw);
    padding: 2.778vw 1.667vw 1.11vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-default .strategy-item-view {
    bottom: 1.11vw;
  }
  .esg .strategy .strategy-list .strategy-item:last-child {
    width: 100%;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-view span {
    font-size: 1.11vw;
    margin-right: 0.278vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-view .iconfont {
    font-size: 1.667vw;
  }
  .esg .strategy .strategy-list .strategy-item .open-icon {
    bottom: 1.11vw;
    right: 1.11vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-open .open-icon {
    bottom: 0;
    right: -0.556vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-default .strategy-item-icon {
    margin-top: 0;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-default .strategy-item-title {
    margin-bottom: 0.8333vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-open .item-desc-box .desc-item {
    font-size: 0.7292vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-open .img-box {
    padding: 0 0.2604vw;
    min-height: 8.88vw;
    left: 0;
    bottom: 5.278vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-open .img-box .img-item {
    width: 3.889vw;
    height: 3.889vw;
    margin-right: 1.1423vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-view {
    left: 0;
    bottom: 0.556vw;
  }
  .esg .download-box .download-box-content .download-list .download-item .download-item-left .text-box {
    max-width: 11.9792vw;
  }
  .esg .wwf .wwf-content .play .iconfont {
    font-size: 3.3333vw;
    width: 1.5625vw;
    height: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .esg .esg-content-title {
    font-size: 6.4vw!important;
  }
  .esg .esg-banner {
    margin-top: 12.8vw;
    height: 202.6667vw;
  }

  .esg .esg-banner .esg-banner-title {
    left: 6.4vw;
    right: 6.4vw;
    top: 21.3333vw;
  }

  .esg .container .worldwide {
    margin-top: -53.3333vw;
    margin-bottom: 32vw;
  }

  .esg .esg-content-title h2 {
    font-size: 6.4vw;
  }

  .esg .title-line {
    width: 21.3333vw;
    height: 1.066vw;
    margin: 2.1333vw auto 4.2667vw;
  }
  .esg .wwf .wwf-content {
    margin-top: 6.4vw;
  }
  .esg .container .worldwide .worldwide-desc {
    max-width: 100%;
    font-size: 3.7333vw;
    margin-bottom: 10.6667vw;
  }
  .worldwide .swiper-container {
    width: 100%;
  }
  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide {
    width: 100%!important;
    height: auto;
    flex-direction: column !important;
  }

  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-img {
    width: 100%;
    height: 49.0667vw;
  }

  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info {
    margin: 0;
    margin-top: 4.2667vw;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: flex-start;
  }

  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-title {
    width: auto;
    font-size: 4.2667vw;
    margin-bottom: 2.1333vw;
    -webkit-line-clamp: 3;
  }
  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-title:hover {
    color: #231815;
  }
  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-desc {
    width: auto;
    font-size: 3.7333vw;
    margin-bottom: 4.2667vw;
    -webkit-line-clamp: 8;
  }
  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-more:hover span {
    color: #231815;
  }
  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-more:hover .iconfont {
    color: #231815; 
  }
  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-more span {
    font-size: 3.2vw;
  }

  .worldwide .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-info .slide-info-more .iconfont {
    font-size: 4.2667vw;
  }

  .swiper-pagination-progressbar {
    width: 53.0667vw !important;
    left: 0 !important;
    transform: translate(0) !important;
    bottom: -9.3333vw !important;
  }

  .cases-prev,
  .cases-next {
    width: 10.6667vw !important;
    height: 10.6667vw !important;
    background: #FFF;
    border-radius: 50%;
  }

  .cases-prev::after,
  .cases-next::after {
    font-size: 3.2vw !important;
  }

  .cases-prev {
    bottom: -14.9333vw !important;
    top: unset !important;
    left: unset !important;
    right: 17.0667vw !important;
  }

  .cases-next {
    bottom: -14.9333vw !important;
    top: unset !important;
    left: unset !important;
    right: 0vw !important;
  }

  .esg .container .development {
    width: 100%;
    margin-left: 0;
    flex-direction: column;
  }

  .esg .container .development .development-left {
    width: 100%;
    height: 81.86vw;
  }

  .esg .container .development .development-right {
    width: 100%;
    margin-left: 0;
  }

  .esg .container .development .development-right .development-right-title {
    width: 100%;
    max-width: 100%;
    font-size: 4.2667vw;
    margin-bottom: 4.2667vw;
    margin-top: 10.6667vw;
  }

  .esg .container .development .development-right .development-right-desc {
    width: 100%;
    max-width: 100%;
    font-size: 3.7333vw;
    margin-bottom: 4.2667vw;
  }

  .esg .container .development .development-right .development-right-btn {
    flex-wrap: wrap;
    justify-content: center;
  }

  .esg .container .development .development-right .development-right-btn .right-btn-view,
  .esg .container .development .development-right .development-right-btn .right-btn-down {
    max-width: 71.2vw;
    width: 100%;
    height: 9.0667vw;
    text-align: center;
    font-size: 3.2vw;
    border-radius: 6.4vw;
    padding: 2.1333vw 6.4vw;
  }

  .esg .container .development .development-right .development-right-btn .right-btn-down {
    margin-left: 0;
    margin-top: 4.2667vw;
    padding: 2.1333vw 4.2666vw;
  }
  .esg .container .development .development-right .development-right-btn .right-btn-down span {
    white-space: nowrap;
  }

  .esg .container .development .development-right .development-right-btn .right-btn-down .iconfont {
    font-size: 4.2667vw;
    margin-left: 1.0667vw;
  }


  .esg .wwf .wwf-title {
    margin-top: 21.3333vw;
    font-size: 6.4vw;
  }

  .esg .wwf .wwf-content .wwf-content-video {
    margin-top: 2.1333vw;
    width: 100%;
    height: 49.3333vw;
  }

  .esg .wwf .wwf-content .play .iconfont {
    font-size: 10.6667vw;
    width: 5.3333vw;
    height: 5.3333vw;
  }
  .esg .wwf .wwf-content .play:hover .iconfont {
    color: #65CC8B;
  }

  .esg .wwf .wwf-content-desc {
    font-size: 3.7333vw;
    -webkit-line-clamp: 3;
    margin-top: 4vw;
  }

  .esg .strategy {
    margin-top: 21.3333vw;
    position: relative;
    z-index: 2;
  }

  .esg .strategy .strategy-desc {
    margin-top: 0;
    font-size: 3.7333vw!important;
    margin-bottom: 6.4vw;
  }

  .esg .strategy .strategy-list {
    gap: 0vw;
  }

  .esg .strategy .strategy-list .strategy-item {
    width: 80vw !important;
    height: 148.2667vw;
    padding: 10.6667vw 6.4vw;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-open .item-desc-box .desc-item {
    font-size: 3.7333vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-open .img-box {
    padding: 0 6.4vw;
    min-height: 34.133vw;
    bottom: 11.98vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-open .img-box .img-item {
    width: 14.933vw;
    height: 14.933vw;
    margin-right: 4.2666vw;
  }
  #mobile-list-swiper {
    width: 100%;
    height: 165.3333vw;
    position: relative;
    padding-left: 6.4vw;
  }

  #mobile-list-swiper .swiper {
    width: 100%;
    height: 100%;
    padding-right: 6.4vw;
  }

  #mobile-list-swiper .product-selection-next,
  #mobile-list-swiper .product-selection-prev {
    position: absolute;
    bottom: 0 !important;
    top: unset !important;
    left: unset !important;
    width: 10.6667vw !important;
    height: 10.6667vw !important;
    border-radius: 50%;
    background: #FFF;
  }

  #mobile-list-swiper .product-selection-prev {
    right: 23.4667vw !important;
  }

  #mobile-list-swiper .product-selection-next {
    right: 6.4vw !important;
  }

  #mobile-list-swiper .product-selection-next::after,
  #mobile-list-swiper .product-selection-prev::after {
    color: #231815;
    font-size: 3.2vw !important;
    font-weight: bold;
  }

  .esg .ecosystem {
    height: 146.6667vw;
    background: none;
    padding-top: 32vw;
    margin-top: 0;
  }

  .ecosystem .ecosystem-desc {
    max-width: 100%;
    margin-top: 0;
    font-size: 3.7333vw !important;
    padding: 0 6.4vw;
    position: relative;
  }

  .ecosystem .ecosystem-mob-img {
    width: 100%;
    height: 140vw;
    position: relative;
    z-index: -1;
    margin-top: -29.3333vw;
    display: block;
  }

  .ecosystem .ecosystem-mob-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .esg .news-story {
    margin-top: 120vw;
    margin-bottom: 21.3333vw;
  }

  .esg .news-story .news-content {
    margin-top: 2.1333vw;
    padding: 4.2667vw;
    flex-direction: column;
    padding-bottom: 6.4vw;
    margin-bottom: 6.4vw;
  }

  .esg .news-story .news-content .news-content-left {
    width: 100%;
    height: 44.2667vw;
    margin-right: 0;
    flex: none;
  }

  .esg .news-story .news-content .news-content-right {
    max-width: 100%;
    padding-top: 4.2667vw;
  }

  .esg .news-story .news-content .news-content-right .content-right-top .content-right-title {
    font-size: 3.7333vw;
    margin-bottom: 2.1333vw;
    -webkit-line-clamp: 3;
  }

  .esg .news-story .news-content .news-content-right .content-right-top .content-right-desc {
    display: -webkit-box;
    font-size: 3.7333vw;
    margin-bottom: 6.4vw;
    -webkit-line-clamp: 3;
  }

  .esg .news-story .news-content .news-content-right .content-right-bottom span {
    font-size: 3.2vw;
  }

  .esg .news-story .news-content .news-content-right .content-right-bottom .iconfont {
    font-size: 4.2667vw;
  }

  .esg .news-story .story-content {
    max-height: 243.2vw;
    margin-top: 6.4vw;
    grid-template-columns: repeat(1, 1fr);
    gap: 4.2667vw;
    margin-bottom: 0;
  }

  .esg .news-story .story-content .story-item .story-item-img {
    width: 100%;
    height: 56.5333vw;
  }

  .esg .news-story .story-content .story-item .story-item-title {
    max-width: 86%;
    font-size: 3.2vw;
    left: 2.1333vw;
    bottom: 2.1333vw;
  }

  .esg .news-story .story-content .story-item .story-item-bottom {
    height: 13.8667vw;
    backdrop-filter: blur(0.64vw);
  }

  .esg .news-story .story-content .story-item .iconfont {
    right: 2.1333vw;
    bottom: 4.8vw;
    font-size: 4.2667vw;
    width: 4.2667vw;
    height: 4.2667vw;
  }

  .esg .download-box {
    padding-top: 0;
  }

  .esg .download-box .download-box-content .download-list {
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: 6.4vw;
  }

  .esg .download-box .download-box-content .download-list .download-item {
    flex: none;
    width: 100%;
  }

  .esg .strategy .strategy-list .strategy-item .strategy-item-default .strategy-item-icon {
    width: 21.3333vw;
    height: 21.3333vw;
    margin-top: 0;
    margin-bottom: 6.4vw;
  }

  .esg .strategy .strategy-list .strategy-item .strategy-item-default .strategy-item-title {
    margin-bottom: 4.2667vw;
    font-size: 4.8vw!important;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-default .strategy-item-desc {
    font-size: 3.7333vw!important;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-view span {
    font-size: 3.2vw!important;
  }

  .esg .strategy .strategy-list .strategy-item .strategy-item-view .iconfont {
    font-size: 4.2667vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-default .strategy-item-view {
    bottom: 10.6667vw;
    left: 6.4vw;;
  }
  .esg .download-box .download-box-content .download-list .download-item .download-item-left .text-box {
    max-width: 58.9333vw;
    margin-left: 0;
  }
  .esg .download-box .download-box-content .download-list .download-item .download-item-left .title {
    font-size: 3.7333vw;
    margin-bottom: 1.3333vw;
  }
  .esg .download-box .download-box-content .download-list .download-item .download-item-left .desc {
    font-size: 2.1333vw;
  }
  .esg .container .view-more:hover .iconfont {
    color: #fff;
    background: #65CC8B;
  }
  /* 取消hover */
  .esg .news-story .news-content .news-content-right .content-right-bottom:hover {
    color: #231815;
  }
  .esg .news-story .news-content .news-content-right .content-right-top .content-right-title:hover {
    color: #231815;
  }
  .esg .news-story .news-content .news-content-right .content-right-bottom:hover .iconfont {
    color: #231815;
  }
  .esg .download-box .download-box-content .download-list .download-item:hover {
    background: #fafafa;
    color: #231815 !important;
  }
  .esg .download-box .download-box-content .download-list .download-item:hover .title {
    color: #231815;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-view:hover {
    color: #231815;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-view:hover span {
    color: #231815;
  }
  .esg .container .development .development-right .development-right-btn .right-btn-view:hover {
    background: #248B48;
  }
  .esg .container .development .development-right .development-right-btn .right-btn-down:hover {
    color: #231815;
    background: transparent;
    border-color: #231815;
  }
  .esg .container .development .development-right .development-right-btn .right-btn-down:hover .iconfont {
    color: #fff;
    background: #248B48;
  } 
  .esg .container .view-more:hover {
    color: #231815;
    background: transparent;
    border-color: #231815;
  }
  .esg .download-box .download-box-content .download-list .download-item:hover .pdf-icon-mob {
    color: #9fa0a0;
  }
  .esg .download-box .download-box-content .download-list {
    margin-bottom: 17.0667vw;
  }
  .esg .strategy .strategy-list .strategy-item .open-icon {
   font-size: 10.6667vw;
   bottom: 10.6667vw;
   right: 6.4vw;
   width: 10.6667vw;
   height: 10.6667vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-open .item-desc-box {
    margin-bottom: 8vw;
    max-height: 76.266vw;
    display: flex;
    flex-direction: column;
    margin-right: -2.133vw;
    padding-right: 2.133vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-open .item-desc-box::-webkit-scrollbar {
    width: 0.533vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-open .item-desc-box .desc-item::before {
    margin: 0 2.666vw;
    font-size: 4.2666vw;
  }
  .esg .strategy .strategy-list .strategy-item .strategy-item-view {
    left: 0;
    bottom: 2.667vw;
  }
  .face { 
    padding: 10.6667vw 6.4vw;
  }
  .esg .news-story .news-content .ml30 {
    margin: 0;
    margin-top: 6.4vw;
  }
}