html {
  font-size: 37.3047px;
}

.page {
  position: relative;
  width: 51.2rem;
  overflow: hidden;
}

.box_1 {
  width: 51.2rem;
  /* background: url(./img/ps9kievf2zuph111vqi9j8780y78joistxlcd1cc47d6-5f6b-41fa-b600-b848e32a900d.png) 100% no-repeat; */
  /* background-size: 100% 100%; */
}

.group_1 {
  position: relative;
  width: 51.2rem;
  height: 540px;
}

.group_1 .swiper-container {
  width: 100%;
  height: 100%;
}

.group_1 .swiper-slide>img {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}

.group_1 .swiper-button-next::after,
.group_1 .swiper-button-prev::after {
  display: none;
}

.group_1 .swiper-button-next,
.group_1 .swiper-button-prev {
  background-image: url(./img/pssz53a24pyuhpzmsw1ruxdh9u0zbxvq69u3af19b57-447f-4642-8dec-a5837b79d167.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}

.group_1 .swiper-button-prev {
  left: 6.6rem;
}

.group_1 .swiper-button-next {
  right: 6.6rem;
  background-position: right 0;
}

.group_1 .swiper-pagination-bullet {
  width: 2.667rem;
  height: 0.134rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0;
  box-sizing: initial;
  border: 1px solid transparent;
  opacity: 1;
}

.group_1 .swiper-pagination-bullet-active {
  background-color: rgba(33, 120, 255, 1);
  border-color: rgba(255, 255, 255, 1);
}

.image_1 {
  width: 35.76rem;
  height: 1.28rem;
  margin: 0.32rem 0 0 7.707rem;
}

.block_2 {
  background-color: rgba(0, 62, 210, 1);
  height: 2.134rem;
  width: 10.614rem;
  margin: 1.014rem 0 0 10.187rem;
}

.text-wrapper_2 {
  background-color: rgba(255, 255, 255, 1);
  height: 2.134rem;
  width: 10.614rem;
}

.text_1 {
  width: 3.654rem;
  height: 0.774rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.8rem;

  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.92rem;
  margin: 0.667rem 0 0 3.494rem;
}

.block_3 {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  height: 3.894rem;
  width: 32.027rem;
}

.QE9iu3I5k {
  position: absolute;
  display: block;
  width: 8.026rem;
  height: 1.653rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  filter: none;
  transition: filter, transform 0.2s;
  transform: translateY(0);
}

.QE9iu3I5k:hover {
  filter: brightness(1.05);
  transform: translateY(-2px);
}

.VxkEUuPM9 {
  bottom: 6rem;
  left: 9.5rem;
  background-image: url(./img/banner-btn01.png);
}

.n4tnZqTTa {
  bottom: 6rem;
  left: 17.5rem;
  background-image: url(./img/banner-btn02.png);
}

.NfIN9sVq8 {
  bottom: 6rem;
  left: 9.8rem;
  background-image: url(./img/banner-btn1.png);
}

.Tu6gWLESW {
  bottom: 6rem;
  left: 9.8rem;
  background-image: url(./img/banner-btn3.png);
}

.KtnIHbz7V {
  bottom: 6rem;
  left: 9.8rem;
  background-image: url(./img/banner-btn4.png);
}

.dsbFzEPga {
  bottom: 6rem;
  left: 9.8rem;
  background-image: url(./img/banner-btn5.png);
}

.section_1 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  width: 31.494rem;
  height: 3.36rem;
  margin: 0.267rem 0 0 0.267rem;
}

.label_1 {
  width: 0.8rem;
  height: 0.854rem;
  margin: 1.2rem 0 0 1.094rem;
}

.text_2 {
  width: 3.44rem;
  height: 0.614rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.64rem;

  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.614rem;
  margin: 1.387rem 0 0 0.587rem;
}

.text-wrapper_3 {
  background-color: rgba(247, 249, 253, 1);
  height: 1.6rem;
  border: 1px solid rgba(221, 221, 221, 1);
  width: 9.867rem;
  margin: 0.88rem 0 0 1.44rem;
}

.text_3 {
  width: 100%;
  height: 100%;
  padding-left: 0.7rem;
  font-size: 0.48rem;
}

.text-wrapper_4 {
  width: 7rem;
  height: 1.067rem;
  margin: 1rem 0 0 0.454rem;
}

.text_4 {
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.373rem;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
}

.text_5 {
  color: rgba(102, 102, 102, 1);
  font-size: 0.373rem;
  text-align: left;
  margin-top: 0.32rem;
  line-height: 1.2;
}

.text-wrapper_5 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(33, 120, 255, 1);
  height: 1.6rem;
  width: 5.334rem;
  margin: 0.88rem 1.067rem 0 0.66rem;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.2s;
}

.text-wrapper_5:hover {
  opacity: 0.8;
}

.text_6 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  text-align: left;
  white-space: nowrap;
}

.block_4 {
  width: 18.667rem;
  height: 0.267rem;
  margin: 0.987rem 0 1.894rem 16.267rem;
}

.group_3 {
  background-color: rgba(255, 255, 255, 0.6);
  width: 2.667rem;
  height: 0.134rem;
  margin-top: 0.134rem;
}

.group_4 {
  background-color: rgba(33, 120, 255, 1);
  width: 2.667rem;
  height: 0.267rem;
  border: 1px solid rgba(255, 255, 255, 1);
  margin-left: 0.534rem;
}

