* {
  font-family: "HarmonyOS Sans SC";
}

.slideInDownInit {
  -webkit-transform: translateY(32px);
  transform: translateY(32px);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  transition-delay: 0.2s;
}

.slideInDown {
  opacity: 1 !important;
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

.scaleInit {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
}

/* 图片样式 */
.goods-section img {
  width: 100% !important;
  margin: 0 !important;
}

.backgroundPicture {
  width: 100%;
}

:root {
  --bgc-FFFFFF: #ffffff;
  --bgc-000000: #000000;
  --bgc-737373: #737373;
  --bgc-F9FAFB: #f9fafb;
  --bgc-4788ff: #4788ff;
  --bgc-838383: #838383;
  --bgc-D4D4D4: #d4d4d4;
  --bgc-393939: #393939;
  --font-16: clamp(14px, 1vw, 16px);
  --font-20: clamp(16px, 1.1vw, 20px);
  --font-24: clamp(18px, 1.3vw, 24px);
  --font-32: clamp(16px, 1.7vw, 32px);
  --font-36: clamp(20px, 1.9vw, 36px);
  --font-48: clamp(24px, 2.6vw, 48px);
  --font-98: clamp(49px, 5.2vw, 98px);
}

.goods-section {
  background-size: cover;
  line-height: normal;
  position: relative;
  display: flex;
  justify-content: center;
}
.section-con {
  position: absolute;
  z-index: 4;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 840px;
}

.section-1 .section-con {
  display: flex;
  flex-direction: column;
  padding-top: clamp(100px, 11vw, 200px);
}

.section-1 .section-con .section-con-text1 {
  font-size: var(--font-24);
  color: var(--bgc-FFFFFF);
  font-weight: lighter;
  letter-spacing: 2px;
}

.section-1 .section-con .section-con-text2 {
  font-size: var(--font-98);
  color: var(--bgc-FFFFFF);
  font-weight: bold;
  line-height: 1;
}

.section-1 .section-con .section-con-text3 {
  font-size: var(--font-24);
  color: var(--bgc-FFFFFF);
  font-family: "鸿蒙黑体";
  margin-top: clamp(8px, 0.7vw, 12px);
  letter-spacing: 4px;
}

.section-1 .section-con .item-text {
  font-size: var(--font-16);
  color: var(--bgc-FFFFFF);
  margin-top: clamp(8px, 0.7vw, 12px);
}

.section-1 .section-con-text4 {
  display: flex;
  flex-direction: column;
  padding-top: clamp(100px, 5.2vw, 100px);
  display: none;
}

.section-1 .section-con .section-img-item {
  text-align: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 360px;
  height: 100%;
  align-items: center;
  justify-items: center;
}

.section-1 .section-con .section-text-item {
  text-align: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 360px;
  height: 100%;
}

.section-1 .section-con .item-img {
  max-width: 50px;
}

.section-1 .section-con .item-img img {
  width: 100% !important;
}

.section-2 {
  display: flex;
  justify-content: center;
  padding: clamp(50px, 5.2vw, 100px) 0;
}

.section-2 .section-con {
  position: relative;
}

.section-2 .section-con-text4 {
  display: flex;
  flex-direction: column;
  padding-bottom: clamp(100px, 5.2vw, 100px);
  font-size: var(--font-20);
}

.section-2 .section-con .section-img-item {
  text-align: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: 100%;
  align-items: center;
  justify-items: center;
}

.section-2 .section-con .section-text-item {
  text-align: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: 100%;
  margin-top: clamp(10px, 1vw, 20px);
}

.section-2 .section-con .item-img {
  max-width: 80px;
}

.section-2 .section-con .item-img img {
  width: 100% !important;
}

.section-2 .basicTitle {
  font-size: var(--font-48);
  color: var(--bgc-000000);
  font-weight: bold;
  text-align: center;
  letter-spacing: 1.8vw;
  display: none;
}

.section-2 .goods-parameter {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  justify-items: center;
  text-align: center;
  border: 5px solid var(--bgc-D4D4D4);
  border-radius: 20px;
  grid-template-columns: 1fr 2fr 1fr;
  padding: clamp(25px, 7vw, 55px) clamp(20px, 6vw, 45px);
}

.section-2 .goods-title {
  font-size: var(--font-36);
  color: var(--bgc-000000);
  font-weight: bold;
}

.section-2 .goods-subtitle {
  font-size: var(--font-20);
  color: var(--bgc-737373);
  margin-top: clamp(8px, 0.7vw, 12px);
}

.section-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: clamp(90px, 9.3vw, 180px) 0;
  background-color: var(--bgc-F9FAFB);
}

.section-3 .section-con {
  position: relative;
}

.section-3 .basicTitle {
  font-size: var(--font-48);
  color: var(--bgc-000000);
  font-weight: bold;
  text-align: center;
}

:lang(zh).section-3 .basicTitle {
  letter-spacing: 1.8vw;
}

.section-3 .section-detail-box {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  text-align: center;
  margin-top: clamp(50px, 5.2vw, 100px);
}

.section-3 .bottomBox {
  display: flex;
  flex-direction: column;
}

.section-3 .bottomBoxHr {
  width: 1px;
  height: clamp(25px, 2.5vw, 50px);
  background-color: var(--bgc-838383);
}

.section-3 .bottomBoxText {
  font-size: var(--font-36);
  color: var(--bgc-4788ff);
}

.section-3 .minText {
  font-size: var(--font-20);
}

.section-3 .bottomBoxSubText {
  font-size: var(--font-16);
  color: var(--bgc-737373);
  margin-top: clamp(4px, 0.5vw, 8px);
}

@media screen and (max-width: 1200px) {
  .section-con {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-1 .section-con {
    padding-top: clamp(50px, 6vw, 150px);
  }
}

@media screen and (max-width: 750px) {
  .section-1 .section-con {
    padding-top: clamp(100px, 28vw, 200px);
  }

  .section-1 .section-con-text4 {
    padding-top: 0;
    position: absolute;
    bottom: clamp(100px, 28vw, 200px);
    width: 90%;
    display: block;
  }

  .section-2 .section-con-text4 {
    display: none;
  }

  .section-1 .section-con .section-img-item,
  .section-1 .section-con .section-text-item {
    width: 100%;
    max-width: 100%;
  }

  .section-1 .section-con .item-text {
    font-size: var(--font-32);
    color: var(--bgc-393939);
  }

  .section-1 .section-con .section-con-text3 {
    letter-spacing: 0px;
  }

  .section-2 {
    padding: clamp(100px, 26vw, 200px) 0;
  }

  .section-2 .basicTitle {
    display: block;
    padding-bottom: clamp(45px, 13vw, 90px);
  }

  .section-2 .goods-parameter {
    border: 2px solid var(--bgc-D4D4D4);
  }

  .section-2 .goods-title {
    font-size: var(--font-48);
  }

  .section-3 .bottomBoxHr {
    display: none;
  }

  .section-3 .section-detail-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(50px, 5.2vw, 100px);
  }

  .section-3 .bottomBox-span {
    grid-column: span 2;
  }
}