@charset "UTF-8";

/* 重置样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  line-height: 1.6;
  color: #333;
  overflow-x: hidden;
}

/* 第一屏 */
.banner {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: url("../images/pc/banner.png"), linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) no-repeat center center;
  background-blend-mode: multiply;
  background-size: cover;
}

/* 屏幕容器 */
.banner-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* 第一屏：标题 - 默认显示 */
.banner-screen-1 {
  z-index: 30;
  opacity: 1;
  transform: translateY(0);
}

/* 第二屏：第一个领导致辞 - 默认隐藏 */
.banner-screen-2 {
  z-index: 20;
  opacity: 0;
  transform: translateY(100vh);
}

/* 第三屏：第二个领导致辞 - 默认隐藏 */
.banner-screen-3 {
  z-index: 10;
  opacity: 0;
  transform: translateY(100vh);
}

/* 激活状态的屏幕 */
.banner-screen.active {
  opacity: 1;
  transform: translateY(0);
  z-index: 40;
}

/* 上一屏（向上滚动时隐藏） */
.banner-screen.previous {
  opacity: 0;
  transform: translateY(-100vh);
  z-index: 35;
}

/* 下一屏（向下滚动时隐藏） */
.banner-screen.next {
  opacity: 0;
  transform: translateY(100vh);
  z-index: 25;
}

/* 标题样式 */
.banner-title {
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  font-size: 4.6875vw;
  color: white;
  text-align: center;
  margin-bottom: 2vw;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.banner-subtitle {
  font-family: "PingFang SC", sans-serif;
  font-weight: 300;
  font-size: 2.6041666667vw;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.logo-style{
  width: 10vw;
  object-fit: contain;
  margin-bottom: 5vw;
}

/* 领导致辞卡片容器 */
.leadership-card-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 2vw;
}

/* 领导致辞卡片样式*/
.leadership-card {
  width: 83.3333333333vw;
  height: 21vw;
  background: rgba(67, 73, 66, 0.6);
  border-radius: 1.0416666667vw;
  position: relative;
  display: flex;
  align-items: center;
}

/* 第一个领导致辞卡片布局 */
.leadership-card-1 {
  padding-left: 3.5vw;
}

.leadership-card-1 .leadership-avatar {
  width: 12.5vw;
  height: 11.5vw;
  object-fit: cover;
  margin-right: 3.6vw;
  margin-bottom: 3vw;
}

.leadership-card-1 .leadership-info {
  position: absolute;
  left: 2.5vw;
  bottom: 3.5vw;
  width: 14.5vw;
  height: 3.5vw;
}

.leadership-card-1 .leadership-content {
  flex: 1;
  color: white;
  padding-right: 2vw;
}

/* 第二个领导致辞卡片布局 */
.leadership-card-2 {
  padding-right: 3.5vw;
  justify-content: flex-end;
}

.leadership-card-2 .leadership-avatar {
  width: 14.4270833333vw;
  height: 13.3333333333vw;
  object-fit: cover;
  margin-left: 2vw;
  order: 2;
  margin-bottom: 3vw;
}

.leadership-card-2 .leadership-info {
  position: absolute;
  right: 3.354167vw;
  bottom: 2.5vw;
  width: 14.375vw;
  height: 3.3854166667vw;
}

.leadership-card-1 .leadership-name {
  position: absolute;
  left: 0.5729166667vw;
  /* 197 - 186 = 11 */
  top: 0.78125vw;
  /* 1592 - 1577 = 15 */
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 1.4583333333vw;
  line-height: normal;
  color: white;
  margin: 0;
}

.leadership-card-1 .leadership-position {
  position: absolute;
  left: 5.7291666667vw;
  /* 296 - 186 = 110 */
  top: 1.3020833333vw;
  /* 1602 - 1577 = 25 */
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  /* Medium */
  font-size: 0.7291666667vw;
  line-height: normal;
  color: white;
  margin: 0;
}

.leadership-card-2 .leadership-name {
  position: absolute;
  left: 0.5729166667vw;
  /* 1468 - 1457 = 11 */
  top: 0.78125vw;
  /* 1996 - 1981 = 15 */
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 1.4583333333vw;
  line-height: normal;
  color: white;
  margin: 0;
}

.leadership-card-2 .leadership-position {
  position: absolute;
  right: 4.5vw;
  /* 1616 is near right edge */
  top: 1.3020833333vw;
  /* 2006 - 1981 = 25 */
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  /* Medium */
  font-size: 0.7291666667vw;
  line-height: normal;
  color: white;
  margin: 0;
}

.leadership-card-2 .leadership-content {
  flex: 1;
  color: white;
  padding-left: 2vw;
  order: 1;
  text-align: right;
}

.leadership-info-bg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.leadership-text {
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  font-size: 1.0416666667vw;
  line-height: 1.875vw;
  margin-bottom: 1.4583333333vw;
  text-align: left;
}

.leadership-signature {
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  font-size: 1.0416666667vw;
  line-height: 1.875vw;
  text-align: right;
}

/* 滚动指示器 */
.scroll-indicator {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  text-align: center;
  z-index: 50;
  animation: bounce 2s infinite;
}

.scroll-indicator.hidden {
  display: none;
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(-50%) translateY(0);
  }

  40% {
    transform: translateX(-50%) translateY(-10px);
  }

  60% {
    transform: translateX(-50%) translateY(-5px);
  }
}

/* 屏幕计数器 */
.screen-counter {
  position: absolute;
  top: 30px;
  right: 30px;
  color: white;
  font-family: "PingFang SC", sans-serif;
  font-size: 14px;
  z-index: 50;
  background: rgba(0, 0, 0, 0.5);
  padding: 8px 16px;
  border-radius: 20px;
  backdrop-filter: blur(5px);
}

/* 第三个模块：可持续发展管理架构 */
.sustainability-section {
  width: 100vw;
  height: 56.25vw;
  background-color: #f2f8f5;
  overflow: hidden;
}

.sustainability-title {
  position: absolute;
  left: 36.875vw;
  top: 119.7916666667vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.9166666667vw;
  line-height: normal;
  color: #008755;
  z-index: 2;
}

/* 金字塔容器 */
.pyramid-container {
  position: absolute;
  left: 13.0208333333vw;
  top: 130.46875vw;
  width: 34.0104166667vw;
  height: 31.3020833333vw;
}

/* 金字塔层级 */
.pyramid-level {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pyramid-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 1;
}

.pyramid-text {
  position: relative;
  z-index: 2;
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  /* Medium */
  font-size: 1.3541666667vw;
  color: #008755;
  text-align: center;
  white-space: nowrap;
}

.pyramid-text1 {
  padding-top: 3.125vw;
}

/* 第一层：董事会 */
.pyramid-level-1 {
  left: 11.875vw;
  top: 0;
  width: 10.3020833333vw;
  height: 9.3229166667vw;
}

/* 第二层：可持续发展委员会 */
.pyramid-level-2 {
  left: 7.8125vw;
  top: 10.625vw;
  width: 18.3885416667vw;
  height: 6.015625vw;
}

/* 第三层：可持续发展工作组 */
.pyramid-level-3 {
  left: 3.90625vw;
  top: 17.96875vw;
  width: 26.2010416667vw;
  height: 6.015625vw;
}

/* 第四层：气候和自然资源风险管理工作组 */
.pyramid-level-4 {
  left: 0;
  top: 25.3125vw;
  width: 34.0135416667vw;
  height: 6.015625vw;
}

/* .pyramid-level-4 .pyramid-text {
  color: white;
  font-size: 1.1458333333vw;
} */

/* 右侧说明框容器 */
.description-container {
  position: absolute;
  left: 49.53125vw;
  top: 132.65625vw;
  width: 34.6875vw;
}

/* 说明框样式 */
.description-box {
  position: absolute;
  width: 100%;
  height: 6.3541666667vw;
  background: white;
  border: 1px solid #008755;
  border-radius: 1.0416666667vw;
  padding: 1.0416666667vw;
  display: flex;
  align-items: center;
}

