.page {
  z-index: 0;
  position: relative;
  width: 100vw;
  height: 247.47vw;
  background-color: rgba(255, 255, 255, 1);
  overflow: hidden;
}

.main1 {
  z-index: auto;
  width: 100vw;
  height: 200.47vw;
}

.section1 {
  z-index: 3;
  height: 64.56vw;
  background-color: rgba(19, 26, 45, 1);
  width: 100vw;
  justify-content: flex-end;
  position: relative;
}

.outer1 {
  z-index: 4;
  height: 50.21vw;
  background: url(./img/SketchPnga818947ed8616db1e4bc4a03a10ed245efa2dc5e04e31c2fb46bd1a1f32c2d73.png)
    100% no-repeat; 
  width: 100vw;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
  padding: 0 0 9.62vw 4.16vw;
}

.box1 {
  z-index: auto;
  width: 87.5vw;
  height: 14.75vw;
  justify-content: space-between;
}

.box2 {
  z-index: 7;
  height: 8.34vw;
  background-color: rgba(0, 121, 245, 1);
  margin-top: 7.41vw;
  width: 35.47vw;
  justify-content: center;
  align-items: center;
}

.info1 {
  z-index: 8;
  width: auto;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.4vw;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 3.43vw;
  text-align: left;
}

.pic1 {
  z-index: 5;
  width: 17.69vw;
  height: 11.39vw;
}