.group_5 {
  background-color: rgba(255, 255, 255, 0.6);
  width: 2.667rem;
  height: 0.134rem;
  margin: 0.134rem 0 0 0.534rem;
}

.group_6 {
  background-color: rgba(255, 255, 255, 0.6);
  width: 2.667rem;
  height: 0.134rem;
  margin: 0.134rem 0 0 0.534rem;
}

.group_7 {
  background-color: rgba(255, 255, 255, 0.6);
  width: 2.667rem;
  height: 0.134rem;
  margin: 0.134rem 0 0 0.534rem;
}

.group_8 {
  background-color: rgba(255, 255, 255, 0.6);
  width: 2.667rem;
  height: 0.134rem;
  margin: 0.134rem 0 0 0.534rem;
}

.image_3 {
  width: 51.2rem;
  height: 3.334rem;
}

.group_11 {
  background-color: rgba(255, 255, 255, 1);
  /* height: 27.707rem; */
  width: 51.174rem;
  position: relative;
  margin: -0.134rem 0 0 0.027rem;
}

.text-wrapper_7 {
  width: 6.907rem;
  height: 1.254rem;
  margin: 2.88rem 0 0 22.134rem;
}

.text_10 {
  width: 6.907rem;
  height: 1.254rem;
  overflow-wrap: break-word;
  color: rgba(33, 120, 255, 1);
  font-size: 1.28rem;

  font-weight: 700;
  text-align: left;
  line-height: 0.347rem;
}

.block_6 {
  width: 28.027rem;
  height: 1.867rem;
  margin: 0.4rem 0 0 22.987rem;
}

.text_11 {
  width: 5.174rem;
  height: 0.347rem;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.48rem;


  text-align: left;
  white-space: nowrap;
  line-height: 0.347rem;
  margin-top: 0.24rem;
}

.block_7 {
  width: 49.574rem;
  /* height: 17.867rem; */
  margin: 0.24rem 0 2.96rem 1.44rem;
}

.image_4 {
  width: 8.134rem;
  height: 17.867rem;
}

.text-wrapper_8 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  width: 7.2rem;
  height: 17.867rem;
  border: 1px solid rgba(221, 221, 221, 1);

}

.text_12 {
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.96rem;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.paragraph_3 {
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.48rem;
  text-align: center;
  margin: 0.747rem 0 0;
}

.text-wrapper_9 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  width: 7.2rem;
  height: 17.867rem;
  border: 1px solid rgba(221, 221, 221, 1);

}

.text_13 {
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.96rem;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.paragraph_4 {
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.48rem;
  text-align: center;
  margin: 0.747rem 0 0;
}

.text-wrapper_10 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  width: 7.2rem;
  height: 17.867rem;
  border: 1px solid rgba(221, 221, 221, 1);

}

.text_14 {
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.96rem;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.paragraph_5 {
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.48rem;
  text-align: center;
  margin: 0.72rem 0 0;
}

.text-wrapper_11 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  width: 10rem;
  height: 13rem;
  margin: auto;
  border: 1px solid rgba(221, 221, 221, 1);
}

.text_15 {
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.96rem;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.paragraph_6 {
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.48rem;
  text-align: center;
  margin: 0.747rem 0 0;
}

.YZ8aJlUOJ {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  flex: 1;
  padding-top: 0.7rem;
  background: #f7f9fd;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.hOPnuqH0g {
  display: block !important;
  /* width: 100%; */
  width: 42rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
}

.hOPnuqH0g .flex-col[class^="text-wrapper_"]>img {
  height: 7rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#prd-srv-swiper {
  width: 100%;
  height: 100%;
}

/* #prd-srv-swiper::before {
  content: '';
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 7.2rem;
  height: 100%;
  background: linear-gradient(90deg, #fff 5%, #ffffffdd 50%, transparent);
} */

/* #prd-srv-swiper::after {
  content: '';
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  width: 7.2rem;
  height: 100%;
  background: linear-gradient(-90deg, #fff 5%, #ffffffdd 50%, transparent);
} */

#prd-srv-swiper .swiper-button-next::after,
#prd-srv-swiper .swiper-button-prev::after {
  display: none;
}

#prd-srv-swiper .swiper-button-next,
#prd-srv-swiper .swiper-button-prev {
  background-image: url(./img/pslm0rzqczgcrxgdrhl6irz0gbqra373zp91448195a-8492-4bcf-9fe3-1699758cdd4f.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}

#prd-srv-swiper .swiper-button-prev {
  left: 5.5rem;
}

#prd-srv-swiper .swiper-button-next {
  right: 5.5rem;
  background-position: right 0;
}

.group_12 {
  height: 17.867rem;
  background: url(./img/pscgs9zs67fs89tyr8e1bnfhnu2o8jpsrb0c7365a6-47a6-48d1-bff6-0d98a6a29005.png) -0.08rem -0.08rem no-repeat;
  background-size: 9.254rem 18.027rem;
  margin-left: 0.774rem;
  width: 9.067rem;
}


.image_5 {
  position: absolute;
  left: 7.68rem;
  top: 13.414rem;
  width: 35.76rem;
  height: 1.28rem;
}

.image_6 {
  position: absolute;
  left: 1.84rem;
  top: 3rem;
  width: 47.467rem;
  height: 1.36rem;
}


