.csr_customer_title {
  background: #00ac7c;
}
.csr_consumer_bg {
  background: #e5f4ee;
}
.csr_employee_item01 {
  align-items: center;
}
/* .csr_responsibility_deails_box .csr_contribution_education_img_box_items span .img_title::before {
  background-image: url("/csr/css/icon/P54-icon-03.svg") !important;
} */
.csr_responsibility_deails_box span.img_title::before {
  background-image: url("/csr/css/icon/P54-icon-03.svg");
}
.csr_employee_img_items01 {
  width: auto;
  margin-right: 2%;
}
.csr_employee_img_items02 {
  width: auto;
  align-items: flex-end;
}
.csr_global_talent_img_box {
  max-width: 1520px;
  margin-left: auto;
  margin-right: auto;
}
.csr_employee_health_img_box {
  max-width: 1000px;
}
.csr_employee_care_img_box {
  max-width: 1025px;
}
.csr_overview_page11 .swiper-pagination-bullet-active {
  background: #00ac7c !important;
}
.csr_consumer_title_h1 {
  background: #e5f4ef;
}
.health_img_box_csr {
  max-width: 1000px;
  margin: 30px auto;
  width: 100%;
}
.csr_health_img_box_items {
  width: 49%;
  margin-bottom: 3%;
  margin-right: 2%;
}
.csr_health_img_box_items:nth-child(2n) {
  margin-right: 0%;
}

.credibility_activity_box img {
  width: 100%;
}

.credibility_activity_box {
  margin-bottom: 50px;
}

.credibility_p_set {
  align-items: center;
}

.credibility_activity_title h2 {
  font-size: 18px;
  font-weight: 550;
  color: #333333;
  margin-bottom: 20px;
  padding-top: 30px;
}

.credibility_activity_title p {
  font-size: 16px;
  color: #666666;
  line-height: 1.6;
}

.credibility_activity_deatil {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 20px 40px;
  background-color: #e0ecf2;
  margin-bottom: 2%;
  width: 100%;
}

.credibility_activity_deatil div {
  width: 48%;
}

.item_new_set {
  margin-right: 1%;
}
.condolence-container {
  display: flex;
  flex-wrap: wrap; /* 允许换行 */
  width: 100%;
  gap: 20px; /* 项目间距 */
  box-sizing: border-box;
  margin: 0 auto; /* 居中 */
}

.condolence-container-column {
  flex: 1 0 calc(33.333% - 40px); /* 3列布局减去间距 */
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 250px; /* 防止在窄屏过度压缩 */
  box-sizing: border-box;
}

/* 图片自适应优化 */
.condolence-container-column img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

/* 文字样式优化 */
.bullet-point {
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

@media screen and (min-width: 975px) and (max-width: 1586px) {
  .csr_employee_img_items01 {
    margin-bottom: 2%;
    margin-right: 0%;
  }
}
@media screen and (max-width: 974px) {
  .item_new_set {
    margin-right: 0%;
    margin-bottom: 30px;
  }

  .credibility_activity_deatil div {
    width: 100%;
    margin-bottom: 30px;
  }

  .credibility_activity_deatil {
    margin-bottom: 30px;
  }

  .csr_employee_img_items01 {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-bottom: 4%;
  }
  .csr_employee_img_items02 {
    width: 100%;
    text-align: center;
    display: block;
  }
  .csr_health_img_box_items {
    width: 100%;
    margin-bottom: 4%;
    margin-right: 0;
  }
}

/* CSR 故事视频 20231207 Start*/
:root {
  --csr_story_box_bg_color: #e5f4ee;
  --csr_story_title_green: #00ac7c;
}
/* CSR 故事视频 End */
/* 移动端响应式调整 (屏幕宽度 < 768px) */
@media (max-width: 974px) {
  .condolence-container {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }

  /* 首项满屏 */
  .condolence-container-column:first-child {
    width: 100%;
    flex: 0 0 100%;
    order: 1; /* 保持第一项在最上方 */
  }

  /* 创建第二行容器 */
  .condolence-container::after {
    content: "";
    display: flex;
    width: 100%;
    order: 2;
  }

  /* 第二、三项并排 */
  .condolence-container-column:nth-child(2),
  .condolence-container-column:nth-child(3) {
    flex: 1 0 calc(50% - 30px); /* 两列布局 */
    min-width: auto;
    order: 3; /* 放在伪元素创建的容器下方 */
    margin: 0 !important;
  }
}

/* 移动端响应式调整 (屏幕宽度 < 768px) */
@media (max-width: 768px) {
  .condolence-container {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }

  /* 首项满屏 */
  .condolence-container-column:first-child {
    width: 100%;
    flex: 0 0 100%;
    order: 1; /* 保持第一项在最上方 */
  }

  /* 创建第二行容器 */
  .condolence-container::after {
    content: "";
    display: flex;
    width: 100%;
    order: 2;
  }

  /* 第二、三项并排 */
  .condolence-container-column:nth-child(2),
  .condolence-container-column:nth-child(3) {
    flex: 1 0 calc(50% - 30px); /* 两列布局 */
    min-width: auto;
    order: 3; /* 放在伪元素创建的容器下方 */
    margin: 0 !important;
  }
}