.max-pic {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.common-detail-pro-section1 {
  padding-top: max(var(--space), 1.27rem);
  /* 2025-9-5 修改 */
  margin-top: var(--header-height);
}
.common-detail-pro-section1 .text-container {
  text-align: center;
  overflow-wrap: break-word;
  margin-bottom: max(0.4rem, 20px);
}
.common-detail-pro-section1 .section-title {
  font-weight: bold;
  font-size: var(--font30);
  color: #333333;
  line-height: 1;
  margin-bottom: max(0.16rem, 10px);
}
.common-detail-pro-section1 .section-sub-title {
  font-weight: bold;
  font-size: var(--font60);
  color: #333333;
  margin-bottom: max(0.19rem, 10px);
  line-height: 1;
}
.common-detail-pro-section1 .section-min-text {
  font-weight: bold;
  color: #333333;
  /* 8-29 font */
  font-size: var(--font16);
  line-height: 1.5;
}
.common-detail-pro-section2 {
  position: relative;
}
.common-detail-pro-section2 .text-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 10.54945055%;
  overflow-wrap: break-word;
  z-index: 1;
}
.common-detail-pro-section2 .text-container .pro-title {
  font-weight: bold;
  font-size: var(--font60);
  color: #333333;
  line-height: 1;
}
/* 8-29 font */
.common-detail-pro-section2 .text-container .pro-title-en {
  color: rgba(34, 34, 34, 0.7);
  margin-top: 11px;
  font-size: var(--font16);
  line-height: 1.5;
}
/* 8-29 font */
.common-detail-pro-section2 .text-container .pro-desc {
  font-weight: 400;
  color: #222222;
  margin-top: 0.55rem;
  font-size: var(--font16);
  line-height: 1.5;
}
.common-detail-pro-section3 {
  padding-top: max(1.18rem, var(--space));
  padding-bottom: max(0.78rem, 30px);
}
.common-detail-pro-section3 .pro-title {
  font-weight: bold;
  font-size: var(--font60);
  color: #333333;
  line-height: 1;
  overflow-wrap: break-word;
}
/* 8-29 font */
.common-detail-pro-section3 .pro-desc {
  font-weight: 500;
  color: #333333;
  overflow-wrap: break-word;
  margin-top: max(0.15rem, 10px);
  font-size: var(--font16);
  line-height: 1.5;
}
.common-detail-pro-section3 .pro-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: max(30px, 0.7rem);
}
.common-detail-pro-section3 .pro-content .pic {
  width: 100%;
  flex-shrink: 0;
  position: relative;
}
.common-detail-pro-section3 .pro-content .pic:hover .play {
  opacity: 1;
}
.common-detail-pro-section3 .pro-content .pic::after {
  content: "";
  display: block;
  padding-bottom: 54.8212351%;
}
.common-detail-pro-section3 .pro-content .pic .poster {
  user-select: none;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: var(--duration);
}
.common-detail-pro-section3 .pro-content .pic .play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  user-select: none;
  cursor: pointer;
  opacity: 0.4;
  transition: var(--duration);
}
.common-detail-pro-section4 {
  padding-top: max(0.78rem, 30px);
}
.common-detail-pro-section4 .section-title {
  font-weight: bold;
  font-size: var(--font60);
  color: #333333;
  overflow-wrap: break-word;
  line-height: 1;
}
/* 8-29 font */
.common-detail-pro-section4 .section-desc {
  font-weight: 500;
  color: #333333;
  overflow-wrap: break-word;
  margin-top: max(0.15rem, 10px);
  font-size: var(--font16);
  line-height: 1.5;
}
.common-detail-pro-section4 .pic {
  margin-top: 32px;
}
.common-detail-pro-section5 {
  position: relative;
}
.common-detail-pro-section5 .text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 13.4375%;
  z-index: 2;
}
.common-detail-pro-section5 .text .section-title {
  line-height: 1;
  font-weight: bold;
  font-size: var(--font60);
  color: #ffffff;
  margin-bottom: max(0.18rem, 10px);
  overflow-wrap: break-word;
}
/* 8-29 font */
.common-detail-pro-section5 .text .section-desc {
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #ffffff;
  overflow-wrap: break-word;
  font-size: var(--font16);
  line-height: 1.5;
}
.rx1e-s-page .pro-section4 .pic {
  margin-top: max(0.9rem, 35px);
}
.rx1e-s-page .pro-section5 .text {
  top: 7.29166667%;
}
.rx1e-s-page .pro-section5 .text .section-title {
  line-height: 1.15;
}
/* pro-zg-page  */
.pro-zg-page .section1 {
  padding-top: max(1.19rem, var(--space-min));
}
.pro-zg-page .section1 .text {
  margin-bottom: max(0.3rem, 20px);
}
.pro-zg-page .section1 .text .title {
  font-weight: bold;
  font-size: var(--font30);
  color: #333333;
  line-height: 1;
  text-align: center;
}
.pro-zg-page .section1 .text .sub-title {
  line-height: 1;
  font-weight: bold;
  font-size: var(--font60);
  color: #333333;
  margin-top: max(0.16rem, 10px);
  text-align: center;
}
.pro-zg-page .section1 .text .min-text {
  font-weight: bold;
  font-size: var(--font24);
  color: #333333;
  text-align: center;
  margin-top: max(0.18rem, 10px);
}
.common-detail-pro-section6 {
  padding-top: max(0.84rem, var(--space-min));
  padding-bottom: max(1.09rem, var(--space-min));
}
.common-detail-pro-section6 .section2-wrap .text .title {
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: var(--font60);
  color: #333333;
  line-height: 1;
  margin-bottom: max(0.34rem, 15px);
  overflow-wrap: break-word;
}
/* 8-29 font */
.common-detail-pro-section6 .section2-wrap .text .desc {
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #222222;
  font-size: var(--font16);
  line-height: 1.5;
}
.common-detail-pro-section6 .section2-wrap .pic {
  margin-top: max(20px, 0.32rem);
}
.common-detail-pro-section6 .section2-wrap .pic img {
  display: block;
  max-width: 100%;
  height: auto;
}
.pro-zg-page .section3 {
  padding-bottom: 1.87rem;
}
.pro-zg-page .section3 .text .title {
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: var(--font60);
  color: #333333;
  line-height: 1.2;
  margin-bottom: max(0.15rem, 10px);
}
.pro-zg-page .section3 .text .desc {
  font-weight: 500;
  font-size: var(--font24);
  color: #333333;
  line-height: 1.25;
}
.pro-zg-page .section3 .pic {
  margin-top: max(20px, 0.47rem);
}
.pro-zg-page .section3 .pic img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
}
.common-detail-pro-section7 {
  padding-top: max(0.6rem, 35px);
  padding-bottom: max(0.6rem, 35px);
}
.common-detail-pro-section7 .text {
  margin-bottom: max(0.36rem, 20px);
}
.common-detail-pro-section7 .text .title {
  font-weight: bold;
  font-size: var(--font60);
  color: #333333;
  line-height: 1.2;
  margin-bottom: max(0.15rem, 10px);
}
/* 8-29 font */
.common-detail-pro-section7 .text .desc {
  font-weight: 500;
  color: #333333;
  font-size: var(--font16);
  line-height: 1.5;
}
.common-detail-pro-section7 .pic img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.pro-zg-page .section4 {
  margin-bottom: max(30px, 0.89rem);
}
.pro-zg-page .section5 {
  margin-bottom: max(1.09rem, 30px);
}
.pro-zg-page .section5 .text .desc {
  font-size: var(--font18);
}
/* pro-zg-t6-page */
.pro-zg-t6-page .section1 {
  margin-bottom: max(30px, 0.84rem);
  padding-top: max(1.14rem, 30px);
}
.pro-zg-t6-page .section1 .text {
  margin-bottom: max(0.71rem, 20px);
}
.pro-zg-t6-page .section1 .text .title {
  line-height: 1.2;
  font-weight: bold;
  font-size: var(--font30);
  color: #333333;
  text-align: center;
}
.pro-zg-t6-page .section1 .text .sub-title {
  font-weight: bold;
  font-size: var(--font60);
  color: #333333;
  line-height: 1.2;
  margin-top: max(10px, 0.18rem);
  text-align: center;
}
.pro-zg-t6-page .section1 .pic img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.pro-zg-t6-page .section2 {
  margin-bottom: max(1.05rem, 30px);
}
.pro-zg-t6-page .section2 .text {
  margin-bottom: max(20px, 0.58rem);
}
.pro-zg-t6-page .section2 .text .title {
  font-weight: bold;
  font-size: var(--font60);
  color: #333333;
  overflow-wrap: break-word;
  line-height: 1.2;
  margin-bottom: max(0.32rem, 15px);
}
.pro-zg-t6-page .section2 .text .desc {
  font-weight: 400;
  font-size: var(--font16);
  color: #222222;
}
.pro-zg-t6-page .section2 .pic img {
  display: block;
  max-width: 100%;
  height: auto;
}
.pro-zg-t6-page .section3 {
  margin-bottom: max(30px, 1.24rem);
}
.pro-zg-t6-page .section3 .text {
  margin-bottom: max(1.04rem, 20px);
}
.pro-zg-t6-page .section3 .text .title {
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: var(--font60);
  color: #333333;
  text-align: left;
  margin-bottom: max(0.15rem, 10px);
}
.pro-zg-t6-page .section3 .text .desc {
  font-weight: 500;
  font-size: var(--font24);
  color: #333333;
  line-height: 1.25;
}
.pro-zg-t6-page .section3 .pic .max-pic-wrap {
  display: flex;
  align-items: flex-start;
  margin-left: auto;
}
.pro-zg-t6-page .section3 .pic .max-pic-wrap .main {
  margin-left: auto;
  margin-right: 2.08rem;
  flex: 1;
  margin-bottom: max(0.46rem, 20px);
}
.pro-zg-t6-page .section3 .pic .max-pic-wrap .main img {
  display: block;
  max-width: 100%;
  height: auto;
}
.pro-zg-t6-page .section3 .pic .max-pic-wrap .modify {
  width: max(1.19rem, 90px);
  flex-shrink: 0;
}
.pro-zg-t6-page .section3 .pic .pic-wrap img {
  display: block;
  max-width: 100%;
  height: auto;
}
.pro-zg-t6-page .section3 .pic .pic-wrap img:not(:last-child) {
  margin-bottom: max(0.45rem, 20px);
}
.pro-zg-t6-page .section4 .section4-wrap .text .title {
  font-weight: bold;
  font-size: var(--font60);
  color: #333333;
  overflow-wrap: break-word;
  line-height: 1.2;
  margin-bottom: max(0.18rem, 10px);
}
.pro-zg-t6-page .section4 .section4-wrap .text .desc {
  font-weight: 500;
  font-size: var(--font18);
  color: #333333;
  line-height: 1.66666667;
  overflow-wrap: break-word;
}
.pro-zg-t6-page .section4 .section4-wrap .pic {
  margin-top: max(0.85rem, 20px);
}
.pro-zg-t6-page .section4 .section4-wrap .pic img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  :root {
    --phone-title: 24px;
    --line-height: 1.5;
  }
  .common-detail-pro-section1 .section-title {
    font-size: 18px;
  }
  .common-detail-pro-section1 .section-sub-title {
    font-size: var(--phone-title);
  }
  .common-detail-pro-section2 .text-container .pro-title {
    font-size: var(--phone-title);
  }
  .common-detail-pro-section3 .pro-title {
    font-size: var(--phone-title);
  }
  .common-detail-pro-section3 .pro-desc {
    font-size: 14px;
  }
  .common-detail-pro-section3 .pro-content .pic .play {
    width: 60px;
  }
  .common-detail-pro-section4 .section-title {
    font-size: var(--phone-title);
  }
  .common-detail-pro-section4 .section-desc {
    font-size: 14px;
  }
  .common-detail-pro-section5 .text .section-title {
    font-size: var(--phone-title);
  }
  .common-detail-pro-section5 .text .section-desc {
    font-size: 14px;
  }
  /* zg-one-page */
  .pro-zg-page .section1 .text .title {
    font-size: 18px;
  }
  .pro-zg-page .section1 .text .sub-title {
    font-size: var(--phone-title);
  }
  .common-detail-pro-section6 .section2-wrap .text .title {
    font-size: var(--phone-title);
  }
  .pro-zg-page .section3 .text .title {
    font-size: var(--phone-title);
  }
  .pro-zg-page .section3 .text .desc {
    font-size: var(--font18);
  }
  .common-detail-pro-section7 .text .title {
    font-size: var(--phone-title);
  }
  .common-detail-pro-section7 .text .desc {
    font-size: var(--font18);
  }
  /* pro-zg-t6-page  */
  .pro-zg-t6-page .section1 .text .title {
    font-size: var(--font26);
  }
  .pro-zg-t6-page .section1 .text .sub-title {
    font-size: var(--phone-title);
  }
  .pro-zg-t6-page .section2 .text .title {
    font-size: var(--phone-title);
  }
  .pro-zg-t6-page .section3 .text .title {
    font-size: var(--phone-title);
  }
  .pro-zg-t6-page .section3 .text .desc {
    font-size: var(--font18);
  }
  .pro-zg-t6-page .section4 .section4-wrap .text .title {
    font-size: var(--phone-title);
  }
  .common-detail-pro-section5 .text {
    top: 7.5%;
  }
  .common-detail-pro-section2 .text-container .pro-desc,
  .common-detail-pro-section3 .pro-desc,
  .common-detail-pro-section4 .section-desc,
  .common-detail-pro-section5 .text .section-desc,
  .common-detail-pro-section6 .section2-wrap .text .desc,
  .pro-zg-page .section3 .text .desc,
  .common-detail-pro-section7 .text .desc,
  .pro-zg-t6-page .section2 .text .desc,
  .pro-zg-t6-page .section3 .text .desc {
    line-height: var(--line-height);
  }
}
@media (max-width: 576px) {
  :root {
    --phone-title: 20px;
  }
  .common-detail-pro-section2 .text-container {
    position: static;
    transform: translateX(0);
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .common-detail-pro-section3 .pro-content {
    flex-wrap: wrap;
  }
  .common-detail-pro-section3 .pro-content .pic {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .common-detail-pro-section3 .pro-content .pic .play {
    width: 45px;
  }
  .common-detail-pro-section3 .pro-content .modify {
    margin-left: auto;
    margin-right: auto;
    order: -1;
    margin-bottom: 15px;
  }
  .common-detail-pro-section5 .text {
    position: static;
    padding-top: 0;
    padding-bottom: 0;
    transform: translateX(0);
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .common-detail-pro-section5 .text .section-title {
    color: #333;
  }
  .common-detail-pro-section5 .text .section-desc {
    color: #333;
  }
  /* pro-zg-t6-page  */
  .pro-zg-t6-page .section3 .pic .max-pic-wrap {
    flex-wrap: wrap;
  }
  .pro-zg-t6-page .section3 .pic .max-pic-wrap .main {
    flex: none;
    width: 100%;
    order: 1;
    margin-left: auto;
    margin-right: auto;
  }
  .pro-zg-t6-page .section3 .pic .max-pic-wrap .modify {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}