.group_13 {
  position: relative;
  width: 51.2rem;
  height: 28.16rem;
  background: url('/statics/images/资讯背景图.png') 100% no-repeat;
  background-size: 100% 100%;
  margin-top: 0.027rem;
}

.text_16 {
  width: 5.387rem;
  height: 1.2rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.28rem;

  font-weight: 700;
  text-align: left;
  line-height: 0.374rem;
  margin: 1.974rem 0 0 22.907rem;
}

.text_17 {
  width: 4.64rem;
  height: 0.347rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.374rem;
  margin: 0.6rem 0 0 23.28rem;
  text-transform: uppercase;
}

.group_14 {
  width: 32rem;
  height: 9.36rem;
  margin: 1.894rem 0 0 9.6rem;
}

.box_3 {
  background-color: rgba(255, 255, 255, 1);
  width: 15.6rem;
  height: 9.36rem;
}

.image-text_1 {
  height: 6.694rem;
  margin-top: 0.267rem;
  width: 15.334rem;
}

.group_15 {
  position: relative;
  width: 15.334rem;
  height: 5.867rem;
}

.box_4 {
  background-color: #f5f5f5;
  width: 15.067rem;
  height: 5.867rem;
  margin-left: 0.267rem;
  display: block;
  object-fit: cover;
}

.text-wrapper_13 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(91, 209, 139, 1);
  height: 0.8rem;
  width: 2.4rem;
  position: absolute;
  left: 0;
  top: 0.534rem;
}

.text_18 {
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.373rem;


  text-align: left;
  white-space: nowrap;
}

.text-wrapper_14 {
  margin: 0.347rem 0 0 0.72rem;
}

.text-group_1 {
  width: 14rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.48rem;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.block_8 {
  background-color: rgba(238, 238, 238, 1);
  width: 15.6rem;
  height: 0.027rem;
  margin-top: 0.48rem;
}

.text-wrapper_15 {
  width: 14.267rem;
  height: 0.48rem;
  margin: 0.534rem 0 0.88rem 0.747rem;
}

.text_19 {
  width: 2.427rem;
  height: 0.374rem;
  overflow-wrap: break-word;
  color: rgba(33, 120, 255, 1);
  font-size: 0.453rem;


  text-align: left;
  white-space: nowrap;
  line-height: 0.56rem;
  margin-top: 0.027rem;
}

.text_20 {
  width: 1.44rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.48rem;


  text-align: left;
  white-space: nowrap;
  line-height: 0.854rem;
}

.box_5 {
  background-color: rgba(255, 255, 255, 1);
  width: 15.6rem;
  height: 9.36rem;
}

.text-wrapper_16 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(33, 120, 255, 1);
  height: 0.8rem;
  margin-top: 0.7rem;
  width: 2.4rem;
}

.text_21 {

  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.373rem;

  font-weight: 500;
  text-align: left;
  white-space: nowrap;

}

.text_20,
.text_24 {
  cursor: pointer;
  transition: color 0.2s;
}

.text_20:hover,
.text_24:hover {
  color: #2178ff;
}

.text-group_2 {
  width: 14rem;
  height: 4rem;
  margin: 0.88rem 0 0 0.667rem;
}

.text-wrapper_17 {
  width: 13.787rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-weight: 500;
  text-align: left;
  margin-left: 0.054rem;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
}

.text_22 {
  width: 13.787rem;
  height: 1.334rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.48rem;

  font-weight: 500;
  text-align: left;
}

.paragraph_8 {
  width: 13.787rem;
  height: 1.334rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.48rem;

  font-weight: 500;
  text-align: left;
}

.paragraph_9 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.426rem;
  text-align: left;
  margin-top: 0.534rem;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  overflow: hidden;
  display: -webkit-box;
}

.image_7 {
  width: 15.6rem;
  height: 0.027rem;
  margin-top: 1.04rem;
}

.text-wrapper_18 {
  width: 13.84rem;
  height: 0.454rem;
  margin: 0.64rem 0 0.907rem 0.8rem;
}

.text_23 {
  width: 2.427rem;
  height: 0.374rem;
  overflow-wrap: break-word;
  color: rgba(33, 120, 255, 1);
  font-size: 0.453rem;


  text-align: left;
  white-space: nowrap;
  line-height: 0.56rem;
  margin-top: 0.027rem;
}

.text_24 {
  width: 1.414rem;
  height: 0.454rem;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.453rem;


  text-align: left;
  white-space: nowrap;
  line-height: 0.56rem;
}

.group_16 {
  width: 32rem;
  height: 9.36rem;
  margin: 0.507rem 0 2.587rem 9.6rem;
}

.section_2 {
  background-color: rgba(255, 255, 255, 1);
  width: 15.6rem;
  height: 9.36rem;
}

.group_17 {
  position: relative;
  width: 15.334rem;
  height: 6.934rem;
  margin-top: 0.267rem;
}

.section_3 {
  background-color: rgba(255, 71, 71, 1);
  height: 6.934rem;
  margin-left: 0.267rem;
  width: 15.067rem;
}

.text-wrapper_19 {
  background-color: rgba(255, 255, 255, 1);
  height: 1.067rem;
  margin-top: 5.867rem;
  width: 15.067rem;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
  display: -webkit-box;
}

.text_25 {
  display: inline-block;
  width: 9.76rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.48rem;

  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  margin: 0.3rem 0 0 0.454rem;
}

