/* 设置根字体大小为37.5px，作为rem转换基准 */
html {
  font-size: 37.5px;
}

.page {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
}

.section_1 {
  background-color: rgba(255, 255, 255, 1);
  width: 100%;
}
.white{
  color: #fff;
}
.group_1 {
  position: relative;
  width: 100%;
}

.container {
  width: 100%;
  max-width: 32rem;
  margin: 0 auto;
  padding: 0 0.4267rem;
  box-sizing: border-box;
}
.container1 {
  width: 100%;
  max-width: 32rem;
  margin: 0 auto;
  padding: 0 0.2267rem;

}
.group_2 {
  width: 100%;
  height: 1.6rem;
  margin: 0.8rem auto 0;
}

.image_1 {
  width: 1.6rem;
  height: 1.6rem;
}

.website {
  width: 6.4rem;
  height: 1.6rem;
}

.image-wrapper_1 {
  width: 3.6267rem;
  height: 1.44rem;
  margin: 0.1333rem 0 0 0.5067rem;
}

.image_2 {
  width: 3.6rem;
  height: 0.8rem;
}

.image_3 {
  width: 3.6267rem;
  height: 0.5333rem;
  margin-top: 0.1067rem;
}

.block_1 {
  height: 1.1467rem;
  width: 3.84rem;
  position: relative;
  margin-left: auto;
}

.telephone {
  width: 100%;
  height: 100%;
}

.text_1 {
  width: 2.64rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.5867rem;
  font-family: DINCondensed-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 0.64rem;
  margin: 0.32rem 0 0 0.8533rem;
}

.image-wrapper_2 {
  background-color: rgba(231, 34, 28, 1);
  border-radius: 50%;
  height: 1.28rem;
  border: 0.0533rem solid rgba(231, 34, 28, 1);
  width: 1.28rem;
  position: absolute;
  left: -0.64rem;
  top: 0;
}

.label_1 {
  width: 0.64rem;
  height: 0.64rem;
  margin: 0.32rem 0 0 0.2667rem;
}

.group_3 {
  background-image: url(./img/swiper.png);
  width: 100%;
  height: 8.5333rem;
  margin-top: 0.8rem;
  background-size: 100% 100%;
}

.banner-inner {
  max-width: 32rem;
  margin: 0 auto;
  height: 8.5333rem;
  position: relative;
}

.swipet-img {
  position: absolute;
  right: 0.1rem;
  bottom: 0.8rem;
  width: 14rem;
  height: 6.7667rem;
}
.xgplayer-skin-default {
  width: 14rem !important;
  height: 6.7667rem !important;
}
.xgplayer-poster{
  background-size: 100% 100% !important;
}
.text_2 {
  width: 11.52rem;
  height: 1.44rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.44rem;
  font-family: AlimamaShuHeiTi-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.44rem;
  margin: 1.3333rem 0 0 0;
}

.text_3 {
  width: 9.7867rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  font-family: AlimamaShuHeiTi-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.48rem;
  margin: 0.8rem 0 0 0;
}

.section_2 {
  width: 12.8rem;
  height: 2.56rem;
  margin: 1.3867rem 0 0.5333rem 0;
}

.group_4 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0.16rem;
  width: 2.1333rem;
  height: 2.56rem;
  border: 0.0267rem solid rgba(255, 255, 255, 1);
}

.label_2 {
  width: 0.8rem;
  height: 0.96rem;
  margin: 0.4267rem 0 0 0.6667rem;
}

.text_4 {
  width: 1.4933rem;
  height: 0.3733rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.3733rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 0.3733rem;
  margin: 0.4267rem 0 0.3733rem 0.32rem;
}

.group_5 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0.16rem;
  width: 2.1333rem;
  height: 2.56rem;
  border: 0.0267rem solid rgba(255, 255, 255, 1);
  margin-left: 0.5333rem;
}

.label_3 {
  width: 0.96rem;
  height: 0.96rem;
  margin: 0.4267rem 0 0 0.5867rem;
}

.text_5 {
  width: 1.4933rem;
  height: 0.3733rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.3733rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 0.3733rem;
  margin: 0.4267rem 0 0.3733rem 0.32rem;
}

.group_6 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0.16rem;
  width: 2.1333rem;
  height: 2.56rem;
  border: 0.0267rem solid rgba(255, 255, 255, 1);
  margin-left: 0.5333rem;
}

.label_4 {
  width: 0.96rem;
  height: 0.96rem;
  margin: 0.4267rem 0 0 0.5867rem;
}

.text_6 {
  width: 1.4933rem;
  height: 0.3733rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.3733rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 0.3733rem;
  margin: 0.4267rem 0 0.3733rem 0.32rem;
}

