.footer {
  width: 100%;
  /* height: 554px; */
}

.footer .footer-container {
  /*height: 506px;*/
  background: #061333;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.footer .footer-container .footer-wrapper {
  min-width: calc(1200 /1920 *100vw);
  display: flex;
  padding: calc(50 /1920 *100vw) calc(10 /1920 *100vw) 0;
}

.footer-container .footer-wrapper .wrapper-item {
  display: flex;
  flex-direction: column;
}

.footer-wrapper .wrapper-item + .wrapper-item {
  margin-left: calc(84 /1920 *100vw);
}

.footer-wrapper .wrapper-item .title {
  font-size: calc(14 /1920 *100vw);
  color: #fff;
  font-weight: 400;
  margin-bottom: calc(32 /1920 *100vw);
}

.footer-wrapper .wrapper-item li {
  font-size: calc(12 /1920 *100vw);
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: calc(20 /1920 *100vw);
}

.footer-wrapper .wrapper-item .hasChild {
  /* display: flex;
  flex-direction: column; */
}

.footer-wrapper .wrapper-item .hasChild .child {
  margin-top: calc(6 /1920 *100vw);
  font-size: calc(12 /1920 *100vw);
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  display: block;
}

.footer-wrapper .wxcode {
  display: flex;
  flex-direction: column;
  margin-top: calc(7 /1920 *100vw);
}

.footer-wrapper .wxcode img {
  width: calc(104 /1920 *100vw);
  height: calc(104 /1920 *100vw);
  vertical-align: middle;
  margin-bottom: calc(8 /1920 *100vw);
}

.footer-wrapper .wxcode span {
  font-size: calc(12 /1920 *100vw);
  font-weight: 400;
  color: #ffffff;
}

.footer-wrapper .wxcode:nth-of-type(4) {
  margin-left: calc(110 /1920 *100vw);
}

.footer-wrapper .wxcode + .wxcode {
  margin-left: calc(64 /1920 *100vw);
}

.footer-wrapper .phone {
  margin-left: calc(90 /1920 *100vw);
  display: flex;
  flex-direction: column;
}

.footer-wrapper .phone .number {
  font-family: 'AdiHaus', 'AdiHaus-Bold';
  font-size: calc(36 /1920 *100vw);
  color: #ee2323;
  margin-bottom: calc(6 /1920 *100vw);
}

.footer-wrapper .phone span {
  color: #ffffff;
  font-size: calc(16 /1920 *100vw);
  margin-left: auto;
}

.footer .footer-container .hr {
  width: calc(1185 /1920 *100vw);
  height: calc(1 /1920 *100vw);
  opacity: 0.3;
  border: calc(1 /1920 *100vw) solid #ffffff;
  margin: calc(30 /1920 *100vw) auto;
}

.footer .footer-container .footer-bottom {
  width: calc(1200 /1920 *100vw);
  font-size: calc(12 /1920 *100vw);
  font-weight: 400;
  padding: 0 calc(10 /1920 *100vw);
  color: rgba(255, 255, 255, 0.9);
}

.footer-container .footer-bottom .address,
.footer-container .footer-bottom .service-center {
  margin-bottom: calc(19 /1920 *100vw);
}
.service-bottom {
  margin: calc(19 /1920 *100vw) 0 calc(20 /1920 *100vw);
}

.footer-container .footer-bottom .copyright li {
  float: left;
  margin-right: calc(20 /1920 *100vw);
}

.footer .bottom {
  height: calc(48 /1920 *100vw);
  line-height: calc(48 /1920 *100vw);
  text-align: center;
  background: #0e1320;
  font-size: calc(12 /1920 *100vw);
  color: rgba(255, 255, 255, 0.7);
}

.line {
  position: relative;
}

.line::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: calc(-3 /1920 *100vw);
  width: 0;
  height: calc(1 /1920 *100vw);
  background-color: #fff;
  transition: all 0.3s linear;
}

.line:hover::after {
  width: 100%;
}

@media (max-width: 1300px) {
  .footer-wrapper .phone {
    margin-left: calc(65 /1920 *100vw);
  }

  .footer-wrapper .wxcode:nth-of-type(4) {
    margin-left: calc(100 /1920 *100vw);
  }
}