@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: var(--eopa);
  }
}

@keyframes scalein {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: var(--eopa);
    transform: scale(var(--escl));
  }
}

@keyframes fadeout {
  0% {
    opacity: var(--eopa);
  }
  100% {
    opacity: 0;
  }
}

@keyframes scaleout {
  0% {
    opacity: var(--eopa);
    transform: scale(var(--escl));
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes lrmove {
  0%,
  50%,
  100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(0.47vw);
  }
  75% {
    transform: translateX(-0.47vw);
  }
}

:root {
  --eopa: 1;
  --escl: 1;
}

.page-index .banner {
  width: 100vw;
  height: 76vw;
  position: relative;
}

.page-index .banner .bg {
  width: 100%;
  height: 100%;
}

.page-index .banner .text {
  width: 100%;
  height: 100%;
  line-height: 7.47vw;
  box-sizing: border-box;
  padding-bottom: 2.4vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}

.page-index .banner .text p {
  color: #FFFFFF;
  text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.529);
  font-size: 3.2vw;
}

.page-index .banner .text b {
  font-family: "AlibabaPuHuiTi";
  font-size: 5.33vw;
}

.page-index .banner .learn-more {
  width: 26.67vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 7.47vw;
  position: absolute;
  bottom: 11.73vw;
  left: 50%;
  margin-left: -13.33vw;
}

.page-index .banner .learn-more span {
  font-size: 2.67vw;
  color: rgba(255, 255, 255, 0.8);
}

.page-index .banner .learn-more .icon {
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
  font-size: 2.67vw;
  animation: lrmove 0.8s linear 0s infinite;
  margin-left: 0.47vw;
}

