.about-us {
  padding-bottom: 88px;
}
.about-us .banner {
  background-image: linear-gradient(180deg, #fff 660px, #aa3fec 660px, #7028E4 100%);
  width: 100%;
  padding: 62px 0 0;
}
.about-us .banner .desc-box .title {
  font-weight: bold;
  font-size: 42px;
  text-align: center;
  color: #0D0D0D;
  margin-bottom: 26px;
}
.about-us .banner .desc-box .desc {
  font-size: 16px;
  line-height: 209.4%;
  text-align: center;
  color: #212A33;
}
.about-us .banner .img-box.pc {
  margin-top: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-us .banner .img-box.pc .left,
.about-us .banner .img-box.pc .right {
  flex: 0 0 350px;
  display: flex;
  flex-direction: column;
}
.about-us .banner .img-box.pc .left img,
.about-us .banner .img-box.pc .right img {
  width: 100%;
  border: 4px white solid;
  border-radius: 13px;
}
.about-us .banner .img-box.pc .left img:last-child,
.about-us .banner .img-box.pc .right img:last-child {
  margin-top: 11px;
}
.about-us .banner .img-box.pc .middle {
  flex: 0 0 350px;
}
.about-us .banner .img-box.pc .middle img {
  width: 100%;
  border: 4px white solid;
  border-radius: 13px;
}
.about-us .banner .img-box.mb {
  display: none;
}
.about-us .banner .text-box {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}
.about-us .banner .text-box .text-item {
  flex: 0 0 350px;
  text-align: center;
  padding: 10px 0 10px;
  margin-bottom: 25px;
}
.about-us .banner .text-box .text-item:first-child,
.about-us .banner .text-box .text-item:nth-child(2) {
  border-right: 1px solid rgba(255, 255, 255, 0.09);
}
.about-us .banner .text-box .text-item .blod {
  font-size: 48px;
  color: #FFEC43;
  font-weight: 600;
}
.about-us .banner .text-box .text-item .light {
  font-weight: 400;
  margin-top: 8px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.78);
}
@media (max-width: 1024px) {
  .about-us .banner .img-box.pc .left,
  .about-us .banner .img-box.pc .right {
    flex: 0 0 32%;
  }
  .about-us .banner .img-box.pc .left img,
  .about-us .banner .img-box.pc .right img {
    height: auto;
  }
  .about-us .banner .img-box.pc .middle {
    flex: 0 0 32%;
  }
  .about-us .banner .img-box.pc .middle img {
    height: auto;
  }
  .about-us .banner .text-box .text-item {
    flex: 0 0 32%;
  }
}
@media (max-width: 770px) {
  .about-us .banner {
    background-image: linear-gradient(180deg, #fff 820rem, #aa3fec 820rem, #7028E4 100%);
    width: 100%;
    padding: 52rem 0 0;
  }
  .about-us .banner .desc-box .title {
    font-size: 36rem;
    margin-bottom: 13rem;
  }
  .about-us .banner .desc-box .desc {
    font-size: 14rem;
  }
  .about-us .banner .img-box.pc {
    display: none;
  }
  .about-us .banner .img-box.mb {
    margin-top: 35rem;
    display: block;
    width: 100%;
  }
  .about-us .banner .img-box.mb img {
    width: 100%;
  }
  .about-us .banner .text-box {
    display: flex;
    flex-direction: column;
    margin-top: 35rem;
  }
  .about-us .banner .text-box .text-item {
    flex: 0 0 100%;
    padding: 10rem 0 35rem;
  }
  .about-us .banner .text-box .text-item .blod {
    font-size: 48rem;
  }
  .about-us .banner .text-box .text-item .light {
    font-size: 18rem;
  }
  .about-us .banner .text-box .text-item:first-child,
  .about-us .banner .text-box .text-item:nth-child(2) {
    border-right: none;
  }
}
.about-us .media-awards {
  text-align: center;
  margin-top: 88px;
}
.about-us .media-awards .awards_title {
  color: #212A33;
  font-size: 30px;
  font-weight: 600;
}
.about-us .media-awards .awards_desc {
  color: #404040;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin: 24px auto 27px;
}
.about-us .media-awards .media_box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.about-us .media-awards .media_box .box_logo {
  margin: 28px 0 0 20px;
}
.about-us .media-awards .media_box .box_logo:nth-child(6n + 1) {
  margin: 28px 0 0;
}
@media (max-width: 770px) {
  .about-us .media-awards {
    margin-top: 67rem;
  }
  .about-us .media-awards .awards_title {
    font-size: 30rem;
  }
  .about-us .media-awards .awards_desc {
    font-size: 18rem;
    margin: 24rem auto 15rem;
  }
  .about-us .media-awards .media_box .box_logo {
    margin: 15rem 0 0 10rem;
    width: 106rem;
    height: auto;
  }
  .about-us .media-awards .media_box .box_logo:nth-child(6n + 1) {
    margin: 15rem 0 0 13rem;
  }
  .about-us .media-awards .media_box .box_logo:nth-child(3n + 1) {
    margin: 15rem 0 0;
  }
}