.text-wrapper_20 {
  background-color: rgba(240, 176, 48, 1);
  height: 0.8rem;
  width: 2.4rem;
  position: absolute;
  left: 0;
  top: 0.534rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.text_26 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.373rem;
  text-align: left;
  white-space: nowrap;

}

.group_18 {
  background-color: rgba(238, 238, 238, 1);
  width: 15.6rem;
  height: 0.027rem;
  margin-top: 0.24rem;
}

.text-wrapper_21 {
  width: 14.267rem;
  height: 0.48rem;
  margin: 0.534rem 0 0.88rem 0.747rem;
}

.text_27 {
  width: 2.427rem;
  height: 0.374rem;
  overflow-wrap: break-word;
  color: rgba(33, 120, 255, 1);
  font-size: 0.453rem;


  text-align: left;
  white-space: nowrap;
  line-height: 0.56rem;
  margin-top: 0.027rem;
}

.text_28 {
  width: 1.44rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.48rem;


  text-align: left;
  white-space: nowrap;
  line-height: 0.854rem;
}

.section_4 {
  background-color: rgba(255, 255, 255, 1);
  width: 15.6rem;
  height: 9.36rem;
}

.image-text_2 {
  height: 6.8rem;
  margin-top: 0.267rem;
  width: 15.334rem;
}

.block_9 {
  position: relative;
  width: 15.334rem;
  height: 5.867rem;
}

.group_19 {
  background-color: rgba(255, 255, 255, 1);
  width: 15.067rem;
  height: 5.867rem;
  margin-left: 0.267rem;
}

.text-wrapper_22 {
  background-color: rgba(91, 209, 139, 1);
  height: 0.8rem;
  width: 2.4rem;
  position: absolute;
  left: 0;
  top: 0.534rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.text_29 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.373rem;
  text-align: left;
  white-space: nowrap;
}

.text-wrapper_23 {
  width: 14.16rem;
  margin: 0.374rem 0 0 0.72rem;
}

.text-group_3 {
  width: 14.16rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.48rem;

  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
}

.text-wrapper_24 {
  background-color: rgba(255, 255, 255, 1);
  width: 15.6rem;
  height: 1.894rem;
  margin-top: 0.4rem;
}

.text_30 {
  width: 2.427rem;
  height: 0.374rem;
  overflow-wrap: break-word;
  color: rgba(33, 120, 255, 1);
  font-size: 0.453rem;


  text-align: left;
  white-space: nowrap;
  line-height: 0.56rem;
  margin: 0.614rem 0 0 0.774rem;
}

.text_31 {
  width: 1.44rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.48rem;


  text-align: left;
  white-space: nowrap;
  line-height: 0.854rem;
  margin: 0.587rem 0.56rem 0 10.4rem;
}

.group_20 {
  background-color: rgba(238, 238, 238, 1);
  position: absolute;
  left: 25.974rem;
  top: 23.654rem;
  width: 15.6rem;
  height: 0.027rem;
}

.image_8 {
  position: absolute;
  left: 1.867rem;
  top: 2rem;
  width: 47.467rem;
  height: 1.36rem;
}

.group_21 {
  background-color: rgba(255, 255, 255, 1);
  /* height: 28.374rem; */
  margin-top: 0.027rem;
  width: 51.2rem;
  position: relative;
}

.text-wrapper_25 {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 1.227rem;
  margin: 2.294rem 0 0 22.907rem;
  margin-left: 0;
  margin-right: 0;
}

.text_32 {
  height: 1.227rem;
  overflow-wrap: break-word;
  color: rgba(33, 120, 255, 1);
  font-size: 1.28rem;
  font-weight: 700;
  text-align: left;
  line-height: 0.374rem;
}

.block_10 {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0.88rem 0 0 9.574rem;
  margin-left: 0;
  margin-right: 0;
}

.bT66CPchc {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 32rem;
  margin: 2rem auto;
}

.V205XEpg3 {
  position: relative;
  flex: 1;
}

.V205XEpg3 img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.UJjRhGvA0 {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
  text-align: center;
}

.IVFxpsrHV {
  display: flex;
  align-items: center;
  gap: 40px;
  width: 32rem;
  margin: 0 auto 2rem;
  padding: 1rem;
  background: #e0e4f1;
}

.MZA4ufh0g {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-weight: 500;
  font-size: 0.7rem;
  color: white;
  text-align: center;
}

.SjFKFY8s6 {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s;
}

.SjFKFY8s6.show {
  z-index: 9999;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.Phmf58Fwn {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  display: flex;
  width: 16rem;
  padding: 2rem;
  border-radius: 20px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s;
}

.SjFKFY8s6.show .Phmf58Fwn {
  z-index: 9999;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.oxBn12Rpg {
  position: absolute;
  top: 0.3rem;
  right: 0.6rem;
  font-size: 0.7rem;
  cursor: pointer;
}

.image_9 {
  width: 7.627rem;
  height: 7.574rem;
  margin-top: 2.294rem;
}

.box_6 {
  width: 15.227rem;
  min-height: 9.494rem;
  margin-left: 0.774rem;
}

.text_33 {
  height: 0.347rem;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.48rem;
  white-space: nowrap;
  line-height: 0.374rem;
  text-transform: uppercase;
}

.box_7 {
  width: 23.227rem;
  /* min-height: 7.494rem; */
  margin-top: 1.654rem;
}

.text-wrapper_26 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  width: 7.254rem;
  /* min-height: 7.494rem; */
  border: 1px solid rgba(221, 221, 221, 1);
}

.text_34 {
  width: 6.054rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.533rem;

  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  margin: 0.6rem 0 0 0.2rem;
}

.paragraph_10 {
  width: 6.187rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.426rem;
  text-align: left;
  margin: 0.614rem 0 0 0.507rem;
}

.box_8 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  width: 7.2rem;
  /* min-height: 8.5rem; */
  margin-top: 0.027rem;
}