.description-box p {
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  /* Medium */
  font-size: 1.0416666667vw;
  line-height: 1.4583333333vw;
  color: black;
  margin: 0;
}

/* 各层说明框位置 */
.description-box-1 {
  top: 0;
  /* 对应董事会 */
}

.description-box-2 {
  top: 8.28125vw;
  /* 对应可持续发展委员会 */
}

.description-box-3 {
  top: 15.625vw;
  /* 对应可持续发展工作组 */
}

.description-box-4 {
  top: 22.96875vw;
  /* 对应气候和自然资源风险管理工作组 */
}

.line {
  position: absolute;
  height: 1px;
  background-color: #008755;
  z-index: 1;
}

.dot {
  position: absolute;
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  background-color: #ffffff;
  border: solid 1px #008755;
  border-radius: 50%;
  z-index: 2;
}

/* 第四个模块：公司重要性议题 */
.issues-section {
  width: 100vw;
  height: 56.25vw;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #f9fbfa 0%, #e4f0eb 100%);
}

.issues-title {
  position: absolute;
  left: 39.7916666667vw;
  top: 4.3229166667vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.9166666667vw;
  line-height: normal;
  color: #008755;
  z-index: 3;
}

/* ESG三大卡片容器 */
.esg-cards {
  position: absolute;
  left: 8.3333333333vw;
  top: 12.03125vw;
  width: 83.3333333333vw;
  height: 18.75vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 2;
}

/* ESG卡片样式 */
.esg-card {
  position: relative;
  max-width: 27.0833333333vw;
  border-radius: 1.0416666667vw;
  display: flex;
}

.esg-card-image {
  width: 100%;
  height: 100%;
  border-radius: 1.0416666667vw 1.0416666667vw 0 0;
}

.esg-card-title-container {
  height: 4.1666666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 1.0416666667vw 1.0416666667vw;
}

.esg-card-title {
  position: absolute;
  left: 9.5vw;
  bottom: 2.0833333333vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 1.875vw;
  line-height: normal;
  color: white;
  text-align: center;
  margin: 0;
}

/* 标签云容器 */
.tags-container {
  position: absolute;
  left: 8.3333333333vw;
  top: 31.8229166667vw;
  width: 83.3333333333vw;
  height: 15.625vw;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}

/* 标签组 */
.tag-group {
  position: relative;
  width: 27.0833333333vw;
  display: flex;
  flex-direction: column;
  gap: 0.5208333333vw;
}

/* 环境（E）标签组 - 2行，每行3个 */
.tag-group-e .tag-row {
  display: flex;
  gap: 0.5208333333vw;
  justify-content: flex-start;
}

/* 社会（S）标签组 - 3行，不同列数 */
.tag-group-s .tag-row {
  display: flex;
  gap: 0.5208333333vw;
  justify-content: flex-start;
}

.tag-group-s .tag-row-1 {
  justify-content: flex-start;
}

.tag-group-s .tag-row-2 {
  justify-content: flex-start;
}

.tag-group-s .tag-row-3 {
  justify-content: flex-start;
}

/* 治理（G）标签组 - 1行，3个 */
.tag-group-g .tag-row {
  display: flex;
  gap: 0.5208333333vw;
  justify-content: space-between;
}

