.header_box{
  width: 100%;
  padding: calc(8px + 0.5rem) 0;
}
.header{
  max-width: 1420px;
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header_logo{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(3px + 1rem);
}
.header_logo img{
  width: calc(10px + 4rem);
}
.header_logo p{
font-family: FZZYJW;
font-weight: normal;
font-size: calc(10px + 0.5rem);
color: #333333;
font-style: normal;
}
.header_nav{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(15px + 3rem);
}
.header_nav .nav_item{

font-family:PINGFANG;
font-weight: 400;
font-size:  calc(8px + 0.5rem);
color: #333333;
position: relative;
}

.nav_line{
  width: 0;
height: 4px;
background: #E5793B;
position: absolute;
top: 130%;
transition: .5s;
}
.nav_item:hover .nav_line{
  width: 100%;
}
.nav_item:hover{
  color: #E5793B;
}
.header_nav .nav_active{
  color: #E5793B;
}
.header_nav .nav_active_line{
  width: 100%;
}