.footer_box {
  width: 100%;
  background: #2D2D2D;
  padding-top: calc(6px + 4rem);
}

.footer {
  max-width: 1420px;
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: space-between;

}

.footer_left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(96px + 5rem);
}

.footer_left_logo {
  width: calc(5px + 4rem);
}

.footer_left p {
  font-family: SENTYZHAO;
  font-size: calc(2px + 1rem);
  color: #FFFFFF;
}

.footer_title p {
  font-family: PINGFANG;
  font-weight: 500;
  font-size: calc(8px + 0.5rem);
  color: #FFFFFF;
}

.footer_title div {
  width: calc(4px + 1rem);
  height: 2px;
  background: #E5793B;
  margin-top: calc(4px + 0.5rem);
}

.footer_nav_box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(10px + 0.5rem);
  margin-top: calc(6px + 1.5rem);
}

.footer_nav_item {
  font-family: PINGFANG;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: rgba(255, 255, 255, 0.8);
}

.footer_contact {
  width: calc(40px + 15rem);
}

.footer_contact_box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(10px + 0.5rem);
  margin-top: calc(6px + 1.5rem);
}

.footer_contact_item {
  font-family: PINGFANG;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(5px + 0.25rem);
  line-height: calc(10px + 1rem);
}

.footer_contact_item img {
  width: calc(10px + 0.5rem);
  height: calc(10px + 0.5rem);
  margin-top: calc(0px + 0.2rem);
}

.code {
  width: calc(83px + 5rem);
  height: calc(83px + 5rem);
  margin-top: calc(17px + 2rem);
}

.code img {
  width: 100%;
  height: 100%;
}

.copyright {
  font-family: PINGFANG;
  font-weight: 400;
  font-size: calc(6px + 0.5rem);
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  padding: calc(9px + 1.5rem) 0;
  border-top: 1px solid rgba(205, 205, 205, 0.2);
  margin-top: calc(6px + 4rem);
}