html {
  font-size: 37px;
}

.page {
  position: relative;
  width: 51.2rem;
  /* height: 98.08rem; */
  overflow: hidden;
  margin-bottom: 0rem;
}

.section_1 {
  background-image: url(../../img/pages/servise_supply/b20e47b56f5540168d122d928fd4ef1e_mergeImage.png);
  width: 51.2rem;
  height: 28.587rem;
  /* border: 1px solid rgba(151, 151, 151, 1); */
}

.group_1 {
  background-color: rgba(0, 0, 0, 0.43);
  width: 51.2rem;
  height: 2.934rem;
}

.image_1 {
  width: 3.734rem;
  height: 1.44rem;
  margin: 0.774rem 0 0 3.734rem;
}

.text_1 {
  width: 1.067rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  letter-spacing: 2px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
  line-height: 0.64rem;
  margin: 1.174rem 0 0 8.507rem;
}

.text_2 {
  width: 1.067rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  letter-spacing: 2px;
  font-family: MicrosoftYaHei;
  font-weight: NaN;
  text-align: right;
  white-space: nowrap;
  line-height: 0.64rem;
  margin: 1.174rem 0 0 2.347rem;
}

.text_3 {
  width: 1.6rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  letter-spacing: 2px;
  font-family: MicrosoftYaHei;
  font-weight: NaN;
  text-align: right;
  white-space: nowrap;
  line-height: 0.64rem;
  margin: 1.174rem 0 0 1.814rem;
}

.text_4 {
  width: 2.134rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  letter-spacing: 2px;
  font-family: MicrosoftYaHei;
  font-weight: NaN;
  text-align: right;
  white-space: nowrap;
  line-height: 0.64rem;
  margin: 1.174rem 0 0 1.28rem;
}

.text_5 {
  width: 2.134rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  letter-spacing: 2px;
  font-family: MicrosoftYaHei;
  font-weight: NaN;
  text-align: right;
  white-space: nowrap;
  line-height: 0.64rem;
  margin: 1.174rem 0 0 1.28rem;
}

.text_6 {
  width: 2.134rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  letter-spacing: 2px;
  font-family: MicrosoftYaHei;
  font-weight: NaN;
  text-align: right;
  white-space: nowrap;
  line-height: 0.64rem;
  margin: 1.174rem 0 0 1.28rem;
}

.group_2 {
  width: 2.667rem;
  height: 0.907rem;
  margin: 1.174rem 0 0 0.747rem;
}

.text_7 {
  width: 2.667rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  letter-spacing: 2px;
  font-family: MicrosoftYaHei;
  font-weight: NaN;
  text-align: right;
  white-space: nowrap;
  line-height: 0.64rem;
}

.box_1 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 2px;
  width: 0.8rem;
  height: 0.054rem;
  margin: 0.214rem 0 0 0.72rem;
}

.text_8 {
  width: 2.134rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  letter-spacing: 2px;
  font-family: MicrosoftYaHei;
  font-weight: NaN;
  text-align: right;
  white-space: nowrap;
  line-height: 0.64rem;
  margin: 1.174rem 0 0 1.28rem;
}

.image-wrapper_1 {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  height: 1.094rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: 1.094rem;
  margin: 1.04rem 0 0 4.134rem;
}

.thumbnail_1 {
  width: 0.48rem;
  height: 0.48rem;
  margin: 0.32rem 0 0 0.32rem;
}

.image_2 {
  width: 1.6rem;
  height: 1.44rem;
  margin: 0.88rem 2.64rem 0 0.8rem;
}

.image_3 {
  width: 0.107rem;
  height: 2.774rem;
  margin: 9.974rem 0 12.907rem 49.52rem;
}

.section_2 {
  position: relative;
  width: 51.2rem;
  /* height: 69.52rem; */
  /* margin-bottom: -0.973rem; */
}

.text-group_1 {
  width: 12.56rem;
  height: 3.814rem;
  margin: 1.387rem 0 0 19.414rem;
}