.page-index .banner .banner-pagination {
  bottom: 5.33vw;
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-index .banner .banner-pagination .swiper-pagination-bullet {
  width: 1.07vw;
  height: 1.07vw;
  background: #FFFFFF;
  margin: 0 .53vw;
  opacity: 0.5;
}

.page-index .banner .banner-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.page-index .plate-title {
  text-align: center;
}

.page-index .plate-title .en,
.page-index .plate-title .desc {
  font-weight: 700;
}

.page-index .plate-title .cn {
  font-size: 5.87vw;
  letter-spacing: .29vw;
  color: #C82126;
  line-height: 8vw;
  margin-top: -0.8vw;
}

.page-index .plate-title .en {
  font-size: 2.4vw;
  letter-spacing: .39vw;
  color: #666F83;
  line-height: 4vw;
}

.page-index .plate-title .desc {
  font-size: 3.2vw;
  letter-spacing: .06vw;
  color: #111A34;
  line-height: 5.33vw;
}

.page-index .learn-more {
  width: 100%;
  height: 10.67vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-index .learn-more span {
  font-size: 3.2vw;
  color: #C42B31;
}

.page-index .learn-more .icon {
  font-size: 3.2vw;
  width: 3.2vw;
  height: 3.2vw;
  color: #C5CAD5;
  animation: lrmove 1s linear 0s infinite;
  margin-left: 1.07vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-index .clinic-solutions {
  width: 100%;
  background: linear-gradient(213deg, #FFECEC 4%, #FFFFFF 92%);
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: 5.6vw 3.2vw 0;
  overflow: hidden;
}

.page-index .clinic-solutions::before {
  content: '';
  width: calc(100% - 5.87vw);
  height: 100%;
  background: url("/static/front/wap/images/index_bg1.png") no-repeat top center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.page-index .clinic-solutions .clinics {
  width: 100%;
  margin: 4.27vw 0 3.2vw;
}

.page-index .clinic-solutions .clinics li {
  width: 100%;
  height: 18.67vw;
  border-radius: 2.13vw;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 3.2vw;
}

.page-index .clinic-solutions .clinics li .icon-img {
  width: 12.53vw;
  margin-right: 1.87vw;
  margin-top: .67vw;
}

.page-index .clinic-solutions .clinics li .name {
  font-weight: 700;
  color: #111A34;
  margin-right: auto;
}

.page-index .clinic-solutions .clinics li .quantity {
  text-align: right;
}

.page-index .clinic-solutions .clinics li .quantity .num-box {
  font-weight: 700;
  display: flex;
  align-items: flex-end;
}

.page-index .clinic-solutions .clinics li .quantity .num-box span {
  font-size: 6.4vw;
  line-height: 6.4vw;
  color: #111A34;
}

.page-index .clinic-solutions .clinics li .quantity .num-box sub {
  font-size: 3.73vw;
  line-height: 4.8vw;
  color: #111A34;
}

.page-index .clinic-solutions .clinics li .quantity span {
  font-size: 3.2vw;
  line-height: 4.8vw;
  color: #858B9C;
}

.page-index .clinic-solutions .clinics li + li {
  margin-top: 3.2vw;
}

.page-index .aboutus {
  width: 100%;
  box-sizing: border-box;
  padding-top: 5.6vw;
  overflow: hidden;
}

.page-index .aboutus .count-info {
  width: 100%;
  box-sizing: border-box;
  padding: 0 3.2vw;
  margin-top: 4.27vw;
}

.page-index .aboutus .count-info li {
  width: 100%;
  height: 23.47vw;
  border-radius: 2.13vw;
  background: url("/static/front/wap/images/abg_info.png") no-repeat top center/cover;
  box-sizing: border-box;
  border: 1px solid #FFE2E2;
  display: flex;
  align-items: center;
  padding: 0 5.33vw;
}

.page-index .aboutus .count-info li + li {
  margin-top: 3.2vw;
}

.page-index .aboutus .count-info li .icon-img {
  width: 13.87vw;
  height: 13.87vw;
  border-radius: 50%;
  box-sizing: border-box;
  border: 0.12vw solid rgba(236, 62, 48, 0.108);
  margin: 0;
}

.page-index .aboutus .count-info li .name {
  font-size: 4.27vw;
  font-weight: 700;
  color: #111A34;
  margin-left: 2.13vw;
  margin-right: auto;
}

.page-index .aboutus .count-info li .num-data {
  display: flex;
  align-items: flex-end;
}

.page-index .aboutus .count-info li .num-data .num {
  font-size: 6.4vw;
  font-weight: 700;
  color: #111A34;
  display: block;
}

.page-index .aboutus .count-info li .num-data sub {
  font-size: 3.73vw;
  font-weight: 700;
  color: #111A34;
  display: block;
  line-height: 6.4vw;
}

.page-index .aboutus .count-info li .num-data .unity {
  font-size: 3.2vw;
  line-height: 6.4vw;
  color: #858B9C;
  display: block;
  margin-left: 1.07vw;
}

.page-index .aboutus .fullimg {
  width: 100%;
  height: 58.67vw;
  margin-top: 5.33vw;
}

.page-index .aboutus .synopsis {
  width: 93.6vw;
  border-radius: 2.13vw;
  box-sizing: border-box;
  background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.0519) 100%);
  border: 1px solid rgba(255, 255, 255, 0.5357);
  backdrop-filter: blur(2.18vw);
  -webkit-backdrop-filter: blur(2.18vw);
  margin: -5.33vw auto 0;
  position: relative;
  z-index: 1;
  padding: 4.53vw 0 0;
}

.page-index .aboutus .synopsis .circles {
  margin-left: 5.33vw;
}

.page-index .aboutus .synopsis .detail {
  margin-top: 2.4vw;
  box-sizing: border-box;
  padding: 0 5.33vw;
}

.page-index .aboutus .synopsis .detail h3 {
  font-size: 5.33vw;
  line-height: 8.53vw;
  font-weight: 700;
  color: #000000;
  text-align: center;
  margin-bottom: 3.2vw;
}

.page-index .aboutus .synopsis .detail p {
  line-height: 8vw;
  color: #41485D;
  text-align: justify;
  -webkit-line-clamp: 9;
}

.page-index .aboutus .synopsis .statistics {
  width: 100%;
  height: 21.33vw;
  margin: 3.2vw auto;
  display: flex;
}

.page-index .aboutus .synopsis .statistics li {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.page-index .aboutus .synopsis .statistics li .num-data {
  height: 7.47vw;
  display: flex;
  align-items: flex-end;
}

.page-index .aboutus .synopsis .statistics li .num-data span {
  display: block;
}

.page-index .aboutus .synopsis .statistics li .num-data span:not(.unity) {
  font-size: 6.4vw;
  line-height: 7.47vw;
  color: #C82126;
}

.page-index .aboutus .synopsis .statistics li .num-data span:not(.unity):not(.num) {
  line-height: 7.47vw;
}

.page-index .aboutus .synopsis .statistics li .num-data sup {
  font-size: 4.27vw;
  color: #C82126;
  line-height: 6.93vw;
}

.page-index .aboutus .synopsis .statistics li .num-data .unity {
  font-size: 3.2vw;
  color: #858B9C;
  margin-left: 1.07vw;
  line-height: 6.93vw;
}

.page-index .aboutus .synopsis .statistics li .from {
  font-size: 3.2vw;
  color: #666F83;
  line-height: 6.4vw;
}

.page-index .aboutus .synopsis::before {
  content: '';
  width: 43.73vw;
  height: 18.67vw;
  background: url("/static/front/wap/images/abg_text.png") no-repeat center/cover;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.page-index .news {
  width: 100%;
  margin-top: 8.27vw;
  position: relative;
  overflow: hidden;
}

.page-index .news .plate-title .en {
  color: rgba(255, 255, 255, 0.48);
}

.page-index .news .plate-title .cn {
  color: #fff;
  margin-bottom: 1.07vw;
}

.page-index .news .plate-title .learn-more {
  width: 17.6vw;
  height: 5.87vw;
  border-radius: 2.93vw;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 auto;
}

.page-index .news .plate-title .learn-more span {
  font-size: 2.67vw;
  color: #fff;
}

.page-index .news .plate-title .learn-more .icon {
  font-size: 2.67vw;
  color: #fff;
  width: 2.67vw;
  height: 2.67vw;
}

.page-index .news .swiper-box {
  width: 100%;
  height: 82.4vw;
  background: #C82126;
  box-sizing: border-box;
  padding: 5.6vw 0 0;
}

.page-index .news .swiper-box .news-swiper {
  width: 100%;
  height: 48vw;
  margin: 5.33vw auto 0;
}

.page-index .news .swiper-box .news-swiper .swiper-slide {
  width: 85.33vw;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 300ms;
  opacity: 0.5;
  transform: scale(0.9);
}

.page-index .news .swiper-box .news-swiper .fullimg {
  border-radius: 2.13vw;
  position: relative;
  z-index: 1;
}

.page-index .news .swiper-box .news-swiper .fullimg .news-text {
  width: 100%;
  height: 16vw;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
  box-sizing: border-box;
  padding-top: .8vw;
}

.page-index .news .swiper-box .news-swiper .fullimg .news-text p {
  font-size: 3.2vw;
  line-height: 5.87vw;
  box-sizing: border-box;
  padding: 0 3.2vw 0 8vw;
}

.page-index .news .swiper-box .news-swiper .fullimg .news-text .title {
  font-size: 4.27vw;
  line-height: 6.4vw;
  position: relative;
}

.page-index .news .swiper-box .news-swiper .fullimg .news-text .title::before {
  content: '';
  width: 3.73vw;
  height: 3.73vw;
  background: url("/static/front/wap/images/news_front.png") no-repeat top center/cover;
  position: absolute;
  top: 50%;
  left: 3.2vw;
  margin-top: -1.87vw;
}

.page-index .news .swiper-box .news-swiper .fullimg::before {
  content: '';
  width: 100%;
  height: 16vw;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 95%);
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: 300ms;
}

.page-index .news .swiper-box .news-swiper .swiper-slide-active,
.page-index .news .swiper-box .news-swiper .swiper-slide-duplicate-active {
  opacity: 1;
  transform: scale(1);
}

.page-index .news .swiper-box .news-swiper .swiper-slide-active::before,
.page-index .news .swiper-box .news-swiper .swiper-slide-duplicate-active::before {
  opacity: 1;
}

.page-index .news .news-body {
  width: 100%;
  margin-top: -1.07vw;
  background: linear-gradient(180deg, #C82126 3%, rgba(230, 69, 78, 0) 97%);
  box-sizing: border-box;
  padding: 1.07vw 3.2vw 22.4vw;
}

.page-index .news .news-body .list-tab {
  width: 100%;
  height: 18.13vw;
  display: flex;
  align-items: center;
  border-bottom: 0.27vw solid rgba(255, 255, 255, 0.2);
  position: relative;
}

.page-index .news .news-body .list-tab li {
  width: calc(100% / 3);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.27vw;
  color: rgba(255, 255, 255, 0.8);
}

.page-index .news .news-body .list-tab li.cur {
  font-weight: 700;
  color: #fff;
}

.page-index .news .news-body .list-tab::before {
  content: '';
  width: 12.8vw;
  height: 0.8vw;
  border-radius: 0.4vw;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: calc(((100% / 3) - 12.8vw) / 2);
  transform: translateX(var(--tx));
  transition: all 0.5s;
}

.page-index .news .news-body .list-group {
  margin-top: 5.07vw;
}

.page-index .news .news-body .list-group .news-list {
  width: 100%;
}

.page-index .news .news-body .list-group .news-list li {
  width: 100%;
  height: 33.6vw;
  border-radius: 2.13vw;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(245deg, #FFD8D9 -8%, #FFF6F6 43%, #FFFFFF 86%);
  overflow: hidden;
  visibility: hidden;
}

.page-index .news .news-body .list-group .news-list li + li {
  margin-top: 3.2vw;
}

.page-index .news .news-body .list-group .news-list li p {
  box-sizing: border-box;
  padding: 0 3.2vw;
}

.page-index .news .news-body .list-group .news-list li .date {
  width: 100%;
  height: 8.53vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(89deg, #FFDDDD 1%, #FFFFFF 99%), #D8D8D8;
}

.page-index .news .news-body .list-group .news-list li .date span {
  font-size: 3.2vw;
  color: #C82126;
}

.page-index .news .news-body .list-group .news-list li .date .year {
  color: #666F83;
}

.page-index .news .news-body .list-group .news-list li .title {
  width: 100%;
  font-weight: 700;
  color: #111A34;
  line-height: 6.4vw;
  margin: 3.2vw 0 1.6vw;
}

.page-index .news .news-body .list-group .news-list li .desc {
  font-size: 3.2vw;
  color: #666F83;
  line-height: 4.8vw;
  text-align: justify;
}

.page-index .news::before {
  content: '';
  width: 100%;
  height: 2.13vw;
  background: linear-gradient(270deg, rgba(233, 192, 86, 0) -33%, #CE8C2B 90%);
  position: absolute;
  top: -2.13vw;
  left: 0;
}

.page-inner .aboutus .inner-banner .banner-en {
  width: 23.47vw;
  top: 28vw;
  margin-left: -11.73vw;
}

.page-inner .news .inner-banner .banner-en {
  width: 23.33vw;
  top: 27.2vw;
  margin-left: -11.67vw;
}

.page-inner .news .inner-banner .banner-cn {
  width: 34.4vw;
  top: 33.6vw;
  margin-left: -17.2vw;
}

.page-inner .solution .inner-banner .banner-en {
  width: 39.47vw;
  top: 28.8vw;
  margin-left: -19.74vw;
}

.page-inner .solution .slogan {
  width: 93.6vw;
  border-radius: 2.13vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2944) 0%, #FFFFFF 100%);
  box-sizing: border-box;
  border: 0.27vw solid #FFFFFF;
  backdrop-filter: blur(7.25vw);
  -webkit-backdrop-filter: blur(7.25vw);
  padding: 3.73vw 4.27vw;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.page-inner .solution .slogan p {
  text-align: center;
}

.page-inner .solution .slogan .bold {
  font-size: 4.27vw;
  line-height: 7.47vw;
  color: #111A34;
  font-weight: 700;
}

.page-inner .solution .slogan .cn,
.page-inner .solution .slogan .en {
  font-size: 3.2vw;
  line-height: 4.8vw;
}

.page-inner .solution .slogan .cn {
  color: #666F83;
  margin-top: .53vw;
}

.page-inner .solution .slogan .en {
  color: #C5CAD5;
  margin-top: 1.07vw;
}

.page-inner .solution .slogan::before, .page-inner .solution .slogan::after {
  width: 8.53vw;
  height: 6.13vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 6.13vw;
  color: rgba(235, 238, 242, 0.376);
  position: absolute;
  font-family: 'icon';
  z-index: -1;
}

.page-inner .solution .slogan::before {
  content: '\e642';
  transform: rotateX(180deg);
  top: 3.2vw;
  left: 5.33vw;
}

.page-inner .solution .slogan::after {
  content: '\e643';
  bottom: 4.8vw;
  right: 5.33vw;
}

.page-inner .contact .inner-banner .banner-en {
  width: 41.33vw;
  top: 28vw;
  margin-left: -20.67vw;
}

.page-inner .contact-code-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000002;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
}

.page-inner .contact-code-popup .code-box {
  width: 72.53vw;
  height: 86.93vw;
  background: #FFFFFF;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.0533);
  border-radius: 2.4vw;
  box-sizing: border-box;
  padding-top: 8.53vw;
  position: relative;
  transform: scale(0);
  opacity: 0;
}

.page-inner .contact-code-popup .code-box .icon {
  font-size: 8vw;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  right: 0;
  top: -11.2vw;
  opacity: 0;
}

.page-inner .contact-code-popup .code-box p {
  font-size: 4.27vw;
  line-height: 8vw;
  color: #111A34;
  text-align: center;
}

.page-inner .contact-code-popup .code-box p .red {
  color: #C82126;
}

.page-inner .contact-code-popup .code-box .fullimg {
  width: 32vw;
  height: 32vw;
  margin: 8vw auto 6.4vw;
}

.page-inner .contact-code-popup .code-box button {
  width: 60.27vw;
  height: 10.67vw;
  display: block;
  border-radius: 5.33vw;
  border: none;
  outline: none;
  background: #C82126;
  font-size: 3.73vw;
  color: #fff;
  line-height: 10.67vw;
  text-align: center;
  margin: 0 auto;
}

.page-inner .contact-code-popup.show {
  visibility: visible;
  animation: fadein 0.2s linear forwards;
}

.page-inner .contact-code-popup.show .code-box {
  animation: scalein 0.3s linear forwards;
}

.page-inner .contact-code-popup.show .code-box .icon {
  animation: fadein 0.1s linear forwards;
  animation-delay: 0.2s;
}

.page-inner .contact-code-popup.hide {
  visibility: hidden;
  animation: fadeout 0.2s forwards;
}

.page-inner .contact-code-popup.hide .code-box {
  animation: scaleout 0.1s linear forwards;
}

.page-inner .contact-code-popup.hide .code-box .icon {
  animation: fadein 0.1s linear forwards;
  animation-delay: 0s;
}

.page-inner .inner-plate-title {
  text-align: center;
}

.page-inner .inner-plate-title .cn {
  font-size: 5.87vw;
  line-height: 8.53vw;
  color: #111A34;
  position: relative;
  z-index: 1;
  font-weight: 900;
}

.page-inner .inner-plate-title .en {
  font-size: 3.2vw;
  line-height: 4.8vw;
  letter-spacing: .13vw;
  color: #858B9C;
  margin-top: -3.2vw;
  opacity: 0.2494;
}

.aboutus-jt .introduce {
  width: 100%;
  box-sizing: border-box;
  padding: 9.07vw 3.2vw 51.47vw;
  background: url("/static/front/wap/images/example_imgs/a_img.png") no-repeat center bottom, linear-gradient(180deg, #FFFFFF calc(77% - 40.27vw), #D0E7F8 calc(100% - 40.27vw));
  background-size: 100% auto;
}

.aboutus-jt .introduce .company-name {
  width: 100%;
  height: 16vw;
  border-radius: 2.13vw;
}

.aboutus-jt .introduce h3 {
  font-size: 5.33vw;
  line-height: 8.53vw;
  font-weight: 700;
  color: #000;
  margin: 5.33vw 0 2.67vw;
  text-align: center;
}

.aboutus-jt .introduce .detail p {
  line-height: 8vw;
  color: #41485D;
  text-indent: 2em;
  text-align: justify;
  font-size: 4.27vw;
}

.aboutus-jt .slogan {
  width: 100%;
  margin: 5.07vw 0 6.4vw;
  font-weight: 700;
  text-align: center;
}

.aboutus-jt .slogan .cn {
  font-size: 3.73vw;
  line-height: 6.4vw;
  color: #111A34;
  letter-spacing: 1.01vw;
  margin-bottom: .8vw;
  --els: 1.01vw;
}

.aboutus-jt .slogan .en {
  font-size: 2.67vw;
  color: #858B9C;
}

.aboutus-jt .statistics {
  width: 100%;
  box-sizing: border-box;
  padding: 0 3.2vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 14.93vw;
}

.aboutus-jt .statistics li {
  width: 45.07vw;
  height: 22.4vw;
  border-radius: 2.13vw;
  background: #fff;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 4.27vw;
  position: relative;
  z-index: 1;
}

.aboutus-jt .statistics li .circles {
  width: 5.33vw;
  height: 5.33vw;
  margin-top: .53vw;
  position: absolute;
  top: 4.27vw;
  right: 4.27vw;
  z-index: -1;
}

.aboutus-jt .statistics li .num-data {
  height: 6.4vw;
  white-space: nowrap;
}

.aboutus-jt .statistics li .num-data .num {
  font-size: 6.4vw;
  font-weight: 700;
  color: #C82126;
  line-height: 6.4vw;
}

.aboutus-jt .statistics li .num-data .unity {
  font-size: 3.2vw;
  color: #666F83;
  line-height: 6.4vw;
}

.aboutus-jt .statistics li .from {
  font-size: 3.2vw;
  font-weight: 700;
  color: #41485D;
  margin-top: 3.73vw;
}

.aboutus-jt .statistics li:nth-child(n+3) {
  margin-top: 3.2vw;
}

.aboutus-jt .chairman .name {
  width: 68vw;
  height: 15.47vw;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

.aboutus-jt .chairman .name .cn {
  font-size: 5.87vw;
  line-height: 8vw;
  font-weight: 700;
  letter-spacing: .59vw;
  color: #C82126;
}

.aboutus-jt .chairman .name .py {
  font-size: 3.2vw;
  line-height: 4.8vw;
  color: #858B9C;
  position: relative;
}

.aboutus-jt .chairman .name .py::before {
  content: '';
  width: 6.4vw;
  height: .53vw;
  border-radius: .27vw;
  background: #C8282E;
  position: absolute;
  bottom: -2.67vw;
  left: 50%;
  margin-left: -3.2vw;
}

.aboutus-jt .chairman .name::before, .aboutus-jt .chairman .name::after {
  content: '';
  width: 13.33vw;
  height: 3.73vw;
  background: url("/static/front/wap/images/chairman_front.png") no-repeat center/cover;
  position: absolute;
  top: 4.27vw;
}

.aboutus-jt .chairman .name::before {
  left: 0;
}

.aboutus-jt .chairman .name::after {
  right: 0;
  transform: rotateY(180deg);
}

.aboutus-jt .chairman .tags {
  width: 93.6vw;
  margin: 4.53vw auto 3.2vw;
}

.aboutus-jt .chairman .tags li {
  width: 100%;
  height: 11.73vw;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 2%, #FFFFFF 52%, rgba(255, 255, 255, 0) 99%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.aboutus-jt .chairman .tags li .circles {
  width: 5.33vw;
  height: 5.33vw;
}

.aboutus-jt .chairman .tags li p {
  font-size: 3.73vw;
  font-weight: 700;
  color: #111A34;
  margin-left: 3.2vw;
}

.aboutus-jt .chairman .tags li + li {
  margin-top: 2.13vw;
}

.aboutus-jt .chairman .about {
  width: 100%;
  box-sizing: border-box;
  padding: 91.2vw 3.2vw 16vw;
  position: relative;
  z-index: 1;
}

.aboutus-jt .chairman .about::before {
  content: '';
  width: 100vw;
  height: 100vw;
  background: linear-gradient(270deg, rgba(242, 242, 243, 0.6383) 0%, #D3D6D9 25%, rgba(212, 215, 218, 0.9068) 85%, rgba(229, 229, 229, 0.4346) 100%);
  position: absolute;
  top: 54.67vw;
  left: 0;
  z-index: -1;
}

.aboutus-jt .chairman .about::after {
  content: '';
  width: 100vw;
  height: 100vw;
  background: url("/static/front/wap/images/dsz.png") no-repeat top center/cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.aboutus-jt .chairman .about .about-tabs {
  width: 100%;
  height: 18.13vw;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4.27vw;
}

.aboutus-jt .chairman .about .about-tabs li {
  width: 45.07vw;
  height: 100%;
  border-radius: 2.13vw;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 3.47vw 4.27vw;
}

.aboutus-jt .chairman .about .about-tabs li .bg {
  width: 100%;
  height: 100%;
  background: url("/static/front/wap/images/point_bg.png") no-repeat center/cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .6s;
  opacity: 1;
}

.aboutus-jt .chairman .about .about-tabs li:nth-child(1) .icon-img {
  width: 15.07vw;
  top: 5.37vw;
  right: -0.79vw;
}

.aboutus-jt .chairman .about .about-tabs li:nth-child(2) .icon-img {
  width: 13.73vw;
  top: 6.51vw;
  right: .61vw;
}

.aboutus-jt .chairman .about .about-tabs li .icon-img {
  position: absolute;
  z-index: 1;
}

.aboutus-jt .chairman .about .about-tabs li .icon-img img {
  width: 100%;
}

.aboutus-jt .chairman .about .about-tabs li p {
  position: relative;
  z-index: 2;
}

.aboutus-jt .chairman .about .about-tabs li p b {
  font-size: 4.27vw;
  color: #111A34;
  line-height: 6.4vw;
  display: inline-block;
  transition: all .6s;
  font-weight: 700;
}

.aboutus-jt .chairman .about .about-tabs li p span {
  font-size: 3.2vw;
  line-height: 4.27vw;
  color: #858B9C;
}

.aboutus-jt .chairman .about .about-tabs li::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url("/static/front/wap/images/point_bg_light.png") no-repeat center/cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .6s;
  opacity: 0;
}

.aboutus-jt .chairman .about .about-tabs li.cur .bg {
  opacity: 0;
}

.aboutus-jt .chairman .about .about-tabs li.cur p b {
  color: #C82126;
}

.aboutus-jt .chairman .about .about-tabs li.cur::before {
  opacity: 1;
}

.aboutus-jt .chairman .about .about-container {
  width: 93.6vw;
  border-radius: 2.13vw;
  background: #fff;
  box-sizing: border-box;
  padding: 0 3.2vw 2.13vw;
  overflow: hidden;
  position: relative;
}

.aboutus-jt .chairman .about .about-container .title-box {
  width: 100%;
  height: 16vw;
  box-sizing: border-box;
  border-bottom: .27vw solid #EBEEF2;
  position: relative;
  margin-bottom: 4vw;
}

.aboutus-jt .chairman .about .about-container .title-box .title {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.aboutus-jt .chairman .about .about-container .title-box .title p .cn {
  font-size: 5.33vw;
  font-weight: 700;
  color: #111A34;
  display: inline-block;
}

.aboutus-jt .chairman .about .about-container .title-box .title p .en {
  font-size: 3.2vw;
  color: rgba(133, 139, 156, 0.21);
  text-transform: uppercase;
  margin-left: 1.07vw;
  display: inline-block;
}

.aboutus-jt .chairman .about .about-container .title-box .title .circles {
  width: 5.33vw;
  height: 5.33vw;
  margin-left: auto;
}

.aboutus-jt .chairman .about .about-container .title-box::before {
  content: '';
  width: 6.4vw;
  height: 0.8vw;
  border-radius: 0.4vw;
  background: #C8282E;
  position: absolute;
  left: 0;
  bottom: -0.27vw;
}

.aboutus-jt .chairman .about .about-container .detail-box {
  width: 100%;
}

.aboutus-jt .chairman .about .about-container .detail-box .detail {
  width: 100%;
  box-sizing: border-box;
  padding: 0 4.27vw 6.4vw;
}

.aboutus-jt .chairman .about .about-container .detail-box .detail p {
  color: #41485D;
  text-align: justify;
  line-height: 8vw;
}

.aboutus-jt .chairman .about .about-container .detail-box .detail p span {
  font-weight: 700;
  color: #111A34;
  margin-right: 0.5em;
}

.aboutus-jt .chairman .about .about-container .detail-box .detail p + p {
  margin-top: 3.2vw;
}

.aboutus-jt .chairman .about .about-container::before {
  content: '';
  width: 100%;
  height: 2.13vw;
  background: linear-gradient(to right, #CE8C28 0%, #CE8C28 2.33%, #F3E3CA 2.33%, #F3E3CA 3.83%, #CE8C28 3.83%, #CE8C28 18.17%, #CD7728 18.17%, #CD7728 33%, #CC6127 33%, #CC6127 48%, #CA4C27 48%, #CA4C27 62.83%, #C93626 62.83%, #C93626 77.66%, #C82126 77.66%, #C82126 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}

.aboutus-yyl {
  box-sizing: border-box;
  padding-top: 8.53vw;
}

.aboutus-yyl .vision-mission {
  width: 93.6vw;
  border-radius: 2.13vw;
  background: #fff;
  margin: 4.27vw auto 3.2vw;
  box-sizing: border-box;
  padding: 3.2vw 3.2vw 6.4vw;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.aboutus-yyl .vision-mission .fullimg {
  width: 100%;
  height: 65.33vw;
  border-radius: 2.13vw;
}

.aboutus-yyl .vision-mission .detail {
  margin-top: 6.93vw;
}

.aboutus-yyl .vision-mission .detail .title {
  height: 6.4vw;
  line-height: 6.4vw;
  position: relative;
  margin-bottom: .8vw;
}

.aboutus-yyl .vision-mission .detail .title .cn {
  font-size: 5.33vw;
  line-height: 6.4vw;
  letter-spacing: .53vw;
  font-weight: 700;
  color: #C82126;
}

.aboutus-yyl .vision-mission .detail .title .en {
  font-size: 2.67vw;
  font-weight: 700;
  color: #858B9C;
}

.aboutus-yyl .vision-mission .detail .title::after {
  content: '';
  width: 3.2vw;
  height: .53vw;
  border-radius: .27vw;
  background: #C82126;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.aboutus-yyl .vision-mission .detail .text {
  line-height: 8vw;
  color: #41485D;
  text-align: justify;
}

.aboutus-yyl .vision-mission .detail li + li {
  margin-top: 4vw;
}

.aboutus-yyl .vision-mission::before {
  content: '';
  width: 93.33vw;
  height: 19.47vw;
  position: absolute;
  right: -1.6vw;
  top: 57.33vw;
  background: linear-gradient(91deg, rgba(240, 243, 245, 0.0539) 0%, #DFE1E8 94%);
  opacity: 0.6114;
  z-index: -1;
}

.aboutus-yyl .vision-mission::after {
  content: '';
  width: 108.53vw;
  height: 8.27vw;
  position: absolute;
  right: 17.14vw;
  top: 65.82vw;
  z-index: -1;
  background: url("/static/front/wap/images/yyl_bg.png") no-repeat left center/cover;
}

.aboutus-yyl .introduction {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: 5.33vw 6.93vw 35.47vw;
  background: linear-gradient(180deg, #FFFFFF 20%, rgba(255, 255, 255, 0) 89%);
}

.aboutus-yyl .introduction::before {
  content: '';
  width: 100vw;
  height: 108vw;
  background: url("/static/front/wap/images/want_bt.png") no-repeat top center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.aboutus-yyl .introduction::after {
  content: '';
  width: 100vw;
  height: 100vw;
  background: url("/static/front/wap/images/want_bb.png") no-repeat bottom center/100% auto;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.aboutus-yyl .introduction .detail {
  line-height: 8vw;
  text-align: justify;
  color: #41485D;
  margin-top: 8.53vw;
  text-indent: 2em;
}

.aboutus-yyl .introduction .detail p + p {
  margin-top: -0.8vw;
}

.aboutus-yyl .statistics {
  width: 93.6vw;
  margin: -10.93vw auto 10.67vw;
}

.aboutus-yyl .statistics li {
  width: 100%;
  height: 23.47vw;
  border-radius: 2.13vw;
  background: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 4.27vw;
}

.aboutus-yyl .statistics li + li {
  margin-top: 3.2vw;
}

.aboutus-yyl .statistics li .info .logo-box {
  height: 8.53vw;
}

.aboutus-yyl .statistics li .info .logo-box img {
  width: auto;
  height: 100%;
}

.aboutus-yyl .statistics li .info .tips {
  font-size: 3.2vw;
  line-height: 4.8vw;
  color: #858B9C;
  margin-top: 1.6vw;
}

.aboutus-yyl .statistics li .num-box {
  text-align: right;
}

.aboutus-yyl .statistics li .num-box .num-data {
  height: 6.4vw;
  font-weight: 700;
  color: #111A34;
  margin-bottom: 2.67vw;
  position: relative;
  z-index: 1;
}

.aboutus-yyl .statistics li .num-box .num-data .num {
  font-size: 6.4vw;
  line-height: 6.4vw;
  margin-right: -1.07vw;
}

.aboutus-yyl .statistics li .num-box .num-data sub {
  font-size: 3.73vw;
  line-height: 6.4vw;
}

.aboutus-yyl .statistics li .num-box .num-data::before {
  content: '';
  width: 16vw;
  height: 2.67vw;
  border-radius: 1.33vw 0 0 1.33vw;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #D4D9E1 100%);
  position: absolute;
  bottom: -1.07vw;
  right: 0;
  z-index: -1;
}

.aboutus-yyl .statistics li .num-box .from {
  font-size: 3.2vw;
  line-height: 3.73vw;
  font-weight: 700;
  color: #41485D;
}

.aboutus-yyl .aboutus-video {
  width: 93.6vw;
  height: 52.53vw;
  border-radius: 2.13vw;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.aboutus-yyl .aboutus-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aboutus-yyl .aboutus-video .video-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}

.aboutus-yyl .aboutus-video .video-mask .icon {
  font-size: 6.4vw;
}

.aboutus-yyl .aboutus-video .video-mask b {
  font-size: 3.2vw;
  line-height: 4.8vw;
  margin-top: 1.07vw;
  font-weight: 350;
}

.aboutus-yyl .aboutus-video .video-mask.hidden {
  visibility: hidden;
  opacity: 0;
}

.aboutus-yyl .statistics2 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 3.2vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 3.2vw 0 16vw;
}

.aboutus-yyl .statistics2 li {
  width: 45.07vw;
  height: 22.4vw;
  border-radius: 2.13vw;
  background: #fff;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 4.27vw;
  position: relative;
  z-index: 1;
}

.aboutus-yyl .statistics2 li .circles {
  width: 5.33vw;
  height: 5.33vw;
  margin-top: .53vw;
  position: absolute;
  top: 4.27vw;
  right: 4.27vw;
  z-index: -1;
}

.aboutus-yyl .statistics2 li .num-data {
  height: 6.4vw;
  white-space: nowrap;
}

.aboutus-yyl .statistics2 li .num-data .num {
  font-size: 6.4vw;
  font-weight: 700;
  color: #C82126;
  line-height: 6.4vw;
}

.aboutus-yyl .statistics2 li .num-data sub {
  font-size: 3.73vw;
  font-weight: 700;
  color: #C82126;
  line-height: 6.4vw;
  margin-left: -1.07vw;
}

.aboutus-yyl .statistics2 li .num-data .unity {
  font-size: 3.2vw;
  color: #666F83;
  line-height: 6.4vw;
}

.aboutus-yyl .statistics2 li .from {
  font-size: 3.2vw;
  font-weight: 700;
  color: #41485D;
  margin-top: 3.73vw;
}

.aboutus-yyl .statistics2 li:nth-child(n+3) {
  margin-top: 3.2vw;
}

.aboutus-qyry .history {
  width: 100%;
  padding: 8.53vw 0 8vw;
  box-sizing: border-box;
  background: url("/static/front/wap/images/log_bg.png") no-repeat bottom center/100% auto;
}

.aboutus-qyry .history .cur-year {
  width: 93.6vw;
  height: 53.87vw;
  border-radius: 2.13vw;
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3072) 100%);
  backdrop-filter: blur(0.73vw);
  -webkit-backdrop-filter: blur(0.73vw);
  margin: 5.33vw auto 0;
}

.aboutus-qyry .history .cur-year .year {
  width: 100%;
  height: 13.33vw;
  box-sizing: border-box;
  border-bottom: .27vw solid #FFFFFF;
  font-size: 5.33vw;
  font-weight: 700;
  color: #C9272C;
  padding-top: 4.27vw;
  text-align: center;
}

.aboutus-qyry .history .cur-year .events {
  width: 100%;
  height: calc(100% - 13.33vw);
  background: rgba(216, 216, 216, 0.01);
  box-sizing: border-box;
  padding: 0 2.13vw 7.47vw;
  overflow: hidden;
  overflow-y: auto;
}

.aboutus-qyry .history .cur-year .events li {
  text-align: center;
  line-height: 6.4vw;
  color: #41485D;
}

.aboutus-qyry .history .cur-year .events li + li {
  margin-top: 2.67vw;
}

.aboutus-qyry .history .cur-year::before {
  content: '';
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 4.8vw 3.33vw;
  border-top-color: #fff;
  position: absolute;
  border-radius: .53vw;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 75%);
  z-index: -1;
}

.aboutus-qyry .history .cur-year::after {
  content: '';
  width: 100%;
  height: 16vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.9752) 90%, #FFFFFF 90%);
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 0 2.13vw 2.13vw;
}

.aboutus-qyry .history .years {
  width: 100%;
  height: 17.07vw;
  margin: 14.67vw auto 0;
  position: relative;
}

.aboutus-qyry .history .years .year-swiper {
  width: 100%;
  height: 100%;
}

.aboutus-qyry .history .years .swiper-slide {
  width: 21.6vw;
  height: 100%;
  text-align: center;
  opacity: 0.5;
}

.aboutus-qyry .history .years .swiper-slide .circle {
  display: block;
  width: 1.87vw;
  height: 1.87vw;
  border-radius: 50%;
  background: #C82126;
  box-sizing: border-box;
  border: 0.27vw solid #FFFFFF;
  margin: 5.6vw auto 1.6vw;
  transition: all .5s;
}

.aboutus-qyry .history .years .swiper-slide .year {
  font-size: 3.2vw;
  color: #666F83;
  transition: all .5s;
}

.aboutus-qyry .history .years .swiper-slide-prev, .aboutus-qyry .history .years .swiper-slide-next, .aboutus-qyry .history .years .swiper-slide-active {
  opacity: 1;
}

.aboutus-qyry .history .years .swiper-slide-active .circle {
  width: 3.2vw;
  height: 3.2vw;
  background: #fff;
  box-sizing: border-box;
  border: .8vw solid #C82126;
  margin: 5.07vw auto 1.6vw;
}

.aboutus-qyry .history .years .swiper-slide-active .year {
  font-size: 5.33vw;
  font-weight: 700;
  color: #C82126;
}

.aboutus-qyry .history .years::before {
  content: '';
  width: 4.27vw;
  height: 6.4vw;
  background: url("/static/front/wap/images/arrow.png") no-repeat center/cover;
  position: absolute;
  top: -7.2vw;
  left: 50%;
  margin-left: -2.13vw;
}

.aboutus-qyry .history .years::after {
  content: '';
  width: 100%;
  height: .27vw;
  background: linear-gradient(90deg, rgba(254, 72, 82, 0) 0%, #C82126 51%, rgba(200, 33, 38, 0) 100%);
  position: absolute;
  left: 0;
  top: 6.4vw;
}

.aboutus-qyry .honor {
  width: 100%;
  padding-bottom: 16vw;
  margin-top: 10.67vw;
}

.aboutus-qyry .honor-play {
  margin-top: 5.33vw;
  width: 100%;
  height: 109.87vw;
  box-sizing: border-box;
  padding: 5.33vw 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  background: linear-gradient(270deg, rgba(242, 242, 243, 0.5681) -11%, #E1E2E3 50%, #E5E5E5 71%, rgba(224, 225, 226, 0.2194) 97%);
}

.aboutus-qyry .honor-play .swiper {
  width: 100%;
  height: 48vw;
}

.aboutus-qyry .honor-play .swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.aboutus-qyry .honor-play .swiper .swiper-slide {
  width: 85.33vw;
  height: 48vw;
  border-radius: 2.13vw;
}

.news-box {
  width: 100%;
  box-sizing: border-box;
  padding: 10.67vw 3.2vw 16vw;
}

.news-box .new-example {
  width: 100%;
  border-radius: 2.13vw;
  background: #fff;
  overflow: hidden;
  margin-bottom: 10.67vw;
}

.news-box .new-example .fullimg {
  width: 100%;
  height: 52.27vw;
  position: relative;
}

.news-box .new-example .fullimg p {
  width: 100%;
  height: 12.27vw;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  padding: 0 5.33vw 0 3.2vw;
  line-height: 12.27vw;
  font-weight: 700;
  font-size: 4.27vw;
  color: #fff;
}

.news-box .new-example .circles {
  width: 5.07vw;
  height: 5.07vw;
  margin: 5.33vw 4.27vw 3.2vw;
}

.news-box .new-example .desc {
  box-sizing: border-box;
  padding: 0 4.27vw;
  line-height: 8vw;
  color: #41485D;
  text-align: justify;
  display: block;
  max-height: 40vw;
  overflow: hidden;
  position: relative;
}

.news-box .new-example .desc::before {
  content: '...';
  width: 1em;
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateX(-100%);
}

.news-box .new-example .desc::after {
  content: '';
  position: absolute;
  width: 999vh;
  height: 999vh;
  background: #fff;
}

.news-box .new-example .learn-more {
  width: 100%;
  height: 12.8vw;
  box-sizing: border-box;
  padding: 0 4.27vw;
  margin-top: 4.27vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.news-box .new-example .learn-more span {
  font-size: 3.2vw;
  color: #C82126;
}

.news-box .new-example .learn-more .icon {
  font-size: 4vw;
  color: #C5CAD5;
  animation: lrmove 0.8s linear 0s infinite;
}

.news-box .news-list {
  width: 100%;
  margin: 5.07vw auto 0;
}

.news-box .news-list li {
  width: 100%;
  height: 30.93vw;
  border-radius: 2.13vw;
  background: #fff;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 3.2vw;
}

.news-box .news-list li .fullimg {
  width: 29.87vw;
  height: 22.4vw;
  border-radius: 2.13vw;
}

.news-box .news-list li .info {
  width: 53.07vw;
  margin-right: auto;
}

.news-box .news-list li .info .title {
  font-weight: 700;
  line-height: 6.4vw;
  color: #111A34;
}

.news-box .news-list li .info .date {
  height: 4.27vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4.8vw;
}

.news-box .news-list li .info .date span {
  font-size: 3.2vw;
  color: #858B9C;
}

.news-box .news-list li .info .date .icon {
  display: inline-flex;
  width: 4.27vw;
  height: 4.27vw;
  border-radius: 50%;
  background: #FFEDED;
  font-size: 2.67vw;
  align-items: center;
  justify-content: center;
  color: rgba(248, 120, 114, 0.84);
}

.news-box .news-list li + li {
  margin-top: 3.2vw;
}

.news-box .news-list li.video .fullimg {
  position: relative;
}

.news-box .news-list li.video .fullimg::before {
  content: '\e646';
  width: 4.8vw;
  height: 4.8vw;
  border-radius: 50%;
  font-size: 1.98vw;
  background: linear-gradient(0deg, #C82126, #C82126), linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(135deg, #66E9E6 0%, #36CFC9 50%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'icon';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2.4vw 0 0 -2.4vw;
  box-sizing: border-box;
  padding-top: .27vw;
  transform: rotate(-90deg);
}

.news-detail {
  background: #fff;
}

.news-detail .poster {
  width: 100%;
  height: 53.33vw;
  margin-bottom: 5.33vw;
  position: relative;
}

.news-detail .poster .back {
  width: 7.47vw;
  height: 7.47vw;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  border: 0.27vw solid rgba(235, 238, 242, 0.6);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.73vw;
  color: #fff;
  position: absolute;
  top: 2.13vw;
  left: 3.2vw;
  z-index: 5;
}

.news-detail .poster.video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-detail .poster.pause::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.news-detail .poster.pause::after {
  content: '\e646';
  width: 10.67vw;
  height: 10.67vw;
  border-radius: 50%;
  font-size: 3.73vw;
  background: linear-gradient(0deg, #C82126, #C82126), linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(135deg, #66E9E6 0%, #36CFC9 50%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'icon';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5.33vw 0 0 -5.33vw;
  box-sizing: border-box;
  padding-top: .53vw;
  transform: rotate(-90deg);
  z-index: 2;
}

.news-detail .title {
  box-sizing: border-box;
  padding: 0 4.27vw;
  text-align: center;
  line-height: 7.73vw;
  font-size: 5.33vw;
  font-weight: 700;
  color: #111A34;
}

.news-detail .info {
  width: 91.47vw;
  font-size: 3.2vw;
  line-height: 4.8vw;
  color: #666F83;
  box-sizing: border-box;
  padding: 0 0 5.33vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 4vw auto 1.33vw;
  box-sizing: border-box;
  border-bottom: .27vw solid #EBEEF2;
  position: relative;
}

.news-detail .info .tag {
  height: 4.8vw;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: 0 1.6vw;
  margin-right: 0.53vw;
}

.news-detail .info .tag::before {
  content: '';
  width: calc(100% - 1.07vw);
  height: 100%;
  border-radius: .53vw;
  background: #EBEEF2;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: calc((1.07vw - 100%) / 2);
  z-index: -1;
  transform: skew(-13deg);
  transform-origin: left center;
}

.news-detail .info::before {
  content: '';
  width: 6.4vw;
  height: .8vw;
  border-radius: .4vw;
  background: #C8282E;
  position: absolute;
  bottom: -0.27vw;
  left: 0;
}

.news-detail .rich-box {
  width: 91.47vw;
  margin: 0 auto;
  font-size: 4.27vw !important;
  line-height: 8vw !important;
  color: #41485D !important;
  padding-bottom: 8vw;
  border-bottom: .27vw solid #EBEEF2;
}

.news-detail .rich-box img,
.news-detail .rich-box video {
  display: block;
  max-width: 100%;
  height: auto !important;
  margin: 0 auto;
}

.news-detail .rich-box p {
  font-size: 4.27vw !important;
  line-height: 8vw !important;
  color: #41485D !important;
  text-indent: 2em;
  text-align: justify;
  margin-bottom: 0.8em;
}

.news-detail .rich-box span {
  font-size: 4.27vw !important;
  line-height: 8vw !important;
  color: #41485D !important;
}

.news-detail .check-tool {
  margin: 4.53vw auto 16vw;
  width: 91.47vw;
  height: 16vw;
  display: flex;
  align-items: center;
  border-radius: 2.13vw;
  background: #F9FAFB;
}

.news-detail .check-tool a {
  display: flex;
  align-items: center;
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 4.8vw;
}

.news-detail .check-tool a.next {
  justify-content: flex-end;
}

.news-detail .check-tool a.next .icon {
  margin-left: 3.2vw;
}

.news-detail .check-tool a.prev .icon {
  margin-right: 3.2vw;
}

.news-detail .check-tool a span {
  font-size: 3.73vw;
  color: #41485D;
}

.news-detail .check-tool a .icon {
  width: 6.4vw;
  height: 6.4vw;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 4vw;
  color: #858B9C;
  background: #EBEEF2;
}

.solution-zs .fullimg {
  width: 100%;
  height: 58.67vw;
}

.solution-zs .top {
  padding: 8vw 0 2.67vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6179) 0%, #FFFFFF 50%);
  box-sizing: border-box;
  border: 0.27vw solid #FFFFFF;
  backdrop-filter: blur(1.45vw);
  -webkit-backdrop-filter: blur(1.45vw);
  margin-top: -4.27vw;
  border-radius: 3.2vw 3.2vw 0 0;
}

.solution-zs .top .inner-plate-title .cn {
  line-height: 7.47vw;
}

.solution-zs .top .inner-plate-title .en {
  margin-top: -1em;
  line-height: 4.27vw;
}

.solution-zs .dilemmas {
  width: 100%;
  box-sizing: border-box;
  padding: 5.07vw 0 5.33vw;
  background: #fff;
  margin-bottom: 5.33vw;
  border-radius: 0 0 3.2vw 3.2vw;
}

.solution-zs .dilemmas .reflect {
  width: 100%;
  box-sizing: border-box;
  padding: 0 3.2vw;
}

.solution-zs .dilemmas .reflect li {
  width: 100%;
  height: 12.8vw;
  display: flex;
  align-items: center;
  background: url("/static/front/wap/images/zs_bg1.png") no-repeat center/cover;
  box-sizing: border-box;
  padding: 0 3.2vw;
  position: relative;
  overflow: hidden;
  border-radius: 2.13vw;
}

.solution-zs .dilemmas .reflect li + li {
  margin-top: 3.2vw;
}

.solution-zs .dilemmas .reflect li i {
  display: inline-flex;
  width: 5.33vw;
  height: 5.33vw;
  align-items: center;
  justify-content: center;
  margin-right: 2.13vw;
}

.solution-zs .dilemmas .reflect li i img {
  width: 3.95vw;
}

.solution-zs .dilemmas .reflect li span {
  font-size: 3.73vw;
  color: #111A34;
}

.solution-zs .dilemmas .reflect li::before {
  content: '';
  width: 16vw;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  background: var(--no) no-repeat center/100% auto;
}

.solution-zs .dilemmas .conclusion {
  width: 100%;
  height: 16vw;
  position: relative;
  z-index: 1;
  margin-top: 3.2vw;
  text-align: center;
}

.solution-zs .dilemmas .conclusion span {
  display: inline-block;
  height: 100%;
  line-height: 16vw;
  font-weight: 700;
  letter-spacing: 1.07vw;
  color: #111A34;
  position: relative;
}

.solution-zs .dilemmas .conclusion span::before, .solution-zs .dilemmas .conclusion span::after {
  content: '';
  width: 4.8vw;
  height: 6.13vw;
  background: url("/static/front/wap/images/arrow2.png") no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  margin-top: -3.07vw;
}

.solution-zs .dilemmas .conclusion span::before {
  left: -11.07vw;
}

.solution-zs .dilemmas .conclusion span::after {
  right: -11.07vw;
  transform: rotateY(-180deg);
}

.solution-zs .dilemmas .conclusion::before {
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0.0787;
  background: linear-gradient(99deg, rgba(191, 191, 191, 0) 0%, #ADAFBA 44%, rgba(187, 187, 187, 0) 97%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.solution-zs .slogan::after {
  bottom: 2.67vw !important;
  right: 6.93vw !important;
}

.solution-zs .clinic-upgra {
  margin: 5.33vw auto 3.2vw;
  width: 93.6vw;
  height: 66.13vw;
  background: url("/static/front/wap/images/zs_bg2.png") no-repeat top center/100% auto;
  border-radius: 0 0 2.13vw 2.13vw;
  overflow: hidden;
}

.solution-zs .clinic-upgra .title {
  width: 100%;
  height: 24vw;
  box-sizing: border-box;
  padding-top: 8.8vw;
  text-align: center;
  color: #fff;
}

.solution-zs .clinic-upgra .title p:nth-child(1) {
  line-height: 6.4vw;
  font-weight: 700;
}

.solution-zs .clinic-upgra .title p:nth-child(2) {
  line-height: 5.33vw;
  font-size: 3.2vw;
}

.solution-zs .clinic-upgra .clinics {
  width: 100%;
  height: 26.13vw;
  background: #fff;
  display: flex;
  align-items: center;
}

.solution-zs .clinic-upgra .clinics li {
  width: 20%;
  height: 100%;
  box-shadow: inset -0.27vw 0px 0px 0px rgba(240, 243, 245, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.solution-zs .clinic-upgra .clinics li .fullimg {
  width: 10.67vw;
  height: 10.67vw;
  border-radius: 50%;
}

.solution-zs .clinic-upgra .clinics li .name {
  color: #111A34;
  font-weight: 700;
  font-size: 3.73vw;
  line-height: 6.4vw;
  margin-top: 1.87vw;
}

.solution-zs .clinic-upgra .count {
  width: 100%;
  height: 16vw;
  background: #fff;
  text-align: center;
  line-height: 16vw;
  box-shadow: inset 0px 0.27vw 0px 0px rgba(240, 243, 245, 0.5);
}

.solution-zs .clinic-upgra .count b {
  font-size: 6.4vw;
  color: #C82126;
}

.solution-zs .clinic-upgra .count span {
  font-size: 3.2vw;
  color: #111A34;
  display: inline-block;
  margin: 0 1.87vw 0 .27vw;
}

.solution-zs .clinic-detail {
  width: 93.6vw;
  margin: 0 auto 16vw;
}

.solution-zs .clinic-detail .clinic {
  width: 100%;
  box-sizing: border-box;
  padding: 3.2vw;
  border-radius: 2.13vw;
  background: #FFFFFF;
  margin-top: 3.2vw;
}

.solution-zs .clinic-detail .clinic .type {
  width: 100%;
  height: 16vw;
  position: relative;
  z-index: 1;
  border-radius: 2.13vw 2.13vw 0 0;
  line-height: 16vw;
  box-sizing: border-box;
  padding: 0 3.2vw;
}

.solution-zs .clinic-detail .clinic .type .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.solution-zs .clinic-detail .clinic .type .name {
  font-weight: 700;
  color: #111A34;
}

.solution-zs .clinic-detail .clinic .type .tips {
  font-size: 3.2vw;
  color: #858B9C;
  margin-left: .53vw;
}

.solution-zs .clinic-detail .clinic .detail {
  width: 100%;
}

.solution-zs .clinic-detail .clinic .detail li {
  width: 100%;
  min-height: 13.33vw;
  box-sizing: border-box;
  padding: 3.73vw 3.2vw;
  display: flex;
  align-items: flex-start;
  background: #F9FAFB;
  margin-top: 2.13vw;
}

.solution-zs .clinic-detail .clinic .detail li span {
  line-height: 5.87vw;
  font-size: 3.73vw;
  color: #111A34;
}

.solution-zs .clinic-detail .clinic .detail li:last-child {
  border-radius: 0 0 2.13vw 2.13vw;
}

.solution-yd {
  box-sizing: border-box;
  padding: 8.53vw 3.2vw 18.4vw;
}

.solution-yd .alliance {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 5.33vw 0 3.2vw;
}

.solution-yd .alliance li {
  width: 44.8vw;
  height: 57.07vw;
  border-radius: 2.13vw;
  background: #FFFFFF;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.solution-yd .alliance li p:not(.fullimg) {
  width: 100%;
  height: calc(100% - 25.07vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 3.73vw;
  line-height: 6.4vw;
  color: #111A34;
  box-sizing: border-box;
  padding: 0 4.27vw;
}

.solution-yd .alliance li .fullimg {
  width: 100%;
  height: 25.07vw;
}

.solution-yd .alliance li:nth-child(n+3) {
  margin-top: 3.2vw;
}

.solution-yd .alliance li::before {
  content: '\e644';
  width: 14.67vw;
  height: 14.67vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16.67vw;
  font-family: 'icon';
  color: transparent;
  background: linear-gradient(316deg, rgba(247, 248, 250, 0.097) 13%, #EBEEF2 87%);
  background-clip: text;
  -webkit-background-clip: text;
  position: absolute;
  top: 22.8vw;
  left: -3.2vw;
  z-index: -1;
}

.solution-yd .unified-alliance {
  width: 100%;
  margin-top: 5.33vw;
}

.solution-yd .unified-alliance li {
  width: 100%;
  border-radius: 2.13vw;
  background: #fff;
  overflow: hidden;
}

.solution-yd .unified-alliance li + li {
  margin-top: 3.2vw;
}

.solution-yd .unified-alliance .brand-info {
  width: 100%;
  height: 21.33vw;
  box-sizing: border-box;
  padding: 0 0 0 3.2vw;
  display: flex;
  align-items: center;
}

.solution-yd .unified-alliance .brand-info .logo-box {
  height: 8.53vw;
  margin-right: 2.13vw;
}

.solution-yd .unified-alliance .brand-info .logo-box img {
  width: auto;
  height: 100%;
}

.solution-yd .unified-alliance .brand-info .info .item {
  display: flex;
  align-items: flex-start;
}

.solution-yd .unified-alliance .brand-info .info .item i {
  width: 3.73vw;
  height: 4.27vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.07vw;
}

.solution-yd .unified-alliance .brand-info .info .item i img {
  width: 100%;
}

.solution-yd .unified-alliance .brand-info .info .item p {
  height: 4.27vw;
  line-height: 4.27vw;
  font-size: 3.2vw;
  color: #111A34;
}

.solution-yd .unified-alliance .brand-info .info .item p span {
  font-weight: 700;
}

.solution-yd .unified-alliance .brand-info .info .item + .item {
  margin-top: 1.6vw;
}

.solution-yd .unified-alliance .brand-info .info.red p .light {
  color: #D60012;
}

.solution-yd .unified-alliance .brand-info .info.blue p .light {
  color: #0F6EEA;
}

.solution-yd .unified-alliance .fullimg {
  width: 100%;
  height: 52.53vw;
}

.solution-sy {
  box-sizing: border-box;
  padding-top: 8.53vw;
}

.solution-sy .tips {
  font-size: 3.2vw;
  color: #666F83;
  line-height: 4.53vw;
  text-align: center;
  margin-top: 2.13vw;
}

.solution-sy .problem {
  width: 100%;
  height: 75.47vw;
  margin: 8.53vw 0 4.27vw;
}

.solution-sy .problem .swiper-slide {
  width: 57.87vw;
  height: 50.93vw;
  transition: 300ms;
  opacity: 0.5;
  transform: scale(0.9) translateY(14vw);
  border-radius: 2.13vw;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
  border: 0.27vw solid #fff;
  transform-origin: center;
}

.solution-sy .problem .swiper-slide .fullimg {
  width: 100%;
  height: 33.53vw;
}

.solution-sy .problem .swiper-slide .arrow {
  display: block;
  width: 2.52vw;
  height: 1.62vw;
  margin: 2.25vw auto 1.44vw;
}

.solution-sy .problem .swiper-slide .arrow img {
  width: 100%;
}

.solution-sy .problem .swiper-slide p {
  font-size: 2.67vw;
  line-height: 4.8vw;
  color: #41485D;
  text-align: center;
}

.solution-sy .problem .swiper-slide-active,
.solution-sy .problem .swiper-slide-duplicate-active {
  opacity: 1;
  transform: scale(1.49) translateY(8.3vw);
}

.solution-sy .problem .swiper-slide-active::before,
.solution-sy .problem .swiper-slide-duplicate-active::before {
  opacity: 1;
}

.solution-sy .business-tabs {
  width: 93.6vw;
  height: 18.13vw;
  margin: 8.53vw auto 0;
  display: flex;
  box-sizing: border-box;
  border-bottom: 0.27vw solid rgba(102, 111, 131, 0.0532);
  position: relative;
}

.solution-sy .business-tabs li {
  width: 50%;
  height: 100%;
  position: relative;
}

.solution-sy .business-tabs li span {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 17.86vw;
  color: #666F83;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .5s;
}

.solution-sy .business-tabs li::after {
  content: attr(data-text);
  width: 100%;
  height: 100%;
  text-align: center;
  font-weight: 700;
  line-height: 17.86vw;
  font-weight: bold;
  color: var(--color);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .5s;
}

.solution-sy .business-tabs li.cur span {
  top: 0;
  opacity: 0;
}

.solution-sy .business-tabs li.cur::after {
  top: 0;
  opacity: 1;
}

.solution-sy .business-tabs::before {
  content: '';
  width: 12.8vw;
  height: .8vw;
  border-radius: 0.4vw;
  background: var(--color);
  position: absolute;
  bottom: -0.27vw;
  left: 16.8vw;
  transform: translateX(var(--tx));
  transition: all .5s;
}

.solution-sy .business-infos {
  width: 100%;
  margin-top: 5.33vw;
  margin-bottom: 32.53vw;
}

.solution-sy .business-infos .info {
  width: 100%;
}

.solution-sy .business-infos .info .brand {
  width: 100%;
  box-sizing: border-box;
  padding: 8.53vw 3.2vw 8.8vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.solution-sy .business-infos .info .brand .logo-img {
  height: 12.8vw;
  text-align: center;
}

.solution-sy .business-infos .info .brand .logo-img img {
  width: auto;
  height: 100%;
}

.solution-sy .business-infos .info .brand .tips {
  width: 100%;
  height: 18.93vw;
  margin-top: 3.2vw;
  border-bottom: 0.27vw solid rgba(255, 255, 255, 0.5559);
  box-sizing: border-box;
  font-size: 3.73vw;
  line-height: 5.87vw;
  color: #fff;
  padding: 1.33vw 0 5.87vw;
}

.solution-sy .business-infos .info .brand .tips span {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.solution-sy .business-infos .info .brand .tips span::before, .solution-sy .business-infos .info .brand .tips span::after {
  width: 6.4vw;
  height: 6.4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.8vw;
  color: rgba(235, 238, 242, 0.28);
  position: absolute;
  font-family: 'icon';
  z-index: -1;
}

.solution-sy .business-infos .info .brand .tips span::before {
  content: '\e642';
  top: -1.33vw;
  left: -6.4vw;
}

.solution-sy .business-infos .info .brand .tips span::after {
  content: '\e643';
  bottom: -0.53vw;
  right: -4vw;
}

.solution-sy .business-infos .info .brand .info-ls {
  width: 100%;
  margin-top: 5.33vw;
}

.solution-sy .business-infos .info .brand .info-ls li {
  width: 100%;
  min-height: 12.8vw;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0px -0.27vw 0.53vw rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  padding: 3.73vw 2.67vw;
  display: flex;
  align-items: flex-start;
  border-radius: 1.6vw;
}

.solution-sy .business-infos .info .brand .info-ls li i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.33vw;
  height: 5.33vw;
  margin-right: 1.07vw;
}

.solution-sy .business-infos .info .brand .info-ls li i img {
  width: 4vw;
}

.solution-sy .business-infos .info .brand .info-ls li .text {
  line-height: 5.33vw;
  font-size: 3.73vw;
  color: #FFFFFF;
  font-weight: 700;
}

.solution-sy .business-infos .info .brand .info-ls li .text span {
  display: inline-block;
  font-weight: 300;
  margin-top: 1.07vw;
}

.solution-sy .business-infos .info .brand .info-ls li + li {
  margin-top: 6.4vw;
}

.solution-sy .business-infos .info .brand .statistics {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  margin-top: 1.87vw;
}

.solution-sy .business-infos .info .brand .statistics li {
  width: 50%;
  height: 21.33vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.solution-sy .business-infos .info .brand .statistics li p {
  line-height: 8vw;
  font-size: 6.4vw;
  font-weight: 700;
}

.solution-sy .business-infos .info .brand .statistics li p sub {
  font-size: 3.73vw;
}

.solution-sy .business-infos .info .brand .statistics li .name {
  font-size: 3.2vw;
  font-weight: 300;
  opacity: 0.8;
}

.solution-sy .business-infos .info .brand-product {
  width: 93.6vw;
  margin: -5.6vw auto 0;
}

.solution-sy .business-infos .info .brand-product li {
  width: 100%;
  border-radius: 1.6vw;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0.7363) 89%);
  box-sizing: border-box;
  border: 0.21vw solid rgba(255, 255, 255, 0.3663);
  backdrop-filter: blur(6.87vw);
  -webkit-backdrop-filter: blur(6.87vw);
  box-sizing: border-box;
  padding: 4.27vw 4.27vw 5.33vw;
}

.solution-sy .business-infos .info .brand-product li h2 {
  font-size: 4.27vw;
  line-height: 6.4vw;
  font-weight: 700;
  color: #111A34;
}

.solution-sy .business-infos .info .brand-product li .fullimg {
  width: 100%;
}

.solution-sy .business-infos .info .brand-product li .fullimg img {
  width: 100%;
  height: auto;
}

.solution-sy .business-infos .info .brand-product li + li {
  margin-top: 3.73vw;
}

.solution-sy .business-infos .info:nth-child(1) .brand {
  background: linear-gradient(211deg, #FF9DA0 -10%, #D33B3F 47%, #C82126 98%);
}

.solution-sy .business-infos .info:nth-child(2) .brand {
  background: linear-gradient(213deg, #A3C2FF -10%, #3B7BD3 46%, #0053C0 102%);
}

.solution-sy .business-infos .info:nth-child(2) .brand .tips span::before {
  left: -7.4vw;
}

.solution-sy .business-infos .info:nth-child(2) .brand .tips span::after {
  right: 0;
}

.contact-lxfs {
  box-sizing: border-box;
  padding: 8.53vw 3.2vw 16vw;
}

.contact-lxfs .way-box {
  width: 100%;
  margin-top: 5.33vw;
  border-radius: 1.6vw;
  overflow: hidden;
  background: #fff;
}

.contact-lxfs .way-box .fullimg {
  width: 100%;
  height: 53.07vw;
}

.contact-lxfs .way-box .ways {
  width: calc(100% - 6.4vw);
  margin: 3.73vw auto 3.2vw;
}

.contact-lxfs .way-box .ways li {
  width: 100%;
  height: 16vw;
  display: flex;
  align-items: center;
  font-size: 4.27vw;
  line-height: 6.4vw;
  text-align: justify;
  box-sizing: border-box;
  padding: 0 8vw 0 3.2vw;
  border-radius: 2.13vw;
  background: #F9FAFB;
}

.contact-lxfs .way-box .ways li span,
.contact-lxfs .way-box .ways li a {
  color: #41485D;
}

.contact-lxfs .way-box .ways li .icon {
  width: 5.33vw;
  height: 5.33vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 5.33vw;
  margin-right: 2.67vw;
  color: #C82126;
}

.contact-lxfs .way-box .ways li + li {
  margin-top: 3.2vw;
}

.contact-xyzp .navigation-plan {
  width: 100%;
  box-sizing: border-box;
  padding: 8.53vw 3.2vw;
}

.contact-xyzp .navigation-plan .tips {
  font-size: 3.2vw;
  line-height: 4.53vw;
  color: #666F83;
  font-weight: 300;
  margin: 2.13vw 0 5.33vw;
  text-align: center;
}

.contact-xyzp .navigation-plan .plans {
  width: 100%;
  height: 29.87vw;
  display: flex;
  justify-content: space-between;
}

.contact-xyzp .navigation-plan .plans li {
  width: 22.4vw;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.contact-xyzp .navigation-plan .plans li .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10.67vw;
  height: 10.67vw;
  border-radius: 50%;
  background: #FFEDED;
  border: 0.27vw solid #FFFFFF;
  font-size: 5.33vw;
  color: #C82126;
}

.contact-xyzp .navigation-plan .plans li .tag {
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 5.33vw;
  color: #111A34;
  margin-top: 1.33vw;
}

.contact-xyzp .navigation-plan .plans li .status {
  font-size: 3.2vw;
  font-weight: 300;
  line-height: 5.33vw;
  color: #666F83;
}

.contact-xyzp .navigation-plan .plans li:first-child {
  border-radius: 2.13vw 0 0 2.13vw;
}

.contact-xyzp .navigation-plan .plans li:last-child {
  border-radius: 0 2.13vw 2.13vw 0;
}

.contact-xyzp .navigation-plan .plans li:nth-child(n+2) {
  position: relative;
}

.contact-xyzp .navigation-plan .plans li:nth-child(n+2)::before {
  content: '\e620';
  font-family: 'icon';
  width: 5.33vw;
  height: 5.33vw;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border: .53vw solid #F0F3F5;
  background: #EBEEF2;
  font-size: 2.13vw;
  color: #858B9C;
  position: absolute;
  top: 50%;
  left: -3.2vw;
  margin-top: -2.67vw;
}

.contact-xyzp .navigation-plan .ask {
  width: 100%;
  margin-top: 3.2vw;
}

.contact-xyzp .navigation-plan .ask li {
  width: 100%;
  border-radius: 2.13vw;
  background: #fff;
  box-sizing: border-box;
  padding: 0 3.2vw 3.2vw;
}

.contact-xyzp .navigation-plan .ask li + li {
  margin-top: 4vw;
}

.contact-xyzp .navigation-plan .ask li .type {
  width: 100%;
  height: 12.8vw;
  box-sizing: border-box;
  border-bottom: .27vw solid #F0F3F5;
  line-height: 12.53vw;
  color: #C82126;
  font-weight: 700;
}

.contact-xyzp .navigation-plan .ask li .details {
  width: 100%;
  margin-top: 3.2vw;
}

.contact-xyzp .navigation-plan .ask li .details li {
  position: relative;
  padding: 0;
}

.contact-xyzp .navigation-plan .ask li .details li span,
.contact-xyzp .navigation-plan .ask li .details li p {
  line-height: 6.4vw;
  font-size: 3.73vw;
  color: #111A34;
}

.contact-xyzp .navigation-plan .ask li .details li span {
  position: absolute;
  display: inline-block;
  width: 1em;
  height: 6.4vw;
  top: 0;
  left: 0;
  font-weight: 900;
}

.contact-xyzp .navigation-plan .ask li .details li p {
  text-indent: 0.5em;
  box-sizing: border-box;
  padding-left: 0.5em;
}

.contact-xyzp .navigation-plan .ask li .details li + li {
  margin-top: 1.6vw;
}

.contact-xyzp .salary-treatment {
  width: 100%;
  height: 174.4vw;
  position: relative;
  z-index: 1;
  background: linear-gradient(270deg, #C82126 0%, #EEEEEE 100%);
  box-sizing: border-box;
  padding: 6.4vw 3.2vw;
}

.contact-xyzp .salary-treatment .inner-plate-title .cn {
  color: #fff;
}

.contact-xyzp .salary-treatment .inner-plate-title .en {
  color: rgba(255, 255, 255, 0.25);
}

.contact-xyzp .salary-treatment .explain {
  font-size: 3.73vw;
  line-height: 6.4vw;
  text-align: justify;
  color: #FFFFFF;
  margin: 3.2vw 0;
}

.contact-xyzp .salary-treatment .stage {
  width: 100%;
  height: 21.33vw;
  border-radius: 2.13vw;
  background: rgba(255, 255, 255, 0.12);
  display: flex;
  position: relative;
  overflow: hidden;
}

.contact-xyzp .salary-treatment .stage li {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.contact-xyzp .salary-treatment .stage li .name {
  height: 7.47vw;
  box-sizing: border-box;
  padding: 0 2.67vw;
  border: 0.27vw solid rgba(255, 255, 255, 0.5);
  font-size: 3.73vw;
  font-weight: 300;
  color: #FFFFFF;
  border-radius: 3.73vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.13vw;
}

.contact-xyzp .salary-treatment .stage li p span {
  font-size: 14px;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 5.33vw;
}

.contact-xyzp .salary-treatment .stage li p .large {
  font-size: 5.33vw;
  font-weight: 700;
  margin-right: -0.8vw;
}

.contact-xyzp .salary-treatment .stage::before {
  content: '';
  width: .27vw;
  height: 4.53vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) -4%, #FFFFFF 48%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2.27vw 0 0 -.13vw;
}

.contact-xyzp .salary-treatment .term {
  font-size: 3.73vw;
  font-weight: 300;
  line-height: 6.4vw;
  color: #fff;
  margin: 3.2vw auto 49.07vw;
  text-align: center;
}

.contact-xyzp .salary-treatment .peculiarity {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.contact-xyzp .salary-treatment .peculiarity li {
  width: 45.07vw;
  height: 18.13vw;
  border-radius: 2.13vw;
  background: #FFFFFF;
  box-shadow: 0px 0.53vw 2.13vw 0px rgba(0, 0, 0, 0.0478);
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  padding-left: 6.4vw;
}

.contact-xyzp .salary-treatment .peculiarity li .icon {
  display: inline-flex;
  width: 7.47vw;
  height: 7.47vw;
  align-items: center;
  justify-content: center;
  font-size: 7.47vw;
  color: #C82126;
}

.contact-xyzp .salary-treatment .peculiarity li .text {
  margin-left: 9.07vw;
  font-size: 3.73vw;
  font-weight: 300;
  line-height: 6.4vw;
  color: #111A34;
}

.contact-xyzp .salary-treatment .peculiarity li p {
  display: inline-block;
  text-align: center;
}

.contact-xyzp .salary-treatment .peculiarity li::before {
  content: '';
  width: .27vw;
  height: 6.93vw;
  background: #C5CAD5;
  position: absolute;
  top: 50%;
  left: 18.27vw;
  margin-top: -3.47vw;
}

.contact-xyzp .salary-treatment .peculiarity li:nth-child(n+3) {
  margin-top: 3.2vw;
}

.contact-xyzp .salary-treatment::before {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(210deg, #FF9DA0 -10%, #D33B3F 47%, #C82126 98%);
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.contact-xyzp .salary-treatment::after {
  content: '';
  width: 77.07vw;
  height: 47.06vw;
  background: url("/static/front/wap/images/example_imgs/xyzp_bgimg.png") no-repeat center/cover;
  position: absolute;
  bottom: 44.3vw;
  left: 50%;
  margin-left: -38.53vw;
  z-index: -1;
}

.contact-xyzp .interview-process {
  width: 93.6vw;
  margin: 5.33vw auto 8.53vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.contact-xyzp .interview-process li {
  width: 29.07vw;
  height: 18.13vw;
  border-radius: 2.13vw;
  background: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.contact-xyzp .interview-process li .icon {
  width: 7.47vw;
  height: 7.47vw;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 5.33vw;
  color: #C82126;
  margin-bottom: .8vw;
}

.contact-xyzp .interview-process li span {
  font-size: 3.73vw;
  font-weight: 300;
  color: #41485D;
  line-height: 5.33vw;
}

.contact-xyzp .interview-process li::before {
  content: '\e620';
  width: 5.87vw;
  height: 5.87vw;
  box-shadow: 0px 0px 1.07vw 0px #DFE1E8;
  box-sizing: border-box;
  border: 0.13vw solid #F0F3F5;
  background: #FFFFFF;
  font-family: 'icon';
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.07vw;
  z-index: 1;
  padding-left: .27vw;
  font-size: 2.13vw;
  color: #858B9C;
  position: absolute;
}

.contact-xyzp .interview-process li:nth-child(n+4) {
  margin-top: 3.2vw;
}

.contact-xyzp .interview-process li:nth-child(1)::before, .contact-xyzp .interview-process li:nth-child(2)::before {
  top: 50%;
  right: -4.53vw;
  margin-top: -2.93vw;
}

.contact-xyzp .interview-process li:nth-child(4)::before, .contact-xyzp .interview-process li:nth-child(5)::before {
  top: 50%;
  right: -4.53vw;
  margin-top: -2.93vw;
  transform: rotateY(180deg);
}

.contact-xyzp .interview-process li:nth-child(3)::before {
  left: 50%;
  bottom: -4.8vw;
  margin-left: -2.93vw;
  transform: rotate(90deg);
}

.contact-xyzp .interview-process li:nth-child(6)::before {
  visibility: hidden;
}

.contact-xyzp .way-box {
  width: 93.6vw;
  height: 122.13vw;
  margin: 3.2vw auto 16vw;
  background: url("/static/front/wap/images/xyzp_bg.png") no-repeat center/cover;
  box-sizing: border-box;
  padding: 0 3.2vw;
}

.contact-xyzp .way-box .electric {
  width: 76.53vw;
  height: 42.4vw;
  box-sizing: border-box;
  border-bottom: .27vw dashed #F0F3F5;
  margin: 0 auto;
  padding-top: 4.53vw;
}

.contact-xyzp .way-box .electric p {
  text-align: center;
  margin-bottom: 3.73vw;
}

.contact-xyzp .way-box .electric p span {
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 5.33vw;
  color: #666F83;
}

.contact-xyzp .way-box .electric p span.way {
  font-size: 5.33vw;
  line-height: 8vw;
  color: #111A34;
}

.contact-xyzp .way-box .electric p a {
  color: #111A34;
}

.contact-xyzp .way-box .code {
  width: 100%;
  height: 37.33vw;
  margin-top: 13.33vw;
  display: flex;
  justify-content: space-between;
}

.contact-xyzp .way-box .code li {
  width: 42.13vw;
  height: 100%;
}

.contact-xyzp .way-box .code li .code-box {
  width: 21.33vw;
  height: 21.33vw;
  border-radius: 1.84vw;
  box-shadow: 0px 0.27vw 2.67vw 0px rgba(0, 0, 0, 0.0959);
  margin: 0 auto;
}

.contact-xyzp .way-box .code li p:not(.code-box) {
  width: 100%;
  height: 26.67vw;
  border-radius: 2.13vw;
  background: #F9FAFB;
  margin-top: -10.67vw;
  box-sizing: border-box;
  padding-top: 11.73vw;
  text-align: center;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 6.4vw;
  color: #666F83;
}

.contact-xyzp .way-box .icons {
  width: 100%;
  height: 21.87vw;
  margin-top: 7.2vw;
  display: flex;
  align-items: center;
}

.contact-xyzp .way-box .icons li {
  width: 25%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-xyzp .way-box .icons .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 9.07vw;
  height: 9.07vw;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  font-size: 4.53vw;
  color: #fff;
}

.contact-shzp {
  box-sizing: border-box;
  padding: 3.2vw 3.2vw 16vw;
}

.contact-shzp .tabs-box {
  width: 100%;
  height: 12.8vw;
  border-radius: 2.13vw;
  background: #fff;
  box-sizing: border-box;
  padding: 1.07vw;
  overflow: hidden;
  position: relative;
}

.contact-shzp .tabs-box .tabs-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-snap-align: center;
}

.contact-shzp .tabs-box .tabs {
  height: 10.67vw;
  display: flex;
  align-items: center;
}

.contact-shzp .tabs-box .tabs li {
  width: 18.13vw;
  height: 10.67vw;
  border-radius: 1.6vw;
  flex-shrink: 0;
}

.contact-shzp .tabs-box .tabs li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #111A34;
}

.contact-shzp .tabs-box .tabs .cur {
  background: #C82126;
}

.contact-shzp .tabs-box .tabs .cur a {
  color: #fff;
  font-weight: 700;
}

.contact-shzp .tabs-box::before, .contact-shzp .tabs-box::after {
  content: '';
  width: 21.33vw;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 19%, #FFFFFF 100%);
  position: absolute;
  top: 0;
  z-index: 2;
}

.contact-shzp .tabs-box::before {
  left: 0;
  transform: rotateY(180deg);
}

.contact-shzp .tabs-box::after {
  right: 0;
}

.contact-shzp .tabs-box.start::before, .contact-shzp .tabs-box.end::after {
  visibility: hidden;
}

.contact-shzp .recruit-list {
  width: 100%;
  margin: 4vw 0 8.53vw;
}

.contact-shzp .recruit-list li {
  width: 100%;
  height: 30.93vw;
  border-radius: 2.13vw;
  background: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.contact-shzp .recruit-list li p {
  box-sizing: border-box;
  padding: 0 3.2vw 0 4.27vw;
  margin-bottom: 1.6vw;
}

.contact-shzp .recruit-list li .normal {
  font-size: 3.73vw;
  line-height: 5.33vw;
  font-weight: 350;
  color: #41485D;
}

.contact-shzp .recruit-list li .item-head {
  width: 100%;
  height: 12.8vw;
  background: #F9FAFB;
  display: flex;
  align-items: center;
  margin-bottom: 2.4vw;
}

.contact-shzp .recruit-list li .item-head .type {
  font-weight: 700;
  color: #111A34;
  display: inline-block;
  width: 55.47vw;
}

.contact-shzp .recruit-list li .item-head .check-detail {
  font-size: 3.2vw;
  font-weight: 350;
  color: #858B9C;
  margin-left: auto;
}

.contact-shzp .recruit-list li .item-head .icon-shichang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.33vw;
  height: 5.33vw;
  font-size: 4.45vw;
  color: #C5CAD5;
  margin-right: 2.13vw;
}

.contact-shzp .recruit-list li .item-head .icon-fangxiang-you {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.6vw;
  height: 3.6vw;
  border-radius: 50%;
  background: linear-gradient(0deg, #EBEEF2, #EBEEF2), #FFFFFF;
  font-size: 2vw;
  color: #858B9C;
  margin-left: 1.07vw;
  box-sizing: border-box;
  padding: 0.27vw 0 0 0.27vw;
}

.contact-shzp .recruit-list li::before {
  content: '\e630';
  font-family: 'icon';
  width: 21.33vw;
  height: 21.33vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17.78vw;
  color: transparent;
  background: linear-gradient(180deg, #E4E7EC 0%, #C5CAD5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  opacity: 0.1144;
  position: absolute;
  bottom: -4.8vw;
  right: 2.93vw;
  z-index: -1;
}

.contact-shzp .recruit-list li + li {
  margin-top: 2.93vw;
}

.contact-detail {
  box-sizing: border-box;
  padding: 19.2vw 3.2vw 16vw;
}

.contact-detail .detail-head {
  width: 100%;
  height: 16vw;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  box-sizing: border-box;
  padding: 0 3.73vw;
  display: flex;
  align-items: center;
}

.contact-detail .detail-head .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 7.47vw;
  height: 7.47vw;
  font-size: 3.73vw;
  color: #858B9C;
}

.contact-detail .detail-head span {
  font-size: 4.27vw;
  line-height: 6.4vw;
  color: #111A34;
}

.contact-detail .recruit-info {
  width: 100%;
  border-radius: 2.13vw;
  background: #fff;
  box-sizing: border-box;
  padding: 0 3.2vw 4.27vw;
  margin-bottom: 3.2vw;
}

.contact-detail .recruit-info .info-head {
  width: 100%;
  min-height: 16vw;
  box-sizing: border-box;
  padding: 2.4vw 0;
  border-bottom: .27vw solid #F0F3F5;
  display: flex;
  align-items: center;
  margin-bottom: 5.2vw;
}

.contact-detail .recruit-info .info-head p {
  display: flex;
  align-items: flex-start;
}

.contact-detail .recruit-info .info-head p .icon {
  display: inline-flex;
  width: 5.33vw;
  height: 5.33vw;
  align-items: center;
  justify-content: center;
  font-size: 4.45vw;
  margin-right: 2.13vw;
  flex-shrink: 0;
  color: #C5CAD5;
}

.contact-detail .recruit-info .info-head p span {
  font-weight: 700;
  line-height: 5.33vw;
  color: #111A34;
}

.contact-detail .recruit-info p {
  font-size: 3.73vw;
  line-height: 6.4vw;
  color: #111A34;
  margin-bottom: 1.07vw;
}

.contact-detail .recruit-info .item {
  margin-bottom: 4.8vw;
}

.contact-detail .recruit-info .item .name {
  font-size: 3.73vw;
  font-weight: 700;
  color: #C82126;
  margin-bottom: 2.67vw;
}

.contact-detail .recruit-info .item .list {
  width: 100%;
}

.contact-detail .recruit-info .item .list li {
  width: 100%;
  font-size: 3.73vw;
  line-height: 6.4vw;
  color: #111A34;
}

.contact-detail .recruit-info .item .list li + li {
  margin-top: 1.07vw;
}

.contact-detail .application {
  width: 100%;
  height: 12.8vw;
  border-radius: 6.4vw;
  background: #C82126;
  text-align: center;
  line-height: 12.8vw;
  font-weight: 700;
  color: #FFFFFF;
}
<!--0.00030207633972168-->