.page {
  position: relative;
  width: 86%;
  margin: 0 auto;
  margin-top: 5.5vw;
}

.layer5 {
  width: 100%;
  height: 46.93vw;
  margin: 4.37vw auto 0;
}

.bd1 {
  width: 32.82vw;
  height: 45.16vw;
  margin-top: 1.78vw;
}

.infoBox1 {
  
  
  color: rgba(28, 52, 93, 1);
  font-size: 4.27vw;
  font-family: SourceHanSansCN-Semibold;
  text-align: left;
  line-height: 1.6;
  display: block;
width: 34.86vw;height: 13.6vw;display: -webkit-box;
/* -webkit-box-pack:center; */
-webkit-box-align:center;}

.infoBox2 {
  width: 34.86vw;
  height: 5.8vw;
  color: rgba(0, 0, 0, .5);
  font-size: 1.45vw;
  font-family: SourceHanSansCN-Light;
  text-align: left;
  line-height: 2;
  display: block;
  margin: 2.7vw 0 0 0.36vw;
}

.section1 {
  /*  */
  background-position: center;
  /* background-size: cover; */
  width: 32.4vw;
  height: 20.37vw;
  /* background: url(../img/shequhuodong/img1.png); */
  background: url(../img/index/banner/1.jpg);
  background-size: 120%;
  margin: 2.7vw 0 0 0.41vw;
}

.bd2 {
  background-color: rgba(28, 52, 93, 1);
  border-radius: 48px;
  height: 33.88vw;
  width: 46.88vw;
}

.outer1 {
  width: 46.88vw;
  height: 33.88vw;
  background: url(../img/shequhuodong/WechatIMG353.webp);
  background-size: 100%;
  border-radius: 5% 5%;
}

.img2 {
  width: 26.31vw;
  height: 0.58vw;
  margin-top: 7vw;
  background-color: rgba(28, 52, 93, 1);
}

.word3 {
  width: 100%;
  overflow-wrap: break-word;
  color: rgba(28, 52, 93, 1);
  font-size: 4.27vw;
  font-family: SourceHanSansCN-Semibold;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
  display: block;
  margin-top: 1.56vw;
}

.layer6 {
  width: 100%;
  /* height: 37.97vw; */
  margin-top: 2.26vw;
  flex-wrap: wrap;
}

.wrap1 {
  /* background-color: rgba(28, 52, 93, 1); */
  border-radius: 96px 48px 96px 48px;
  height: 37.97vw;
  width: 30%;
  margin: 3vw 1.6%;
}

.layer7 {
  z-index: 30;
  position: relative;
  width: 25.32vw;
  height: 37.97vw;
}

.layer7-img {
  width: 100%;
  height: 100%;
  object-fit:cover;
  border-radius: 15% 10%;
}

.outer2 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 30px;
  z-index: 44;
  height: 10vw;
  border: 1px solid rgba(28, 52, 93, 1);
  width: 25.37vw;
  position: absolute;
  left: 0;
  top: 30.58vw;
  overflow: hidden;
  overflow-y: auto;
}

.layer8 {
  width: 90%;
  margin: 1.22vw auto 0;
}

.info4 {
  width: 100%;
  color: rgba(28, 52, 93, 1);
  font-size: 2.5vw;
  font-family: SourceHanSansCN-Medium;
  text-align: left;
  line-height: 1;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.word4 {
  width: 100%;
  color: rgba(28, 52, 93, 1);
  font-size: 1.45vw;
  font-family: SourceHanSansCN-Light;
  text-align: left;
  line-height: 1;
  display: block;
  margin: 1vw auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.txt2 {
  width: 100%;
  color: rgba(28, 52, 93, 1);
  font-size: 0.93vw;
  font-family: SourceHanSansCN-Thin;
  text-align: left;
  line-height: 1;
  display: block;
  /* margin: 0.98vw 0 0 0.15vw; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bd16 {
    width: 16.2vw;
    height: 6.78vw;
    background: url(../img/index/wave2.png);
    background-size: 100% 100%;
    position: absolute;
    top: 4.5vw;
    left: 0;
}