/* ==========================================================================
   mac-fix-20261020.css  —  Mac / 窄视口 首屏与公司动态板块修复
   问题（老秦 2026-10-20 在 MacBook 上看到）：
     1) 主导航下方出现约 35px 蓝灰空白条，logo 被挤到主导航上面单独一行
     2) 公司动态一排四个，第四个掉到第二行
   根因：
     1) header-china.css @media(max-width:1023px) 把 #header 高度设成 135px，
        但里面 .header-container 是 position:fixed、实际只占 100px，
        多出来的 35px 露出 body 浅蓝底 rgb(182,207,233) = 那条蓝灰空白条；
        同一个断点还把 .header-nav 改成 position:absolute; top:60px，
        导航离开 logo 下移 60px，视觉上就成了「logo 单独一行 + 导航单独一行」
     2) 首页内联样式 .gsdt .index_m_bknr{width:24%;margin:6px}，
        父容器 1200px 时 4 个宽度合计超 100%，第 4 个必然换行
   覆盖范围：769~1023px 与 769~1200px，桌面大屏与手机（<=768px）行为不变
   ========================================================================== */

/* ---------- 1) 769 ~ 1023px：吃掉 35px 空白带，logo 与导航回归同一行 ---------- */
@media (min-width: 769px) and (max-width: 1023px) {

  /* 关键：header 高度回到真实内容高度，35px 蓝灰带消失 */
  #header,
  #header.show-top-ad,
  #header.show-top-prompt {
    height: 100px !important;
  }

  .header-bottom {
    height: 100px !important;
    align-items: center !important;
    padding: 0 2% !important;
  }

  /* logo 回到左侧垂直居中，不再下移 8px */
  .header-logo-outer {
    margin-top: 0 !important;
    margin-left: 0 !important;
    flex: 0 0 auto !important;
  }

  .header-logo-outer .header-logo img {
    height: 60px !important;
  }

  /* 导航回到普通文档流，紧贴 logo 右侧，一行显示 */
  .header-nav {
    position: relative !important;
    top: auto !important;
    left: 0 !important;
    width: auto !important;
    height: 75px !important;
    padding: 0 10px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
  }

  .header-nav .header-nav-scroll {
    flex: 1 1 auto;
    min-width: 0;
  }

  .header-nav .header-nav-list {
    height: 75px !important;
  }

  /* 压缩项间距与字号，7 个主菜单在 769px 也能一行放下 */
  .header-nav .header-nav-list > li {
    padding: 0 5px !important;
  }

  .header-nav .header-nav-list > li > a,
  .header-nav .header-nav-list > li > a[href] {
    height: 75px !important;
    line-height: 75px !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
  }
}

/* ---------- 2) 769 ~ 1200px：公司动态保持一排 4 个 ---------- */
@media (min-width: 769px) and (max-width: 1200px) {

  .gsdt .index_p3nr {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }

  .gsdt .index_m_bknr {
    float: none !important;
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin: 6px !important;
  }
}