.info2 {
  z-index: 32;
  position: absolute;
  left: 4.17vw;
  top: 5.28vw;
  width: 90.95vw;
  height: 22.34vw;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.77vw;
  font-family: PingFangSC-Regular;
  line-height: 4.45vw;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.word1 {
  z-index: 33;
  position: absolute;
  left: 4.17vw;
  top: 10.19vw;
  width: 78.34vw;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 5.18vw;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 7.23vw;
  text-align: left;
}

.info3 {
  z-index: 34;
  width: 22.23vw;
  display: block;
  overflow-wrap: break-word;
  color: #263E63;
  font-size: 3.7vw;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 5.19vw;
  text-align: left;
  align-self: center;
  /* margin-top: 8.34vw; */
}

.section2 {
  z-index: auto;
  width: 68.52vw;
  height: 10.75vw;
  justify-content: space-between;
  margin: 6.48vw 0 0 15.74vw;
}

.pic2 {
  z-index: 37;
  width: 10.75vw;
  height: 10.75vw;
}

.img1 {
  z-index: 51;
  width: 10.75vw;
  height: 10.75vw;
}

.pic3 {
  z-index: 66;
  width: 10.75vw;
  height: 10.75vw;
}

.section3 {
  z-index: auto;
  width: 66.67vw;
  height: 3.06vw;
  justify-content: space-between;
  margin: 0.74vw 0 0 16.66vw;
}

.word2 {
  z-index: 36;
  width: 8.89vw;
  display: block;
  overflow-wrap: break-word;
  color: #263E63;
  font-size: 2.22vw;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 3.06vw;
  text-align: left;
}

.word3 {
  z-index: 50;
  width: 8.89vw;
  display: block;
  overflow-wrap: break-word;
  color: #263E63;
  font-size: 2.22vw;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 3.06vw;
  text-align: left;
}

.txt1 {
  z-index: 65;
  width: 8.89vw;
  display: block;
  overflow-wrap: break-word;
  color: #263E63;
  font-size: 2.22vw;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 3.06vw;
  text-align: left;
}

.section4 {
  z-index: auto;
  width: 68.52vw;
  height: 10.75vw;
  justify-content: space-between;
  margin: 4.62vw 0 0 15.74vw;
}

.pic4 {
  z-index: 80;
  width: 10.75vw;
  height: 10.75vw;
}

.pic5 {
  z-index: 91;
  width: 10.75vw;
  height: 10.75vw;
}

.pic6 {
  z-index: 102;
  width: 10.75vw;
  height: 10.75vw;
}

.section5 {
  z-index: auto;
  width: 66.58vw;
  height: 3.06vw;
  justify-content: space-between;
  margin: 0.74vw 0 0 16.75vw;
}

.word4 {
  z-index: 79;
  width: 8.89vw;
  display: block;
  overflow-wrap: break-word;
  color: #263E63;
  font-size: 2.22vw;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 3.06vw;
  text-align: left;
}

.info4 {
  z-index: 90;
  width: 8.89vw;
  display: block;
  overflow-wrap: break-word;
  color: #263E63;
  font-size: 2.22vw;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 3.06vw;
  text-align: left;
}

.word5 {
  z-index: 101;
  width: 8.89vw;
  display: block;
  overflow-wrap: break-word;
  color: #263E63;
  font-size: 2.22vw;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 3.06vw;
  text-align: left;
}

.section6 {
  z-index: 10;
  /* height: 81.02vw; */
  /* background-color: rgba(245, 247, 250, 1); */
  /* margin-top: 10.19vw; */
  width: 100vw;
  justify-content: flex-start;
  /* padding-top: 6.49vw; */
  align-items: center;
}

.group1 {
  z-index: auto;
  width: 91.67vw;
  height: 65.84vw;
}

.word6 {
  z-index: 31;
  width: 38.63vw;
  display: block;
  overflow-wrap: break-word;
  color: #263E63;
  font-size: 4.8vw;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 5.19vw;
  text-align: left;
  align-self: center;
}

.section7 {
  z-index: auto;
  width: 91.67vw;
  /* height: 36.49vw; */
  /* margin-top: 4.17vw; */
}

.box3-0 {
  z-index: 12;
  height: 16.67vw;
  background-color: rgba(255, 255, 255, 1);
  margin-bottom: 3.25vw;
  width: 91.67vw;
  /* justify-content: center; */
  align-items: flex-start;
  padding-left: 4.82vw;
}

.layer1-0 {
  z-index: auto;
  /* width: 50.28vw; */
  height: 9.45vw;
  /* justify-content: space-between; */
}


/* 新增 Start 2021-08-14 @zhuziyi */
.txt-title {
    z-index: 65;
    width: 8.89vw;
    display: block;
    overflow-wrap: break-word;
    color: #000000;
    font-size: 2.22vw;
    font-family: PingFangSC-Medium;
    white-space: nowrap;
    line-height: 3.06vw;
    text-align: center;
}
.info3{
  margin-bottom: 5.87vw;
}
.section6{
  margin: 5.87vw 0 ;
}
.section-x {
  z-index: auto;
  justify-content: space-around;
}
.section-x-2{
  margin-top: 8vw;
}
.word-x {
  z-index: 36;
  width: 26.89vw;
  display: block;
  overflow-wrap: break-word;
  color: #8E9CB6;
  font-size: 2.22vw;
  white-space: nowrap;
  line-height: 3.06vw;
  text-align: left;
  display: flex;
  flex-direction: column;
  margin-top: 2vw;
  text-align: center;
}
.flex-row-me{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.section3-1 {
  z-index: auto;
  width: 66.67vw;
  height: 3.06vw;
  justify-content: space-between;
  margin: 0.74vw 0 0 16.66vw;
}
.box3 {
  z-index: 12;
  height: 16.67vw;
  background-color: rgba(255, 255, 255, 1);
  margin-bottom: 3.25vw;
  width: 91.67vw;
  align-items: flex-start;
  padding-left: 4.82vw;
}

.layer {
  z-index: auto;
  height: 9.45vw;
}

.dot-icon {
  z-index: 15;
  width: 2.93vw;
  height: 2.93vw;
  margin-top: 0.65vw;
  margin-right: 2.13vw;
  /* background: no-repeat center/100% url('./img/dot.jpg'); */
  background-size: 100% 100%;
}

.txt2 {
    z-index: 14;
    width: 84.52vw;
    display: block;
    overflow-wrap: break-word;
    color: #263E63;
    font-size: 2.4vw;
    font-family: PingFangSC-Regular;
    line-height: 3.43vw;
    text-align: left;
    margin-top: 1.39vw;
}

/* 新增 END 2021-08-14 @zhuziyi */

.img2-0{
  width: 2.93vw;
  height: 2.93vw;
  border: 1.1vw solid #0176F8;
  border-radius: 2.93vw;
}

.outer2-0 {
  z-index: auto;
  width: 38.52vw;
  height: 9.45vw;
  /* margin-left: 2.13vw; */
}

.word7-0 {
  z-index: 13;
  width: 16.67vw;
  display: block;
  overflow-wrap: break-word;
  color: #263E63;
  font-size: 3.33vw;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 4.63vw;
  text-align: left;
  align-self: flex-start;
}

.txt2-0 {
  z-index: 14;
  width: 68.52vw;
  display: block;
  overflow-wrap: break-word;
  color: #263E63;
  font-size: 2.4vw;
  font-family: PingFangSC-Regular;
  /* white-space: nowrap; */
  line-height: 3.43vw;
  text-align: left;
  margin-top: 1.39vw;
}

.box3-1 {
  z-index: 12;
  height: 16.67vw;
  background-color: rgba(255, 255, 255, 1);
  margin-bottom: 3.25vw;
  width: 91.67vw;
  justify-content: center;
  align-items: flex-start;
  padding-left: 4.82vw;
}

.layer1-1 {
  z-index: auto;
  width: 50.28vw;
  height: 9.45vw;
  justify-content: space-between;
}

.img2-1 {
  z-index: 15;
  width: 7.41vw;
  height: 8.15vw;
  margin-top: 0.65vw;
}

.outer2-1 {
  z-index: auto;
  width: 38.52vw;
  height: 9.45vw;
}

.word7-1 {
  z-index: 13;
  width: 16.67vw;
  display: block;
  overflow-wrap: break-word;
  color: #263E63;
  font-size: 3.33vw;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 4.63vw;
  text-align: left;
  align-self: flex-start;
}

.txt2-1 {
  z-index: 14;
  width: 68.52vw;
  display: block;
  overflow-wrap: break-word;
  color: #263E63;
  font-size: 2.4vw;
  font-family: PingFangSC-Regular;
  white-space: initial;
  line-height: 3.43vw;
  text-align: left;
  margin-top: 1.39vw;
}

.section8 {
  z-index: 23;
  height: 16.67vw;
  background-color: rgba(255, 255, 255, 1);
  margin-top: 3.34vw;
  width: 91.67vw;
  justify-content: center;
  align-items: flex-start;
  padding-left: 4.36vw;
}

.bd1 {
  z-index: auto;
  width: 80.93vw;
  height: 12.88vw;
  justify-content: space-between;
}

.bd2 {
  z-index: 27;
  height: 7.78vw;
  background: url(./img/SketchPng983d3f13faeaf8f1bd5eb983bc349b8c812f094951d2eadde0176f1b77e80153.png)
    100% no-repeat;
  margin-top: 2.6vw;
  width: 8.52vw;
  justify-content: flex-start;
  align-items: flex-end;
  position: relative;
  padding: 2.31vw 1.38vw 0 0;
}

.section9 {
  z-index: auto;
  width: 2.78vw;
  height: 2.69vw;
  justify-content: space-between;
}

.layer2 {
  z-index: 28;
  width: 0.93vw;
  height: 1.39vw;
  background-image: linear-gradient(
    180deg,
    rgba(2, 179, 255, 1) 0%,
    rgba(6, 178, 254, 1) 100%
  );
  margin-top: 1.3vw;
}

.layer3 {
  z-index: 30;
  width: 0.93vw;
  height: 1.49vw;
  background-image: linear-gradient(
    180deg,
    rgba(2, 168, 250, 1) 0%,
    rgba(0, 167, 251, 1) 100%
  );
}

.section10 {
  z-index: 29;
  position: absolute;
  left: 5.19vw;
  top: 2.97vw;
  width: 0.93vw;
  height: 1.39vw;
  background-image: linear-gradient(
    180deg,
    rgba(0, 174, 252, 1) 0%,
    rgba(2, 175, 252, 1) 100%
  );
}

.bd3 {
  z-index: auto;
  width: 68.52vw;
  height: 12.88vw;
}

.word8 {
  z-index: 24;
  width: 10vw;
  display: block;
  overflow-wrap: break-word;
  color: #263E63;
  font-size: 3.33vw;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 4.63vw;
  text-align: left;
  align-self: flex-start;
}

.word9 {
  z-index: 25;
  width: 68.52vw;
  height: 6.86vw;
  display: block;
  overflow-wrap: break-word;
  color: #263E63;
  font-size: 2.4vw;
  font-family: PingFangSC-Regular;
  line-height: 3.43vw;
  text-align: left;
  margin-top: 1.39vw;
  overflow: hidden;
  text-overflow: ellipsis;
}