html {
  font-size: 1vw;
}

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

.banner {
  display: none;
}

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

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

.partner-subtitle {
  margin-top: 2.08rem;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.77rem;
  color: #828282;
}

.partner-list-wrap {
  margin-top: 5.78rem;
}

.partner-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.partner-item-img ul li {
  float: left;
}

.partner-item-img ul li a {
  display: block;
  width: 49.53rem;
  height: 33.96rem;
}

.partner-item-img ul li a img {
  width: 49.53rem;
  height: 33.96rem;
}

.partner-i-line-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 610px;
}

.line-l {
  margin-left: 244px;
  width: 180px;
  height: 4px;
  background: #e7261e;
  border-radius: 2px;
}

.line-r {
  width: 210px;
  height: 4px;
  background: #000000;
  border-radius: 2px;
  opacity: 0.1;
}

.partner-item-resume {
  margin-left: 2.4rem;
}

.teamwork-title {
  margin-top: 0.83rem;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.25rem;
  color: #9a9a9a;
}

.teamwork-name {
  margin-top: 1.56rem;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 3.02rem;
  color: #2c2c2c;
}

.teamwork-line {
  margin-top: 2.03rem;
  width: 3.7rem;
  height: 0.31rem;
  background: #e61f17;
}

.resume-item-d {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.14rem;
}

.resume-item-left {
  width: 3.65rem;
  height: 3.65rem;
  background: #f0f0f0;
  -webkit-box-shadow: 0rem 1rem 1rem 0rem rgba(47, 47, 34, 0.1);
  box-shadow: 0rem 1rem 1rem 0rem rgba(47, 47, 34, 0.1);
  border-radius: 0.52rem;
  border: 0.2083rem solid #fefefe;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.resume-item-right {
  margin-left: 1.09rem;
}

.teamwork-product-title {
  margin-top: 0.1rem;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.25rem;
  color: #8a8a8a;
}

.teamwork-product-name {
  width: 35rem;
  margin-top: 1.3021rem;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.77rem;
  color: #505050;
}

.teamwork-product-name > span {
  color: #e61f17;
}

.resume-item-d:nth-of-type(3) {
  margin-top: 2.92rem;
}

.resume-item-d:nth-of-type(4) {
  margin-top: 2.92rem;
}

.partner-item .resume-item-d:nth-of-type(4) .teamwork-product-name {
  line-height: 2.4rem;
  margin-top: 1.1458rem;
}

.partner-item-two {
  margin-top: 11.15rem;
  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;
}

.partner-item-two .partner-item-resume {
  margin-left: 8.18rem;
}

.partner-item-two .resume-item-d:nth-of-type(3) .teamwork-product-name {
  line-height: 2.4rem;
  margin-top: 1.1458rem;
}