.text-group_4 {
  width: 6.334rem;
  margin: 0.6rem 0.4rem;
  box-sizing: border-box;
}

.paragraph_11 {
  overflow-wrap: break-word;
  font-size: 0.533rem;
  color: rgba(51, 51, 51, 1);
  font-weight: 700;
  text-align: left;
  margin-left: 0.054rem;
}

.paragraph_12 {
  overflow-wrap: break-word;
  font-size: 0.426rem;

  color: rgba(51, 51, 51, 1);
  text-align: left;
  margin-top: 0.3rem;
}

.box_8,
.box_10,
.box_11,
.text-wrapper_26 {
  transition: 0.2s;
  box-shadow: none;
}

.box_8 span,
.box_10 span,
.box_11 span,
.text-wrapper_26 span {
  transition: 0.2s;
  font-size: max(0.426rem, 12px);
}

.box_8 {
  border: 1px solid rgba(221, 221, 221, 1);
}

.box_8:hover,
.box_10:hover,
.box_11:hover,
.text-wrapper_26:hover {
  box-shadow: 0px 4px 10px 0px rgba(2, 138, 255, 0.5);
}

.box_8:hover span,
.box_10:hover span,
.box_11:hover span,
.text-wrapper_26:hover span {
  color: rgba(33, 120, 255, 1) !important;
}

.text-group_5 {
  width: 6.4rem;
  min-height: 5.947rem;
  margin: 0.6rem 0.4rem;
}

.paragraph_13 {
  width: 6.4rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.533rem;

  font-weight: 700;
  text-align: left;
}

.paragraph_14 {
  width: 6.4rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.426rem;


  text-align: left;
  margin-top: 0.3rem;
}

.box_9 {
  width: 1.867rem;
  height: 6.24rem;
  margin: 0.134rem 0 0 0.134rem;
}

.image-wrapper_5 {
  box-shadow: 0px 2px 3px 0px rgba(221, 221, 221, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  height: 1.867rem;
  border: 1px solid rgba(238, 238, 238, 1);
  width: 1.867rem;
}

.label_7 {
  width: 0.774rem;
  height: 0.774rem;
  margin: 0.56rem 0 0 0.56rem;
}

.image-wrapper_6 {
  box-shadow: 0px 2px 3px 0px rgba(221, 221, 221, 1);
  background-color: rgba(249, 249, 249, 1);
  border-radius: 6px;
  height: 1.867rem;
  border: 1px solid rgba(238, 238, 238, 1);
  margin-top: 0.32rem;
  width: 1.867rem;
}

.image-wrapper_7 {
  box-shadow: 0px 2px 3px 0px rgba(221, 221, 221, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  height: 1.867rem;
  border: 1px solid rgba(238, 238, 238, 1);
  margin-top: 0.32rem;
  width: 1.867rem;
}

.label_9 {
  width: 0.56rem;
  height: 0.747rem;
  margin: 0.587rem 0 0 0.667rem;
}

.block_11 {
  width: 23.254rem;
  height: 7.494rem;
  margin: 0.8rem 0 0 17.974rem;
}

.box_10 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  width: 7.254rem;
  height: 7.494rem;
  border: 1px solid rgba(221, 221, 221, 1);
}

.text-group_6 {
  width: 6.5rem;
  min-height: 3.36rem;
  margin: 0.88rem 0 0 0.3rem;
}

.paragraph_15 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.533rem;

  font-weight: 700;
  text-align: left;
  margin-left: 0.027rem;
}

.paragraph_16 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.426rem;


  text-align: left;
  margin-top: 0.667rem;
}

.box_11 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  width: 7.227rem;
  height: 7.494rem;
  border: 1px solid rgba(221, 221, 221, 1);
  margin-left: 0.747rem;
}

.text-group_7 {
  width: 6.214rem;
  min-height: 3.894rem;
  margin: 0.88rem 0 0 0.507rem;
}

.paragraph_17 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.533rem;

  font-weight: 700;
  text-align: left;
}

.paragraph_18 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.426rem;


  text-align: left;
  margin: 0.667rem 0 0 0.027rem;
}

.text-wrapper_27 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  height: 7.494rem;
  border: 1px solid rgba(221, 221, 221, 1);
  margin-left: 0.774rem;
  width: 7.254rem;
}

.text_35 {
  width: 1.92rem;
  height: 0.454rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.48rem;


  text-align: left;
  white-space: nowrap;
  line-height: 0.907rem;
  margin: 3.52rem 0 0 2.64rem;
}

.block_12 {
  width: 32rem;
  height: 3.2rem;
  margin: 0.907rem 0 2.107rem 9.6rem;
}

.group_22 {
  box-shadow: 0px 4px 8px 0px rgba(221, 221, 221, 0.6);
  background-color: rgba(244, 245, 246, 1);
  border-radius: 3px;
  position: relative;
  width: 32rem;
  height: 3.2rem;
  border: 1px solid rgba(255, 255, 255, 1);
  overflow: hidden;
}

