.contact-banner {
  margin-top: 1rem;
  background: url(../images/contact/banner1.png);
  background-size: cover;
  height: 7.5rem;
  padding-top: 1.04rem;
  box-sizing: border-box;
  color: #fff;
}

.contact-banner h3 {
  font-size: .32rem;
  text-align: center;
  margin-bottom: .62rem;
}

.contact-banner p {
  max-width: 6.88rem;
  font-size: .24rem;
  text-indent: 2em;
  line-height: .48rem;
  margin: 0 auto;
}

.contact-qualification {
  height: 5.9rem;
  background-color: #F4F5FE;
}

.contact-qualification h3 {
  font-size: .32rem;
  font-weight: 500;
  color: #333;
  padding: .6rem;
  text-align: center;
}

.contact-qualification ul {
  overflow-x: auto;
  white-space: nowrap;
}

.contact-qualification ul li {
  margin-left: .24rem;
  width: 2.6rem;
  display: inline-block;
}

.contact-us h3 {
  font-size: .32rem;
  font-weight: 500;
  color: #333;
  padding: .6rem 0;
  text-align: center;
}

.contact-us .contact-body .contact-right {
  width: 6.12rem;
  margin: 0 auto;
  padding: 0 .7rem;
  height: 6.6rem;
  border: 0.02rem dashed #afcbf4;
  box-shadow: 0.04rem 0.08rem 0.18rem 0rem rgba(166, 173, 227, 0.32);
  border-radius: .6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: .92rem 0 1.36rem 0;
  box-sizing: border-box;
}

.contact-us .contact-body .contact-right > img {
  width: 1.92rem;
  height: 1.92rem;
}

.contact-us .contact-body .contact-right h4 {
  font-size: .24rem;
  font-weight: 500;
  color: #333;
  line-height: 1.8rem;
}

.contact-us .contact-body .contact-right .contact-way {
  display: flex;
  align-items: center;
}

.contact-us .contact-body .contact-right .contact-way img {
  width: .32rem;
  height: .28rem;
}

.contact-us .contact-body .contact-right .contact-way h5 {
  margin-left: .26rem;
  font-size: .24rem;
  font-weight: 500;
  color: #333;
  line-height: .8rem;
}

.contact-us .contact-body .contact-right .contact-way h5 span {
  font-weight: 300;
}

.contact-us .contact-body .contact-left {
  background-image: url(../images/contact/banner2.png);
  height: 9.88rem;
  margin-top: .68rem;
  padding: 1rem .3rem;
  box-sizing: border-box;
}

.contact-us .contact-body .contact-left #map {
  width: 6.9rem;
  height: 4rem;
  margin-top: .3rem;
}

.contact-us .contact-body .contact-left .contact-address {
  margin-top: .6rem;
  display: flex;
  align-items: center;
}

.contact-us .contact-body .contact-left .contact-address img {
  width: .26rem;
  height: .32rem;
}

.contact-us .contact-body .contact-left .contact-address h4 {
  margin-left: .16rem;
  font-size: .24rem;
  font-weight: 500;
  color: #fff;
  line-height: .4rem;
}

.contact-us .contact-body .contact-left p {
  font-size: .24rem;
  font-weight: 300;
  font-family: "PingFang SC";
  color: #fff;
  line-height: .48rem;
  text-indent: 2em;
}