.group_7 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0.16rem;
  width: 2.1333rem;
  height: 2.56rem;
  border: 0.0267rem solid rgba(255, 255, 255, 1);
  margin-left: 0.5333rem;
}

.label_5 {
  width: 0.96rem;
  height: 0.96rem;
  margin: 0.4267rem 0 0 0.5867rem;
}

.text_7 {
  width: 1.4933rem;
  height: 0.3733rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.3733rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 0.3733rem;
  margin: 0.4267rem 0 0.3733rem 0.32rem;
}

.group_8 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0.16rem;
  width: 2.1333rem;
  height: 2.56rem;
  border: 0.0267rem solid rgba(255, 255, 255, 1);
  margin-left: 0.5333rem;
}

.label_6 {
  width: 0.96rem;
  height: 0.9067rem;
  margin: 0.4533rem 0 0 0.5867rem;
}

.text_8 {
  width: 1.4933rem;
  height: 0.3733rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.3733rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 0.3733rem;
  margin: 0.4533rem 0 0.3733rem 0.32rem;
}

.group_9 {
  background-color: rgba(237, 240, 243, 1);
  width: 100%;
  height: 1.7067rem;
  /* margin: 0 auto; */
}

.label_7 {
  width: 0.64rem;
  height: 0.64rem;
  margin: 0.5333rem 0 0 0;
}

.text_9 {
  width: 13.4933rem;
  height: 0.4rem;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.4rem;
  font-family: AlimamaShuHeiTi-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.4rem;
  margin: 0.64rem 0 0 0.2667rem;
}

.thumbnail_1 {
  width: 0.2667rem;
  height: 0.2667rem;
  margin: 0.72rem 0 0 -8.3467rem;
}

.image_4 {
  width: 5.7067rem;
  height: 0.64rem;
  margin: 0.5333rem 0 0 0.3467rem;
}

.text_10 {
  width: 2.9867rem;
  height: 0.7467rem;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.7467rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: justify;
  white-space: nowrap;
  line-height: 0.7467rem;
  margin: 1.6rem 0 0 0;
}

.text_11 {
  width: 100%;
  /* height: 2.24rem; */
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.3733rem;
  font-family: PingFangSC-Regular;
  text-align: justify;
  line-height: 0.7467rem;
  margin: 0.8rem 0 0 0;
}

.group_10 {
  flex: 1;
  /* width: 100%; */
  height: 28.0533rem;
  margin: 0;
  padding-left: 1.0667rem;
}

.section_3 {
  width: 3.0933rem;
  height: 17.3867rem;
  margin-top: 10.0533rem;
}

.section_4 {
  background-color: rgba(231, 34, 28, 1);
  width: 3.0933rem;
  height: 2.3467rem;
}

.section_5 {
  background-color: #333;
  width: 3.0933rem;
  height: 2.3467rem;
  margin-top: 12.6933rem;
}

.section_6 {
  width: 3.0933rem;
  height: 26.5333rem;
  margin: 0.8533rem 0 0 9.7067rem;
}

.group_11 {
  background-color: rgba(237, 240, 243, 1);
  width: 3.0933rem;
  height: 2.3467rem;
}

.group_12 {
  background-color: rgba(237, 240, 243, 1);
  width: 3.0933rem;
  height: 2.3467rem;
  margin-top: 6.8rem;
}

.group_13 {
  background-color: rgba(237, 240, 243, 1);
  width: 3.0933rem;
  height: 2.3467rem;
  margin-top: 3.5467rem;
}

.group_14 {
  background-color: rgba(237, 240, 243, 1);
  width: 3.0933rem;
  height: 2.3467rem;
  margin-top: 6.8rem;
}

.text-wrapper_1 {
  width: 100%;
  height: 28.0533rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: justify;
  line-height: 0.7467rem;
}

.text_12 {
  /* width: 12.2667rem; */
  height: 28.0533rem;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.3733rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 0.7467rem;
}

.paragraph_1 {
  /* width: 12.2667rem; */
  height: 28.0533rem;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.3733rem;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 0.7467rem;
}

.paragraph_2 {
  display: flex;
  flex-direction: column;
  /* width: 12.2667rem; */
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.32rem;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 0.64rem;
}

.paragraph_3 {
  /* width: 12.2667rem; */
  height: 28.0533rem;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.3733rem;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 0.64rem;
}

.paragraph_4 {
  /* width: 12.2667rem; */
  height: 28.0533rem;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.3733rem;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 0.7467rem;
}

.text_13 {
  /* width: 12.2667rem; */
  margin-top: 0.8rem;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.3733rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 0.7467rem;
}

