#app {
  background: #fafffe;
}
.partner {
  width: 100%;
  overflow: hidden;
  background: #fafffe;
  padding: 5% 0 6%;
}
.partner .inner {
  width: 82%;
  max-width: none;
}
.partner .section1 .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.partner .desc {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 3%;
  width: 100%;
}
.partner .desc p {
  color: #e61874;
  font-family: Inter;
  font-weight: 800;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.partner .desc .line {
  flex: 0 1 8%;
  border-top: 1px solid #e61874;
}
.partner .title {
  width: 100%;
  margin-top: 1%;
}
.partner .title p {
  color: #063669;
  font-family: Inter;
  font-weight: 800;
  font-size: 30px;
  line-height: 40px;
}
.partner .section2 {
  width: 82%;
  max-width: none;
  margin: 3% auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7%;
}
.partner .section2-left {
  width: 47%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 16px;
}
.partner .section2-left .text1 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3%;
}
.partner .section2-left .text2 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3%;
}
.partner .dot {
  display: flex;
  flex: 0 0 auto;
  margin-top: 0.55em;
  padding: 0.28em;
  border-radius: 50%;
  background: #e61874;
}
.partner .section2-left p {
  flex: 1;
  color: #2e4058;
  font-family: Inter;
  font-size: 15px;
  line-height: 26px;
}
.partner .section2-left span {
  color: #e61874;
  font-weight: 800;
}

