.footer { height: .6rem; line-height: .6rem; }
.footer .footer-main { padding: 0 .12rem; }

.wrap-about-us { width: 100%; background-color: #fff; border-top: 2px solid #fff; margin-top: .32rem; }
.wrap-about-us .wrap-about-us-main { background-color: #fff; }

.wrap-about-us .about-us-fearures { width: 100%; background: url(../images/fearures.webp) no-repeat bottom center; background-size: 100% 100%; height: 10.6rem; }
.wrap-about-us .fearures-con { padding: .6rem .3rem; color: var(--fearuresColor); width: 100%; max-width: 1280px; margin: 0 auto; }
.wrap-about-us .fearures-con .fearures-title { font-size: .54rem; font-weight: 700; color: var(--fearuresTitleColor); text-align: center; margin-bottom: 2rem;  }
.wrap-about-us .fearures-con .fearures-list { }
.wrap-about-us .fearures-con .fearures-list li { margin-bottom: .5rem; padding: 0 .3rem; text-align: center; }

.wrap-about-us .fearures-con .fearures-list li .fearures-item-txt { }
.wrap-about-us .fearures-con .fearures-list li .fearures-item-txt h4 { font-size: .22rem; color: var(--fearuresChildTitleColor); margin-bottom: .5rem; }
.wrap-about-us .fearures-con .fearures-list li .fearures-item-txt .fearures-txt-con { font-size: .18rem; font-weight: 200; line-height: 1.3; background-color: #fff; padding: .2rem; height: 3rem; width: 100%; border-radius: .2rem; }

@media screen and (max-width: 980px) {
  .wrap-about-us .fearures-con { padding: .1rem; }
  .wrap-about-us .fearures-con .fearures-list li { margin-bottom: .5rem; padding: 0 .1rem; text-align: center; }
}

@media screen and (max-width: 768px) {
  .wrap-about-us .fearures-con { padding: .1rem; }
  .wrap-about-us .fearures-con .fearures-list li { padding: 0 .04rem; }
}