.public_w {
  max-width: 1400px;
  width: 85%;
  margin: 0 auto;
}
* {
  margin: 0;
  padding: 0;
}
.footer {
  background: url('../images//footer_bg.jpg') no-repeat 0 0/100% 100%;
  padding-top: calc(15px + 2rem);
  padding-bottom: calc(10px + 0.85rem);
}
.footer .public_w {
  width: 90%;
  /* border: 1px solid #f00; */
}
.footer .public_w .head_navBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .public_w .head_navBox .logo {
  width: calc(147px + 10rem);
}
.footer .public_w .head_navBox .nav {
  display: flex;
}
.footer .public_w .head_navBox .nav > .head_nav {
  margin-right: calc(16px + 2rem);
}
.footer .public_w .head_navBox .nav > .head_nav > a {
  font-family: PingFang_regular;
  font-size: calc(10px + 0.3rem);
  color: #E0E0E0;
}
.footer .public_w .head_navBox .nav > .head_nav:nth-last-of-type(1) {
  margin-right: 0;
}
.footer .public_w .mid {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.24);
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
  margin-top: calc(10px + 1rem);
  padding: calc(20px + 2rem) 0 calc(18px + 1.5rem);
  display: flex;
  justify-content: space-between;
}
.footer .public_w .mid .mid_l {
  display: flex;
}
.footer .public_w .mid .mid_l .list1 li,
.footer .public_w .mid .mid_l .list2 li {
  display: flex;
  flex-direction: column;
}
.footer .public_w .mid .mid_l .list1 li > div,
.footer .public_w .mid .mid_l .list2 li > div {
  display: flex;
  align-items: center;
  font-size: calc(10px + 0.3rem);
  color: #E0E0E0;
}
.footer .public_w .mid .mid_l .list1 li > div > img,
.footer .public_w .mid .mid_l .list2 li > div > img {
  margin-right: 5px;
}
.footer .public_w .mid .mid_l .list1 li > p,
.footer .public_w .mid .mid_l .list2 li > p {
  font-weight: bold;
  font-size: calc(10px + 0.9rem);
  color: #E0E0E0;
  margin-top: 10px;
}
.footer .public_w .mid .mid_l .list1 li > span,
.footer .public_w .mid .mid_l .list2 li > span {
  font-size: calc(10px + 0.4rem);
  color: #E0E0E0;
  margin-top: 10px;
}
.footer .public_w .mid .mid_l .list1 > li:nth-child(2),
.footer .public_w .mid .mid_l .list2 > li:nth-child(2) {
  margin-top: calc(10px + 1.5rem);
}
.footer .public_w .mid .mid_l > span {
  width: 1px;
  height: 100%;
  background: #1C1C1C;
  border: 1px solid #FFFFFF;
  opacity: 0.24;
  margin-left: calc(40px + 4rem);
  margin-right: calc(30px + 4rem);
}
.footer .public_w .mid .mid_r {
  display: flex;
}
.footer .public_w .mid .mid_r > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer .public_w .mid .mid_r > div > img {
  width: calc(46px + 4rem);
  height: calc(45px + 4rem);
}
.footer .public_w .mid .mid_r > div > p {
  font-size: calc(10px + 0.3rem);
  color: #E0E0E0;
  margin-top: 3px;
}
.footer .public_w .mid .mid_r > div:nth-child(1) {
  margin-right: calc(10px + 0.5rem);
}
.footer .public_w .bot {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: calc(10px + 0.5rem);
  font-size: calc(10px + 0.3rem);
  color: #BFBFBF;
}
@media screen and (max-width: 1100px) {
  .footer .public_w .head_navBox .nav {
    display: none;
  }
  .footer .public_w .mid {
    flex-direction: column;
  }
  .footer .public_w .mid .mid_l {
    flex-direction: column;
  }
  .footer .public_w .mid .mid_l .list2 {
    margin-top: calc(10px + 1.5rem);
  }
  .footer .public_w .mid .mid_l > span {
    display: none;
  }
  .footer .public_w .mid .mid_r {
    margin-top: calc(10px + 1.5rem);
  }
  .footer .public_w .bot {
    flex-direction: column;
  }
}