
.img1 {
  width: 100%;
  height: 38.94rem;
  background-color: #1854d0;
  opacity: 0.99;
  background-image: url(../../imgs/img58.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.img1 > div:nth-child(1) {
  font-family: PingFangSC-Regular;
  font-size: 3.74rem;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #ffffff;
  opacity: 0.99;
  margin-top: 7.75rem;
}

.img1 > div:nth-child(2) {
  font-family: PingFangSC-Regular;
  font-size: 3.75rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #ffffff;
  opacity: 0.99;
  margin-top: 0.75rem;
}

.text1 {
  font-size: 2.25rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #333333;
  opacity: 0.99;
  text-align: center;
  margin-top: 3.31rem;
}

.text1 > span {
  margin: 0 4rem;
}

.datas {
  display: flex;
  justify-content: center;
  width: 900px;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 6.31rem;
}

.datas > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 1.35rem;
}

.datas > div > div:nth-child(1) {
  height: 4.69rem;
  font-family: PingFangSC-Semibold;
  font-size: 6.25rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 6.25rem;
  letter-spacing: 0rem;
  color: #3b65ff;
  opacity: 0.99;
  display: flex;
  align-items: center;
  flex-direction: row;
}

.datas > div > div:nth-child(1) span {
  font-size: 3.75rem;
}

.datas > div > div:nth-child(2) {
  font-family: PingFangSC-Semibold;
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #333333;
  opacity: 0.99;
  margin-top: 4.31rem;
}

.steps {
  width: 100%;
  background-color: #f7f7f7;
  opacity: 0.99;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 3.88rem;
  padding-bottom: 2.5rem;
}

.steps > div:nth-child(1) {
  font-family: PingFangSC-Semibold;
  font-size: 2.25rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #000000;
  opacity: 0.99;
  margin-top: 3.5rem;
  text-align: center;
}

.steps > div:nth-child(2) {
  position: relative;
  display: flex;
  width: 900px;
  overflow: hidden;
  justify-content: space-between;
  display: flex;
}

.steps > div:nth-child(2) .line {
  position: absolute;
  width: 100%;
  white-space: nowrap;
  height: 0.31rem;
  font-family: PingFangSC-Semibold;
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #b9b9b9;
  opacity: 0.99;
  top: 6rem;
  text-overflow: clip;
}

.steps > div:nth-child(2) .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 4.3rem;
  width: 15rem;
  z-index: 2;
}

.steps > div:nth-child(2) .step > img {
  width: 5.69rem;
  height: 5.63rem;
}

.steps > div:nth-child(2) .step > div:nth-child(2) {
  font-family: PingFangSC-Medium;
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #000000;
  margin-top: 1.88rem;
}

.steps > div:nth-child(2) .step > div:nth-child(3) {
  font-family: PingFangSC-Regular;
  font-size: 1.13rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #333333;
  margin-top: 1.38rem;
  width: 12rem;
}

.cers {
  background-color: #f7f7f7;
  padding-bottom: 20px;
}

.cers > div:nth-child(1) {
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 100px;
  letter-spacing: 0px;
  color: #333333;
  text-align: center;
}

.cers > div:nth-child(n+2) {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cers > div:nth-child(n+2) > div {
  width: 292px;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 0px;
  color: #333333;
  text-align: center;
  white-space: nowrap;
}

.cers > div:nth-child(n+2) > div > img {
  width: 100%;
  height: 412px;
}

.cers > div:nth-child(n+2) > div:nth-child(2) {
  margin: 0 50px;
}