.partner .section2-left .text2 .dot {
  background: rgba(100, 165, 170, 1);
}
.partner .section2-left .text2 span {
  color: rgba(100, 165, 170, 1);
}
.partner .section2-right {
  width: 46%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner .section2-right img {
  width: 100%;
  display: block;
  border-radius: 3px;
  object-fit: cover;
}
.cooperation {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #fafffe;
  padding: 5% 0 7%;
}
.cooperation > img {
  position: absolute;
  left: 0;
  top: 12%;
  width: 100%;
  opacity: 0.5;
  object-fit: contain;
  pointer-events: none;
}
.cooperation .inner {
  position: relative;
  z-index: 1;
  width: 82%;
  max-width: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cooperation .section1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.cooperation .desc {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2%;
}
.cooperation .desc .line {
  flex: 0 1 7%;
  border-top: 1px solid #e61874;
}
.cooperation .desc p {
  color: #e61874;
  font-family: Inter;
  font-weight: 800;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
}
.cooperation .title {
  width: 100%;
  margin-top: 1%;
}
.cooperation .title p {
  color: #063669;
  font-family: Inter;
  font-weight: 800;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
}
.cooperation .title span {
  color: #1b9ba4;
  margin-left: 1%;
}
.cooperation .section2 {
  width: 76%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 32px 4%;
  margin-top: 4%;
}
.cooperation .item {
  position: relative;
  flex: 0 1 28%;
  display: flex;
  border-radius: 3px;
  background: #063669;
  box-shadow: 0 18px 42px rgba(3, 29, 58, 0.14);
  border-radius: 12px;
  overflow: visible;
}
.cooperation .item > img {
  width: 100%;
  display: block;
  object-fit: cover;
  opacity: 0.82;
}
.cooperation .item .num {
  position: absolute;
  left: 6%;
  top: -25%;
  z-index: 2;
  color: #e61874;
  color: rgba(214, 51, 132, 1);
  font-family: "Alibaba PuHuiTi";
  font-weight: 900;
  font-size: 99px;
}
.cooperation .item .content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 60px 20px 30px;
}
.cooperation .text1 {
  width: 100%;
}
.cooperation .text1 p {
  color: #ffffff;
  font-family: Inter;
  font-weight: 800;
  font-size: 18px;
  line-height: 26px;
}
.cooperation .text2 {
  width: 100%;
  margin-top: 6%;
}
.cooperation .text2 p {
  color: rgba(255, 255, 255, 0.78);
  font-family: Inter;
  font-size: 13px;
  line-height: 21px;
}
.global {
  width: 100%;
  overflow: hidden;
  background: #fafffe;
  padding: 3% 0 7%;
}
.global .inner {
  width: 82%;
  max-width: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.global .section1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.global .desc {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2%;
}
.global .desc .line {
  flex: 0 1 7%;
  border-top: 1px solid #e61874;
}
.global .desc p {
  color: #e61874;
  font-family: Inter;
  font-weight: 800;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
}
.global .title {
  width: 100%;
  margin-top: 1%;
  color: #063669;
  font-family: Inter;
  font-weight: 800;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
}
.global .title span {
  color: #1b9ba4;
}
.global .section2 {
  width: 100%;
  margin-top: 3%;
  position: relative;
}
.global .swiper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
}
.global .swiper-pagination {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 2%;
  margin-bottom: 2%;
  top: 0;
}
.global .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: auto;
  height: 36px;
  margin: 0;
  border: 1.1px solid #1b9ba41f;
  border-radius: 999px;
  background: #1b9ba40a;
  padding: 9px 17px;
  opacity: 1;
  cursor: pointer;
  transition: 0.5s;
}
.global .swiper-pagination-bullet .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1b9ba4;
  transition: 0.5s;
}
.global .swiper-pagination-bullet p {
  color: #434653;
  font-family: Inter;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
  transition: 0.5s;
}
.global .swiper-pagination-bullet:nth-child(1) .dot {
  background: #1b9ba4;
}
.global .swiper-pagination-bullet:nth-child(1):hover,
.global .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active {
  background: #1b9ba4;
  box-shadow: 0 4px 14px #1b9ba433;
}
.global .swiper-pagination-bullet:nth-child(2) .dot {
  background: #d63384;
}
.global .swiper-pagination-bullet:nth-child(2):hover,
.global .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active {
  background: #d63384;
  box-shadow: 0 4px 14px #d6338433;
}
.global .swiper-pagination-bullet:nth-child(3) .dot {
  background: #e61874;
}
.global .swiper-pagination-bullet:nth-child(3):hover,
.global .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active {
  background: #e61874;
  box-shadow: 0 4px 14px #e6187433;
}
.global .swiper-pagination-bullet:nth-child(4) .dot {
  background: #f59e0b;
}
.global .swiper-pagination-bullet:nth-child(4):hover,
.global .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active {
  background: #f59e0b;
  box-shadow: 0 4px 14px #f59e0b33;
}
.global .swiper-pagination-bullet:nth-child(5) .dot {
  background: #8b5cf6;
}
.global .swiper-pagination-bullet:nth-child(5):hover,
.global .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active {
  background: #8b5cf6;
  box-shadow: 0 4px 14px #8b5cf633;
}
.global .swiper-pagination-bullet:nth-child(6) .dot {
  background: #009cf6;
}
.global .swiper-pagination-bullet:nth-child(6):hover,
.global .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active {
  background: #009cf6;
  box-shadow: 0 4px 14px #009cf633;
}
.global .swiper-pagination-bullet:nth-child(7) .dot {
  background: #ff4040;
}
.global .swiper-pagination-bullet:nth-child(7):hover,
.global .swiper-pagination-bullet:nth-child(7).swiper-pagination-bullet-active {
  background: #ff4040;
  box-shadow: 0 4px 14px #ff404033;
}
.global .swiper-pagination-bullet:hover .dot,
.global .swiper-pagination-bullet.swiper-pagination-bullet-active .dot {
  background: #ffffff;
}
.global .swiper-pagination-bullet:hover p,
.global .swiper-pagination-bullet.swiper-pagination-bullet-active p {
  color: #ffffff;
}
.global .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.global .swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {
  display: none;
}
.global .swiper-slide {
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border: 1px solid #dde8f2;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}
.global .swiper-slide .top {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4% 6% 3%;
  background: #f8fbfd;
  border-bottom: 2px solid #e61874;
}
.global .swiper-slide .top > img {
  width: 82%;
  display: block;
  object-fit: contain;
}
.global .swiper-slide .top > div:not(:first-child) {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
.global .swiper-slide .top .Africa {
  left: 49%;
  top: 52%;
}
.global .swiper-slide .top .Asia {
  left: 67%;
  top: 45%;
}
.global .swiper-slide .top .MiddleEast {
  left: 58%;
  top: 48%;
}
.global .swiper-slide .top .Europe {
  left: 51%;
  top: 35%;
}
.global .swiper-slide .top .SouthAmerica {
  left: 34%;
  top: 68%;
}
.global .swiper-slide .top .NorthAmerica {
  left: 23%;
  top: 39%;
}
.global .swiper-slide .top .Oceania {
  left: 76%;
  top: 72%;
}
.global .swiper-slide .top .China {
  left: 69%;
  top: 50%;
}
.global .swiper-slide .top > div p {
  color: #063669;
  font-family: Inter;
  font-weight: 800;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.global .top .dot {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.28em;
  border-radius: 50%;
  background: rgba(27, 155, 164, 0.2);
}
.global .top .dot1 {
  display: flex;
  padding: 0.22em;
  border-radius: 50%;
  background: #1b9ba4;
}
.global .swiper-slide .top .is-region-active p {
  color: #e61874;
}
.global .swiper-slide .top .is-region-active .dot {
  background: rgba(230, 24, 116, 0.2);
}
.global .swiper-slide .top .is-region-active .dot1 {
  background: #e61874;
}
.global .China p {
  border-radius: 999px;
  background: #ffffff;
  padding: 5px 10px;
  color: #e61874;
  box-shadow: 0 8px 22px rgba(3, 29, 58, 0.08);
}
.global .bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #ffffff;
  padding: 3.5% 4%;
}
.global .bottom-top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5%;
}
.global .bottom-top-left {
  width: 26%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.global .bottom-top-left .text1 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.global .bottom-top-left .dot {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #e61874;
}
.global .bottom-top-left p {
  color: #063669;
  font-family: Manrope;
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
}
.global .bottom-top-right {
  width: 69%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4%;
}
.global .global-slide-stats {
  visibility: hidden;
  pointer-events: none;
}
.global .global-fixed-stats {
  position: absolute;
  z-index: 8;
  pointer-events: none;
}
.global .bottom-top-right .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.global .bottom-top-right .line {
  align-self: stretch;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.global .text3 {
  color: #e61874;
  font-family: Manrope;
  font-weight: 800;
  font-size: 40px;
  line-height: 48px;
}
.global .bottom-top-right .item2 .text3 {
  color: #1b9ba4;
}
.global .text4 {
  color: #9ca3af;
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.global .bottom-bottom {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 5%;
  margin-top: 3%;
}
.global .bottom-bottom-left {
  width: 57%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.global .bottom-bottom-left-top {
  width: 100%;
}
.global .bottom-bottom-left-top p {
  color: #434653;
  font-family: "Alibaba PuHuiTi";
  font-weight: 300;
  font-size: 14px;
  line-height: 25px;
}
.global .bottom-bottom-left-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 5%;
  width: 100%;
}
.global .prev {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 14px;
  border-radius: 50%;
  background: #1b9ba4;
  cursor: pointer;
  transition: background 0.3s, transform 0.3s;
}
.global .next {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 14px;
  border-radius: 50%;
  background: #1b9ba4;
  cursor: pointer;
  transition: background 0.3s, transform 0.3s;
}
.global .prev:hover {
  transform: translateY(-3px);
  background: #e61874;
}
.global .next:hover {
  transform: translateY(-3px);
  background: #e61874;
}
.global .bottom-bottom-right {
  width: 38%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.global .bottom-bottom-right img {
  width: 100%;
  display: block;
  border-radius: 4px;
  object-fit: cover;
}
.partner.services-show,
.cooperation.services-show,
.global.services-show {
  opacity: 1;
  transform: translateY(0);
}
.services-ready .partner,
.services-ready .cooperation,
.services-ready .global {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.55s, transform 0.55s;
}
.services-ready .services-show {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 1200px) {
  .partner .inner {
    width: 88%;
  }
  .partner .section2 {
    width: 88%;
    gap: 5%;
  }
  .cooperation .inner {
    width: 88%;
  }
  .cooperation .section2 {
    width: 88%;
  }
  .global .inner {
    width: 88%;
  }
  .cooperation .item {
    flex-basis: 30%;
  }
}
@media (max-width: 992px) {
  .partner {
    padding: 7% 0;
  }
  .partner .section2 {
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }
  .partner .section2-left {
    width: 100%;
  }
  .partner .section2-right {
    width: 100%;
  }
  .cooperation {
    padding: 7% 0;
  }
  .cooperation .section2 {
    width: 100%;
    gap: 28px 4%;
  }
  .cooperation .item {
    flex-basis: 44%;
  }
  .global {
    padding: 7% 0;
  }
  .global .bottom-top {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }
  .global .bottom-top-left {
    width: 100%;
  }
  .global .bottom-top-right {
    width: 100%;
  }
  .global .bottom-bottom {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }
  .global .bottom-bottom-left {
    width: 100%;
  }
  .global .bottom-bottom-right {
    width: 100%;
  }
  .cooperation .item .num {
    position: absolute;
    left: 6%;
    top: -15%;
    z-index: 2;
    color: #e61874;
    color: rgba(214, 51, 132, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 900;
    font-size: 70px;
}
}
@media (max-width: 640px) {
  .partner {
    padding: 9% 0;
  }
  .partner .inner {
    width: 92%;
  }
  .partner .section2 {
    width: 92%;
    margin-top: 7%;
  }
  .partner .desc p {
    font-size: 12px;
    line-height: 18px;
  }
  .partner .title p {
    font-size: 18px;
    line-height: 33px;
  }
  .partner .section2-left p {
    font-size: 14px;
    line-height: 24px;
  }
  .cooperation {
    padding: 9% 0;
  }
  .cooperation .inner {
    width: 92%;
  }
  .cooperation .desc p {
    font-size: 12px;
    line-height: 18px;
  }
  .cooperation .title p {
    font-size: 18px;
    line-height: 33px;
  }
  .cooperation .section2 {
    margin-top: 8%;
    gap: 24px;
  }
  .cooperation .item {
    flex-basis: 100%;
  }
  .cooperation .item .num {
    font-size: 30px;
    line-height: 52px;
  }
  .global {
    padding: 8% 0 10%;
  }
  .global .inner {
    width: 92%;
  }
  .global .desc p {
    font-size: 12px;
    line-height: 18px;
  }
  .global .title {
    font-size: 18px;
    line-height: 33px;
  }
  .global .swiper-pagination {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 2%;
  }
  .global .swiper-pagination-bullet {
    flex: 0 0 auto;
  }
  .global .swiper-slide .top {
    padding: 8% 3%;
  }
  .global .swiper-slide .top > img {
    width: 100%;
  }
  .global .swiper-slide .top > div p {
    display: none;
  }
  .global .bottom {
    padding: 6%;
  }
  .global .bottom-top-right {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
  }
  .global .bottom-top-right .item {
    align-items: flex-start;
    text-align: left;
  }
  .global .bottom-top-right .line {
    border-left: 0;
    border-top: 1px solid #e5edf5;
  }
  .global .text3 {
    font-size: 18px;
    line-height: 36px;
  }
  .global .bottom-bottom-left-top p {
    color: #434653;
    font-weight: 300;
    font-size: 13px;
    line-height: 23px;
  }
  .cooperation .item .num {
    display: none;
  }
}