* {
  margin: 0;
  padding: 0;
}

.public_w {
  max-width: 1400px;
  width: 85%;
  margin: 0 auto;
}

.footer_pic{
  width: 100%;
  height: calc(55px + 15rem);

}

.footer_pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer_con_box{
  width: 100%;
  padding-top: calc(6px + 5rem);
}
.footer_con{
  max-width: 1420px;
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.footer_con_title{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap:calc(3px + 0.5rem)
}

.footer_con_title div:nth-of-type(1){

  font-family: PINGFANG;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #000000;
 
}

.footer_con_title div:nth-of-type(2){
  width: 20px;
height: 1px;
background: #D21010;
}
.footer_connection{
  width: 52%;
}
.footer_position{
  width: 45%;
}

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

font-family: PINGFANG;
font-weight: 400;
font-size: calc(6px + 0.5rem);
color: #000000;
opacity: 0.8;
}


.footer_position_text{
  width: calc(100px + 6rem);
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: calc(3px + 1.5rem);
  margin-top: calc(10px + 1.5rem);
}
.footer_position_text p{
width: calc(20px + 3rem);
font-family: PINGFANG;
font-weight: 400;
font-size: calc(6px + 0.5rem);
color: #000000;
opacity: 0.8;
}

.footer_media_text{
  display: flex;
  justify-content: flex-start;
  gap: calc(5px + 0.5rem);
  margin-top: calc(20px + 1rem);
}
.code{

font-family: PINGFANG;
font-weight: bold;
font-size: calc(4px + 0.5rem);
color: #000000;
opacity: 0.8;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: calc(5px + 0.5rem);
}
.code img{
  width: calc(7px + 4rem);
}

.copyright{
  width: 100%;
border-top: 1px #DCDCDC solid;
font-family: PINGFANG;
font-weight: 300;
font-size: calc(5px + 0.5rem);
color: #898989;
line-height: calc(3px + 3rem);
text-align: center;
margin-top: calc(8px + 4rem);
}



@media (max-width: 1100px){
  .footer_con{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(10px + 1rem);
  }
  .footer_connection{
    width: 100%;
  }
  .footer_connection_text p{
    font-size: calc(10px + 1rem);
  }
  .footer_position{
    width: 100%;
  }
  .footer_position_text{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .footer_con_title div:nth-of-type(1){
    font-size: calc(12px + 1rem);
  }
  .footer_position_text p{
    width: calc(70px + 3rem);
    font-size: calc(10px + 1rem);
  }
  .footer_media{
    width: 100%;
  }
  .footer_media_text{
    display: flex;
    justify-content: space-around;
   
  }
  .footer_media_text .code{
    width: 28%;
    height: 20%;
    font-size: calc(8px + 1rem);
    text-align: center;
  }

  .footer_media_text .code img{
    width: 100%;
    height: 100%;
  }
  .copyright{
    font-size: calc(9px + 1rem);
    padding: 10px;
    line-height: calc(10px + 3rem);
  }
}