.footer {
  padding-top: 6rem;
  background-color: #191E20;
  position: relative;
    z-index: 5;
}
.footer .footer_nav_location {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7.2rem;
}
.footer .footer_Item h5 {
  font-size: calc(10px + 0.5rem);
  font-family: MicrosoftYaHeiLight;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 2.3rem;
}
.footer .footer_Item h5 .footerBar {
  display: block;
  width: calc(10px + 0.5rem);
  height: 1px;
  background: linear-gradient(162deg, #0181CA, #00A9BD);
  margin-top: 0.5rem;
}
.footer .footer_Item li {
  margin-bottom: 1.6rem;
  font-family: MicrosoftYaHeiLight;
  font-size: calc(8px + 0.4rem);
  font-weight: 400;
  color: #FFFFFF;
}
.footer .footer_cont {
  width: calc(150px + 8rem);
}
.footer .footer_cont li {
  display: flex;
  align-items: start;
  font-size: calc(8px + 0.4rem);
  font-weight: 400;
  color: #FFFFFF;
}
.footer .footer_cont li .iconImg {
  max-width: calc(8px + 0.5rem);
  width: 10%;
  margin-right: calc(5px + 0.4rem);
}
.footer .footer_cont li .cellphone {
  width: 90%;
}
.footer .footer_cont li .cellphone span {
  font-family: MicrosoftYaHeiLight;
}
.footer .footer_cont li:nth-of-type(3) img {
  margin-top: calc(2px + 0.15rem);
}
.footer .foot_nav {
  width: calc(77px + 5rem);
}
.footer .foot_nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer .foot_nav ul li {
  width: 46%;
}
.footer .footer_qr {
  width: calc(150px + 7.5rem);
}
.footer .footer_qr ul {
  display: flex;
  justify-content: space-between;
}
.footer .footer_qr ul li {
  width: 43%;
}
.footer .footer_qr ul li img {
  width: 100%;
}
.footer .footer_qr ul li p {
  font-size: calc(10px + 0.3rem);
  margin-top: calc(6px + 0.5rem);
  text-align: center;
}
.footer .technique {
  display: flex;
  height: calc(40px + 3rem);
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ffffff1c;
  font-size: calc(8px + 0.35rem);
  font-family: MicrosoftYaHeiLight;
  font-weight: 400;
  color: #CCCCCC;
}
.footer .techniquename {
  margin-right: 2.5rem;
}
@media screen and (max-width: 1100px) {
  .footer .footer_nav_location {
    flex-wrap: wrap;
  }
  .footer .footer_nav_location .footer_Item {
    width: 50%;
  }
}