._wrap {
  position: relative;
  width: 100vw;
  background-color: #195665;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.outer1 {
  width: 100.11vw;
  display: flex;
  flex-direction: column;
}

.pic3 {
  display: block;
  width: 100%;
  height: 100%;
}

.banner {
  position: relative;
}

.bd2 {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0 auto;
}

.section3 {
  position: absolute;
  top: 7.5vw;
  left: 18.75vw;
  height: 15.42vw;
  border-radius: 5px;
  border: 1px solid rgba(105, 197, 219, 1);
  background-color: rgba(52, 130, 149, 1);
  width: 13.23vw;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.5);
}

.section4 {
  width: 12.61vw;
  height: 14.69vw;
}

.layer1 {
  height: 2.19vw;
  border-radius: 2px;
  background-color: rgba(25, 86, 101, 1);
  align-self: center;
  width: 12.61vw;
  justify-content: center;
  align-items: center;
}

.txt5 {
  z-index: 13;
  width: 3.65vw;
  display: block;
  overflow-wrap: break-word;
  color: rgba(52, 130, 149, 1);
  font-size: 1.04vw;
  font-weight: bold;
  line-height: 1.15vw;
  text-align: center;
}

.layer2 {
  height: 1.88vw;
  border-radius: 2px;
  background-color: rgba(213, 232, 237, 1);
  align-self: center;
  margin-top: 0.94vw;
  width: 12.61vw;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.32vw;
}

input::-webkit-input-placeholder {
  color: rgba(52, 130, 149, 1);
  font-size: 0.72vw;
  line-height: 0.73vw;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(52, 130, 149, 1);
  font-size: 0.72vw;
  line-height: 0.73vw;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(52, 130, 149, 1);
  font-size: 0.72vw;
  line-height: 0.73vw;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(52, 130, 149, 1);
  font-size: 0.72vw;
  line-height: 0.73vw;
}

.layer3 {
  height: 1.88vw;
  border-radius: 2px;
  background-color: rgba(213, 232, 237, 1);
  align-self: center;
  margin-top: 0.53vw;
  width: 12.61vw;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.32vw;
}

.layer4 {
  z-index: auto;
  width: 12.61vw;
  height: 0.73vw;
  margin-top: 0.32vw;
  justify-content: space-between;
}

.word1 {
  display: block;
  overflow-wrap: break-word;
  color: rgba(109, 255, 240, 1);
  font-size: 0.72vw;
  line-height: 0.73vw;
  text-align: left;
}

.word2 {
  display: block;
  overflow-wrap: break-word;
  color: rgba(109, 255, 240, 1);
  font-size: 0.72vw;
  line-height: 0.73vw;
  text-align: right;
  text-decoration: underline;
}

.layer5 {
  z-index: 5;
  height: 1.98vw;
  background: url("../imgs/login.png") center no-repeat;
  background-size: cover;
  align-self: center;
  margin-top: 0.94vw;
  width: 6.25vw;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.layer5:hover,
.layer5:focus {
  text-decoration: none;
}

.info2 {
  z-index: 14;
  width: 2.92vw;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-weight: bold;
  font-size: 0.83vw;
  line-height: 0.94vw;
  text-align: center;
}

.label1 {
  z-index: 10;
  position: absolute;
  left: 0.2vw;
  top: 13.03vw;
  width: 1.98vw;
  height: 1.98vw;
}

.word3 {
  z-index: 19;
  /* width: 1.15vw; */
  display: block;
  overflow-wrap: break-word;
  color: rgba(109, 255, 240, 1);
  font-size: 0.72vw;
  line-height: 0.73vw;
  text-align: center;
  align-self: center;
  margin-top: 0.21vw;
}

.layer6 {
  z-index: 9;
  height: 1.98vw;
  border-radius: 2px;
  background-color: rgba(59, 89, 151, 1);
  align-self: center;
  margin-top: 0.42vw;
  width: 12.61vw;
  justify-content: center;
  align-items: flex-end;
  padding-right: 0.94vw;
}

.txt4 {
  z-index: 15;
  /* width: 8.65vw; */
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.93vw;
  line-height: 1.05vw;
  text-align: center;
}

.cont3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.09vw 0;
}

