/* ==========================================================================
   wjcybz.net 移动端适配（仅在屏幕宽度 <= 900px 时生效）
   桌面端样式完全不受影响；移动端把 1200px 固定宽度布局改为单栏自适应
   说明：本文件必须在 zybz.css 之后加载
   ========================================================================== */

@media only screen and (max-width: 900px) {

  html { -webkit-text-size-adjust: 100%; overflow-x: hidden; }
  body { min-width: 0 !important; width: auto !important; overflow-x: hidden; }
  img { max-width: 100% !important; height: auto !important; }

  /* ---- 统一解除所有固定宽度 ---- */
  .topbg, .top, .topline, .header, .menubg, .nav, .xxg, .xnav,
  .nav-banner, .main, .foot-nr, .foot, .rollBox, .cpzs, .cpfl,
  .conright, .left, .news, .about {
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
  }

  /* ---- 顶部信息条 ---- */
  .topbg { display: none; }
  .topline { padding-left: 10px; padding-right: 10px; }
  .header { padding: 8px 10px 0; }
  .header .logo { width: auto !important; max-width: 100%; float: none; }
  .header .logo .logoimg { text-align: left; }
  .header .logo .logoimg img { display: inline-block; max-width: 230px; }
  .header .tel { float: none; text-align: left; margin: 4px 0 8px; font-size: 13px;
                 padding-left: 38px; background-size: 28px auto;
                 background-position: left 12px; }
  .header .tel span { font-size: 17px; color: #e20808; font-weight: bold; }
  .header .clear { display: none; }

  /* ---- 导航：白底 4 列网格（移动端原生样式） ---- */
  .menubg { overflow: hidden; height: auto !important; background: #ffffff !important;
            background-image: none !important; border-bottom: 1px solid #e8e8e8; }
  .nav { height: auto !important; background: #ffffff !important; background-image: none !important; }
  .xxg { height: auto !important; }
  .xnav { height: auto !important; overflow: visible; }
  #nav { display: flex !important; flex-wrap: wrap; width: 100% !important;
         height: auto !important; white-space: normal; overflow: visible; }
  #nav .nLi { float: none !important; display: block !important; width: 25% !important;
              box-sizing: border-box; border-right: 1px solid #f0f0f0;
              border-bottom: 1px solid #f0f0f0; }
  #nav .nLi:nth-child(4n) { border-right: none; }
  #nav .nLi:nth-last-child(-n+4) { border-bottom: none; }
  #nav .nLi h3 { display: block; width: 100% !important; }
  #nav .nLi h3 a { display: block !important; padding: 11px 0 !important; font-size: 14px !important;
                   width: auto !important; background: none !important; color: #333 !important;
                   text-align: center; font-weight: normal; }
  #nav .sub { display: none !important; }

  /* ---- 头图：1920 全宽轮播改单图自适应 ---- */
  .nav-banner { position: static !important; height: auto !important;
                overflow: hidden; }
  .banner { position: static !important; width: 100% !important;
            height: auto !important; left: auto !important;
            margin-left: 0 !important; }
  .banner ul { width: 100% !important; height: auto !important; }
  .banner ul li { width: 100% !important; height: auto !important; float: none; }
  .banner ul li img { width: 100% !important; height: auto !important; display: block; }
  .banner .small, .banner .num, .banner .hd, .banner .pagination {
    display: none !important;
  }

  /* ---- 主体 ---- */
  .main { padding: 0 10px; }
  /* 栏目/详情页：把左侧"联系我们"栏排到正文之后，正文优先露出 */
  .main > .left { order: 2; }
  .main > .conright { order: 1; }
  .main:has(> .left) { display: flex; flex-direction: column; }
  .cpzx, .zx { margin-top: 12px; }
  .cpfl, .cpzs, .news, .about, .left, .conright, .cpzs-nr,
  .about-l, .about-r, .cont-nr {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
  }
  .cpfl { display: none; }
  /* 首页"关于我们"：小图居左、文字环绕 */
  .about-l { float: left !important; width: 110px !important; height: auto !important;
             margin: 0 12px 8px 0 !important; }
  .about-l img { width: 110px !important; height: auto !important; float: none !important; }
  .about-r { margin-top: 0 !important; overflow: hidden; }
  .cont-nr img { max-width: 100% !important; height: auto !important; }

  /* ---- 单页正文（公司简介等）：排版节奏 ---- */
  .xwdtnr { width: auto !important; padding: 12px 2px 4px !important;
            font-size: 14px !important; line-height: 24px !important; color: #333 !important; }
  .xwdtnr p, .xwdtnr div { margin: 0 0 10px 0; text-align: justify; }

  /* ---- 侧栏"联系我们"卡片 ---- */
  .cont { background: #ffffff; border: 1px solid #e5eef5; border-radius: 6px;
          padding-bottom: 8px; margin-top: 12px; overflow: hidden; }
  .cont-nr { padding: 10px 12px 2px !important; font-size: 13px !important;
             line-height: 22px !important; }
  .cont-nr h3 { font-size: 15px !important; margin: 4px 0 !important; color: #222; }
  .cont-nr p { margin: 3px 0; color: #555; }

  /* ---- 首页"产品推荐"横向滚动区：移动端整块去掉 ---- */
  .tj-title, .rollBox { display: none !important; }
  #List2 { display: none !important; }
  .pic { float: none !important; display: block !important; width: auto !important;
         margin-right: 0 !important; }

  /* ---- 栏目 / 详情 ---- */
  .rnr { height: auto !important; line-height: 34px !important;
         margin-top: 12px !important; padding: 4px 8px; overflow: hidden; }
  .rnr h1, .rnr h2, .rnr .right {
    float: none !important; display: block; font-size: 13px !important;
    padding-left: 0 !important; width: auto !important; color: #ffffff !important;
  }
  .rnr h1 { font-size: 15px !important; line-height: 30px !important; }

  /* 新闻栏目列表：标题与日期两端对齐 */
  .box .list ul { width: 100% !important; padding: 0 !important; margin: 0 !important; }
  .box .list ul li { width: auto !important; float: none !important; display: flex !important;
                     align-items: baseline; justify-content: space-between; gap: 10px;
                     padding: 10px 2px !important; border-bottom: 1px dashed #e5eef5 !important;
                     list-style: none; }
  .box .list ul li a { flex: 1; font-size: 14px; line-height: 21px; color: #333 !important; }
  .box .list ul li span { white-space: nowrap; font-size: 12px; color: #999 !important; }
  .rnr .right { line-height: 22px; padding-bottom: 4px; }
  .cat-intro {
    padding-left: 0 !important; padding-right: 0 !important;
    margin-left: 0; margin-right: 0;
  }
  /* 首页 SEO 主标题：手机端弱化为一行小字，不再占半屏 */
  .site-h1 { font-size: 14px !important; line-height: 22px !important; color: #666 !important;
             font-weight: normal !important; padding: 10px 2px 0 !important;
             text-align: center !important; }

  /* ---- 首页"产品中心"大图堆叠改两列卡片 ---- */
  .cpzs .right_top { padding: 10px 0 6px; height: auto !important; }
  .cpzs .right_top p { font-size: 16px; }
  .cpzs .right_top img { width: 74px !important; }
  .cpzs-nr ul { display: flex; flex-wrap: wrap; justify-content: space-between;
                width: 100% !important; padding: 0 !important; margin: 0 !important; }
  .cpzs-nr ul li { float: none !important; width: 48.5% !important; margin: 0 0 10px 0 !important;
                   background: #ffffff; border: 1px solid #e5eef5; border-radius: 6px;
                   overflow: hidden; padding: 0 !important; list-style: none; }
  .cpzs-nr ul li a { display: block; }
  .cpzs-nr ul li img { width: 100% !important; height: 132px !important; object-fit: cover;
                       display: block; }
  .cpzs-nr ul li span { display: block; text-align: center; font-size: 13px; line-height: 30px;
                        height: 30px; overflow: hidden; white-space: nowrap;
                        text-overflow: ellipsis; background: #f8fbfd; }
  .cpzs-nr ul li span a { color: #333; }

  /* ---- 产品栏目页列表：两列卡片 ---- */
  .cpzsnr ul { display: flex; flex-wrap: wrap; justify-content: space-between;
               width: 100% !important; padding: 0 !important; margin: 0 !important; }
  .cpzsnr ul li { float: none !important; width: 48.5% !important; margin: 0 0 10px 0 !important;
                  background: #ffffff; border: 1px solid #e5eef5; border-radius: 6px;
                  overflow: hidden; padding: 0 !important; list-style: none; }
  .cpzsnr ul li img { width: 100% !important; height: 132px !important; object-fit: cover;
                      display: block; }
  .cpzsnr ul li a.product_name { display: block; text-align: center; font-size: 13px;
                                 line-height: 30px; height: 30px; overflow: hidden;
                                 white-space: nowrap; text-overflow: ellipsis;
                                 background: #f8fbfd; color: #333; }

  /* ---- 新闻资讯：卡片化（图左文右） ---- */
  .news .title h3 { font-size: 16px !important; }
  .news-nr ul { width: 100% !important; margin: 0 !important; padding: 0 !important; }
  .news-nr ul li { float: none !important; width: auto !important; margin: 0 0 10px 0 !important;
                   padding: 10px 12px !important; background: #ffffff;
                   border: 1px solid #e5eef5; border-radius: 6px; overflow: hidden; }
  .news-nr ul li .img { float: left !important; width: 96px !important; margin-right: 12px !important; }
  .news-nr ul li .img img { float: none !important; width: 96px !important; height: 72px !important;
                            object-fit: cover; display: block; margin-top: 0 !important; }
  .news-nr ul li .news-wz { float: none !important; width: auto !important;
                            margin-left: 0 !important; overflow: hidden; }
  .news-nr ul li .news-wz a { display: block; font-size: 15px !important; line-height: 22px !important;
                              color: #222 !important; font-weight: bold; margin-bottom: 4px; }
  .news-nr ul li .news-wz span { font-size: 13px !important; line-height: 20px !important;
                                 color: #777 !important; display: block;
                                 border-top: none !important; }
  /* 标题日期列表 */
  .news1 { width: 100% !important; padding: 0 !important; margin: 0 !important; }
  .news1 li { padding: 9px 2px 9px 20px !important; border-bottom: 1px dashed #e5eef5 !important;
              font-size: 14px; line-height: 22px; height: auto !important;
              background-position: 2px center !important; width: auto !important;
              float: none !important; }
  .news1 li a { color: #333 !important; }
  .news1 li span { color: #999 !important; font-size: 12px !important; }

  /* ---- 关于我们 / 联系方式 ---- */
  .about-txt { padding: 2px 0 6px; }
  .about-r h3 { font-size: 15px !important; }
  .about-r p { font-size: 13px !important; line-height: 21px !important; color: #666 !important; }
  .contact ul { width: 100% !important; padding: 0 !important; margin: 0 !important; }
  .contact ul li { float: none !important; width: auto !important; font-size: 14px !important;
                   line-height: 24px !important; padding: 9px 2px !important;
                   border-bottom: 1px dashed #e5eef5 !important; }
  .contact ul li:last-child { border-bottom: none !important; }
  .contact ul li a { color: #e20808 !important; font-weight: bold; }

  /* FAQ 紧凑卡片：移动端单列 */
  .faq-box { margin: 14px 0 6px !important; padding: 12px 12px 12px !important; }
  .faq-box .sec-h2 { font-size: 15px !important; margin-bottom: 10px !important; }
  .faq-box .faq-list { grid-template-columns: 1fr !important; gap: 8px !important; width: 100% !important; }
  .faq-box .faq-list li { padding: 8px 10px 7px !important; }
  .faq-box .faq-q { font-size: 13px !important; line-height: 20px !important; }
  .faq-box .faq-a { font-size: 12px !important; line-height: 19px !important; }
  .news_text, .nr_text, .jieshao { width: auto !important; float: none !important; }
  .conright h1 { font-size: 16px !important; line-height: 26px !important; }
  .list_content, .box, .position { width: auto !important; }
  .list_content table, .box table { width: auto !important; }

  /* 产品详情图片区 */
  .product, .zoom-section, .zoom-small-image,
  .zoomPad, .zoomWindow, .zoomContainer {
    float: none !important; width: auto !important; max-width: 100% !important;
  }
  .jieshao { text-align: left !important; }

  /* 分页 */
  .pagelink { text-align: center; font-size: 13px; line-height: 26px; }
  .pagelink select { max-width: 120px; }

  /* ---- 页脚 ---- */
  .foot-nr { padding: 8px 10px; font-size: 12px; line-height: 24px; }
  .f-wz { width: auto !important; float: none !important; }
  .f-wz img { max-width: 100% !important; }
  .foot .rwm, .foot .f { float: none !important; text-align: left !important; margin-top: 8px; }

  /* ---- 表格 / 表单 / 正文 ---- */
  table { max-width: 100% !important; }
  input, textarea, select { max-width: 100% !important; box-sizing: border-box; }

  /* ---- 联系我们页：隐藏正文重复的联系表格，只留优化后的侧栏联系卡 ---- */
  .contact-main { display: none !important; }
  .cont .fl-title { text-align: center; }
  .cont .fl-title h3 { font-size: 17px !important; }
  .cont-nr { background: #ffffff !important; border: 1px solid #e5eef5; border-radius: 8px;
             padding: 14px 14px 8px 14px !important; }
  .cont-nr img { display: none !important; }
  .cont-nr h3 { font-size: 16px !important; color: #0b4c8c !important;
                margin: 4px 0 8px 0 !important; }
  .cont-nr p { font-size: 14px !important; line-height: 26px !important;
               margin: 0 0 6px 0 !important; color: #555 !important;
               border-bottom: 1px dashed #eef2f6; padding-bottom: 6px; }
  .cont-nr p:last-child { border-bottom: none; }
  .cont-nr .tel-link { display: inline-block; padding: 1px 12px; background: #0060b3;
                       color: #ffffff !important; border-radius: 4px;
                       font-size: 15px; font-weight: bold; }

  /* ---- 新闻详情移动端排版 ---- */
  .xwxqwz h1 { font-size: 19px !important; line-height: 30px !important;
               padding-left: 10px !important; border-left-width: 3px !important;
               margin-bottom: 8px !important; }
  .xwxqwz h6 { padding-left: 10px !important; margin-bottom: 12px !important; }
  .xwxqwz { padding: 0 10px !important; }
  .news_text p { font-size: 15.5px !important; line-height: 1.85 !important;
                 margin-bottom: 12px !important; }
  .art-contact { padding: 12px 12px 6px 12px !important; margin: 16px 0 12px 0 !important; }
  .art-contact .ac-tel a { display: block !important; text-align: center; padding: 8px 12px;
                           margin: 0 0 8px 0; font-size: 16px; }
  .news_text .faq-box { margin: 16px 0 12px 0 !important; }
}

/* 兜底：任何视口下都不允许横向滚动 */
html, body { max-width: 100%; }