html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.mt-27 {
  margin-top: 1.69rem;
}

.ml-248 {
  margin-left: 15.5rem;
}

.page {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}

.section {
  padding: 26.56rem 0 33.94rem;
  background-image: url('di.png');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  box-sizing: border-box;
}

.text_2 {
  color: #ffffff;
  font-size: 2.56rem;
  font-family: CeraGR;
  font-weight: 900;
  line-height: 3.13rem;
  text-transform: uppercase;
  opacity: 0.5;
}

.text_4 {
  color: #ffffff;
  font-size: 2.25rem;
  font-family: Alibaba PuHuiTi;
  font-weight: 700;
  line-height: 2.19rem;
  letter-spacing: -0.056rem;
  text-transform: uppercase;
}

.group {
  margin-right: 8.56rem;
  margin-top: 18.38rem;
  width: 34.63rem;
}

.text {
  color: #333333;
  font-size: 2.19rem;
  font-family: inpinheiti;
  line-height: 2.88rem;
}

.group_2 {
  margin-top: 2.63rem;
}

.text-wrapper {
  padding: 1.63rem 0;
  width: 34.63rem;
  border: solid 0.063rem #e7e7e7;
}

.font {
  font-size: 1.5rem;
  font-family: inpinheiti;
  line-height: 1.38rem;
  color: #c2c2c2;
}

.text_3 {
  margin-left: 1.00rem;
}

.group_3 {
  padding-left: 1.5rem;
}

.text_6 {
  color: #999999;
  font-size: 1.13rem;
  font-family: inpinheiti;
  line-height: 1.06rem;
}

.text-wrapper_2 {
  padding: 1.13rem 0;
  background-color: #5fa3fb;
  border-radius: 0.31rem;
  width: 11.13rem;
  height: 3.63rem;
}

.font_2 {
  font-size: 1.5rem;
  font-family: inpinheiti;
  line-height: 1.38rem;
  color: #5fa3fb;
}

.text_5 {
  color: #ffffff;
}

.group_4 {
  margin-top: 12.06rem;
}

.section_2 {
  opacity: 0.22;
  background-color: #61a2f7;
  height: 4.75rem;
  border: solid 0.063rem #e7e7e7;
}

.text_7 {
  line-height: 1.44rem;
}

.pos {
  position: absolute;
  left: 7.63rem;
  top: 50%;
  transform: translateY(-50%);
}

.text_8 {
  line-height: 1.44rem;
}

.pos_2 {
  position: absolute;
  right: 6.94rem;
  top: 50%;
  transform: translateY(-50%);
}