.page {
  padding-bottom: 5.16vw;
  background-color: #ffffff;
  width: 100%;
}
.image {
  flex-shrink: 0;
  width: 100vw;
  height: 39.38vw;
}
.space-x-10 > *:not(:first-child) {
  margin-left: 1.56vw;
}
.section {
  padding: 1.88vw 0 1.72vw;
  background-color: #1b1b1bbd;
}
.text-wrapper {
  padding: 0.47vw 0 0.63vw;
  background-color: #ffffff;
  height: 3.28vw;
}
.font_1 {
  font-size: 2.34vw;
  font-family: Microsoft YaHei;
  line-height: 2.34vw;
  font-weight: 700;
  color: #545454;
}
.text {
  margin: 0 1.56vw;
  font-size: 2.19vw;
  line-height: 2.19vw;
}
.section_2 {
  padding: 0.78vw 0 0.78vw 0.78vw;
  background-color: #ffffff;
  height: 3.28vw;
}
.font_2 {
  font-size: 1.72vw;
  font-family: Microsoft YaHei;
  line-height: 1.88vw;
  font-weight: 700;
  color: #525252;
}
.text_2 {
  font-size: 1.56vw;
  line-height: 1.72vw;
}
.text_3 {
  font-size: 1.56vw;
  line-height: 1.72vw;
}
.text-wrapper_2 {
  padding: 0.63vw 0 0.47vw;
  width: 15.31vw;
  height: 3.28vw;
  border: solid 0.16vw #ffc047;
}
.text_4 {
  color: #ffc047;
  font-size: 1.88vw;
}
.space-y-7 > *:not(:first-child) {
  margin-top: 1.09vw;
}
.group {
  margin-top: 5.63vw;
}
.font_3 {
  font-size: 3.59vw;
  font-family: Microsoft YaHei;
  letter-spacing: 0.72vw;
  line-height: 3.59vw;
  font-weight: 700;
  color: #545454;
}
.text_5 {
  align-self: center;
}
.space-x-34 > *:not(:first-child) {
  margin-left: 5.31vw;
}
.font_4 {
  font-size: 1.25vw;
  font-family: FZZZHONGJW;
  line-height: 1.25vw;
  color: #545454;
}
.image_2 {
  width: 15vw;
  height: 1.09vw;
}
.font_5 {
  font-size: 2.34vw;
  font-family: Microsoft YaHei;
  letter-spacing: 0.75vw;
  line-height: 2.34vw;
  color: #545454;
}
.text_7 {
  align-self: center;
}
.group_2 {
  margin-top: 5.94vw;
  height: 52.97vw;
  position: relative;
}
.text-wrapper_4 {
  padding: 3.91vw 0 4.06vw;
  background-image: url("../images/49f47be6fb7014736325eb7187e4b8be.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 10vw;
  position: absolute;
  left: 12.81vw;
  top: 16.88vw;
}
.font_9 {
  font-size: 2.34vw;
  font-family: FZZZHONGJW;
  line-height: 1.88vw;
  color: #ffffff;
}
.group_3 {
  padding: 1.88vw 0 3.44vw;
  width: 66.41vw;
  position: absolute;
  left: 15.94vw;
  top: 0;
}
.image_3 {
  width: 47.66vw;
  height: 47.66vw;
}
.section_3 {
  padding: 3.44vw 0 4.06vw;
  background-image: url("../images/fba27ed23933543977891d90c149f6fa.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 12.19vw;
  position: absolute;
  left: 8.13vw;
  top: 1.56vw;
}
.group_4 {
  line-height: 2.5vw;
}
.font_7 {
  font-size: 2.03vw;
  font-family: FZZZHONGJW;
  line-height: 2.34vw;
  color: #ffffff;
}
.text-wrapper_3 {
  padding: 4.22vw 0 5vw;
  background-image: url("../images/3fbda95a53e0c2a20117740f6f2c944b.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 11.56vw;
  position: absolute;
  right: 12.03vw;
  top: 0;
}
.font_6 {
  font-size: 2.34vw;
  font-family: FZZZHONGJW;
  line-height: 2.34vw;
  color: #ffffff;
}
.section_4 {
  padding: 4.38vw 0 5vw;
  background-image: url("../images/fb6e01209458efb380879f698b7af9b9.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 15.63vw;
  position: absolute;
  right: 0;
  top: 12.5vw;
}
.group_5 {
  line-height: 3.13vw;
  text-align: center;
  width: 11.88vw;
}
.font_8 {
  font-size: 2.34vw;
  font-family: FZZZHONGJW;
  line-height: 3.13vw;
  color: #ffffff;
}
.section_6 {
  padding: 4.06vw 0;
  background-image: url("../images/175a1822735a78465653ce4948ad8ff4.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 13.75vw;
  position: absolute;
  right: 11.09vw;
  top: 39.22vw;
}
.group_7 {
  line-height: 2.81vw;
}
.font_10 {
  font-size: 2.34vw;
  font-family: FZZZHONGJW;
  line-height: 2.66vw;
  color: #ffffff;
}
.text-wrapper_6 {
  padding: 5vw 0 5.47vw;
  background-image: url("../images/0efb7f9441388fc5a19b4accbf517ed9.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 12.5vw;
  position: absolute;
  left: 11.41vw;
  top: 38.91vw;
}
.text-wrapper_5 {
  padding: 4.69vw 0 4.53vw;
  background-image: url("../images/41efea3a8090ca7f26e404ab80906862.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 11.88vw;
  position: absolute;
  left: 0;
  top: 31.56vw;
}
.section_5 {
  padding: 3.59vw 0 3.13vw;
  background-image: url("../images/0e85eba155472d982806d7654861386a.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 11.09vw;
  position: absolute;
  right: 13.28vw;
  top: 31.72vw;
}
.group_6 {
  line-height: 2.19vw;
  text-align: center;
}
.group_8 {
  margin-top: 6.56vw;
}
.text-wrapper_7 {
  padding: 1.56vw 0 1.09vw;
  align-self: center;
  background-color: #facd89;
  border-radius: 1.56vw;
  width: 33.13vw;
}
.text_18 {
  color: #545454;
  font-size: 3.13vw;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: 3.13vw;
}
.group_9 {
  padding: 6.41vw 0 66.41vw;
  position: relative;
}
.section_7 {
  padding: 8.28vw 9.22vw 2.34vw 11.25vw;
  background-color: #ffc0472b;
  position: absolute;
  left: 0;
  right: 0;
  top: 3.13vw;
}
.space-x-38 > *:not(:first-child) {
  margin-left: 5.94vw;
}
.text_20 {
  margin-top: 0.78vw;
  align-self: center;
}
.space-x-5 > *:not(:first-child) {
  margin-left: 0.78vw;
}
.group_10 {
  margin-top: 2.66vw;
}
.section_8 {
  flex-direction: row;
  margin: 0.31vw 0;
  flex: 1 1 auto;
  background-color: #bfbfbf;
  height: 3.91vw;
}
.text-wrapper_9 {
  padding: 0.78vw 0 0.63vw;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 29.53vw;
}

.text-wrapper_9.active {
  background-image: url("../images/1a44b35ffe3d7158bbebc2a3919d66f5.png");
}

.text-wrapper_9_1{
  position: relative;
  z-index: 1;
}


.text-wrapper_8 {
  padding: 0.31vw 0 0.63vw;
  flex-shrink: 0;
  border-radius: 1.56vw;
  height: 4.53vw;
  border: solid 0.39vw #707070;
}
.text_21 {
  margin-left: 0.94vw;
  margin-right: 1.25vw;
  color: #e60012;
  font-size: 2.81vw;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: 2.81vw;
}
.group_11 {
  margin-top: 0.63vw;
  padding-bottom: 3.75vw;
  position: relative;
}
.section_9 {
  position: absolute;
  left: 0;
  right: 0;
  padding: 2.81vw 0 1.09vw;
  background-color: #bfbfbf;
  width: 58.59vw;
  display: none;
}
.section_9.active {
  display: block;
}
.group_12 {
  margin-left: 2.03vw;
  align-self: flex-start;
  line-height: 2.66vw;
}
.font_11 {
  font-size: 2.34vw;
  font-family: Adobe Heiti Std;
  letter-spacing: 0.16vw;
  line-height: 2.34vw;
  color: #545454;
}
.text_23 {
  font-size: 2.5vw;
  line-height: 2.5vw;
}
.font_12 {
  font-size: 2.34vw;
  font-family: Microsoft YaHei;
  line-height: 2.66vw;
  font-weight: 700;
  color: #facd89;
}
.text_24 {
  color: #545454;
  font-size: 2.5vw;
  letter-spacing: 0.16vw;
}
.text_25 {
  font-size: 2.5vw;
  line-height: 2.5vw;
}
.section_10 {
  margin-top: 0.47vw;
  align-self: flex-start;
  background-color: #e60012;
  width: 17.34vw;
  height: 1.25vw;
}
.space-x-6 > *:not(:first-child) {
  margin-left: 0.94vw;
}
.group_13 {
  margin-top: 3.13vw;
  padding: 0 2.19vw;
}
.image_5 {
  width: 1.88vw;
  height: 2.03vw;
}
.font_13 {
  font-size: 1.72vw;
  font-family: Microsoft YaHei;
  line-height: 1.88vw;
  color: #545454;
}
.text_26 {
  line-height: 1.72vw;
}
.text_27 {
  line-height: 1.72vw;
}
.text_28 {
  line-height: 1.72vw;
}
.view {
  margin-top: 2.97vw;
}
.section_11 {
  margin-left: 2.97vw;
  margin-top: 3.75vw;
  padding: 0.94vw 1.72vw;
  align-self: flex-start;
  background-color: #e60012;
}
.text_29 {
  color: #ffffff;
  font-size: 1.88vw;
  line-height: 2.03vw;
}
.image_6 {
  margin-right: 0.31vw;
  flex-shrink: 0;
  width: 2.5vw;
  height: 1.72vw;
}
.image_4 {
  width: 57.66vw;
  height: 48.59vw;
  position: absolute;
  right: 0;
  /* bottom: 0; */
}
.group_14 {
  margin-top: 7.97vw;
  align-self: center;
  width: 77.97vw;
}
.text_30 {
  align-self: center;
  line-height: 3.44vw;
}
.group_15 {
  margin-top: 1.41vw;
}
.image_7 {
  margin-right: 24.22vw;
}
.text_32 {
  margin-top: 0.78vw;
  align-self: center;
}
.text_33 {
  margin: 2.19vw 1.25vw 0 1.72vw;
  font-size: 1.88vw;
  line-height: 2.97vw;
  text-indent: 4.22vw;
}
.space-x-22 > *:not(:first-child) {
  margin-left: 3.44vw;
}
.equal-division {
  margin-top: 2.5vw;
}
.equal-division-item {
  flex: 1 1 23.75vw;
  width: 23.75vw;
  height: 15.16vw;
}
.group_16 {
  margin-top: 9.38vw;
}
.text_34 {
  align-self: center;
}
.group_17 {
  margin-top: 0.63vw;
}
.font_14 {
  font-size: 1.25vw;
  font-family: FZZZHONGJW;
  line-height: 2.66vw;
  color: #545454;
}
.text_6 {
  text-transform: uppercase;
}
.text_31 {
  margin-left: 24.06vw;
}
.text_22 {
  color: #fffefe;
}
.text_19 {
  margin-left: 22.5vw;
}
.text_14 {
  font-size: 2.19vw;
  line-height: 2.19vw;
}
.text_12 {
  font-size: 2.19vw;
  line-height: 2.19vw;
}
.text_13 {
  color: #ffffff;
  font-size: 2.97vw;
  font-family: FZZZHONGJW;
  line-height: 2.66vw;
}
.text_16 {
  line-height: 2.03vw;
}
.text_17 {
  line-height: 2.81vw;
}
.text_15 {
  line-height: 2.81vw;
}
.text_8 {
  font-size: 2.5vw;
}
.text_10 {
  line-height: 2.5vw;
}
.text_9 {
  line-height: 2.5vw;
}
.text_11 {
  font-size: 2.19vw;
  line-height: 2.03vw;
}
.image_8 {
  margin: 0.63vw 0 0.94vw 5.16vw;
}
.text_35 {
  align-self: center;
}
.group_18 {
  margin-top: 4.84vw;
  padding: 3.13vw 0 7.5vw;
  position: relative;
}
.image_9 {
  width: 100vw;
  height: 50.78vw;
}
.section_12 {
  padding-bottom: 1.56vw;
  background-image: url("../images/3aef0dd1842e6216889b4bea76b91051.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 33.59vw;
  position: absolute;
  right: 11.25vw;
  top: 0;
}
.group_19 {
  padding: 0.63vw 0.47vw 0 3.59vw;
}
.text_38 {
  margin-top: 2.19vw;
}
.group_20 {
  line-height: 2.34vw;
  height: 4.69vw;
}
.font_15 {
  font-size: 1.72vw;
  font-family: Microsoft YaHei;
  line-height: 2.34vw;
  font-weight: 700;
  color: #ffffff;
}
.text_36 {
  font-size: 1.88vw;
}
.text_39 {
  font-size: 1.88vw;
}
.text_37 {
  margin-top: 0.31vw;
  flex-shrink: 0;
  font-size: 1.88vw;
  line-height: 1.09vw;
}
.section_13 {
  align-self: flex-start;
  background-color: #ff0000;
  width: 13.75vw;
  height: 0.63vw;
}
.space-y-9 > *:not(:first-child) {
  margin-top: 1.41vw;
}
.group_21 {
  align-items: center;
  padding: 3.13vw 2.19vw 3.13vw 2.34vw;
}
.text-wrapper_10 {
  flex: 1 1 13.75vw;
  padding: 3.75vw 0 3.28vw;
  background-color: #bc9e89;
  width: 13.75vw;
  height: 9.53vw;
}
.font_16 {
  font-size: 2.34vw;
  font-family: Microsoft YaHei;
  line-height: 2.34vw;
  font-weight: 700;
  color: #facd89;
}
.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 1.8vw;
  column-gap: 2.8vw;
}

.grid-item {
  padding: 3.75vw 0 3.44vw;
  background-color: #bc9e89;
  width: 12vw;
}
/* .grid-item_2 {
  padding: 3.59vw 0 3.44vw;
  background-color: #bc9e89;
  width: 13.75vw;
}
.grid-item_3 {
  padding: 2.5vw 0 1.56vw;
  background-color: #bc9e89;
  width: 13.75vw;
} */
.group_22 {
  line-height: 2.66vw;
  text-align: center;
}
/* .grid-item_4 {
  padding: 2.5vw 0 1.41vw;
  background-color: #bc9e89;
  width: 13.75vw;
}
.grid-item_5 {
  padding: 2.34vw 0 1.72vw;
  background-color: #bc9e89;
  width: 13.75vw;
}
.grid-item_6 {
  padding: 2.5vw 0 1.72vw;
  background-color: #bc9e89;
  width: 13.75vw;
} */
.group_23 {
  line-height: 2.66vw;
  text-align: center;
}

.group_24 {
  line-height: 2.66vw;
  text-align: center;
}

.group_25 {
  line-height: 2.66vw;
  text-align: center;
}
.text-wrapper_11 {
  padding: 1.41vw 0 1.09vw;
  align-self: center;
  background-color: #bc9e89;
  border-radius: 1.56vw;
  width: 25.78vw;
}
.font_17 {
  font-size: 2.34vw;
  font-family: Microsoft YaHei;
  line-height: 2.34vw;
  font-weight: 700;
  color: #ffffff;
}
.group_26 {
  margin-top: 12vw;
}
.text_40 {
  align-self: center;
}
.group_27 {
  margin-top: 0.63vw;
}
.image_10 {
  margin: 0.94vw 0 0.94vw 5.31vw;
  width: 13.59vw;
  height: 0.94vw;
}
.text_41 {
  align-self: center;
}
.group_28 {
  margin-top: 7.81vw;
}
.space-x-14 > *:not(:first-child) {
  margin-left: 2.19vw;
}
.image_11 {
  width: 29.69vw;
  height: 11.88vw;
}
.image_12 {
  width: 36.25vw;
  height: 11.88vw;
}
.group_29 {
  margin-top: 1.72vw;
  padding: 0 7.19vw;
  position: relative;
}
.text_42 {
  position: absolute;
  left: 7.19vw;
  top: 50%;
  transform: translateY(-50%);
}
.text_43 {
  position: absolute;
  right: 9.06vw;
  top: 50%;
  transform: translateY(-50%);
}
.group_30 {
  margin-top: 2.34vw;
}
.group_31 {
  margin-top: 2.03vw;
  padding: 0 6.41vw;
  position: relative;
}
.text-wrapper_12 {
  position: absolute;
  left: 6.41vw;
  top: 50%;
  transform: translateY(-50%);
}
.text_44 {
  margin: 0 0.78vw;
}
.text-wrapper_13 {
  position: absolute;
  right: 8.91vw;
  top: 50%;
  transform: translateY(-50%);
}
.text-wrapper_14 {
  margin-top: 6.41vw;
  padding: 1.56vw 0 1.09vw;
  align-self: center;
  background-color: #facd89;
  border-radius: 1.56vw;
  width: 25.78vw;
}
.group_32 {
  margin-top: 7.34vw;
  position: relative;
}
.image_13 {
  width: 50vw;
  height: 46.88vw;
}
.section_14 {
  padding: 2.19vw 1.25vw 2.19vw 2.97vw;
  background-color: #f3aa3bed;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.group_33 {
  align-self: flex-start;
  line-height: 3.44vw;
}
.font_18 {
  font-size: 2.66vw;
  font-family: FZZZHONGJW;
  line-height: 3.44vw;
  color: #ffffff;
}
.text_45 {
  text-transform: uppercase;
  opacity: 0.47;
}
.text_46 {
  margin-left: 0.94vw;
  margin-top: 1.25vw;
  align-self: flex-start;
  line-height: 2.5vw;
}
.text-wrapper_15 {
  margin-top: 1.72vw;
  padding-bottom: 0.94vw;
  width: 64.22vw;
  border-bottom: solid 0.31vw #ffffff;
}
.text_47 {
  margin-left: 0.78vw;
}
.font_19 {
  font-size: 1.72vw;
  font-family: Microsoft YaHei;
  line-height: 1.88vw;
  color: #000;
}
.text_48 {
  font-size: 1.88vw;
  opacity: 0.54;
}
.text-wrapper_16 {
  margin-top: 2.19vw;
  padding-bottom: 0.31vw;
  align-self: flex-start;
  border: solid 0.39vw #ffffff;
  width: 25vw;
  padding: 2vw 1vw;
}
.text_49 {
  font-weight: unset;
}


@media screen and (max-width: 450px) {
  .space-x-10 {
    display: block;
  }
  .section_2 {
    margin-left: 0 !important;
    margin-top: 2vw;
  }
  .text-wrapper,
  .section_2 {
    /* font-size: 3vw; */
    height: 5vw;
    line-height: 5vw;
  }
  .text-wrapper span,
  .section_2 span {
    line-height: 3.5vw;
  }
  .text-wrapper_2 {
    margin-top: 2vw;
  }

  .section_3 {
    width: 17vw;
    height: 17vw;
    text-align: center;
    line-height: 17vw;
    left: 12vw;
    top: -2vw;
  }
  .text_9 {
    line-height: 4.5vw;
  }

  .section_4 {
    width: 19vw;
    right: -7vw;
    top: 8.5vw;
  }

  .section_5 {
    padding: 3vw 0 3vw;
    width: 17vw;
    position: absolute;
    right: 18vw;
    top: 33vw;
  }
  .text_12 {
    line-height: 5vw;
  }
  .section_6 {
    right: 24vw;
    top: 40vw;
    width: 17vw;
  }
  .text_15 {
    line-height: 4.8vw;
  }
  .text-wrapper_6 {
    width: 15vw;
    padding: 6vw 0 6vw;
    left: 8.41vw;
  }
  .text-wrapper_5 {
    top: 28vw;
  }
  .text-wrapper_4 {
    padding: 5vw 0 5vw;
    width: 13vw;
    top: 10vw;
  }
  .section_7 {
    padding: 8.28vw 2vw 2vw.25vw;
  }
  .space-x-34,
  .space-x-38,
  .group_15,
  .group_17,
  .group_27 {
    margin: 10px 0 !important;
  }
  .group_14 {
    width: 95%;
  }
  .section_12 {
    width: 50vw;
  }
  .grid-item {
    width: 20vw;
  }
  .group_26 {
    margin-top: 18vw;
  }
  .text-wrapper_14 {
    width: 35vw;
    padding: 3vw 0.5vw;
  }
  .text-wrapper_11 {
    padding: 2.5vw 0;
    width: 37vw;
  }
  .text_33 {
    line-height: 6vw;
  }
  .text-wrapper_2 {
    width: 25vw;
    height: 6vw;
    margin: 1vw auto 0 !important;
  }
  .font_2 {
    line-height: 5vw;
  }
}