/* 标签样式 */
.tag {
  background: white;
  border-radius: 0.625vw;
  padding: 0.3125vw 0.625vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  /* Medium */
  font-size: 1vw;
  line-height: normal;
  color: #008755;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s ease;
  height: 1.6666666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tag-1 {
  width: 13.0208333333vw;
  height: 4.1666666667vw;
}

.tag-2 {
  width: 8.5416666667vw;
  height: 4.1666666667vw;
}

.tag-3 {
  width: 27.0833333333vw;
  height: 4.1666666667vw;
}

.tag:hover {
  background: #008755;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 135, 85, 0.3);
}

/* 标签尺寸已统一在 .tag 中定义 */
/* 第五个模块：联合国可持续发展目标 */
.sdg-section {
  width: 100vw;
  height: 65.3125vw;
  position: relative;
  background-color: #333333;
  overflow: hidden;
}

/* SDG头部图标 */
.sdg-header {
  position: absolute;
  left: 8.3333333333vw;
  top: 4.9479166667vw;
  width: 27.1354166667vw;
  height: 4.5833333333vw;
  z-index: 2;
  opacity: 0;
  transform: translateY(1.5625vw);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sdg-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* SDG网格容器 */
.sdg-grid {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* SDG网格布局 - 根据设计稿的实际位置 */
.sdg-grid .sdg-item:nth-child(1) {
  position: absolute;
  left: 50.6770833333vw;
  top: 5.2083333333vw;
}

/* 无贫穷 */
.sdg-grid .sdg-item:nth-child(2) {
  position: absolute;
  left: 64.7916666667vw;
  top: 5.2083333333vw;
}

/* 零饥饿 */
.sdg-grid .sdg-item:nth-child(3) {
  position: absolute;
  left: 78.90625vw;
  top: 5.2083333333vw;
}

/* 良好健康与福祉 */
.sdg-grid .sdg-item:nth-child(4) {
  position: absolute;
  left: 22.4479166667vw;
  top: 19.2708333333vw;
}

/* 优质教育 */
.sdg-grid .sdg-item:nth-child(5) {
  position: absolute;
  left: 36.5625vw;
  top: 19.2708333333vw;
}

/* 性别平等 */
.sdg-grid .sdg-item:nth-child(6) {
  position: absolute;
  left: 50.6770833333vw;
  top: 19.2708333333vw;
}

/* 清洁饮水和卫生设施 */
.sdg-grid .sdg-item:nth-child(7) {
  position: absolute;
  left: 64.7916666667vw;
  top: 19.2708333333vw;
}

/* 经济适用的清洁能源 */
.sdg-grid .sdg-item:nth-child(8) {
  position: absolute;
  left: 78.90625vw;
  top: 19.2708333333vw;
}

/* 体面工作和经济增长 */
.sdg-grid .sdg-item:nth-child(9) {
  position: absolute;
  left: 8.3333333333vw;
  top: 33.3333333333vw;
}

/* 产业、创新和基础设施 */
.sdg-grid .sdg-item:nth-child(10) {
  position: absolute;
  left: 22.4479166667vw;
  top: 33.3333333333vw;
}

/* 减少不平等 */
.sdg-grid .sdg-item:nth-child(11) {
  position: absolute;
  left: 36.5625vw;
  top: 33.3333333333vw;
}

/* 可持续城市和社区 */
.sdg-grid .sdg-item:nth-child(12) {
  position: absolute;
  left: 50.6770833333vw;
  top: 33.3333333333vw;
}

/* 负责任消费和生产 */
.sdg-grid .sdg-item:nth-child(13) {
  position: absolute;
  left: 64.7916666667vw;
  top: 33.3333333333vw;
}

/* 气候行动 */
.sdg-grid .sdg-item:nth-child(14) {
  position: absolute;
  left: 78.90625vw;
  top: 33.3333333333vw;
}

/* 水下生物 */
.sdg-grid .sdg-item:nth-child(15) {
  position: absolute;
  left: 8.3333333333vw;
  top: 47.3958333333vw;
}

/* 陆地生物 */
.sdg-grid .sdg-item:nth-child(16) {
  position: absolute;
  left: 22.4479166667vw;
  top: 47.3958333333vw;
}

/* 和平、正义与强有力的机构 */
.sdg-grid .sdg-item:nth-child(17) {
  position: absolute;
  left: 36.5625vw;
  top: 47.3958333333vw;
}

/* 促进目标实现的伙伴关系 */
/* SDG单个图标 */
.sdg-item {
  width: 12.7083333333vw;
  height: 12.7083333333vw;
  border-radius: 0.625vw;
  overflow: hidden;
  opacity: 0;
  transform: translateY(2.0833333333vw) scale(0.8);
  transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.sdg-item:hover {
  transform: translateY(-0.4166666667vw) scale(1.05);
  box-shadow: 0 0.78125vw 1.8229166667vw rgba(255, 255, 255, 0.15);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.sdg-icon {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 描述文字 */
.sdg-description {
  position: absolute;
  left: 8.3333333333vw;
  top: 10.5208333333vw;
  width: 38.5416666667vw;
  /* height: 5.8333333333vw; */
  z-index: 2;
  opacity: 0;
  transform: translateY(1.0416666667vw);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sdg-description p {
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 1.15vw;
  line-height: normal;
  color: #ffffff;
  margin: 0;
}

/* SDG动画状态 */
.sdg-header.animate-in {
  opacity: 1;
  transform: translateY(0);
}

.sdg-description.animate-in {
  opacity: 1;
  transform: translateY(0);
}

.sdg-item.animate-in {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* SDG动画完成后的弹性效果 */
.sdg-item.animate-in::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.625vw;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
  animation: sdgPulse 0.6s ease-out 0.3s;
}

@keyframes sdgPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
  }

  70% {
    box-shadow: 0 0 0 0.5208333333vw rgba(255, 255, 255, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

/* 战略说明 */
.sdg-strategy {
  position: absolute;
  left: 22.7083333333vw;
  top: 62.5vw;
  width: 54.53125vw;
  height: 1.4583333333vw;
  z-index: 2;
}

.sdg-strategy p {
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 1.0416666667vw;
  line-height: normal;
  color: #ffffff;
  margin: 0;
  text-align: center;
  white-space: nowrap;
}

/* SDG弹窗样式 */
.sdg-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
}

.sdg-modal.active {
  display: flex;
}

.sdg-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1001;
}

.sdg-modal-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 38.8020833333vw;
  height: 40.2604166667vw;
  background: white;
  border-radius: 0;
  z-index: 1002;
  box-sizing: border-box;
}

.sdg-modal-close {
  position: absolute;
  top: 1.4583333333vw;
  right: 1.4583333333vw;
  width: 1.4583333333vw;
  height: 1.4583333333vw;
  background: none;
  border: none;
  font-size: 1.25vw;
  color: #999;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease;
  line-height: 1;
}

.sdg-modal-close:hover {
  color: #333;
}

.sdg-modal-icon {
  position: absolute;
  left: 4.2708333333vw;
  top: 4.0104166667vw;
  width: 9.375vw;
  height: 9.375vw;
}

.modal-sdg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.625vw;
}

.sdg-modal-title {
  position: absolute;
  left: 4.2708333333vw;
  top: 14.7916666667vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  font-size: 1.25vw;
  line-height: normal;
  color: #333;
  margin: 0;
  white-space: nowrap;
}

.sdg-modal-description {
  position: absolute;
  left: 4.2708333333vw;
  top: 17.5520833333vw;
  width: 30.78125vw;
  height: 5.8333333333vw;
}

.sdg-modal-description p {
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 1.0416666667vw;
  line-height: normal;
  color: #666;
  margin: 0;
  text-align: left;
}

.sdg-modal-navigation {
  position: absolute;
  left: 16.9270833333vw;
  top: 36.3541666667vw;
  width: 4.9479166667vw;
  height: 1.6666666667vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sdg-nav-btn {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  background: transparent;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.sdg-nav-btn:hover {
  background: rgba(0, 0, 0, 0.05);
}

.sdg-nav-btn span {
  font-size: 0.9375vw;
  color: #666;
  font-weight: bold;
  line-height: 1;
}

/* 第六个模块：公司2030目标 */
.goals-section {
  width: 100vw;
  height: 44.2708333333vw;
  position: relative;
  background-image: url("../images/pc/bg-3.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.goals-title {
  padding-top: 5.2083333333vw;
  text-align: center;
  z-index: 2;
}

.goals-title h2 {
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  font-size: 2.5vw;
  line-height: normal;
  color: #ffffff;
  margin: 0;
  text-align: center;
  white-space: nowrap;
}

.goals-subtitle {
  margin: 1.5625vw auto 5.5208333333vw;
  text-align: center;
  z-index: 2;
}

.goals-subtitle p {
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 1.0416666667vw;
  line-height: normal;
  color: #ffffff;
  margin: 0;
  text-align: center;
}

.goals-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 72.9166666667vw;
  height: 19.5833333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 改为center，让swiper居中 */
  z-index: 2;
}

.goals-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4.0625vw;
  height: 4.0625vw;
  background: transparent;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
  opacity: 1;
  visibility: visible;
}

.goals-nav-prev {
  left: -5.2083333333vw;
  /* 在swiper容器左侧 */
}

.goals-nav-next {
  right: -5.2083333333vw;
  /* 在swiper容器右侧 */
}

.goals-nav img {
  width: 4.0625vw;
  height: 4.0625vw;
  object-fit: contain;
}

/* Goals Swiper容器 */
.goals-swiper {
  width: 100%;
  /* 调整宽度适配3个卡片 */
  height: 100%;
  overflow: hidden;
}

.goals-cards {
  display: flex;
  align-items: center;
}

.goal-card {
  height: 19.5833333333vw;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.8333333333vw;
  padding: 2.0833333333vw 1.875vw;
  box-sizing: border-box;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  flex-shrink: 0;
}

/* 强制覆盖Swiper的内联样式 - 确保只显示3个卡片 */
.goal-card.swiper-slide {
  width: calc((100% - 84px) / 3) !important;
  /* 3个卡片，减去2个间距 */
  max-width: calc((100% - 84px) / 3) !important;
}

/* 响应式调整 */
@media (max-width: 1023px) {
  .goal-card.swiper-slide {
    width: calc((100% - 60px) / 2) !important;
    /* 平板：2个卡片 */
    max-width: calc((100% - 60px) / 2) !important;
  }
}

@media (max-width: 767px) {
  .goal-card.swiper-slide {
    width: calc(100% - 40px) !important;
    /* 手机：1个卡片 */
    max-width: calc(100% - 40px) !important;
  }
}

.goal-number {
  font-family: "PingFang SC", sans-serif;
  font-weight: 700;
  font-size: 3.75vw;
  line-height: 4.375vw;
  color: #ffffff;
  margin-bottom: 0.8333333333vw;
}

.goal-title {
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  font-size: 1.4583333333vw;
  line-height: 2.34375vw;
  color: #ffffff;
  margin: 0 0 1.25vw 0;
}

.goal-description {
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 0.8333333333vw;
  line-height: 1.25vw;
  color: #ffffff;
  margin: 0;
}

/* 第七个模块：相关承诺 */
.commitments-section {
  position: relative;
  width: 100vw;
  height: 56.25vw;
  background-image: url("../images/pc/ldzc-bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.commitments-title {
  position: absolute;
  left: 44.1666666667vw;
  top: 6.25vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.9166666667vw;
  line-height: normal;
  color: #008755;
  text-align: center;
  white-space: nowrap;
}

/* 承诺卡片容器 */
.commitments-container {
  position: absolute;
  left: 0;
  top: 16.5625vw;
  width: 100%;
  height: 26.9791666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  padding: 0 45px;
}

/* 承诺Swiper容器 */
.commitments-swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.commitments-cards {
  display: flex;
  align-items: center;
}

.commitment-card {
  position: relative;
  width: 21.875vw;
  height: 26.9791666667vw;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 0.625vw;
  border: solid 1px #DBF2EA;
  padding: 2.0833333333vw 1.5625vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.commitment-icon {
  width: 50%;
  
  object-fit: contain;
  display: block;
  margin: 0 auto 1.5625vw;
}

.commitment-title {
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 1.25vw;
  line-height: 1.7708333333vw;
  color: #333333;
  text-align: center;
  margin-bottom: 1.0416666667vw;
  min-height: 3.5416666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.commitment-description {
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  /* Regular */
  font-size: 0.8333333333vw;
  line-height: 1.1458333333vw;
  color: #666666;
  text-align: center;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.commitments-navigation {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3.125vw;
  width: 10.8333333333vw;
  height: 4.0625vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 10;
}

.commitments-nav {
  width: 4.0625vw;
  height: 4.0625vw;
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  transition: all 0.3s ease;
  z-index: 10;
}

.commitments-nav:hover {
  background-color: rgb(255, 255, 255);
  transform: scale(1.1);
}

.commitments-nav img {
  width: 4.0625vw;
  height: 4.0625vw;
  object-fit: contain;
}

/* 强制覆盖Swiper的内联样式 */
/* .commitment-card.swiper-slide {
  width: 21.875vw !important;
} */

/* 第八个模块：使命与愿景 */
.mission-vision-section {
  position: relative;
  width: 100vw;
  height: 56.25vw;
  background-image: url("../images/pc/bg-7.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  /* 使命与愿景模块动画初始状态 - 由JavaScript控制 */
}

.mission-vision-section.scroll-animate .mission-vision-title {
  opacity: 0;
  transform: translateY(-30px);
}

.mission-vision-section.scroll-animate .center-circle {
  opacity: 0;
  transform: scale(0.5);
}

.mission-vision-section.scroll-animate .center-ring {
  opacity: 0;
  transform: scale(0.8);
}

.mission-vision-section.scroll-animate .center-bg {
  opacity: 0;
  transform: scale(0.6);
}

.mission-vision-section.scroll-animate .center-icon {
  opacity: 0;
  transform: scale(0.3);
}

.mission-vision-section.scroll-animate .mission-area,
.mission-vision-section.scroll-animate .vision-area,
.mission-vision-section.scroll-animate .values-area,
.mission-vision-section.scroll-animate .conduct-area {
  opacity: 0;
  transform: translateY(50px) scale(0.9);
}

.mission-vision-section.scroll-animate .area-bg {
  opacity: 0;
  transform: scale(0.8);
}

.mission-vision-section.scroll-animate .area-content {
  opacity: 0;
  transform: translateY(20px);
}

.mission-vision-section.scroll-animate .area-title,
.mission-vision-section.scroll-animate .area-description,
.mission-vision-section.scroll-animate .area-icon {
  opacity: 0;
  transform: translateY(20px);
}

.mission-vision-title {
  position: absolute;
  left: 42.7083333333vw;
  top: 5.2083333333vw;
  width: 14.5833333333vw;
  height: 4.0625vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.9166666667vw;
  line-height: normal;
  color: #008755;
  text-align: center;
  white-space: nowrap;
}

/* 四个区域的背景 */
.mission-area,
.vision-area,
.values-area,
.conduct-area {
  position: absolute;
  width: 38.0208333333vw;
  height: 11.3541666667vw;
  overflow: hidden;
  transition: all 0.3s ease;
}

.mission-area:hover,
.vision-area:hover,
.values-area:hover,
.conduct-area:hover {
  transform: scale(1.02);
}

.area-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.area-content {
  position: absolute;
  top: 0;
  width: 67%;
  height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: self-start;
  padding: 1.0416666667vw;
}

.mission-area .area-content,
.values-area .area-content {
  align-items: end;
  left: 5%;
}

.vision-area .area-content,
.conduct-area .area-content {
  left: 28%;
}

/* 四个区域的具体位置 */
.mission-area {
  left: 9.2708333333vw;
  top: 17.1354166667vw;
}

.vision-area {
  left: 52.7083333333vw;
  top: 17.1354166667vw;
}

.values-area {
  left: 9.2708333333vw;
  top: 35.2083333333vw;
}

.conduct-area {
  left: 52.7083333333vw;
  top: 35.2083333333vw;
}

/* 文字和图标的相对定位 - 基于area-content容器 */
.area-title {
  position: relative;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.1875vw;
  line-height: 1.2;
  color: #008755;
  text-align: center;
  margin-bottom: 0.5208333333vw;
  z-index: 2;
}

.area-description {
  position: relative;
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  /* Regular */
  font-size: 1.4583333333vw;
  line-height: 1.4;
  color: #333333;
  text-align: left;
  z-index: 2;
}

.area-icon {
  position: absolute;
  width: 4.7916666667vw;
  height: 4.7916666667vw;
  object-fit: contain;
  z-index: 3;
}

/* 图标保持绝对定位，但基于各自的区域容器 */
.mission-area .area-icon {
  position: absolute;
  right: 5.2083333333vw;
  top: 50%;
  transform: translateY(-50%);
}

.vision-area .area-icon {
  position: absolute;
  left: 5.2083333333vw;
  top: 50%;
  transform: translateY(-50%);
}

.values-area .area-icon {
  position: absolute;
  right: 5.2083333333vw;
  top: 50%;
  transform: translateY(-50%);
}

.conduct-area .area-icon {
  position: absolute;
  left: 5.2083333333vw;
  top: 50%;
  transform: translateY(-50%);
}

/* 中心圆形区域 */
.center-circle {
  position: absolute;
  left: 42.2395833333vw;
  top: 23.75vw;
  width: 16.25vw;
  height: 16.25vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.center-ring {
  position: absolute;
  width: 16.25vw;
  height: 16.25vw;
  object-fit: contain;
  z-index: 1;
}

.center-bg {
  position: absolute;
  width: 14.5833333333vw;
  height: 14.5833333333vw;
  object-fit: contain;
  z-index: 2;
}

.center-icon {
  position: absolute;
  width: 8.2291666667vw;
  height: 8.2291666667vw;
  object-fit: contain;
  z-index: 3;
}

/* 第九个模块：加入组织 */
.organizations-section {
  position: relative;
  width: 100vw;
  height: 56.25vw;
  background-color: #e3efeb;
  overflow: hidden;
  /* 加入组织模块动画初始状态 - 由JavaScript控制 */
}

.organizations-section.scroll-animate .organizations-title {
  opacity: 0;
  transform: translateY(-30px);
}

.organizations-section.scroll-animate .organizations-grid {
  opacity: 0;
  transform: translateY(50px);
}

.organizations-section.scroll-animate .organizations-navigation {
  opacity: 0;
  transform: translateY(30px);
}

.organizations-section.scroll-animate .organization-card {
  opacity: 0;
  transform: translateY(30px) scale(0.9);
}

.organizations-title {
  margin: 4.1666666667vw 0 3.75vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.9166666667vw;
  line-height: normal;
  color: #008755;
  text-align: center;
  white-space: nowrap;
}

.organizations-grid {
  margin: 0 auto;
  width: 83.3333333333vw;
  height: 33.125vw;
}

.organizations-grid.swiper {
  overflow: hidden;
}

.organizations-grid .swiper-wrapper {
  height: 100%;
}

.organizations-grid .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.organizations-page {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1.7708333333vw 3.4895833333vw;
}

.organization-card {
  width: 39.0625vw;
  height: 15.625vw;
  background: white;
  border-radius: 1.0416666667vw;
  padding: 2.0833333333vw;
  display: flex;
  flex-direction: column;
}

.organization-logo {
  width: 50%;
  
  object-fit: contain;
  margin-bottom: 1.0416666667vw;
}

.organization-title {
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 1.4583333333vw;
  line-height: 2.03125vw;
  color: #333333;
  margin: 0 0 0.8333333333vw 0;
}

.organization-description {
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  /* Regular */
  font-size: 0.8333333333vw;
  line-height: 1.1458333333vw;
  color: #666666;
  margin: 0;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.organizations-navigation {
  margin: 2.9166666667vw auto 4.1666666667vw;
  width: 10.8333333333vw;
  height: 4.0625vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.organizations-nav {
  position: relative;
  width: 4.0625vw;
  height: 4.0625vw;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 10;
  transition: all 0.3s ease;
}

.nav-icon {
  width: 1.9791666667vw;
  height: 1.9791666667vw;
  object-fit: contain;
  z-index: 2;
}

.nav-decoration {
  position: absolute;
  width: 4.0625vw;
  height: 4.0625vw;
  object-fit: contain;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 第十个模块：莱巍爵荣誉 */
.honors-section {
  position: relative;
  width: 100vw;
  height: 41.6666666667vw;
  overflow: hidden;
}

.honors-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.honors-title {
  position: absolute;
  left: 44.1666666667vw;
  top: 6.25vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.9166666667vw;
  line-height: normal;
  color: white;
  text-align: center;
  white-space: nowrap;
  z-index: 3;
}

/* .honors-container {
  position: absolute;
  left: 0;
  top: 12.5vw;
  width: 100%;
  height: 25vw;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
} */

.honor-card {
  width: 16.6666666667vw;
  height: 25vw;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.0833333333vw 1.0416666667vw;
  text-align: center;
  transition: all 0.3s ease;
  background: transparent;
  transform: translateY(0.5208333333vw) scale(0.95);
  opacity: 0.7;
}

.honor-card:last-child {
  border-right: none;
}

.honor-card:hover {
  background: rgba(255, 255, 255, 0.13);
  transform: translateY(0) scale(1);
  opacity: 1;
}

.logoImg {
  width: 10vw;
  height: 8vw;
  margin-top: 2vw;
}

.logoImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.honor-keyword {
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.3958333333vw;
  line-height: normal;
  color: white;
  margin-bottom: 0.4166666667vw;
  white-space: nowrap;
  transition: color 0.3s ease;
}

.honor-subtitle {
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  /* Regular */
  font-size: 1.25vw;
  line-height: normal;
  color: white;
  margin-bottom: 1.6666666667vw;
  white-space: nowrap;
  transition: color 0.3s ease;
}

.honor-description {
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  /* Regular */
  font-size: 0.8333333333vw;
  line-height: 1.25vw;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  text-align: center;
  word-break: break-word;
}

/* 第十一个模块：所获奖项 */
.awards-section {
  position: relative;
  width: 100vw;
  height: auto;
  background-color: #f8f9fa;
  overflow: hidden;
}

.awards-title {
  margin: 5.2083333333vw auto 2.7083333333vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.9166666667vw;
  line-height: normal;
  color: #008755;
  text-align: center;
  white-space: nowrap;
  z-index: 3;
}

.awards-tabs {
  margin: 0 auto;
  margin-bottom: 2.7083333333vw;
  width: 20.5208333333vw;
  height: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
}

.awards-tab {
  width: 9.375vw;
  height: 3.125vw;
  border-radius: 1.5625vw;
  border: 1px solid transparent;
  background: #f4f4f4;
  color: #666666;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 1.25vw;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.awards-tab.active {
  background: #e6f3ee;
  border-color: #008755;
  color: #008755;
}

.awards-tab:hover:not(.active) {
  background: #e9ecef;
  color: #495057;
}

.awards-content {
  margin: 0 auto;
  width: 100%;
  /* 使用100%宽度让swiper自动处理居中 */
  z-index: 3;
  overflow: hidden;
  /* 隐藏超出部分 */
  margin-bottom: 6.25vw;
}

.awards-swiper {
  width: 100%;
  height: 100%;
}

.awards-swiper.swiper {
  overflow: hidden;
}

.awards-swiper .swiper-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 确保内容居中 */
}

.awards-swiper .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 41.5625vw;
  /* 与卡片宽度一致 */
}

.awards-tab-content {
  display: none;
  width: 100%;
  height: 100%;
}

.awards-tab-content.active {
  display: block;
}

.award-item {
  height: 26.9791666667vw;
}

.award-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.0416666667vw;
  z-index: 1;
}

.award-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 9.53125vw;
  /* 根据设计稿的文字区域高度 */
  background: url("../images/pc/syjx-bottom-bg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.award-title {
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 1.4583333333vw;
  line-height: 1.2;
  color: white;
  text-align: center;
  margin: 0;
  padding: 1.0416666667vw;
  word-wrap: break-word;
  white-space: normal;
}

/* 第十二个模块：外部认证 */
.external-certification-section {
  position: relative;
  width: 100vw;
  height: 49.6354166667vw;
  background-color: #f2f8f7;
  overflow: hidden;
}

.external-certification-title {
  margin: 4.1666666667vw auto 6.0416666667vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.9166666667vw;
  line-height: normal;
  color: #008755;
  text-align: center;
  white-space: nowrap;
  z-index: 3;
}

/* Swiper轮播容器 */
.certification-swiper-container {
  margin: 0 auto 6.71875vw;
  width: 95.625vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
}

/* 导航箭头 - 设计稿样式 */
.certification-nav {
  width: 4.0625vw;
  height: 4.0625vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  /* 去掉hover效果和transition */
}

.certification-nav img {
  width: 100%;
  /* 调整箭头大小 */
  height: 100%;
  object-fit: contain;
}

/* Swiper容器 */
.certification-swiper {
  width: 87.5vw;
  height: 26.875vw;
  /* 增加高度 */
  overflow: hidden;
}

.certification-swiper .swiper-wrapper {
  align-items: center;
}

.certification-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 卡片组容器 */
.certification-cards-group {
  display: flex;
  gap: 2.0833333333vw;
  /* 调整间距 */
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 1.0416666667vw;
  /* 添加左右内边距 */
}

/* 认证卡片 - 按照设计稿正确样式 */
.certification-card {
  position: relative;
  height: 26.875vw;
  width: 18.5416666667vw;
  /* 确保356px宽度 */
  overflow: hidden;
  cursor: pointer;
  /* 去掉所有hover效果和transition */
}

.certification-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 24.0625vw;
  /* 图片占大部分高度 */
}

.certification-card-title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3.2291666667vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  /* Medium */
  font-size: 0.8333333333vw;
  line-height: normal;
  color: #333333;
  text-align: center;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.8333333333vw;
  background: transparent;
  /* 去掉背景 */
}

/* 可持续发展披露模块 - 按Figma设计稿精确实现 */
.disclosure-section {
  position: relative;
  width: 100vw;
  background-color: #fff;
  overflow: hidden;
}

/* 标题 - 精确按Figma坐标 */
.disclosure-title {
  margin: 2.3958333333vw auto 3.3854166667vw;
  width: 20.4166666667vw;
  height: 4.0625vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.9166666667vw;
  line-height: normal;
  color: #008755;
  text-align: center;
  white-space: nowrap;
  z-index: 3;
}

/* 选项卡容器 - 精确按Figma坐标 */
.disclosure-tabs {
  margin: 0 auto 4.1666666667vw;
  width: 20.5208333333vw;
  height: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
}

/* 报告选项卡 - 激活状态 */
.disclosure-tab {
  width: 9.375vw;
  height: 3.125vw;
  border-radius: 1.5625vw;
  border: 1px solid transparent;
  background: #f4f4f4;
  color: #666666;
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  /* Medium */
  font-size: 1.25vw;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.disclosure-tab.active {
  background: #e6f3ee;
  border-color: #008755;
  color: #008755;
}

.disclosure-tab:hover:not(.active) {
  background: #e9ecef;
  color: #495057;
}

/* 文档卡片容器 - 精确按Figma坐标 */
/* 文档内容区域 */
.disclosure-content {
  margin: 0 auto 6.25vw;
  width: 100%;
  z-index: 2;
  overflow: hidden;
}

/* 选项卡内容 */
.disclosure-tab-content {
  display: none;
  width: 100%;
  height: 100%;
}

.disclosure-tab-content.active {
  display: block;
}

/* 文档swiper容器 */
.disclosure-swiper {
  width: 100%;
  height: 100%;
}

.disclosure-swiper.swiper {
  overflow: hidden;
}

.disclosure-swiper .swiper-wrapper {
  height: 120%;
  display: flex;
  align-items: center;
}

.disclosure-swiper .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 19.0104166667vw;
  /* 与卡片宽度一致 */
}

/* 文档卡片 - 精确按Figma尺寸 */
.disclosure-card {
  position: relative;
  width: 18.5416666667vw;
  /* height: auto; */
  height: 30vw;
  border-radius: 1.0416666667vw;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* 文档图片 */
.disclosure-image {
  width: 18.5416666667vw;
  height: 24.0625vw;
  border-radius: 1.0416666667vw;
}

/* 文档标题 - 精确按Figma样式 */
.disclosure-card-title {
  width: 100%;
  /* height: 1.7708333333vw; */
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  /* Medium */
  font-size: 1.25vw;
  line-height: normal;
  color: black;
  text-align: center;
  margin: 0;
  margin-top: 1.0416666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.8333333333vw;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
}

/* 第十三个模块：联系我们 */
.contact-section {
  position: relative;
  width: 100vw;
  height: 26.0416666667vw;
  overflow: hidden;
}

/* 背景图片和遮罩 */
.contact-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.contact-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.contact-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 135, 85, 0.2);
  /* 绿色半透明遮罩 */
  z-index: 2;
}

/* 内容区域 */
.contact-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 3;
}

/* 标题样式 - 严格按照Figma */
.contact-title {
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.9166666667vw;
  line-height: normal;
  color: white;
  text-align: center;
  white-space: nowrap;
  margin: 0 0 2.0833333333vw 0;
}

/* 描述文字 - 严格按照Figma */
.contact-description {
  text-align: center;
  margin-bottom: 3.125vw;
}

.contact-description p {
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  /* Regular */
  font-size: 1.25vw;
  line-height: normal;
  color: white;
  margin: 0;
  white-space: nowrap;
}

.contact-description p:first-child {
  margin-bottom: 0.4166666667vw;
}

/* 立即咨询按钮 - 严格按照Figma */
.contact-button {
  width: 10.2083333333vw;
  height: 3.125vw;
  border-radius: 1.5625vw;
  border: 1px solid white;
  background: transparent;
  color: white;
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  /* Regular */
  font-size: 1.25vw;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.contact-button:hover {
  background: white;
  color: #008755;
  transform: translateY(-1px);
}

.contact-button:active {
  transform: translateY(0);
}

/* 联系我们表单弹窗 */
.contact-modal {
  display: none;
  /* 默认隐藏 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  /* 确保在最上层 */
  justify-content: center;
  align-items: center;
}

.contact-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  /* 半透明黑色背景 */
  backdrop-filter: blur(5px);
  /* 模糊效果 */
}

.contact-modal-content {
  position: relative;
  background: #ffffff;
  padding: 2.0833333333vw 3.125vw;
  width: 73.9583333333vw;
  /* 根据Figma设计调整宽度 */
  max-width: 90vw;
  /* 确保不超出视口宽度 */
  max-height: 90vh;
  /* 限制最大高度 */
  box-shadow: 0 0.5208333333vw 1.5625vw rgba(0, 0, 0, 0.2);
  z-index: 1001;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  /* 内容过多时允许滚动 */
}

.contact-modal-close {
  position: absolute;
  top: 1.0416666667vw;
  right: 1.0416666667vw;
  background: none;
  border: none;
  font-size: 1.875vw;
  color: #999999;
  cursor: pointer;
  transition: color 0.3s ease;
}

.contact-modal-close:hover {
  color: #333333;
}

.contact-modal-title {
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  /* Medium */
  font-size: 2.3958333333vw;
  /* 根据Figma设计调整 */
  color: #008755;
  margin-bottom: 1.0416666667vw;
  text-align: center;
}

.contact-modal-subtitle {
  font-family: "PingFang SC", sans-serif;
  font-size: 1.25vw;
  color: #333333;
  margin-bottom: 2.0833333333vw;
  text-align: center;
}

.contact-form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 1.0416666667vw;
}

.form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-right: 1.0416666667vw;
  /* 间距 */
}

.form-group:last-child {
  margin-right: 0;
}

.form-group.full-width {
  width: 100%;
  margin-right: 0;
}

.form-group label {
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  /* Regular */
  font-size: 1.1458333333vw;
  /* 根据Figma设计调整 */
  color: #000000;
  margin-bottom: 0.4166666667vw;
}

.form-group .required {
  color: #ff0000;
  margin-left: 0.2083333333vw;
}

.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=tel],
.form-group textarea {
  width: 100%;
  padding: 0.78125vw 1.0416666667vw;
  border: 1px solid #dedede;
  /* 根据Figma设计调整边框颜色 */
  border-radius: 0.4166666667vw;
  font-family: "PingFang SC", sans-serif;
  font-size: 0.9375vw;
  color: #333333;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
  height: 3.3333333333vw;
  /* 根据Figma设计调整高度 */
}

.form-group input[type=text]:focus,
.form-group input[type=email]:focus,
.form-group input[type=tel]:focus,
.form-group textarea:focus {
  border-color: #008755;
  outline: none;
}

.form-group textarea {
  resize: vertical;
  min-height: 7.8125vw;
  /* 根据Figma设计调整高度 */
  height: 7.8125vw;
}

/* 错误提示样式 */
.error-message {
  font-family: "PingFang SC", sans-serif;
  font-size: 0.7291666667vw;
  color: #ff0000 !important;
  margin-top: 0.2604166667vw;
  min-height: 1.0416666667vw;
  display: none;
  width: 100%;
}

.form-group input.error,
.form-group textarea.error {
  border-color: #ff0000 !important;
}

.form-group input.error+.error-message,
.form-group textarea.error+.error-message {
  display: block !important;
}

/* 强制显示错误提示 */
.error-message.show {
  display: block !important;
  color: #ff0000 !important;
}

/* 隐私声明区域 */
.privacy-section {
  width: 100%;
  margin: 1.5625vw 0;
}

.privacy-text {
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  /* Regular */
  font-size: 1.1458333333vw;
  color: #000000;
  line-height: 1.6666666667vw;
  margin-bottom: 1.0416666667vw;
  text-align: left;
}

.form-checkbox {
  display: flex;
  align-items: flex-start;
  margin: 1.0416666667vw 0;
  width: 100%;
}

.form-checkbox input[type=checkbox] {
  width: 1.25vw;
  /* 根据Figma设计调整 */
  height: 1.25vw;
  margin-right: 0.5208333333vw;
  cursor: pointer;
  margin-top: 5px;
}

.form-checkbox label {
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  /* Regular */
  font-size: 1.1458333333vw;
  /* 根据Figma设计调整 */
  color: #000000;
  line-height: 1.6666666667vw;
  cursor: pointer;
  margin-bottom: 0;
}

.contact-submit-btn {
  width: 17.0833333333vw;
  /* 根据Figma设计调整 */
  height: 3.5416666667vw;
  /* 根据Figma设计调整 */
  background: #008755;
  color: #ffffff;
  border: none;
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  /* Medium */
  font-size: 1.25vw;
  /* 根据Figma设计调整 */
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
  margin: 1.5625vw auto 0;
  align-self: center;
  /* 居中按钮 */
}

.contact-submit-btn:hover {
  background: #008755;
  transform: translateY(-1px);
}

/* 联系我们表单弹窗响应式处理 */
/* 大屏幕优化 (1440px+) */
@media (min-width: 1440px) {
  .contact-modal-content {
    width: 62.5vw;
    padding: 2.6041666667vw 4.1666666667vw;
  }
}

/* 笔记本屏幕优化 (1024px - 1439px) */
@media (max-width: 1439px) and (min-width: 1024px) {
  .contact-modal-content {
    width: 90vw;
    /* 使用视口宽度确保适配 */
    max-width: 1200px;
    /* 设置最大宽度 */
    padding: 2.0833333333vw 2.6041666667vw;
  }

  .form-group label {
    font-size: 1.0416666667vw;
  }

  .form-group input[type=text],
  .form-group input[type=email],
  .form-group input[type=tel],
  .form-group textarea {
    font-size: 0.8333333333vw;
    height: 2.9166666667vw;
  }

  .privacy-text {
    font-size: 1.0416666667vw;
  }

  .form-checkbox label {
    font-size: 1.0416666667vw;
  }
}

/* 小笔记本屏幕优化 (1366px - 1024px) */
@media (max-width: 1366px) and (min-width: 1024px) {
  .contact-modal-content {
    width: 85vw;
    max-width: 1000px;
    padding: 1.8229166667vw 2.34375vw;
  }

  .contact-modal-title {
    font-size: 2.0833333333vw;
  }

  .contact-modal-subtitle {
    font-size: 1.1458333333vw;
  }

  .form-group label {
    font-size: 0.9375vw;
  }

  .form-group input[type=text],
  .form-group input[type=email],
  .form-group input[type=tel],
  .form-group textarea {
    font-size: 0.78125vw;
    height: 2.7083333333vw;
  }

  .form-group textarea {
    height: 6.7708333333vw;
  }

  .privacy-text {
    font-size: 0.9375vw;
  }

  .form-checkbox label {
    font-size: 0.9375vw;
  }

  .contact-submit-btn {
    width: 15.625vw;
    height: 3.3854166667vw;
    font-size: 1.1458333333vw;
  }
}

/* 小屏幕优化 (768px - 1023px) */
@media (max-width: 1023px) and (min-width: 768px) {
  .contact-modal-content {
    width: 90vw;
    padding: 1.5625vw 2.0833333333vw;
  }

  .contact-modal-title {
    font-size: 1.875vw;
  }

  .contact-modal-subtitle {
    font-size: 1.0416666667vw;
  }

  .form-row {
    flex-direction: column;
    margin-bottom: 0;
  }

  .form-group {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.0416666667vw;
  }

  .form-group label {
    font-size: 0.9375vw;
  }

  .form-group input[type=text],
  .form-group input[type=email],
  .form-group input[type=tel],
  .form-group textarea {
    font-size: 0.8333333333vw;
    height: 2.6041666667vw;
    padding: 0.625vw 0.78125vw;
  }

  .form-group textarea {
    height: 6.25vw;
  }

  .privacy-text {
    font-size: 0.9375vw;
  }

  .form-checkbox label {
    font-size: 0.9375vw;
  }

  .contact-submit-btn {
    width: 14.5833333333vw;
    height: 3.125vw;
    font-size: 1.0416666667vw;
  }
}

/* 可持续合作伙伴模块 */
.partnership-section {
  position: relative;
  width: 100vw;
  background: #ffffff;
  /* 白色背景 */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4.1666666667vw 8.3333333333vw;
  /* 上下80px，左右160px */
}

.partnership-title {
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.9166666667vw;
  /* 根据Figma设计调整 */
  color: #008755;
  /* 绿色 */
  text-align: center;
  margin-bottom: 3.125vw;
  /* 标题与图片间距 */
  line-height: 1.2;
}

.partnership-tabs {
  /* margin: 3.125vw auto 4.1666666667vw; */
  width: 31.6666666667vw;
  height: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
}

.partnership-tab {
  width: 9.375vw;
  height: 3.125vw;
  border-radius: 1.5625vw;
  border: 1px solid transparent;
  background: #f4f4f4;
  color: #666666;
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  /* Medium */
  font-size: 1.25vw;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.partnership-tab.active {
  background: #e6f3ee;
  border-color: #008755;
  color: #008755;
}

.partnership-tab:hover:not(.active) {
  background: #e9ecef;
  color: #495057;
}

/* 合作伙伴logo网格容器 */
.partnership-image-container {
  width: 100%;
  margin: 0 auto;
  padding: 2.0833333333vw 0;
}

/* logo行容器 */
.partnership-logo-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.0416666667vw;
  margin-bottom: 1.0416666667vw;
}

.partnership-logo-row:last-child {
  margin-bottom: 0;
}

/* logo项目容器 */
.partnership-logo-item {
  width: 10vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 0.4166666667vw;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
  /* 初始隐藏状态 - 用于飞入动画 */
  opacity: 0;
  transform: translateY(2.6041666667vw) scale(0.8);
  /* 动画状态 */
}

.partnership-logo-item.animate-in {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.partnership-logo-item:hover {
  transform: translateY(-1px) scale(1.05);
}

/* logo图片 */
.partnership-logo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter 0.3s ease;
}

/* 可持续合作伙伴模块响应式处理 */
@media (max-width: 1366px) and (min-width: 1024px) {
  .partnership-section {
    height: 46.875vw;
    padding: 3.125vw 6.25vw;
  }

  .partnership-title {
    font-size: 2.5vw;
    margin-bottom: 2.6041666667vw;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  .partnership-section {
    height: 41.6666666667vw;
    padding: 2.6041666667vw 4.1666666667vw;
  }

  .partnership-title {
    font-size: 2.0833333333vw;
    margin-bottom: 2.0833333333vw;
  }
}

/* 客户寄语模块 */
.testimonial-section {
  position: relative;
  width: 100vw;
  overflow: hidden;
}

.testimonial-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.testimonial-bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonial-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.8);
  /* 深色遮罩 */
  z-index: 2;
}

.testimonial-content {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5.2083333333vw 8.3333333333vw;
  background: url("../images/pc/bg-6.png") no-repeat center center;
  background-size: 100% 100%;
}

.testimonial-title {
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.9166666667vw;
  color: #ffffff;
  /* 白色文字 */
  text-align: center;
  margin-bottom: 4.1666666667vw;
  line-height: 1.2;
}

/* 客户寄语swiper容器 */
.testimonial-swiper {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.testimonial-swiper.swiper {
  overflow: hidden;
}

.testimonial-swiper .swiper-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.testimonial-swiper .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26.25vw;
  /* 与卡片宽度一致 */
}

.testimonial-card {
  width: 26.25vw;
  /* 根据设计稿调整 */
  height: 22.25vw;
  border: 1px solid rgba(255, 255, 255, 0.3);
  /* 半透明白色边框 */
  border-radius: 0.4166666667vw;
  padding: 1.5vw 1.3vw;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.testimonial-quote p {
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  /* Regular */
  font-size: 1vw;
  color: #ffffff;
  line-height: 1.9vw;
  margin: 0;
  text-align: left;
  height: 15vw;
  overflow: auto;
  padding-right: 0.5vw;
  text-indent: 1em;
}

/* 整体滚动条 */
.testimonial-quote p::-webkit-scrollbar {
  /* 对应纵向滚动条的宽度 */
  width: 10px;
  /* 对应横向滚动条的宽度 */
  height: 10px;
}

/* 滚动条滑块 */
.testimonial-quote p::-webkit-scrollbar-thumb {
  background-color: rgba(184, 184, 184, 0.788);
  border-radius: 32px;
}

/* 滚动条轨道 */
.testimonial-quote p::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.11);
  border-radius: 32px;
}

.testimonial-author {
  margin-top: 1.3vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.testimonial-author .author-content {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  width: auto; 
}

.testimonial-author .author-content p {
  font-family: "PingFang SC", sans-serif;
  font-weight: 400;
  /* Regular */
  font-size: 0.9vw;
  color: #ffffff;
  line-height: 0.9375vw;
  margin: 0;
}

.testimonial-author p:first-child {
  margin-bottom: 0.3vw;
}

/* 可持续服务实践模块 - 按Figma设计稿精确实现 */
.sustainable-practice-section {
  position: relative;
  width: 100vw;
  height: 54.1666666667vw;
  /* 根据Figma设计稿高度 */
  overflow: hidden;
}

/* 背景图片 */
.sustainable-practice-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 标题 - 精确按Figma坐标 */
.sustainable-practice-title {
  margin-top: 5.2083333333vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.9166666667vw;
  line-height: normal;
  color: #008755;
  text-align: center;
  white-space: nowrap;
  z-index: 3;
}

/* 选项卡容器 - 精确按Figma坐标 */
.sustainable-practice-tabs {
  margin: 3.125vw auto 4.1666666667vw;
  width: 31.6666666667vw;
  height: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
}

/* 选项卡样式 */
.sustainable-practice-tab {
  width: 9.375vw;
  height: 3.125vw;
  border-radius: 1.5625vw;
  border: 1px solid transparent;
  background: #f4f4f4;
  color: #666666;
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  /* Medium */
  font-size: 1.25vw;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.sustainable-practice-tab.active {
  background: #e6f3ee;
  border-color: #008755;
  color: #008755;
}

.sustainable-practice-tab:hover:not(.active) {
  background: #e9ecef;
  color: #495057;
}

/* 图片内容区域 - 精确按Figma坐标 */
.sustainable-practice-content {
  margin: 0 auto;
  width: 83.3333333333vw;
  height: 25.8333333333vw;
  z-index: 2;
}

/* 选项卡内容 */
.sustainable-practice-tab-content {
  display: none;
  width: 100%;
  height: 100%;
  position: relative;
}

.sustainable-practice-tab-content.active {
  display: block;
}

/* 可持续实践swiper容器 */
.sustainable-practice-swiper {
  width: 100%;
  height: 100%;
}

.sustainable-practice-swiper.swiper {
  overflow: hidden;
}

.sustainable-practice-swiper .swiper-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.sustainable-practice-swiper .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  margin-top: 20px;
}

/* 图片组容器 */
.practice-images-group {
  display: flex;
  gap: 2.0833333333vw;
  width: 100%;
  justify-content: center;
  align-items: center;
}

/* 图片容器 - 根据Figma设计稿的不规则布局 */
.practice-image {
  position: absolute;
  border-radius: 1.0416666667vw;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.practice-image:hover {
  transform: translateY(-0.4166666667vw);
  box-shadow: 0 0.8333333333vw 1.6666666667vw rgba(0, 135, 85, 0.15);
}

/* 第一张图片 - 左上角 */
.practice-image-1 {
  left: 0vw;
  top: 0vw;
  width: 20.8333333333vw;
  height: 13.9583333333vw;
}

/* 第二张图片 - 中间偏下 */
.practice-image-2 {
  left: 27.2916666667vw;
  top: 5.9375vw;
  width: 28.5416666667vw;
  height: 19.1145833333vw;
}

/* 第三张图片 - 右上角 */
.practice-image-3 {
  left: 62.5vw;
  top: 0vw;
  width: 20.8333333333vw;
  height: 13.9583333333vw;
}

/* 图片样式 */
.practice-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.0416666667vw;
}

/* 左右切换按钮 - 精确按Figma坐标 */
.sustainable-practice-navigation {
  position: absolute;
  left: 80.8333333333vw;
  top: 47.1354166667vw;
  width: 10.8333333333vw;
  height: 4.0625vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
}

/* 切换按钮样式 */
.sustainable-practice-nav {
  width: 4.0625vw;
  height: 4.0625vw;
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  transition: all 0.3s ease;
  z-index: 10;
}

.sustainable-practice-nav:hover {
  background-color: rgb(255, 255, 255);
  transform: scale(1.1);
}

.sustainable-practice-nav img {
  width: 1.9791666667vw;
  height: 1.9791666667vw;
  object-fit: contain;
}

/* 可持续发展研*/
.research-standards-section {
  position: relative;
  width: 100vw;
  height: 55.5208333333vw;
  background-color: #F2F8F7;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* 标题 - 精确按Figma坐标 */
.research-standards-title {
  margin-bottom: 4.1666666667vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  /* Semibold */
  font-size: 2.9166666667vw;
  line-height: normal;
  color: #008755;
  text-align: center;
  white-space: nowrap;
}

/* 卡片容器 - 使用swiper */
.research-standards-swiper {
  width: 83.3333333333vw;
  height: auto;
  margin-bottom: 4.1666666667vw;
}

.research-standards-swiper.swiper {
  overflow: hidden;
}

.research-standards-swiper .swiper-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.research-standards-swiper .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
}

/* 卡片组容器 */
.research-standards-cards-group {
  display: flex;
  gap: 2.0833333333vw;
  width: 83.3333333333vw;
  justify-content: center;
}

/* 卡片样式 */
.research-standards-card {
  width: 18.5416666667vw;
  height: auto;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

/* 卡片图片区域 */
.research-standards-card-image {
  width: 100%;
  height: 24.0625vw;
  overflow: hidden;
}

.research-standards-card-image .research-standards-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 卡片文字区域 */
.research-standards-card-text {
  flex: 1;
  padding: 1.5625vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.research-standards-card-text h3 {
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  /* Medium */
  font-size: 1.25vw;
  line-height: normal;
  color: #333333;
  text-align: center;
  margin: 0;
}

/* 左右切换按钮 - 参考其他模块的样式 */
.research-standards-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.6041666667vw;
}

/* 切换按钮样式 */
.research-standards-nav {
  width: 4.0625vw;
  height: 4.0625vw;
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  transition: all 0.3s ease;
  z-index: 10;
}

.research-standards-nav:hover {
  background-color: rgb(255, 255, 255);
  transform: scale(1.1);
}

.research-standards-nav img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@-webkit-keyframes fn3 {
  0% {
    opacity: 0;
    -webkit-transform: matrix(1, -0.1, 0, 1, 0, -20);
    transform: matrix(1, -0.1, 0, 1, 0, -20);
  }

  100% {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@keyframes fn3 {
  0% {
    opacity: 0;
    -webkit-transform: matrix(1, -0.1, 0, 1, 0, -20);
    transform: matrix(1, -0.1, 0, 1, 0, -20);
  }

  100% {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

.fn3 {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-animation: fn3 1.2s cubic-bezier(0.49, 0.54, 0.16, 1);
  animation: fn3 1.2s cubic-bezier(0.49, 0.54, 0.16, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.practice-image-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  border-radius: 0 0 20px 20px;
}

/* 标题位置 */
.sustainability-title {
  position: absolute;
  left: 36.875vw;
  top: 4.3229166667vw;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  font-size: 2.9166666667vw;
  line-height: normal;
  color: #008755;
  z-index: 2;
  text-align: center;
  width: auto;
  white-space: nowrap;
}

/* 金字塔容器定位 */
.pyramid-container {
  position: absolute;
  left: 13.0208333333vw;
  top: 12vw;
  /* 调整顶部间距 */
  width: 34.0104166667vw;
  height: 31.3020833333vw;
}

/* 说明框容器定位 */
.description-container {
  position: absolute;
  left: 49.53125vw;
  top: 14vw;
  /* 调整顶部间距 */
  width: 34.6875vw;
}

/* 连接线位置 */
.line-1 {
  left: 33.5vw;
  top: 17.5vw;
  width: 16vw;
}

.line-2 {
  left: 37.6vw;
  top: 25.5vw;
  width: 12vw;
}

.line-3 {
  left: 42vw;
  top: 33vw;
  width: 7.604167vw;
}

.line-4 {
  left: 46vw;
  top: 40.5vw;
  width: 3.5vw;
}

/* 连接点位置 */
.dot-1 {
  left: 33.135417vw;
  top: 17.2vw;
}

.dot-2 {
  left: 37.135417vw;
  top: 25.125vw;
}

.dot-3 {
  left: 41.135417vw;
  top: 32.6vw;
}

.dot-4 {
  left: 45.2vw;
  top: 40.08vw;
}

/* 第一屏fn3动画 */
.banner-screen-1.active .banner-title,
.banner-screen-1.active .banner-subtitle {
  animation: fn3 1.2s cubic-bezier(0.49, 0.54, 0.16, 1) forwards;
  opacity: 0;
  transform: matrix(1, -0.1, 0, 1, 0, -20);
}

@keyframes fn3 {
  0% {
    opacity: 0;
    transform: matrix(1, -0.1, 0, 1, 0, -20);
  }

  100% {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

/* 修复滚动动画的初始状态 */
.sustainability-animation-container.scroll-animate {
  visibility: visible;
  opacity: 1;
}

/* 莱巍爵荣誉跑马灯样式 */
.honors-container {
  position: relative;
  overflow: hidden;
  left: 0;
  top: 12.5vw;
  width: 100%;
  height: 25vw;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}

.honors-marquee {
  display: flex;
  animation: marquee 30s linear infinite;
  width: max-content;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.honors-container:hover .honors-marquee {
  animation-play-state: paused;
}

/* 轮播图箭头状态控制 */
.swiper-button-disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* 所获奖项轮播修复 */
.awards-swiper .swiper-wrapper {
  justify-content: flex-start;
}

/* 外部链接样式 */
.external-link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.external-link:hover {
  text-decoration: none;
  color: inherit;
}

/* 可持续服务实践链接样式 */
.practice-images-group a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .honors-marquee {
    animation-duration: 20s;
  }
}