.paragraph_5 {
  /* width: 12.2667rem; */
  height: 28.0533rem;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.3733rem;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 0.7467rem;
}

.paragraph_6 {
  /* width: 12.2667rem; */
  display: flex;
  flex-direction: column;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.32rem;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 0.64rem;
}

.paragraph_7 {
  /* width: 12.2667rem; */
  height: 28.0533rem;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.3733rem;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 0.64rem;
}

.paragraph_8 {
  /* width: 12.2667rem; */
  height: 28.0533rem;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.3733rem;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 0.7467rem;
}

.text_14 {
  /* width: 12.2667rem; */
  margin-top: 0.8rem;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.3733rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 0.7467rem;
}

.paragraph_9 {
  /* width: 12.2667rem; */
  height: 28.0533rem;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.3733rem;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 0.7467rem;
}

.paragraph_10 {
  /* width: 12.2667rem; */
  display: flex;
  flex-direction: column;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.32rem;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 0.64rem;
}

.text-wrapper_2 {
  background-image: url(./img/intro.png);
  width: 100%;
  height: 12.8rem;
  margin: 1.8933rem 0 0.0267rem 0;
}

.text_15 {
  width: 32rem;
  height: 0.7467rem;
  overflow-wrap: break-word;
  color: #333;
  font-size: 0.7467rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: justify;
  white-space: nowrap;
  line-height: 0.7467rem;
  margin: 1.6rem auto 0;
}

.paragraph_11 {
  width: 32rem;
  color: #333;
  font-size: 0.3733rem;
  font-family: PingFangSC-Regular;
  overflow-wrap: break-word;
  line-height: 0.7467rem;
  margin: 0.6rem auto;
}

.group_15 {
  box-shadow: 0px 0.0533rem 0.2133rem 0px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 1);
  height: 8rem;
  width: 14.1333rem;
  position: absolute;
  left: 27.2rem;
  top: 4.8rem;
}

.group_16 {
  background-image: url(./img/0d6aafb859b34312a142ffc8d4ff60de_mergeImage.png);
  width: 14.1333rem;
  height: 8rem;
}

.text-wrapper_3 {
  background-color: rgba(231, 34, 28, 1);
  height: 1.28rem;
  width: 14.0533rem;
  position: absolute;
  left: 9.6rem;
  top: 19.9733rem;
}

.text_16 {
  width: 6rem;
  height: 0.56rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: justify;
  white-space: nowrap;
  line-height: 0.56rem;
  margin: 0.3467rem 0 0 0.48rem;
}

.image_5 {
  width: 100%;
  height: auto;
  margin-bottom: 2.6667rem;
}

.text-wrapper_4 {
  background-color: #333;
  height: 1.28rem;
  width: 14.0533rem;
  position: absolute;
  left: 9.6rem;
  top: 34.9867rem;
}

.text_17 {
  width: 6rem;
  height: 0.56rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: justify;
  white-space: nowrap;
  line-height: 0.56rem;
  margin: 0.3467rem 0 0 0.48rem;
}

.image_6 {
  width: 100%;
  height: auto;
}

.group_17 {
  background-color: rgba(24, 24, 24, 1);
  width: 100%;
  height: 5.3333rem;
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.block_2 {
  width: 14.56rem;
  height: 3.0933rem;
  margin: 0 0 0 0;
}

.text-wrapper_5 {
  width: 6.08rem;
  height: 0.3733rem;
}

.text_18 {
  width: 1.4933rem;
  height: 0.3733rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.3733rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 0.3733rem;
  cursor: pointer;
}

.text_19 {
  width: 1.4933rem;
  height: 0.3733rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.3733rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 0.3733rem;
  margin-left: 0.8rem;
  cursor: pointer;
}

.text_20 {
  width: 1.4933rem;
  height: 0.3733rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.3733rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 0.3733rem;
  margin-left: 0.8rem;
  cursor: pointer;
}

.text-wrapper_6 {
  width: 14.56rem;
  height: 1.92rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 0.64rem;
  margin-top: 0.8rem;
}

.paragraph_12 {
  width: 14.56rem;
  height: 1.92rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 0.64rem;
}

.paragraph_13 {
  width: 14.56rem;
  height: 1.92rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.32rem;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 0.64rem;
}

.ml20 {
  margin-left: 0.5333rem;
}

.block_3 {
  border-radius: 50%;
  background-image: url(./img/qrcode.png);
  width: 3.2rem;
  height: 3.2rem;
  margin: 0;
  background-size: 100% 100%;
}

/* 产品图文布局 */
.product-row {
  display: flex;
  margin: 0.8267rem auto;
  /* gap: 0.64rem; */
}

.product-images {
  width: 15.0667rem;
}