.text_36 {
  width: 1.254rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.426rem;
  text-align: left;
  white-space: nowrap;
  margin: 1.2rem 0 0 0.8rem;
}

.text-wrapper_28 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  height: 1.2rem;
  border: 1px solid rgba(222, 226, 229, 1);
  width: 4.9rem;
  margin: 1.014rem 0 0 0.72rem;
}

.text_37 {
  width: 100%;
  height: 100%;
  overflow-wrap: break-word;
  font-size: 0.373rem;
  text-align: left;
  white-space: nowrap;
  padding: 0;
  padding-left: 0.3rem;
}

.text-wrapper_29 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  height: 1.2rem;
  border: 1px solid rgba(222, 226, 229, 1);
  width: 7.12rem;
  margin: 1rem 0 0 0.854rem;
}

.text_38 {
  width: 100%;
  height: 100%;
  overflow-wrap: break-word;
  font-size: 0.373rem;
  text-align: left;
  white-space: nowrap;
  padding: 0;
  padding-left: 0.3rem;
}

.text_39 {
  width: 4.667rem;
  height: 3.2rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 4.666rem;
  text-align: left;
  margin: 0 0.027rem 0 11.734rem;
}

.group_23 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  position: absolute;
  left: 16.427rem;
  top: 1.014rem;
  width: 12.294rem;
  height: 1.2rem;
  border: 1px solid rgba(222, 226, 229, 1);
}

.text_40 {
  width: 100%;
  height: 1.2rem;
  overflow-wrap: break-word;
  font-size: 0.373rem;
  text-align: left;
  white-space: nowrap;
  padding: 0;
  padding-left: 0.3rem;
}

.text-wrapper_28,
.text-wrapper_29,
.group_23 {
  box-sizing: border-box;
}

.group_23 {
  align-items: center;
}

.text-wrapper_30 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.2rem;
  background: linear-gradient(0deg, #2178FF, #7FD4FF);
  width: 2.934rem;
  opacity: 1;
  transition: 0.2s;
  cursor: pointer;
}

.text-wrapper_30:hover {
  opacity: 0.8;
}

.text_41 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.533rem;
  text-align: left;
  white-space: nowrap;
}

.image_11 {
  position: absolute;
  left: 1.867rem;
  top: 2.4rem;
  width: 47.467rem;
  height: 1.36rem;
}

.group_24 {
  position: relative;
  width: 51.2rem;
  /* height: 51.654rem; */
  margin-bottom: 0.027rem;
}

.text_42 {
  width: 5.334rem;
  height: 1.227rem;
  overflow-wrap: break-word;
  color: rgba(33, 120, 255, 1);
  font-size: 1.28rem;

  font-weight: 700;
  text-align: left;
  line-height: 0.374rem;
  margin: 2.24rem 0 0 22.934rem;
}

.text_43 {
  width: 2.507rem;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.48rem;
  text-align: left;
  white-space: nowrap;
  margin: 0.5rem 0 0 24.347rem;
  text-transform: uppercase;
}

.group_25 {
  width: 41.44rem;
  height: 13.84rem;
  margin: 0.774rem 0 0 9.6rem;
}

.group_26 {
  box-shadow: 0px 4px 4px 0px rgba(221, 221, 221, 0.6);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  min-height: 13.36rem;
  margin-top: 0.48rem;
  width: 32.027rem;
}

.text-wrapper_31 {
  width: 3.12rem;
  margin: 1.067rem 0 0 0.934rem;
}

.text_44 {
  width: 3.12rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.8rem;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
}

.box_12 {
  width: 30rem;
  margin: 0.48rem 0 1.92rem 0.907rem;
}

.block_13 {
  width: 15.654rem;
  height: 9.12rem;
}

.text-wrapper_32 {
  width: 15.627rem;
  margin-left: 0.027rem;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 0.48rem;
  text-align: left;
  line-height: 0.96rem;
}

.text_79 {
  width: 0.8rem;
  height: 0.427rem;
  overflow-wrap: break-word;
  color: rgba(33, 120, 255, 1);
  font-size: 0.826rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.56rem;
  margin-top: 0.534rem;
}

.block_14 {
  position: relative;
  background-color: rgba(255, 255, 255, 1);
  width: 13.307rem;
  height: 9.04rem;
}

.block_14 img {
  border-radius: 6px;
}

.XuVGBSJ33 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.5);
  z-index: 2;
}

.box_13 {
  background-color: rgba(51, 51, 51, 0.8);
  border-radius: 50%;
  height: 2.854rem;
  width: 2.854rem;
  margin: 2.48rem 0 0 5.36rem;
}

.section_5 {
  background-color: rgba(255, 255, 255, 1);
  width: 0.8rem;
  height: 1.094rem;
  margin: 0.88rem 0 0 1.04rem;
}

.box_14 {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  width: 13.307rem;
  height: 1.36rem;
  margin-top: 2.347rem;
}

.label_10 {
  width: 0.827rem;
  height: 0.827rem;
  margin: 0.267rem 0 0 0.48rem;
}

.image_12 {
  width: 5.707rem;
  height: 0.107rem;
  margin: 0.64rem 0 0 0.48rem;
}

.image-text_3 {
  width: 2.054rem;
  height: 0.294rem;
  margin: 0.56rem 0 0 0.214rem;
}

