/* ===========================================================
   铭锡 mingxi 移动端响应式适配
   仅在 max-width:991px（手机/小平板）生效；PC 端完全不变。
   设计原则：流式容器 + 图片自适应 + 导航折叠 + 网格重排，
   不改动任何后台逻辑，PC / 移动共用同一套模板与数据库。
   =========================================================== */

/* 桌面端默认隐藏汉堡（避免勾选框在 PC 上露出来） */
.nav-toggle-cb { display: none; }
.nav-toggle    { display: none; }

@media (max-width: 991px) {

  /* ---------- 基础流式 ---------- */
  html, body { width: 100% !important; min-width: 0 !important; overflow-x: hidden; }
  * { box-sizing: border-box; }
  img { max-width: 100% !important; height: auto !important; }

  /* 解除全站 1200px 定宽 */
  .container,
  .public_box, .public_wrap,
  .header, .fullSlide, .navbar, .nav,
  .section-product, .section-about, .section-zs, .section-lcc, .section-link,
  .section-search, .footer,
  .index-product-list, .partlistd, .lcc-list,
  .pro_list, .list-news, .product-wrap, .content-product,
  .single-content, .main-right, .menu-pro,
  .index-about-intro, .index-about-small,
  .index-head-about, .index-head-product, .index-head-product-small, .index-head-zss {
    width: 100% !important; min-width: 0 !important;
  }
  .container { padding-left: 12px !important; padding-right: 12px !important; }

  /* ---------- 头部 + 导航折叠 ---------- */
  .header .container { display: flex; flex-direction: column; align-items: stretch; }
  .logo { float: none !important; text-align: center; margin: 8px 0; }
  .logo img { max-width: 180px; }
  .head-right { width: 100% !important; float: none !important; }
  .language { float: none !important; text-align: center; margin: 4px 0; }

  /* 汉堡按钮（纯 CSS checkbox 切换，无需 JS） */
  .nav-toggle {
    display: block; width: 100%; height: 44px; line-height: 44px;
    text-align: center; font-size: 22px; color: #333;
    background: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 4px; cursor: pointer;
  }
  .navbar { width: 100% !important; float: none !important; }
  .nav {
    width: 100% !important; display: none; background: #fff;
    border: 1px solid #eee; border-top: 0;
  }
  .nav-toggle-cb:checked ~ .nav { display: block; }
  .nav > ul { width: 100% !important; }
  .nav > ul > li {
    float: none !important; width: 100% !important;
    border-bottom: 1px solid #f0f0f0;
  }
  .nav > ul > li > span { display: block; width: 100% !important; text-align: center; padding: 12px 0; }
  .nav > ul > li > ul {
    position: static !important; width: 100% !important; display: block;
    box-shadow: none; border: 0;
  }
  .nav > ul > li > ul > li { width: 100% !important; }
  .nav > ul > li > ul > li > a { padding: 10px 0; }

  .search-wrap { width: 100% !important; float: none !important; margin: 8px 0; }
  .search-input, .search-btm { float: none !important; width: 100% !important; }
  .search-input input { width: 100% !important; box-sizing: border-box; }

  /* ---------- 产品 / 合作伙伴 / 流程 网格 2 列 ---------- */
  .pro_list ul, .index-product-list ul, .partlistd ul, .lcc-list {
    display: flex; flex-wrap: wrap;
  }
  .pro_list ul li, .index-product-list ul li, .partlistd ul li, .lcc-list li,
  .item3 {
    float: none !important; width: 48% !important; margin: 1% !important;
  }
  .product-img, .pic { width: 100% !important; }
  .product-img img, .pic img { width: 100% !important; }

  /* 新闻列表：图文上下排列 */
  .list-news { display: block; }
  .news-pic, .news-right { float: none !important; width: 100% !important; }
  .news-pic img { width: 100% !important; }

  /* 详情页 / 内页 两栏堆叠 */
  .product-wrap, .product-right, .main-right, .single-content, .content-product {
    width: 100% !important; float: none !important;
  }
  .product-mag img, .product-intro img { width: 100% !important; }

  /* 页脚三栏堆叠 */
  .nav-foot { width: 100% !important; float: none !important; margin-bottom: 14px; }

  /* 隐藏桌面浮动联系栏 / 客服弹窗（避免遮挡） */
  .right_bar, #kefu { display: none !important; }
  .scrollToTop { width: 42px; height: 42px; right: 10px; bottom: 10px; }

  /* 轮播图高度随宽度自适应 */
  .fullSlide .bd li img { width: 100% !important; height: auto !important; }
}

/* ---------- 超小屏：产品网格单列 ---------- */
@media (max-width: 480px) {
  .pro_list ul li, .index-product-list ul li, .partlistd ul li, .lcc-list li, .item3 {
    width: 100% !important; margin: 6px 0;
  }
}