.partner-item-three {
  margin-top: 10.42rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.partner-item-three .partner-item-resume {
  margin-left: 2.4rem;
}

.partner-item-three .resume-item-d:nth-of-type(4) .teamwork-product-name {
  line-height: 2.4rem;
  margin-top: 1.1458rem;
}

.partner-item-four {
  margin-top: 7.97rem;
  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;
}

.partner-item-four .resume-item-d:nth-of-type(3) .teamwork-product-name {
  line-height: 2.4rem;
  margin-top: 1.1458rem;
}

.partner-item-four .partner-item-resume {
  margin-left: 8.18rem;
}

.partner-item-five {
  margin-top: 9.79rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.partner-item-five .resume-item-d:nth-of-type(3) .teamwork-product-name {
  line-height: 2.4rem;
  margin-top: 1.1458rem;
}

.partner-item-five .resume-item-d:nth-of-type(4) .teamwork-product-name {
  line-height: 2.4rem;
  margin-top: 1.1458rem;
}

.partner-item-six {
  margin-top: 10.78rem;
  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;
}

.partner-item-six .partner-item-resume {
  margin-left: 8.18rem;
}

.partner-item-seven {
  margin-top: 10.47rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.partner-item-seven .resume-item-d:nth-of-type(4) .teamwork-product-name {
  line-height: 2.4rem;
  margin-top: 1.1458rem;
}

.partner-item-eight {
  margin-top: 11.82rem;
  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;
}

.partner-item-eight .partner-item-resume {
  margin-left: 8.18rem;
}

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

@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;
  }

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

  .partner-title {
    font-size: 6.4rem;
  }

  .partner-subtitle-wrap {
    width: 70.2rem;
    height: 10rem;
    margin: 0 auto;
    margin-top: 4rem;
  }

  .partner-subtitle {
    margin-top: 0;
    font-size: 3.47rem;
    color: #828282;
    line-height: 6.4rem;
  }

  .left-clips,
  .right-clips {
    height: 65%;
    width: 18%;
  }

  .left-clips {
    float: left;
    -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    shape-outside: polygon(0 0, 100% 0, 0 100%);
  }

  .right-clips {
    float: right;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    shape-outside: polygon(0 0, 100% 0, 100% 100%);
  }

  .partner-list-wrap {
    margin-top: 9.87rem;
  }

  .partner-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .partner-item-img ul li a {
    display: block;
    width: 100vw;
    height: 69.07rem;
  }

  .partner-item-img ul li a img {
    width: 100vw;
    height: 69.07rem;
  }

  .partner-item-resume {
    margin-left: 6.27rem;
  }

  .teamwork-title {
    margin-top: 8.67rem;
    margin-left: -0.27rem;
    font-size: 3.2rem;
  }

  .teamwork-name {
    margin-top: 4rem;
    font-size: 7.73rem;
  }

  .teamwork-line {
    margin-top: 5.2rem;
    width: 9.47rem;
    height: 0.8rem;
    background: #e61f17;
  }

  .resume-item-d {
    margin-top: 5.33rem;
  }

  .resume-item-d:nth-of-type(3) {
    margin-top: 7.6rem;
  }

  .resume-item-d:nth-of-type(4) {
    margin-top: 7.47rem;
  }

  .resume-item-left {
    width: 9.35rem;
    height: 9.36rem;
    background: #f0f0f0;
    -webkit-box-shadow: 0rem 1rem 3rem 0rem rgba(47, 47, 34, 0.1);
    box-shadow: 0rem 1rem 3rem 0rem rgba(47, 47, 34, 0.1);
    border-radius: 1.33rem;
    border: 0.53px solid #fefefe;
  }

  .resume-item-left > img {
    width: 4rem;
    height: 4rem;
  }

  .resume-item-right {
    margin-top: 0.53rem;
    margin-left: 2.8rem;
  }

  .teamwork-product-title {
    font-size: 3.2rem;
  }

  .teamwork-product-name {
    width: auto;
    font-size: 4.53rem;
    margin-top: 2.43rem;
  }

  .partner-item .resume-item-d:nth-of-type(4) .teamwork-product-name {
    width: 76.93rem;
    line-height: 6.63rem;
    margin-top: 2rem;
  }

  .partner-item-two {
    margin-top: 10.37rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .partner-item-two .partner-item-resume {
    margin-left: 6.27rem;
  }

  .partner-item-two .teamwork-title {
    margin-left: -0.27rem;
  }

  .partner-item-two .teamwork-name {
    margin-left: 0;
  }

  .partner-item-two .teamwork-line {
    margin-left: 0;
  }

  .partner-item-two .resume-item-d:nth-of-type(3) .teamwork-product-name {
    line-height: 6.63rem;
    margin-top: 2rem;
  }

  .partner-item-three {
    margin-top: 8.27rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .partner-item-three .partner-item-resume {
    margin-left: 6.27rem;
  }

  .partner-item-three .resume-item-d:nth-of-type(4) .teamwork-product-name {
    width: 76.93rem;
    line-height: 6.63rem;
    margin-top: 2rem;
  }

  .partner-item-four {
    margin-top: 6.23rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .partner-item-four .partner-item-resume {
    margin-left: 6.27rem;
  }

  .partner-item-four .resume-item-d:nth-of-type(3) .teamwork-product-name {
    line-height: 6.63rem;
    margin-top: 2rem;
  }

  .partner-item-five {
    margin-top: 10.27rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .partner-item-five .resume-item-d:nth-of-type(3) .teamwork-product-name {
    line-height: 6.63rem;
    margin-top: 2rem;
  }

  .partner-item-five .resume-item-d:nth-of-type(4) .teamwork-product-name {
    width: 76.93rem;
    line-height: 6.63rem;
    margin-top: 2rem;
  }

  .partner-item-six {
    margin-top: 10.37rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .partner-item-six .partner-item-resume {
    margin-left: 6.27rem;
  }

  .partner-item-seven {
    margin-top: 10.27rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .partner-item-seven .resume-item-d:nth-of-type(4) .teamwork-product-name {
    width: 76.93rem;
    line-height: 6.63rem;
    margin-top: 2rem;
  }

  .partner-item-eight {
    margin-top: 12.13rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .partner-item-eight .partner-item-resume {
    margin-left: 6.27rem;
  }

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