body {
  font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.scpf {
  font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: inline-block;
}
.poster_box {
  display: flex;
  align-items: center;
}
.momenta-pc .banner_them_text {
  top: 47.5%;
  line-height: 1;
  margin-top: 0;
  transform: translateY(-50%);
}
.momenta-pc .banner_them_en {
  top: 33%;
  margin-top: 0;
}
.nav_down_txt {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  bottom: 5.73vw;
  z-index: 100;
  text-align: center;
  color: #fff;
}
.nav_down_txt .mom {
  font-size: 1.67vw;
}
.nav_down_txt .ds {
  font-size: 0.94vw;
  margin-top: 0.52vw;
}
.nav_down {
  bottom: 1.04vw;
}
.nav_down img {
  width: 2.34vw;
}
.momenta-pc .msd2Btn {
  margin-top: 7.81vw;
  font-size: 0.83vw;
}
.momenta-pc .msd2Btn .circle {
  margin-top: 1.72vw;
}
.sss_bg {
  position: relative;
}
.sss_bg .bgss {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0.3;
  z-index: 9;
}
.masterBox {
  padding: 8.54vw 3.91vw;
  position: relative;
}
.masterBox img {
  display: block;
  width: 100%;
}
.masterBox .master1 {
  position: absolute;
  top: 11.56vw;
  right: 6.72vw;
  width: 43.02vw;
  height: 19.79vw;
  z-index: 1;
  cursor: pointer;
}
.masterBox .master2 {
  position: absolute;
  top: 33.65vw;
  right: 30.31vw;
  width: 19.43vw;
  height: 15.83vw;
  z-index: 1;
  cursor: pointer;
}
.masterBox .master3 {
  position: absolute;
  top: 33.65vw;
  right: 6.67vw;
  width: 21.67vw;
  height: 15.83vw;
  z-index: 1;
  cursor: pointer;
}
.wh_new_box .wh_title {
  font-size: 4.11vw;
  margin-bottom: 0;
  letter-spacing: 0.26vw;
  padding-right: 0.83vw;
}
.wh_new_box .wh_tips {
  color: #8C909A;
  font-size: 2.24vw;
  margin-top: 0.94vw;
  padding-right: 0.94vw;
  letter-spacing: 0.21vw;
}
.wh_new_box .wh_contain_top {
  margin-top: 7.4vw;
  position: relative;
  padding: 5.73vw 0 3.75vw;
  text-align: right;
  cursor: pointer;
}
.wh_new_box .wh_contain_top .con_box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.wh_new_box .wh_contain_top .con_box .blue_point {
  visibility: hidden;
  width: 6.15vw;
  height: 6.15vw;
  margin-bottom: 7.14vw;
  margin-left: 6.15vw;
}
.wh_new_box .wh_contain_top .con_box .wh_bg1_out {
  position: relative;
}
.wh_new_box .wh_contain_top .con_box .wh_bg1_out .slide_out_box {
  position: absolute;
  top: 2.81vw;
  left: 17.08vw;
  right: 0px;
  bottom: 4.17vw;
  z-index: 0;
  overflow: hidden;
}
.wh_new_box .wh_contain_top .con_box .wh_bg1_out .slide_out_box img {
  display: block;
  width: 100%;
  height: 100%;
}
.wh_new_box .wh_contain_top .con_box .wh_bg1 {
  width: 68.75vw;
}
.wh_new_box .wh_contain_top .text_box {
  position: absolute;
  top: 7.03vw;
  left: 7.81vw;
  font-size: 2.08vw;
  color: #2B66E3;
  text-align: right;
  line-height: 4.01vw;
  letter-spacing: 0.16vw;
  z-index: 9;
}
.wh_new_box .wh_contain_top .con_box_a {
  margin-top: 0.52vw;
  display: none;
  opacity: 0;
  position: relative;
}
.wh_new_box .wh_contain_top .con_box_a .con_box_a_01 {
  display: block;
  width: 90.1vw;
}
.wh_new_box .wh_contain_top .con_box_a .con_box_a_01_a {
  opacity: 0;
  width: 90.1vw;
  position: absolute;
  top: 0;
  left: 0;
}
.wh_new_box .wh_contain_top .con_box_a .con_box_a_02 {
  display: none;
  position: absolute;
  top: 4.22vw;
  left: 25.26vw;
  width: 44.32vw;
  z-index: 9;
}
.wh_new_box .wh_contain_top .con_box_a .con_box_blue_point {
  position: absolute;
  top: 0;
  width: 6.15vw;
  left: 90.1vw;
  transform: translate(-50%, -50%);
}
.wh_new_box .wh_contain_top .blue_point_f {
  position: absolute;
  width: 6.15vw;
  height: 6.15vw;
  bottom: 10.94vw;
  left: 6.15vw;
}
.wh_new_box .wh_contain_top .blue_box {
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  transform: translateX(-50%);
}
.wh_new_box .wh_contain_top .yl {
  position: absolute;
  left: 0px;
  padding-left: 2.92vw;
  bottom: 0.83vw;
  font-size: 6.25vw;
  color: #2B66E3;
  height: auto;
  line-height: 1;
  width: 15.63vw;
}
.wh_new_box .wh_contain_top.active .con_box {
  display: none;
}
.wh_new_box .wh_contain_top.active .con_box_a {
  display: block;
  opacity: 1;
  animation: fadeIn 2s forwards;
}
.wh_new_box .wh_contain_top.active .con_box_a_02 {
  display: block;
  opacity: 0;
  animation: show-delayed 0.1s forwards;
}
.wh_new_box .wh_contain_top.active .blue_box {
  left: 0;
  transform: translateX(-50%);
  animation: moveLeft 0.4s linear forwards;
}
.wh_new_box .wh_contain_top.active .yl {
  transform: translateX(-100%);
  animation: moveRight 0.4s linear forwards;
  padding-right: 3.02vw;
  padding-left: 0;
}
.wh_new_box .wh_contain_top.active .blue_point_f {
  position: absolute;
  width: 6.15vw;
  height: 6.15vw;
  animation: posP 0.4s linear forwards;
}
.wh_new_box .wh_contain_top.active .text_box {
  animation: posPObx 0.4s linear forwards;
}
.wh_new_box .wh_contain_top.active .con_box_a_01_a {
  animation: show-delayed 0.3s 0.3s forwards;
}
.wh_new_box .wh_contain_btn {
  cursor: pointer;
  padding: 10.42vw 0 5.21vw;
  position: relative;
}
.wh_new_box .wh_contain_btn .con_box {
  position: relative;
  display: flex;
}
.wh_new_box .wh_contain_btn .con_box .wh_bg2_out {
  position: relative;
}
.wh_new_box .wh_contain_btn .con_box .wh_bg2_out .slide_out_box {
  position: absolute;
  top: 3.96vw;
  left: 0;
  right: 14.79vw;
  bottom: 4.9vw;
}
.wh_new_box .wh_contain_btn .con_box .wh_bg2_out .slide_out_box img {
  display: block;
  width: 100%;
  height: 100%;
}
.wh_new_box .wh_contain_btn .con_box .wh_bg2 {
  width: 67.5vw;
}
.wh_new_box .wh_contain_btn .con_box .text_box {
  position: absolute;
  top: 5.73vw;
  right: 18.44vw;
  font-size: 2.19vw;
  color: #F67C2C;
  line-height: 4.17vw;
}
.wh_new_box .wh_contain_btn .con_box_a {
  display: none;
}
.wh_new_box .wh_contain_btn .orige_box {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  transform: translate(-23.02vw, -10.1vw);
  z-index: 9;
}
.wh_new_box .wh_contain_btn .wx {
  position: absolute;
  right: 2.6vw;
  bottom: -0.52vw;
  font-size: 6.25vw;
  color: #F67C2C;
  width: 13.02vw;
  line-height: 8.33vw;
  height: 8.33vw;
}
.wh_new_box .wh_contain_btn .sj {
  position: absolute;
  right: 5.16vw;
  bottom: 9.9vw;
  height: auto;
  line-height: 1;
  width: 8.96vw;
}
.wh_new_box .wh_contain_btn.active .con_box {
  display: none;
}
.wh_new_box .wh_contain_btn.active .con_box_a {
  display: flex;
  justify-content: flex-end;
}
.wh_new_box .wh_contain_btn.active .con_box_a .con_box_a_03 {
  display: block;
  width: 90.1vw;
  opacity: 0;
  animation: show-delayed 2s forwards;
}
.wh_new_box .wh_contain_btn.active .wx {
  transform: translate(50%, -50%);
  text-align: center;
  animation: pos 0.5s forwards;
}
.wh_new_box .wh_contain_btn.active .sj {
  right: 90.1vw;
  bottom: 2.08vw;
  transform: translateX(50%);
  animation: sjq 0.5s forwards;
}
.wh_new_box .wh_contain_btn.active .orige_box {
  position: absolute;
  top: 0;
  left: 100%;
  animation: orige_box 0.5s forwards;
}
@keyframes sjq {
  from {
    right: 5.16vw;
    bottom: 9.9vw;
  }
  to {
    transform: translateX(0%);
    right: 90.1vw;
    bottom: 2.08vw;
    transform: translateX(50%);
  }
}
@keyframes orige_box {
  from {
    left: 0%;
    transform: translate(-23.02vw, -10.1vw);
  }
  to {
    left: 100%;
    transform: translate(-42%, 5.21vw);
  }
}
@keyframes posPObx {
  from {
    top: 7.03vw;
    left: 7.81vw;
    line-height: 4.01vw;
    opacity: 1;
  }
  to {
    top: 14.06vw;
    left: 9.38vw;
    line-height: 7.4vw;
    opacity: 0;
  }
}
@keyframes posP {
  from {
    bottom: 10.94vw;
    left: 6.15vw;
  }
  to {
    bottom: 35.94vw;
    left: 86.98vw;
  }
}
@keyframes pos {
  from {
    right: 2.6vw;
    bottom: -0.52vw;
  }
  to {
    right: 90.1vw;
    bottom: 34.38vw;
  }
}
@keyframes show-delayed {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes moveLeft {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}
@keyframes moveRight {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.mon_active {
  margin-top: 15.1vw;
}
.mon_active .wh_title {
  font-size: 4.11vw;
  margin-bottom: 0;
}
.mon_active .wh_tips {
  color: #8C909A;
  font-size: 2.08vw;
  margin-top: 0.73vw;
  letter-spacing: 0.26vw;
  padding-right: 0.83vw;
  padding-bottom: 0.73vw;
}
.mon_active .join3Page {
  margin-top: 4.58vw;
}
.mon_active .swiper-pagination-bullet {
  height: 0.83vw;
  border-radius: 0px;
  margin: 0;
}
.ztdh_box {
  margin-top: 15.63vw;
}
.ztdh_box .title {
  font-size: 4.11vw;
  margin-bottom: 0;
  letter-spacing: 0.83vw;
  padding-left: 0.52vw;
}
.ztdh_box .t_tips {
  color: #8C909A;
  font-size: 2.6vw;
  margin-top: 3.65vw;
  font-weight: bold;
  letter-spacing: 0.31vw;
  padding-left: 0px;
}
.ztdh_box .foot_img {
  margin-top: 7.55vw;
  width: 88.54vw;
}
@media screen and (max-width: 1600px) {
  .mon_active {
    margin-top: 14.58vw;
  }
  .mon_active .joinBg3 {
    margin-top: 4.17vw !important;
  }
  .mon_active .join3Page {
    margin-top: 3.65vw;
  }
  .wh_contain_top.active .con_box_a {
    margin-top: 0px;
  }
  .ztdh_box .foot_img {
    margin-top: 6.77vw;
    width: 88.54vw;
  }
}
@media screen and (max-width: 1400px) {
  .momenta-pc .banner_them_text {
    top: 48%;
    font-size: 4.17vw;
  }
  .momenta-pc .banner_them_en {
    top: 37%;
  }
  .wh_new_box .wh_contain_top {
    margin-top: 6.88vw;
    padding: 5.21vw 0 3.75vw;
  }
  .wh_contain_top.active .con_box_a {
    margin-top: 0.52vw;
  }
  .ztdh_box {
    margin-top: 15.1vw;
  }
  .ztdh_box .foot_img {
    margin-top: 6.25vw;
  }
}
@media screen and (max-width: 1200px) {
  .momenta-pc .banner_them_text {
    top: 48.8%;
    font-size: 3.96vw;
  }
  .momenta-pc .banner_them_en {
    top: 41%;
  }
  .mon_active {
    margin-top: 13.54vw;
  }
  .wh_contain_top.active .con_box_a {
    margin-top: 0px;
  }
  .wh_contain_top.active .con_box_a .con_box_a_01 {
    width: 89.58vw;
  }
  .ztdh_box {
    margin-top: 14.58vw;
  }
  .ztdh_box .t_tips {
    margin-top: 2.08vw;
  }
  .ztdh_box .foot_img {
    margin-top: 7.29vw;
  }
}
@media screen and (max-width: 1024px) {
  .wh_new_box .wh_tips {
    margin-top: 0.21vw;
  }
  .mon_active {
    margin-top: 14.58vw;
  }
  .mon_active .wh_tips {
    margin-top: 0;
  }
  .mon_active .join3List {
    margin-top: 0px !important;
  }
  .mon_active .join3Page {
    margin-top: 2.08vw;
  }
}