.left {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.right img {
  width: 9.59vw;
}

.pic5 {
  width: 9.8vw;
  height: 1.46vw;
  align-self: center;
  margin-top: 0.32vw;
}

.row_ {
  display: flex;
  justify-content: space-between;
  width: 66.67vw;
  margin-top: 3.13vw;
}

.item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.txt2 {
  display: block;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.67vw;
  text-align: center;
  align-self: center;
}

.bd4 {
  z-index: auto;
  width: 57.29vw;
  height: 6.67vw;
  margin-top: 3.13vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.icon {
  display: block;
  width: 6.67vw;
  height: 6.67vw;
}

.icon_2 {
  width: 4.48vw;
  height: 4.48vw;
}

.txt6 {
  color: rgba(255, 209, 143, 1);
  font-size: 16px;
  /* font-weight: bold; */
  line-height: 20px;
  text-align: center;
  margin-top: 1.05vw;
}

.bd5 {
  z-index: auto;
  width: 62.5vw;
  height: 1.25vw;
  margin-top: 0.32vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.txt3 {
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25vw;
  text-align: center;
}

.word4 {
  z-index: 45;
  width: 16.36vw;
  display: block;
  color: rgba(109, 255, 240, 1);
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25vw;
  text-align: center;
  margin-left: 8.44vw;
}

.bd6 {
  z-index: auto;
  width: 59.17vw;
  height: 4.07vw;
  margin-left: 20.53vw;
  margin-top: 0.32vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.paragraph1 {
  display: block;
  color: rgba(109, 255, 240, 1);
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

.infoBox1 {
  z-index: 50;
  width: 14.59vw;
  display: block;
  color: rgba(75, 42, 32, 1);
  font-size: 16px;
  line-height: 1.36vw;
  text-align: center;
}

.infoBox2 {
  z-index: 51;
  width: 13.34vw;
  display: block;
  color: rgba(75, 42, 32, 1);
  font-size: 16px;
  line-height: 1.36vw;
  text-align: center;
}

.bd7 {
  z-index: auto;
  width: 51.98vw;
  height: 6.67vw;
  margin-left: 24.28vw;
  margin-top: 1.88vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.img8 {
  z-index: 118;
  width: 6.67vw;
  height: 6.46vw;
  margin-top: 0.11vw;
}

.pic9 {
  z-index: 157;
  width: 6.46vw;
  height: 6.67vw;
}

.pic10 {
  z-index: 167;
  width: 5.94vw;
  height: 6.46vw;
  margin-top: 0.11vw;
}

.bd8 {
  z-index: auto;
  position: relative;
  width: 57.61vw;
  height: 5.63vw;
  margin-left: 21.05vw;
  margin-top: 0.32vw;
  flex-direction: row;
  display: flex;
}

.paragraph2 {
  z-index: 52;
  width: 13.13vw;
  display: block;
  color: rgba(75, 42, 32, 1);
  font-size: 16px;
  line-height: 1.36vw;
  text-align: center;
  align-self: center;
  margin-top: 0.32vw;
}

.info3 {
  z-index: 47;
  width: 13.86vw;
  display: block;
  color: rgba(109, 255, 240, 1);
  font-size: 18px;
  line-height: 1.25vw;
  text-align: center;
  align-self: center;
}

.infoBox3 {
  z-index: 53;
  width: 13.86vw;
  display: block;
  color: rgba(75, 42, 32, 1);
  font-size: 16px;
  line-height: 1.36vw;
  text-align: center;
  align-self: center;
  margin-top: 0.32vw;
}

.paragraph3 {
  z-index: 48;
  width: 11.15vw;
  display: block;
  color: rgba(109, 255, 240, 1);
  font-size: 18px;
  line-height: 1.25vw;
  text-align: center;
  margin-left: 10.21vw;
}

.infoBox4 {
  z-index: 54;
  position: absolute;
  left: 45.53vw;
  top: 1.57vw;
  width: 12.92vw;
  display: block;
  color: rgba(75, 42, 32, 1);
  font-size: 16px;
  line-height: 1.36vw;
  text-align: center;
}

.bd9 {
  width: 66.67vw;
  border-radius: 10px;
  padding: 2.09vw 0;
  background-color: #3C6F7C;
  align-self: center;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.main3 {
  width: 62.5vw;
  display: flex;
  flex-direction: column;
}

.pic11 {
  z-index: 41;
  width: 8.34vw;
  height: 1.15vw;
  align-self: center;
}

.info4 {
  display: block;
  color: rgba(109, 255, 240, 1);
  font-size: 18px;
  line-height: 1.67vw;
  text-align: center;
  align-self: center;
  font-weight: bold;
  margin-top: 0.63vw;
}

.infoBox5 {
  display: block;
  color: rgba(109, 255, 240, 1);
  font-size: 16px;
  line-height: 25px;
  align-self: center;
  margin-top: 1.88vw;
}

.cont5 {
  display: flex;
  flex-direction: column;
  padding: 1.03vw 0 3.03vw;
}

.pic12 {
  width: 8.34vw;
  height: 1.15vw;
  align-self: center;
}

.info5 {
  width: 24.48vw;
  display: block;
  color: rgba(109, 255, 240, 1);
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
  align-self: center;
  margin-top: 0.63vw;
}

.infoBox6 {
  width: 62.61vw;
  display: block;
  color: rgba(109, 255, 240, 1);
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  align-self: center;
  /* margin-top: 1.88vw; */
}

.bd10 {
  z-index: auto;
  width: 47.09vw;
  height: 1.25vw;
  margin-left: 18.75vw;
  margin-top: 1.05vw;
  flex-direction: row;
  display: flex;
}

.cont_row {
  display: flex;
  justify-content: space-between;
  width: 62.5vw;
  margin: 0.94vw auto 0;
}

.tit {
  display: flex;
  margin-bottom: 0.32vw;
}

.word5 {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25vw;
  text-align: left;
  /* margin-left: 0.32vw; */
}

.word6 {
  display: block;
  color: rgba(109, 255, 240, 1);
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25vw;
  text-align: left;
  margin-left: 0.32vw;
}

.bd11 {
  z-index: auto;
  width: 61.46vw;
  height: 12.19vw;
  margin-left: 19.8vw;
  margin-top: 0.32vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.word7 {
  z-index: 184;
  width: 28.96vw;
  display: block;
  color: rgba(109, 255, 240, 1);
  font-size: 16px;
  line-height: 1.36vw;
  text-align: left;
}

.word8 {
  z-index: 183;
  width: 28.86vw;
  display: block;
  color: rgba(109, 255, 240, 1);
  font-size: 16px;
  line-height: 1.36vw;
  text-align: left;
}

.bd12 {
  z-index: auto;
  width: 45vw;
  height: 1.25vw;
  margin-left: 18.86vw;
  margin-top: 0.94vw;
  flex-direction: row;
  display: flex;
}

.word9 {
  z-index: 191;
  width: 11.36vw;
  display: block;
  color: rgba(109, 255, 240, 1);
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25vw;
  text-align: left;
  margin-left: 0.32vw;
}

.bd13 {
  z-index: auto;
  width: 61.46vw;
  height: 9.48vw;
  margin-left: 19.8vw;
  margin-top: 0.32vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.bd14 {
  background-color: rgba(255, 255, 255, 1);
  align-self: center;
  padding: 2.61vw 0;
  width: 100vw;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.mod3 {
  z-index: auto;
  width: 62.61vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.mod4 {
  z-index: auto;
  width: 26.88vw;
  height: 5.63vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wrap2 {
  z-index: auto;
  width: 21.46vw;
  height: 5.63vw;
  display: flex;
  flex-direction: column;
}

.word10 {
  z-index: 185;
  display: block;
  color: rgba(109, 255, 240, 1);
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25vw;
  text-align: left;
  align-self: flex-start;
}

.txt7 {
  display: block;
  color: rgba(75, 42, 32, 1);
  font-size: 16px;
  line-height: 1.36vw;
  text-align: left;
  align-self: center;
  margin-top: 0.32vw;
}

.bd15 {
  z-index: auto;
  width: 26.88vw;
  height: 5.63vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}


.bd16 {
  z-index: auto;
  width: 21.46vw;
  height: 5.63vw;
  display: flex;
  flex-direction: column;
}

.info6 {
  z-index: 186;
  display: block;
  color: rgba(109, 255, 240, 1);
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25vw;
  text-align: left;
  align-self: flex-start;
}

.info7 {
  z-index: 188;
  width: 21.46vw;
  display: block;
  color: rgba(75, 42, 32, 1);
  font-size: 16px;
  line-height: 1.36vw;
  text-align: left;
  align-self: center;
  margin-top: 0.32vw;
}


/* @media screen and (max-width: 960px) {
  html {
    font-size: 55px;
  }

  .bd2 {
    min-height: auto;
  }

  .pic5 {
    width: 1.6rem;
    height: auto;
  }

  .item {
    margin-top: 0.24rem;
  }

  .icon_2 {
    width: 0.98rem;
    height: 0.98rem;
  }

  .txt6 {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }

  .row_ {
    flex-direction: column;
  }

  .txt2 {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }

  .txt3 {
    font-size: 0.22rem;
    line-height: 0.24rem;
  }

  .paragraph1 {
    font-size: 0.18rem;
    line-height: 0.22rem;
  }

  .icon {
    width: 1.2rem;
    height: auto;
  }

  .infoBox5 {
    font-size: 0.18rem;
    line-height: 0.22rem;
  }

  .infoBox6 {
    font-size: 0.18rem;
    line-height: 0.22rem;
  }

  .cont_row {
    flex-direction: column;
  }

  .word7 {
    width: auto;
    font-size: 0.18rem;
    line-height: 0.22rem;
  }

  .layer3,
  .group2,
  .group1 {
    width: 0.16rem;
    height: auto;
  }

  .word5 {
    font-size: 0.22rem;
    line-height: 0.24rem;
  }

  .bd14 {
    height: auto;
  }

  .menu ul {
    padding-left: 0;
  }

  .menu ul li {
    font-size: 0.18rem;
  }

  .mod3 {
    flex-direction: column;
    width: auto;
  }

  .block1 {
    width: 5.76rem;
    height: 1.5rem;
    margin: 0.04rem 0;
  }

  .mod4 {
    width: 80%;
    height: 80%;
  }

  .wrap2 {
    width: 4.12rem;
    height: auto;
  }

  .word10 {
    font-size: 0.22rem;
    line-height: 0.24rem;
  }

  .txt7 {
    font-size: 0.18rem;
    line-height: 0.26rem;
  }

} */