@media (max-width: 768px) {
  html {
    font-size: calc(100vw / 18);
  }
}
@media (min-width: 768px) and (max-width: 1358.99px) {
  html {
    font-size: calc(100vw / 19.5);
  }
}
@media (min-width: 1359px) and (max-width: 1401.99px) {
  html {
    font-size: calc(100vw / 19.2);
  }
}
@media (min-width: 1402px) and (max-width: 1681.99px) {
  html {
    font-size: calc(100vw / 18.8);
  }
}
@media (min-width: 1682px) and (max-width: 1921.99px) {
  html {
    font-size: calc(100vw / 19.2);
  }
}
@media (min-width: 1922px) and (max-width: 4000px) {
  html {
    font-size: calc(100vw / 25.6);
  }
}
/* pc */
@media (min-width: 768px) {
  .header .w-1517 .logo-nav .nav .li .csaisnaoi{
    width: 2rem;
  }
  .header .w-1517 .logo-nav .nav .li:nth-child(2) .csaisnaoi{
    left: -0.6rem;
  }
  .header .w-1517 .logo-nav .nav .li:nth-child(3) .csaisnaoi{
    left: -1.1rem;
    width: 3rem;
  }
  
  .header .w-1517 .logo-nav .nav .li:nth-child(4) .csaisnaoi{
    left: -0.6rem;
  }
  .header .w-1517 .logo-nav .nav .li .zhunav::before{
    top: 0.6rem;
  }
}