.text-group_8 {
  width: 1.414rem;
  height: 0.24rem;
  overflow-wrap: break-word;
  font-size: 0;

  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 0.454rem;
  margin-top: 0.027rem;
}

.text_80 {
  width: 1.414rem;
  height: 0.24rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.266rem;

  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
}

.text_81 {
  width: 1.414rem;
  height: 0.24rem;
  overflow-wrap: break-word;
  color: rgba(207, 212, 230, 1);
  font-size: 0.266rem;

  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
}

.text_82 {
  width: 1.414rem;
  height: 0.24rem;
  overflow-wrap: break-word;
  color: rgba(81, 86, 103, 1);
  font-size: 0.266rem;

  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
}

.text_83 {
  width: 1.414rem;
  height: 0.24rem;
  overflow-wrap: break-word;
  color: rgba(222, 225, 236, 1);
  font-size: 0.266rem;

  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
}

.thumbnail_1 {
  width: 0.347rem;
  height: 0.294rem;
}

.image_13 {
  width: 1.894rem;
  height: 0.614rem;
  margin: 0.4rem 0 0 0.24rem;
}

.text_84 {
  width: 0.614rem;
  height: 0.24rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.266rem;


  text-align: center;
  white-space: nowrap;
  line-height: 0.454rem;
  margin: 0.56rem 0.827rem 0 -0.027rem;
}

.group_27 {
  width: 1.867rem;
  height: 6.24rem;
}

