
.center {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.index.about-us-detail .about-us.introduce svg {
  transform: translate(-0%,calc(-14 * var(--basePC)));
}

.index.about-us-detail .colum-logo .colum-enTitle {
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 55%;
  top: 48%;
  transform: inherit;
}
main.about-us-detail .about-us.introduce {
  padding: calc(231* var(--basePC)) 0 calc(260 * var(--basePC)) 0;
  position: relative;
}
main.about-us-detail .about-us.introduce .center {
  top: 0;
}

main.about-us-detail .about-us.introduce .intoduce-content {
  width: calc(1531 * var(--basePC));
  background-color: #fff;
  border-radius: 0px calc(200 * var(--basePC)) 0px 0px;
  padding: calc(141 * var(--basePC)) 0 calc(141 * var(--basePC)) calc(240 * var(--basePC));
}
main.about-us-detail
  .about-us.introduce
  .intoduce-content
  .introduce-dis
  .colum-enTitle
  span:first-child {
  white-space: nowrap;
  background: linear-gradient(90deg, #10b6e2 0%, #00a771 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.05;
  line-height: 1;
}
main.about-us-detail
  .about-us.introduce
  .intoduce-content
  .introduce-dis
  .colum-enTitle
  .line {
  width: calc(120 * var(--basePC));
  height: calc(8 * var(--basePC));
  background: linear-gradient(270deg, #07a575 0%, #0eb6dd 100%);
  border-radius: calc(100 * var(--basePC));
  margin-top: 1.875vw;
  margin: calc(24* var(--basePC)) 0 0 0;
  align-items: center;
  position: relative;
  opacity: 1;
}

main.about-us-detail
  .about-us.introduce
  .intoduce-content
  .introduce-dis
  .colum-enTitle
  .line::after {
  content: "";
  width: calc(16 * var(--basePC));
  height: calc(16 * var(--basePC));
  box-sizing: border-box;
  background: url(../images/icon-1.png) no-repeat;
  background-size: cover;
  position: absolute;
  right: calc(-20 * var(
  --basePC));
}
main.about-us-detail .about-us.introduce .intoduce-content .colum-dis {
  flex: 0 0 calc(675 * var(--basePC));
}
main.about-us-detail .about-us.introduce .intoduce-content .colum-dis h1{
line-height:calc(36 / 27)
}
main.about-us-detail .about-us.introduce .intoduce-content .colum-dis .dis {
  padding-top: calc(20 * var(--basePC));
  line-height: calc(35 / 18);
  margin-bottom: calc(20 * var(--basePC));
}
main.about-us-detail .about-us.introduce .intoduce-content .colum-enTitle{
  margin-top:calc(24 * var(--basePC));
}
main.about-us-detail .about-us.introduce .intoduce-content .introduce-img {
  width: calc(725 * var(--basePC));
  flex: 0 0 calc(725 * var(--basePC));
  margin-left: calc(48 * var(--basePC));
  border-radius: calc(20 * var(--basePC));
  height: calc(548 * var(--basePC));
}
main.about-us-detail .about-us.introduce .intoduce-content .introduce-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
main.about-us-detail .partner {
  border-radius: calc(200  * var(--basePC)) 0px 0px 0px;
  background: url('../images/partner-bg.png') no-repeat center center;
  position: relative;
  padding-top: calc(152 * var(--basePC)) !important;
  padding-bottom: calc(170* var(--basePC)) !important;
  height: auto;
  display: block;
  transition: inherit;
  min-height: auto;
  background-size: cover;
}
main.about-us-detail .partner .center {
  top: 0;
}

main.about-us-detail .partner .partner-items ul :nth-child(4n) {
  margin-right: 0px;
}
main.about-us-detail .partner .partner-items ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding-left: 0;
  margin: 0 auto;
  justify-content: flex-start;
}

main.about-us-detail .partner .partner-items ul li {
  height: calc(160 * var(--basePC));
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: calc(16 * var(--basePC));
  padding: 0 calc(24 * var(--basePC));
  width: calc(334* var(  --basePC));
  margin-bottom: calc(40 * var(
  --basePC));
  margin-right: calc(26 * var(
  --basePC));
}

main.about-us-detail .partner .partner-items ul li img {
  height: calc(96 * var(--basePC));
  object-fit: cover;
}
.index.about-us-detail .policy svg {
  transform: translate(-0%, 0);
}
 @media (max-width: 1290px) {
  main.about-us-detail .about-us.introduce{
    padding: calc(212* var(--basePC)) 0 calc(236* var(--basePC)) 0;
  }
  main.about-us-detail .about-us.introduce .intoduce-content {
    width: calc(1028* var(--basePC));
    padding: calc(106* var(--basePC)) 0 calc(87* var(--basePC)) calc(191* var(--basePC));
}
main.about-us-detail .about-us.introduce .intoduce-content .introduce-img {
  width: calc(487* var(--basePC));
  flex: 0 0 calc(487* var(--basePC));
  margin-left: calc(32.25* var(--basePC));
  border-radius: calc(20* var(--basePC));
  height: calc(436* var(--basePC));
}
main.about-us-detail .partner {
 padding-top: calc(176 * var(--basePC)) !important;
 padding-bottom: calc(213 * var(--basePC)) !important;
}
main.about-us-detail .partner .partner-items ul li {
  margin-right: calc(20 * var(
--basePC));
  width: calc(285* var(--basePC));
}
 }
@media (max-width: 768px) {
  main.about-us-detail .about-us.introduce .center {
    padding-left: 0;
  }
  .index.about-us-detail .policy svg {
    transform: translate(-0%, -34px);
  }
  .index.about-us-detail .policy svg {
    transform: translate(-0%,calc(-5 * var(--basePC)));
  }
  main.about-us-detail .swiper-banner img {
    min-height: 37.765vw;
  }


  main.about-us-detail .index .policy svg {
    width: 16.2rem;
    height: 16rem;
  }
  main.about-us-detail .about-us.introduce .center {
    top: 0;
  }

  main.about-us-detail .about-us.introduce .intoduce-content {
    width: 100%;
    padding: calc(140* var(--basePC)) calc(30* var(--basePC)) calc(44* var(--basePC));
    border-radius: 0 calc(99* var(--basePC)) 0 0;
  }
  main.about-us-detail .about-us.introduce .intoduce-content .colum-dis h1{
    line-height:calc(42 / 32)
  }
  main.about-us-detail .about-us.introduce .intoduce-content .introduce-dis {
    flex-direction: column-reverse;
  }
  main.about-us-detail
    .about-us.introduce
    .intoduce-content
    .introduce-dis
    .colum-enTitle
    .line {
    position: relative;
    margin: calc(24 * var(--basePC)) 0 0 0;
  }
  main.about-us-detail
    .about-us.introduce
    .intoduce-content
    .introduce-dis
    .colum-enTitle
    .line::after {
    right: calc(-20 * var(--basePC));
  }
  main.about-us-detail .about-us.introduce .intoduce-content .colum-dis {
    flex: 0 0 100%;
  }
  main.about-us-detail .about-us.introduce .intoduce-content .colum-dis .dis {
    line-height: calc(42 / 28);
  }
  main.about-us-detail .about-us.introduce .intoduce-content .introduce-img {
    width: 100%;
    flex: 0 0 100%;
    margin-left: 0;
    border-radius: calc(20* var(--basePC));
    margin-bottom: calc(40* var(--basePC));
  }
  main.about-us-detail
    .about-us.introduce
    .intoduce-content
    .introduce-img
    img {
    height: calc(100vw * 0.6933);
  }
  main.about-us-detail .partner {border-radius: calc(99 * var(--basePC)) 0 0 0;padding-bottom: calc(220* var(--basePC)) !important;}
  main.about-us-detail .partner .partner-items {
    margin-top: 0;
  }

  main.about-us-detail .partner .partner-items ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0 auto;
    justify-content: flex-start;
  }
  main.about-us-detail .partner .partner-items ul :nth-child(3n) {
    margin-right: 0px !important;
  }
  main.about-us-detail .partner .partner-items ul :nth-child(4n) {
    margin-right: calc(24* var(    --basePC));
  }
  main.about-us-detail .partner .partner-items ul li {border-radius: calc(16 * var(    --basePC));width: calc(214 * var(    --basePC));margin-bottom: calc(40* var(    --basePC));margin-right: calc(24 * var(    --basePC));height: calc(104 * var(    --basePC));padding: 0;}
  main.about-us-detail .partner .partner-items ul li img {
    height: calc(78 * var(--basePC));
  }
}