.text_9 {
  width: 12.56rem;
  height: 3.814rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.05);
  font-size: 2.693rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  line-height: 3.814rem;
}

.text_10 {
  width: 7.867rem;
  height: 2.187rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1.546rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  line-height: 2.187rem;
  margin: 1.414rem 2.347rem 0 -10.214rem;
}

.box_2 {
  background-color: rgba(250, 250, 250, 1);
  border-radius: 8px;
  height: 14.134rem;
  width: 39.467rem;
  position: relative;
  margin: 5.467rem 0 0 5.867rem;
}

.text-wrapper_1 {
  width: 6.4rem;
  height: 1.12rem;
  margin: 1rem 0 0 1.6rem;
}

.text_11 {
  width: 6.4rem;
  height: 1.12rem;
  overflow-wrap: break-word;
  color: rgba(117, 168, 210, 1);
  font-size: 0.8rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.12rem;
}

.group_3 {
  width: 2.4rem;
  height: 0.16rem;
  margin: 0.16rem 0 0 1.6rem;
}

.box_3 {
  background-color: rgba(117, 168, 210, 1);
  width: 2.4rem;
  height: 0.16rem;
}

.group_4 {
  width: 10.134rem;
  height: 0.72rem;
  margin: 0.254rem 0 0 1.6rem;
}

.text_12 {
  width: 8.267rem;
  height: .8rem;
  overflow-wrap: break-word;
  color: rgba(194, 194, 194, 1);
  font-size: 0.426rem;
  font-family: STHeitiSC-Light;
  font-weight: 300;
  text-align: left;
  white-space: nowrap;
  line-height: 0.427rem;
  margin-top: 0.294rem;
  color: black;
}
.text_12:focus-visible{
  border:none;
  outline: none;
}

.label_1 {
  width: 0.587rem;
  height: 0.587rem;
}

.image-wrapper_2 {
  width: 10.134rem;
  height: 0.027rem;
  margin: 0.32rem 0 0 1.6rem;
}

.image_4 {
  width: 10.134rem;
  height: 0.027rem;
}

.group_5 {
  /* width: 19.707rem; */
  /* height: 2.64rem; */
  margin: 0.2rem 0 0 1.6rem;
  width: 23rem;
}

.text-wrapper_2 {
  width: 23rem;
  /* height: 2.64rem; */
  /* display: flex; */
  flex-wrap: wrap;
  flex-direction: row;
}


.text_13 {
  width: 3.7rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 0.667rem;
  padding-right: .5rem;
  display: inline-block;
}

.text1 {
  display: none;
}

.text_13:hover{font-size: .52rem;}
.text_14 {
  width: 3.36rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin-top: 0.32rem;
}

.text_15 {
  width: 3.36rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin-top: 0.32rem;
}

.text-group_2 {
  width: 3.467rem;
  height: 2.64rem;
  margin-left: 0.454rem;
}

.text_16 {
  width: 3.467rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
}

.text_17 {
  width: 3.36rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin-top: 0.32rem;
}

.text_18 {
  width: 3.36rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin-top: 0.32rem;
}

.text-group_3 {
  width: 3.734rem;
  height: 2.64rem;
  margin-left: 0.454rem;
}

.text_19 {
  width: 3.734rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
}

.text_20 {
  width: 3.734rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin-top: 0.32rem;
}

.text_21 {
  width: 3.734rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin-top: 0.32rem;
}

.text-group_4 {
  width: 3.947rem;
  height: 2.64rem;
  margin-left: 0.32rem;
}

.text_22 {
  width: 3.947rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
}

.text_23 {
  width: 3.36rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin-top: 0.32rem;
}

.text_24 {
  width: 3.36rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin-top: 0.32rem;
}

.text-group_5 {
  width: 3.467rem;
  height: 2.64rem;
  margin-left: 0.4rem;
}

.text_25 {
  width: 3.467rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
}

.text_26 {
  width: 3.36rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin-top: 0.32rem;
}

.text_27 {
  width: 3.36rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin-top: 0.32rem;
}

