.banner-grid {
  margin-top: 4.5313rem;
  height: 31.41rem;
  background: url(../images/case/banner.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.banner {
  display: none;
}

.about-hs-wrap {
  margin-top: 5.89rem;
  text-align: center;
}

.about-hs-title,
.about-xj-title {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 3.13rem;
  color: #2c2c2c;
}

.about-hs-subtitle,
.about-xj-subtitle {
  margin-top: 2.03rem;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.77rem;
  color: #828282;
  line-height: 2.81rem;
}

.about-hs-m-subtitle {
  display: none;
}

.about-hs-subtitle > span {
  color: #e7261e;
}

.about-hs {
  margin-top: 5.05rem;
  width: 59.95rem;
  height: 42.71rem;
}

.about-xj-title {
  margin-top: 7.08rem;
}

.about-xj-subtitle {
  margin-top: 2.08rem;
}

.about-xj-m-subtitle {
  display: none;
}

.about-xj {
  margin-top: 4.79rem;
  width: 84.17rem;
  height: 43.8rem;
}

.about-detail-wrap {
  margin-top: 7.6rem;
}

.a-d-o-title {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 3.13rem;
  color: #2c2c2c;
  margin-left: 8.75rem;
}

.a-d-o-subtitle {
  width: 79.58rem;
  margin-top: 2.19rem;
  margin-left: 8.75rem;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.77rem;
  color: #828282;
  line-height: 2.81rem;
}

.img-detail-one-wrap {
  text-align: center;
  margin-top: 4.74rem;
}

.img-detail-one-wrap > img {
  width: 84.17rem;
  height: 43.8rem;
}

.about-detail-two {
  margin-top: 5.57rem;
}

.a-d-t-title {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 3.13rem;
  color: #2c2c2c;
  text-align: center;
}

.a-d-t-subtitle {
  margin-top: 2.14rem;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.77rem;
  color: #828282;
  text-align: center;
}

.about-detail-two-content {
  margin-top: 3.85rem;
  padding: 0 7.12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.a-d-t-left {
  width: 40.63rem;
  height: 43.8rem;
  background: url(../images/about/detail2.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.a-d-t-right {
  width: 40.63rem;
  height: 43.8rem;
  background: url(../images/about/detail3.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.a-d-t-c-title {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 3.13rem;
  color: #ffffff;
  margin-top: 4.38rem;
  margin-left: 3.65rem;
}

.a-d-t-c-subtitle {
  margin-top: 2.14rem;
  margin-left: 3.65rem;
  width: 33.85rem;
  font-family: PingFang SC;
  font-weight: 200;
  font-size: 1.77rem;
  color: #ffffff;
  line-height: 2.81rem;
}

.a-d-t-bottomtitle {
  margin-top: 3.39rem;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.77rem;
  color: #515050;
  text-align: center;
}

.about-qualification-wrap {
  margin-top: 8.96rem;
}

.a-q-title {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 3.13rem;
  color: #2c2c2c;
  text-align: center;
}

.a-q-c-one {
  margin-top: 4.11rem;
}

.img-a-q-c-one {
  text-align: center;
}

.img-a-q-c-one > img {
  width: 84.17rem;
  height: 43.8rem;
}

.a-q-c-title {
  margin-top: 3.91rem;
  margin-left: 10.94rem;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 3.13rem;
  color: #2c2c2c;
}

.a-q-c-subtitle {
  margin-top: 2.14rem;
  margin-left: 10.94rem;
  font-family: PingFang SC;
  font-weight: 200;
  font-size: 1.77rem;
  color: #828282;
  line-height: 2.81rem;
}

.a-q-c-two {
  margin-top: 6.46rem;
}

.a-q-c-two .a-q-c-subtitle {
  line-height: 1;
  margin-top: 2.14rem;
}

.a-q-c-three {
  margin-top: 6.56rem;
}

.a-q-c-two .a-q-c-subtitle {
  line-height: 1;
  margin-top: 2.14rem;
}

.footer-grid {
  margin-top: 8.75rem;
}

@media (max-width: 480px) {
  .banner-grid {
    margin-top: 0;
    height: 92rem;
    width: 100vw;
    background: url(../images/mobile/banner.png) no-repeat;
    -o-background-size: cover;
    background-size: cover;
  }

  .banner {
    display: block;
    margin-top: 20.13rem;
    width: 99.2rem;
    height: 26.53rem;
    background: url(../images/mobile/banner1-1.png) no-repeat;
    -o-background-size: cover;
    background-size: cover;
  }

  .about-hs-wrap {
    margin-top: 10.13rem;
  }

  .about-hs-title {
    font-size: 6.4rem;
  }

  .about-hs-subtitle {
    display: none;
  }

  .about-hs-m-subtitle {
    display: block;
    margin-top: 4rem;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 3.47rem;
    color: #828282;
    line-height: 7.2rem;
  }

  .about-hs-m-subtitle > span {
    color: #e7261e;
  }

  .about-hs {
    margin-top: 6.47rem;
    width: 91.73rem;
    height: 65.2rem;
  }

  .about-xj-title {
    margin-top: 8.67rem;
    font-size: 6.4rem;
  }

  .about-xj-subtitle {
    display: none;
  }

  .about-xj-m-subtitle {
    display: block;
    margin-top: 4rem;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 3.47rem;
    color: #828282;
    line-height: 7.2rem;
  }

  .about-xj {
    margin-top: 6rem;
  }

  .about-detail-wrap {
    margin-top: 7.07rem;
  }

  .a-d-o-title {
    margin-left: 6.4rem;
    font-size: 6.4rem;
  }

  .a-d-o-subtitle {
    width: 86.53rem;
    margin-top: 4rem;
    margin-left: 6.13rem;
    font-size: 3.47rem;
    line-height: 7.2rem;
  }

  .img-detail-one-wrap {
    margin-top: 4.37rem;
  }

  .img-a-d-o {
    width: 100vw;
    height: 53.2rem;
  }

  .about-detail-two {
    margin-top: 10.67rem;
  }

  .a-d-t-title {
    font-size: 6.4rem;
  }

  .a-d-t-subtitle {
    margin: 0 auto;
    margin-top: 4rem;
    width: 80.73rem;
    font-size: 3.47rem;
    line-height: 7.2rem;
  }

  .about-detail-two-content {
    margin-top: 6.27rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .a-d-t-left {
    width: 90.93rem;
    height: 112.13rem;
  }

  .a-d-t-c-title {
    margin-top: 11.2rem;
    margin-left: 9.33rem;
    font-weight: 500;
    font-size: 8rem;
  }

  .a-d-t-c-subtitle {
    margin-top: 5.27rem;
    margin-left: 9.33rem;
    width: 73.27rem;
    font-size: 4.53rem;
    line-height: 7.2rem;
  }

  .a-d-t-right {
    width: 90.93rem;
    height: 112.13rem;
    margin: 0 auto;
    margin-top: 6.53rem;
  }

  .a-d-t-bottomtitle {
    margin: 0 auto;
    margin-top: 3.4rem;
    width: 87.53rem;
    font-size: 3.47rem;
    line-height: 6.13rem;
    text-align: left;
  }

  .about-qualification-wrap {
    margin-top: 9.7rem;
  }

  .a-q-title {
    font-size: 6.4rem;
  }

  .a-q-c-one {
    margin-top: 6.53rem;
  }

  .img-a-q-c-one > img {
    width: 100vw;
    height: 52.93rem;
  }

  .a-q-c-title {
    margin-top: 5.47rem;
    margin-left: 6.53rem;
    font-size: 6.4rem;
  }

  .a-q-c-subtitle {
    margin-top: 4rem;
    margin-left: 6.4rem;
    font-size: 3.47rem;
    color: #828282;
    line-height: 7.2rem;
  }

  .a-q-c-two {
    margin-top: 9.47rem;
  }

  .a-q-c-two .a-q-c-subtitle {
    line-height: 1;
    margin-top: 4.13rem;
  }

  .a-q-c-two > .img-a-q-c-one > img {
    width: 100vw;
    height: 50rem;
  }

  .a-q-c-three {
    margin-top: 10.67rem;
  }

  .a-q-c-three .a-q-c-subtitle {
    line-height: 1;
    margin-top: 4.13rem;
  }

  .a-q-c-three > .img-a-q-c-one > img {
    width: 100vw;
    height: 52.13rem;
  }

  .footer-grid {
    margin-top: 16.8rem;
  }
}