.header_box {
    width: 100%;
    height: 100%;
    padding-top: calc(20px + 2rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: calc(35px + 5rem);
  }
  
  .header_logo {
    width: calc(21px + 10rem);
  }
  
  .header_logo img {
    width: 100%;
  }
  
  .header_nav {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: calc(6px + 1.5rem);
  }
  
  .nav_item {
font-family: PINGFANG-REGULAR;
font-weight: 400;
font-size: calc(8px + 0.5rem);
color: #646464;
text-align: justify;
font-style: normal;
  
  }
  .nav_item:hover{
    color: #333;
    font-family: PINGFANG-MEDIUM;
  }
  
  .header_nav .nav_active{
    color: #333;
    font-family: PINGFANG-MEDIUM;

  }
  
  .header_contact {
    width: calc(60px + 5rem);
    line-height: calc(5px + 2rem);
    background: #333333;
    font-family: PINGFANG-REGULAR;
    font-weight: 400;
    font-size: calc(8px + 0.5rem);
    color: #FFFFFF;
    text-align: center;
    margin-top: calc(-10px - 1rem);
    transition: .3s;
  }
  
  .header_contact:hover{
      background:#EC1F24;
  }
  
  .lang {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(1px + 0.25rem);
  }
  
  .lang p {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: calc(6px + 0.5rem);
    color: #919191;
  }
  
  .lang p:nth-of-type(2) {
    color: #000000;
  }