.text-wrapper_3 {
  width: 0.96rem;
  height: 0.667rem;
  margin: 0.32rem 0 1.12rem 1.6rem;
}

.text_28 {
  width: 0.96rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
}

.group_6 {
  background-image: url(../../img/pages/servise_supply/13d81ab31ddf49449c1f0b0049db4494_mergeImage.png);
  position: absolute;
  left: 24.307rem;
  top: -1.5rem;
  width: calc(530px/1.2);
  height: calc(659px/1.2);
  border: 1px solid rgba(151, 151, 151, 1);
  background-repeat: round;
  background-size: revert;
}

.box_4 {
  position: relative;
  width: 41.627rem;
  height: 11.6rem;
  margin: 2.694rem 0 0 4.507rem;
}

.image-text_1 {
  width: 12.614rem;
  height: 11.6rem;
}

.section_3 {
  /* box-shadow: 0px 2px 37px 0px rgba(0, 0, 0, 0.05); */
  /* border-radius: 7px; */
  /* background-image: url(../../img/pages/servise_supply/00a8b700b55b44b99c8a8ba1061952d6_mergeImage.png); */
  width: 12.614rem;
  height: 10.294rem;
}

.text-group_6 {
  width: 6.4rem;
  height: 1.12rem;
  overflow-wrap: break-word;
  color: rgba(117, 168, 210, 1);
  font-size: 0.8rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.12rem;
  margin: 0.187rem 0 0 2.987rem;
}

.image-text_2 {
  width: 12.614rem;
  height: 11.574rem;
  margin: 0.027rem 0 0 1.974rem;
}

.group_7 {
  /* box-shadow: 0px 2px 37px 0px rgba(0, 0, 0, 0.05); */
  /* border-radius: 7px; */
  /* background-image: url(../../img/pages/servise_supply/9b33ed5b20684968965f6c366e43b98f_mergeImage.png); */
  width: 12.614rem;
  height: 10.294rem;
}

.text-group_7 {
  width: 4.8rem;
  height: 1.12rem;
  overflow-wrap: break-word;
  color: rgba(117, 168, 210, 1);
  font-size: 0.8rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.12rem;
  margin: 0.16rem 0 0 2.267rem;
}

.image-text_3 {
  width: 12.614rem;
  height: 11.547rem;
  margin: 0.054rem 0 0 1.814rem;
}

.group_8 {
  /* box-shadow: 0px 2px 37px 0px rgba(0, 0, 0, 0.05); */
  /* border-radius: 7px; */
  /* background-image: url(../../img/pages/servise_supply/e886fbec69e44e03b669d24ce3e82842_mergeImage.png); */
  width: 12.614rem;
  height: 10.294rem;
}

.text-group_8 {
  width: 4.8rem;
  height: 1.12rem;
  overflow-wrap: break-word;
  color: rgba(117, 168, 210, 1);
  font-size: 0.8rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.12rem;
  margin: 0.134rem 0 0 1.707rem;
}

.list_1 {
  position: absolute;
  left: 0;
  top: 0px;
  width: 41.627rem;
  height: 10.347rem;
}

.section_3-0 {
  box-shadow: 0px 2px 37px 0px rgba(0, 0, 0, 0.05);
  border-radius: 7px;
  background-image: url(../../img/pages/servise_supply/00a8b700b55b44b99c8a8ba1061952d6_mergeImage.png);
  width: 12.614rem;
  height: 10.294rem;
  margin-right: 1.974rem;
  background: url(../../img/pages/servise_supply/00a8b700b55b44b99c8a8ba1061952d6_mergeImage.png);
  background-repeat: round;
  background-size: revert;
}

.section_3-1 {
  box-shadow: 0px 2px 37px 0px rgba(0, 0, 0, 0.05);
  border-radius: 7px;
  background-image: url(../../img/pages/servise_supply/00a8b700b55b44b99c8a8ba1061952d6_mergeImage.png);
  width: 12.614rem;
  height: 10.294rem;
  margin-right: 1.974rem;
  background: url(../../img/pages/servise_supply/9b33ed5b20684968965f6c366e43b98f_mergeImage.png);
  background-repeat: round;
  background-size: revert;
}

