.logo{ width: 18.4%; }
.logo img {

    max-width: 230px;
}
.nav-list li a{ font-size: 1.26rem; }
.header-link{ font-size: 1.008rem; }
.header-link a,.header-link span{ margin-left: 1.575rem; }
.nav-list li{ margin-left: 1.89rem; }
.header{     padding: 1.26rem 12.6rem 1.26rem 3.56rem; }
.nav-list{ margin-top:20px; }
.header-a a img{ width: 2.835rem; }
.header-a a{ margin-left: 1.26rem; }
.header-a{ right: 3.78rem; }
.header-link{ padding-top: 0.945rem; }
@media( max-width: 1640px){
  .nav-list li a{ font-size: 18px; }
  .nav-list li{ margin-left: 25px; }
  .header-link{ padding-top: 0; }
}
@media( max-width: 1470px){
  .nav-list li a{ font-size: 16px; }
  .nav-list li{ margin-left: 15px; }

  }
@media( max-width: 1279px){
  .nav-list li a{ font-size: 14px; }
  .nav-list li{ margin-left: 10px; }
  .header-list{ padding-left: 15px; padding-right: 140px; }
  .header-a{ right: 15px; }
  }
  @media( max-width: 1029px){
.header-a a img{ width: 30px; }
.header-a {
    right: 60px;
}
.header-link a, .header-link span{ margin-left: 10px; }
.header-link{ padding-right: 10px; }
}
 @media( max-width: 767px){
.nav-list{ margin-top: 0; }
.logo{ width: auto; }
.logo img{ width: auto; }
  }
}