@media(max-width:1020px){
  .zq-header__inner{flex-wrap:wrap;padding-top:10px}
  .zq-brand{padding-bottom:10px}
  .zq-header__phone{margin-bottom:10px}
  .zq-nav{order:3;display:flex;width:100%;max-width:100%;gap:0;overflow-x:auto;border-top:1px solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .zq-nav::-webkit-scrollbar{display:none}
  .zq-nav a{flex:0 0 auto;padding:11px 14px 10px;font-size:13px;white-space:nowrap}
  .zq-nav a:after{bottom:4px}
  .zq-nav a:hover:after,.zq-nav a.active:after{left:14px;right:14px}
}
@media(max-width:680px){
  .base:not(.index)>.cont{display:block;width:calc(100% - 28px);margin:24px auto 48px}
  .base:not(.index) .left.cate{display:none!important}
  .base:not(.index) .right{float:none!important;width:100%!important;padding:18px!important}
  .base:not(.index) .right>.title .tit__r{display:none}
  .base:not(.index) .list-grid ul{grid-template-columns:1fr!important}
}