.section_3-2 {
  box-shadow: 0px 2px 37px 0px rgba(0, 0, 0, 0.05);
  border-radius: 7px;
  background-image: url(../../img/pages/servise_supply/00a8b700b55b44b99c8a8ba1061952d6_mergeImage.png);
  width: 12.614rem;
  height: 10.294rem;
  margin-right: 1.974rem;
  background: url(../../img/pages/servise_supply/e886fbec69e44e03b669d24ce3e82842_mergeImage.png);
  background-repeat: round;
  background-size: revert;
}

.box_5 {
  width: 30.134rem;
  height: 0.16rem;
  margin: 0.16rem 0 0 7.494rem;
}

.block_1 {
  background-color: rgba(117, 168, 210, 1);
  width: 2.4rem;
  height: 0.16rem;
}

.block_2 {
  background-color: rgba(117, 168, 210, 1);
  width: 2.4rem;
  height: 0.16rem;
  margin-left: 11.467rem;
}

.block_3 {
  background-color: rgba(117, 168, 210, 1);
  width: 2.4rem;
  height: 0.16rem;
  margin-left: 11.467rem;
}

.text-wrapper_4 {
  width: 31.174rem;
  height: 0.667rem;
  margin: 0.667rem 0 0 7.494rem;
}

.text_29 {
  width: 3.44rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
}

.text_30 {
  width: 3.44rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin-left: 10.427rem;
}

.text_31 {
  width: 3.44rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin-left: 10.427rem;
}

.image_5 {
  width: 51.147rem;
  height: 20.774rem;
  margin: 9.974rem 0 0.027rem 0;
}

.box_6 {
  background-image: url(../../img/pages/servise_supply/fc63a70f9bda4dab8d215b647acad35a_mergeImage.png);
  position: relative;
  left: 26.5rem;
  top: 1.25rem;
  width: 25.094rem;
  height: 7.92rem;
}

.image_6 {
  width: 0.027rem;
  height: 3.547rem;
  margin: 1.867rem 0 0 0.454rem;
}

.block_4 {
  width: 8.827rem;
  height: 2.187rem;
  margin: 2.774rem 14.907rem 0 0.88rem;
}

.text_32 {
  width: 8.827rem;
  height: 1.707rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1.2rem;
  font-family: Arial-Black;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.707rem;
}

.group_9 {
  background-color: rgba(117, 168, 210, 1);
  width: 1.974rem;
  height: 0.16rem;
  margin: 0.32rem 0 0 0.027rem;
}

.box_7 {
  background-image: url(../../img/pages/servise_supply/98e38b78c1fb4a44a0c426f428ea7ec3_mergeImage.png);
  position: absolute;
  left: 0rem;
  top: 42rem;
  width: 26.56rem;
  height: 7.92rem;
}

.image-text_4 {
  width: 5.974rem;
  height: 3.787rem;
  margin: 1.814rem 0 0 18.854rem;
}

.image_7 {
  width: 2.374rem;
  height: 2.454rem;
  margin-left: 1.814rem;
}

.text-group_9 {
  width: 5.974rem;
  height: 1.067rem;
  overflow-wrap: break-word;
  color: rgba(90, 90, 90, 1);
  font-size: 0.746rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  line-height: 1.067rem;
  margin-top: 0.267rem;
}


/*  */
.group_1_view {
  /* width: 51.2rem;
  height: 28.587rem; */
  
  background: url(../../img/pages/product_center/SketchPng01ec1b609e2850884938a091dbb87cd7be3db50564d122fbc156ad9affb4a546.png)
    100% no-repeat;
  background-size: 100% 100%;
}
.image-wrapper_3_view {
  width: 45.04rem;
  height: 3.254rem;
  margin: 9.494rem 0 0 4.587rem;
}