﻿body {
  background-color: #fff;
}
body > .wp {
  width: 100%;
}
body > .wp > .container {
  padding: 0;
  margin-top: 0;
}

.main-content {
  width: 100%;
}

.overview-intro {
  width: 100%;
  height: 6.38rem;
  background: url("../images/about-overview-bg.jpg") no-repeat center center;
  background-size: auto 100%;
}
.overview-intro .intro-content {
  display: flex;
}
.overview-intro .intro-image {
  margin: 1.17rem 0.65rem 0 0.8rem;
}
.overview-intro .intro-image .image-wrapper {
  width: 4.79rem;
  height: 3.65rem;
  background-color: rgb(255, 255, 255);
  box-sizing: content-box;
  padding: 0.1rem;
}
.overview-intro .intro-image .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.overview-intro .intro-text {
  flex: 1;
  margin-top: 1.55rem;
  margin-right: 0.22rem;
}
.overview-intro .intro-text .intro-heading {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 1;
  color: rgb(89, 10, 12);
  margin-bottom: 0.54rem;
}
.overview-intro .intro-text .intro-paragraph {
  font-size: 0.16rem;
  color: rgb(24, 24, 24);
  line-height: 2.188;
  text-align: justify;
}

.overview-stats {
  width: 100%;
  height: 5.84rem;
  background: url("../images/about-overview-bg-2.jpg") no-repeat center center;
  margin-bottom: 0.63rem;
  background-size: auto 100%;
  overflow: hidden;
}
.overview-stats .stats-list {
  display: flex;
  gap: 1.6rem;
  justify-content: center;
  margin-top: 1.52rem;
}
.overview-stats .stats-item {
  text-align: center;
  color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 2.1rem;
}
.overview-stats .stats-item .stats-icon {
  width: 1.3rem;
  height: 1.4rem;
  background: no-repeat center center;
  background-size: cover;
}
.overview-stats .stats-item .stats-icon.stats-icon-1 {
  background-image: url("../images/stats-icon-1.png");
}
.overview-stats .stats-item .stats-icon.stats-icon-2 {
  background-image: url("../images/stats-icon-2.png");
}
.overview-stats .stats-item .stats-icon.stats-icon-3 {
  background-image: url("../images/stats-icon-3.png");
}
.overview-stats .stats-item .stats-icon.stats-icon-4 {
  background-image: url("../images/stats-icon-4.png");
}
.overview-stats .stats-item .stats-number {
  margin-top: 0.23rem;
  font-size: 0.55rem;
  font-weight: bold;
  line-height: 0.55rem;
  margin-bottom: 0.17rem;
  display: flex;
  justify-content: center;
}
.overview-stats .stats-item .stats-number .plus {
  font-size: 0.31rem;
  margin-left: 0.15rem;
  font-weight: 100;
}
.overview-stats .stats-item .stats-description {
  font-size: 0.18299rem;
  line-height: 1.475;
}

@media screen and (max-width: 999px) {
  body > .wp {
    padding: 0 0;
  }
  .banner-top {
    margin-top: 1.01rem;
  }
  .banner-top::before {
    padding-top: 47.733%;
  }
  .banner-top .banner-bd .wp .banner-title {
    font-size: 0.3rem;
    left: 0.75rem;
    top: 2.64rem;
  }
  .overview-intro {
    height: 11.72rem;
    background-image: url(../images/about-overview-bg-mini.jpg);
  }
  .overview-intro .intro-content {
    flex-direction: column;
  }
  .overview-intro .intro-image {
    margin: 0.45rem auto 0;
  }
  .overview-intro .intro-image .image-wrapper {
    width: 6rem;
    height: 4.58rem;
  }
  .overview-intro .intro-text {
    margin-top: 1.37rem;
  }
  .overview-intro .intro-text .intro-heading {
    margin-bottom: 0.48rem;
    text-align: center;
  }
  .overview-stats {
    height: 3.01rem;
  }
  .overview-stats .stats-list {
    margin-top: 0.85rem;
    gap: 0;
  }
  .overview-stats .stats-item {
    width: 0.8rem;
  }
  .overview-stats .stats-item + .stats-item {
    margin-left: 1rem;
  }
  .overview-stats .stats-item .stats-icon {
    width: 0.62rem;
    height: 0.72rem;
  }
  .overview-stats .stats-item .stats-number {
    font-size: 0.24rem;
    margin-top: 0.18rem;
    margin-bottom: 0.09rem;
    line-height: 1;
  }
  .overview-stats .stats-item .stats-number .plus {
    font-size: 0.13rem;
    margin-left: 0.07rem;
  }
  .overview-stats .stats-item .stats-description {
    font-size: 0.08rem;
    line-height: 0.1rem;
    margin: 0 -5px;
  }
}