.image-wrapper_8 {
  box-shadow: 0px 2px 3px 0px rgba(221, 221, 221, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  height: 1.867rem;
  border: 1px solid rgba(238, 238, 238, 1);
  width: 1.867rem;
}


.image-wrapper_9 {
  box-shadow: 0px 2px 3px 0px rgba(221, 221, 221, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  height: 1.867rem;
  border: 1px solid rgba(238, 238, 238, 1);
  margin-top: 0.32rem;
  width: 1.867rem;
}

.label_12 {
  width: 0.96rem;
  height: 0.8rem;
  margin: 0.534rem 0 0 0.454rem;
}

.group_28 {
  background-color: rgba(255, 255, 255, 1);
  width: 51.2rem;
  height: 18.827rem;
  margin-top: 2.24rem;
}

.box_15 {
  position: relative;
  width: 47.467rem;
  height: 1.84rem;
  margin: 2.454rem 0 0 1.867rem;
}

.text_85 {
  width: 5.414rem;
  height: 1.227rem;
  overflow-wrap: break-word;
  color: rgba(33, 120, 255, 1);
  font-size: 1.28rem;

  font-weight: 700;
  text-align: left;
  line-height: 0.347rem;
  margin-left: 21.014rem;
}

.image_14 {
  position: absolute;
  left: 0;
  top: 0.25rem;
  width: 47.467rem;
  height: 1.36rem;
}

.text_86 {
  width: 6.88rem;
  height: 0.347rem;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.48rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.347rem;
  margin: 0.267rem 0 0 22.16rem;
  text-transform: uppercase;
}

.image-wrapper_11 {
  width: 39.414rem;
  height: 2.907rem;
  margin: 1.6rem 0 0 8.32rem;
}

.image_15 {
  width: 7.414rem;
  height: 2.854rem;
  margin-top: 0.054rem;
}

.image_16 {
  width: 7.414rem;
  height: 2.907rem;
  margin-left: 0.587rem;
}

.image_17 {
  width: 7.414rem;
  height: 2.907rem;
  margin-left: 0.587rem;
}

.image_18 {
  width: 7.414rem;
  height: 2.907rem;
  margin-left: 0.587rem;
}

.image_19 {
  width: 7.414rem;
  height: 2.854rem;
  margin: 0.054rem 0 0 0.587rem;
}

.image-wrapper_12 {
  width: 47.414rem;
  height: 2.907rem;
  margin: 0.507rem 0 0 1.894rem;
}

.image_20 {
  width: 7.414rem;
  height: 2.854rem;
  margin-top: 0.054rem;
}

.image_21 {
  width: 7.414rem;
  height: 2.907rem;
  margin-left: 0.587rem;
}

.image_22 {
  width: 7.414rem;
  height: 2.907rem;
  margin-left: 0.614rem;
}

.image_23 {
  width: 7.414rem;
  height: 2.907rem;
  margin-left: 0.587rem;
}

.image_24 {
  width: 7.387rem;
  height: 2.907rem;
  margin-left: 0.587rem;
}

.image_25 {
  width: 7.414rem;
  height: 2.854rem;
  margin: 0.054rem 0 0 0.587rem;
}

.image-wrapper_13 {
  width: 39.44rem;
  height: 2.907rem;
  margin: 0.48rem 0 2.614rem 3.494rem;
}

.image_26 {
  width: 7.414rem;
  height: 2.854rem;
  margin-top: 0.054rem;
}

.image_27 {
  width: 7.414rem;
  height: 2.907rem;
  margin-left: 0.587rem;
}

.image_28 {
  width: 7.414rem;
  height: 2.907rem;
  margin-left: 0.587rem;
}

.image_29 {
  width: 7.414rem;
  height: 2.907rem;
  margin-left: 0.614rem;
}

.image_30 {
  width: 7.414rem;
  height: 2.854rem;
  margin: 0.054rem 0 0 0.587rem;
}

.text_92 {
  width: 6.747rem;
  height: 4.347rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  text-align: left;
  line-height: 1.307rem;
}

.text_93 {
  width: 6.747rem;
  height: 4.347rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  text-align: left;
  line-height: 0.827rem;
}

.paragraph_25 {
  width: 6.747rem;
  height: 4.347rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  text-align: left;
  line-height: 1.307rem;
}

.image_33 {
  position: absolute;
  left: 1.867rem;
  top: 2.72rem;
  width: 47.467rem;
  height: 1.36rem;
}

.image-wrapper_12,
.image-wrapper_13 {
  display: none;
}

.image-wrapper_11 {
  width: 38rem;
  margin: 0;
  overflow: hidden;
}

.image-wrapper_11:not(:last-child) {
  margin-bottom: 0.5rem;
}

.MWchhJGEA {
  position: relative;
  width: 38rem;
  margin: 1.6rem 0 0 7rem;
}

.MWchhJGEA::before {
  content: '';
  position: absolute;
  top: 0;
  left: -1px;
  width: 5rem;
  height: 100%;
  background: linear-gradient(270deg, #fff 29.49%, hsla(0, 0%, 100%, 0));
  z-index: 1;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.MWchhJGEA::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  height: 100%;
  background: linear-gradient(270deg, #fff 29.49%, hsla(0, 0%, 100%, 0));
  z-index: 1;
}

.Hxv44OFMN {
  white-space: nowrap;
  animation: XQ3YAo5aN 30s linear infinite normal;
}

.image-wrapper_11:nth-child(1) .Hxv44OFMN {
  animation-delay: 1s;
}

.image-wrapper_11:nth-child(2) .Hxv44OFMN {
  animation-duration: 19s;
}

.Hxv44OFMN img {
  display: inline-block;
  margin-right: 0.4rem;
}

@keyframes XQ3YAo5aN {
  0% {
    transform: translateZ(0);
  }

  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.box_3 .group_15 {
  width: 15.034rem;
  margin: 0 0.267rem;
  overflow: hidden;
}

.box_3 .group_15 img {
  margin-left: 0;
  transform: scale(1);
  transition: 0.4s;
}

.box_3 .group_15 img:hover {
  transform: scale(1.1);
}

.box_3,
.box_5 {
  box-shadow: none;
  transform: translateY(0);
  transition: 0.4s;
}

.box_3:hover,
.box_5:hover {
  transform: translateY(-3px);
  box-shadow: 3px 4px 10px 1px rgba(221, 221, 221, 0.4);
}

.XuVGBSJ33 {
  display: none;
}

.group_23 {
  width: 10rem;
}

.group_22 {
  background: #f4f5f6 url('./img/mail_bg.png') no-repeat right 0 / contain;
}

.UDKjUIsP5 {
  position: relative;
}

.UDKjUIsP5::before {
  content: '';
  position: absolute;
  top: -0.3rem;
  left: -7rem;
  width: 5.44rem;
  height: 1.19rem;
  background: url('/statics/images/deco_2.png') no-repeat 0 0 / contain;
}

.UDKjUIsP5::after {
  content: '';
  position: absolute;
  top: -0.3rem;
  right: -7rem;
  width: 5.44rem;
  height: 1.19rem;
  background: url('/statics/images/deco_1.png') no-repeat 0 0 / contain;
}

.Tug6FtNpU::before {
  background-image: url('/statics/images/deco_2_1.png');
}

.Tug6FtNpU::after {
  background-image: url('/statics/images/deco_1_1.png');
}

.text_10 {
  position: relative;
}

.QeltTkszY {
  position: absolute;
  z-index: 5;
  top: -0.7rem;
  left: -2rem;
  width: 11rem;
  height: 3rem;
  cursor: pointer;
}

.swiper-slide[onclick] {
  cursor: pointer;
}

.text_16 {
  position: relative;
}

.jLPlmbS5q {
  position: absolute;
  z-index: 5;
  top: -0.7rem;
  left: -2.9rem;
  width: 11rem;
  height: 3rem;
  cursor: pointer;
}

.text-wrapper_25 {
  position: relative;
}

.MITNTSZib {
  position: absolute;
  z-index: 5;
  top: -0.7rem;
  left: -2.9rem;
  width: 11rem;
  height: 3rem;
  cursor: pointer;
}

.text_42 {
  position: relative;
}

.jFkBKDpem {
  position: absolute;
  z-index: 5;
  top: -0.7rem;
  left: -2.9rem;
  width: 11rem;
  height: 3rem;
  cursor: pointer;
}

.text-wrapper_17 span,
.group_13 span[onclick] {
  transition: 0.2s;
  cursor: pointer;
  font-size: max(0.48rem, 14px);
}

.paragraph_9 {
  font-size: max(0.426rem, 12px);
}

.text-wrapper_17:hover span,
.group_13 span[onclick]:hover {
  color: #2178ff;
}

.YZ8aJlUOJ {
  position: relative;
}
.kKSrUEg53 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  pointer-events: none;
  transition: 0.2s;
}
.OogNCDx7q:hover .kKSrUEg53 {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  z-index: 1;
}
.hvDWYDJ1F {
  display: flex;
  gap: 0.6rem;
  flex-direction: column;
}
.ZTgXRNdtf {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.49rem;
  height: 1.6rem;
  background: rgba(14, 64, 211, 0.6);
  border-radius: 0.8rem;
  font-size: 0.6rem;
  color: #fff;
}