/* =========================================================================
   移动端适配 v20261026d ｜ 阶段 1：首页 / 文章列表 / 文章详情
   2026-10-26

   设计原则（踩坑后定稿）：
   1) 只约束「父容器」（width / max-width / overflow / box-sizing），
      不逐元素强压内联 width:970px、1000px —— 否则文字溢出屏幕。
   2) 首页 Banner 由 SuperSlide 在运行时写入内联
      position / display / height（.banner-box .bd ul 被写 height:560px，
      li 被写 position:absolute + display:none/block）。
      移动端只保留第 1 张图静态展示，隐藏其余 li 和圆点，
      不与插件抢尺寸；隐藏靠 !important 覆盖运行时内联样式。
   3) 桌面端（> 820px）零影响：除 .mnav-toggle 外，
      本文件全部规则都包在 max-width:820px 媒体查询里。
   4) 旧样式文件（indexcss/allbag/news-images/digital 等）一律不改。
   ========================================================================= */

/* 桌面端隐藏移动菜单按钮（本文件唯一的全局规则，桌面不产生任何布局影响） */
.mnav-toggle { display: none; }

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

  /* ---------------- 0. 基础 ---------------- */
  html, body {
    max-width: 100%;
    overflow-x: hidden;
  }
  body {
    font-size: 15px;
    line-height: 1.75;
    -webkit-text-size-adjust: 100%;
  }
  img, video, iframe {
    max-width: 100% !important;
    height: auto !important;
  }
  /* 表格横向滚动 */
  table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* 旧模板的纯间距区块在高频滚动下收窄 */
  .top20, .top30, .top40, .top50, .top60, .top70 { margin-top: 22px !important; }

  /* 旧模板的固定宽度容器：统一收进视口（关键基础规则，勿删） */
  .totalwidth, .digital-content {
    width: calc(100% - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .footer {
    width: calc(100% - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  /* 页脚整条底色铺满，内容仍留 12px 边距 */
  .footWrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* ---------------- 1. 顶部说明条（.hyjr_*） ---------------- */
  .hyjr_dkkd { height: auto !important; padding: 6px 12px !important; box-sizing: border-box; }
  .hyjr_kz { width: 100% !important; height: auto !important; }
  .hyjr_zt1, .hyjr_zt {
    float: none !important;
    height: auto !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: center;
  }
  .hyjr_zt { padding-top: 2px !important; }
  .hyjr_zt a { font-size: 12px !important; line-height: 1.5 !important; }

  /* ---------------- 2. 头部导航 + 汉堡菜单 ---------------- */
  .top { position: relative; z-index: 1000; }
  .top_in { min-width: 0 !important; }
  .top .totalwidth {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .top .clear { display: none !important; }
  .top .fl.logo { float: none !important; margin: 0 !important; min-width: 0; }
  .top .fl.logo img { max-width: 168px !important; max-height: 52px; width: auto !important; height: auto !important; }
  .top .fr { float: none !important; height: auto !important; width: auto !important; }

  .mnav-toggle {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 40px;
    padding: 0;
    border: 1px solid #d6dde4;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
  }
  .mnav-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 2px 0;
    background: #0067d0;
    border-radius: 1px;
    transition: transform .2s ease, opacity .2s ease;
  }
  body.mnav-open .mnav-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  body.mnav-open .mnav-toggle span:nth-child(2) { opacity: 0; }
  body.mnav-open .mnav-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

  .NavCeshi {
    display: none !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
    z-index: 1001;
    max-height: calc(100vh - 90px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  body.mnav-open .NavCeshi { display: block !important; }
  body.mnav-open { overflow: hidden; }
  .NavCeshi > li {
    float: none !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    text-align: left !important;
    background: none !important;
    border-bottom: 1px solid #eef2f5;
  }
  .NavCeshi > li > a {
    display: block !important;
    padding: 13px 18px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: #454545;
  }
  .NavCeshi > li.navcurrent,
  .NavCeshi > li:hover { background: #f2f7fc !important; }
  .NavCeshi > li.navcurrent > a { color: #0067d0 !important; font-weight: 700; }

  /* ---------------- 3. 首页 Banner（SuperSlide） ---------------- */
  .banner { background: #fff !important; }
  .banner-box {
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
  }
  .banner-box .bd { width: 100% !important; }
  /* 插件会写 ul {position:relative;height:560px}，必须整段让位 */
  .banner-box .bd ul {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    margin: 0 !important;
    left: auto !important;
  }
  /* 只保留第一张：其余 li 完全退出布局（插件切页时也无法显示） */
  .banner-box .bd ul > li { display: none !important; }
  .banner-box .bd ul > li:first-child {
    display: block !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    /* 插件每 3.5s 会对外层 li 做 opacity 淡出（实测降到 0.007），这里锁死透明度，
       保证移动端 Banner 始终可见 */
    opacity: 1 !important;
    visibility: visible !important;
  }
  .banner-box .bd ul > li:first-child > a { display: block !important; }
  .banner-box .bd ul > li:first-child img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .banner-box .hd { display: none !important; }

  /* ---------------- 4. 搜索 / 电话条（全站共用 #search_*） ---------------- */
  #search_bg {
    height: auto !important;
    padding: 14px 12px 16px !important;
    margin-bottom: 22px !important;
    box-sizing: border-box;
  }
  #search_c { width: 100% !important; height: auto !important; }
  #search_c_l, #search_c_r { float: none !important; width: 100% !important; }
  .head_adv {
    width: 100% !important;
    margin: 0 0 8px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  .head_adv span, .head_adv .home-heading { font-size: 20px !important; }
  .h_tel {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    border: 0 !important;
    margin: 0 0 12px !important;
    text-align: center;
  }
  .hgtbhmk {
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }
  .dianhtb { float: none !important; }
  .kehftrx { padding: 0 0 0 8px !important; font-size: 14px !important; float: none !important; white-space: nowrap; }
  .dianhsj { font-size: 24px !important; padding: 2px 0 0 !important; }
  #search_cc {
    width: 100% !important;
    padding-top: 0 !important;
    display: flex !important;
    align-items: stretch;
    gap: 8px;
    box-sizing: border-box;
  }
  #search_cc_l { float: none !important; width: auto !important; flex: 1 1 auto; height: 42px !important; }
  #search_cc_l input[name="keywords"] {
    width: 100% !important;
    height: 42px !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
  }
  #search_cc_r { width: 69px !important; flex: 0 0 69px; overflow: visible !important; }
  #search_cc_r input { width: 69px !important; height: 44px !important; }

  /* ---------------- 5. 首页：产品区 ---------------- */
  .ghdgcpb, .ghdgcpb span { font-size: 26px !important; line-height: 1.3 !important; }
  .yzswnz {
    font-size: 14px !important;
    height: auto !important;
    line-height: 1.6 !important;
    padding: 4px 16px 0 !important;
    box-sizing: border-box;
  }
  #tabs {
    width: 100% !important;
    margin-top: 12px !important;
    display: flex !important;
    gap: 8px;
    padding: 0 12px !important;
    box-sizing: border-box;
  }
  #tabs li, #tabs li.currents {
    width: calc(50% - 4px) !important;
    margin-left: 0 !important;
    float: none !important;
    height: 42px !important;
    line-height: 42px !important;
    font-size: 15px !important;
    box-sizing: border-box;
  }
  #tabs li a, #tabs li.currents a {
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: 42px !important;
    line-height: 42px !important;
    font-size: 15px !important;
    box-sizing: border-box;
  }
  #contents { width: 100% !important; min-width: 0 !important; }
  .divproduct_new_div_item img,
  .product_div_item_image { width: 100% !important; height: auto !important; }
  .prod_row2 { width: 100% !important; padding-top: 0 !important; }
  .prod_row2 .divproduct_new_div { width: 100% !important; }
  .prod_row2 .divproduct_new_div_item {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 14px !important;
    overflow: visible !important;
    box-sizing: border-box;
  }
  .prod_row2 .divproduct_new_div_item:last-child { margin-bottom: 0 !important; }
  .prod_row2 .divproduct_new_div_item .product_div_item_pic {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
  }
  .prod_row2 .divproduct_new_div_item .product_div_item_pic img {
    width: 100% !important;
    height: auto !important;
  }
  .prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    padding: 10px 12px !important;
    box-sizing: border-box;
    background: #f5f7f9;
    border-radius: 0 0 4px 4px;
  }
  .prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content:before,
  .prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content:after { display: none !important; }
  .prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content .divproduct_new_div_item_a {
    display: block !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    color: #222 !important;
    white-space: normal !important;
  }
  .prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content .divproduct_new_div_item_body {
    height: auto !important;
    line-height: 1.6 !important;
    font-size: 13px !important;
    margin: 4px 0 0 !important;
  }

  /* ---------------- 6. 首页：四大优势（#youshi_*） ---------------- */
  #youshi_bg {
    height: auto !important;
    padding: 16px 0 22px !important;
    background: #0a54a6 !important;
  }
  #youshi_t {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box;
    text-align: center;
  }
  .youshi_t1 { font-size: 26px !important; line-height: 1.3 !important; padding-top: 6px !important; }
  .youshi_t2 { font-size: 14px !important; line-height: 1.6 !important; }
  #youshi_fl {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    background: none !important;
    padding: 0 16px !important;
    box-sizing: border-box;
  }
  .youshi_c { float: none !important; width: 100% !important; padding: 8px 0 0 !important; }
  .youshi_h1 { font-size: 22px !important; line-height: 1.4 !important; }
  .youshi_h2 { font-size: 16px !important; line-height: 1.4 !important; }
  .youshi_h3 {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.4 !important;
    font-size: 15px !important;
    padding: 6px 14px !important;
    margin-top: 12px !important;
  }
  .youshi_h4 {
    float: left !important;
    width: 31% !important;
    margin: 10px 1% 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  .youshi_h4 .v1 { width: 100% !important; height: auto !important; padding-top: 10px !important; box-sizing: border-box; }
  .youshi_ted {
    float: none !important;
    display: inline-block !important;
    width: auto !important;
    margin-top: 12px !important;
    font-size: 14px !important;
    padding-left: 30px !important;
    background-size: 22px auto !important;
  }
  .youshi_ted strong { font-size: 22px !important; }
  #youshi_r {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 18px !important;
    padding: 8px 16px 16px !important;
    box-sizing: border-box;
    background: rgba(200, 232, 249, .93) !important;
  }
  .youshi_p { float: none !important; width: 100% !important; padding: 14px 0 0 !important; }
  .youshi_v1 { font-size: 30px !important; line-height: 1.1 !important; }
  .youshi_v2 { font-size: 20px !important; line-height: 1.4 !important; padding-bottom: 4px !important; }
  .youshi_v3 { width: 44px !important; }
  .youshi_v4 { font-size: 14px !important; line-height: 1.75 !important; padding-top: 8px !important; }

  /* ---------------- 7. 首页：关于我们 ---------------- */
  .aygnwydj {
    width: 100% !important;
    height: auto !important;
    padding: 4px 0 !important;
    background-size: contain !important;
    background-position: center !important;
  }
  .gyxtjhw, .gyxtjhw font { font-size: 26px !important; line-height: 1.3 !important; padding-top: 0 !important; }
  .shgbbtl { display: none !important; }
  .hsgbjtzb {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 16px 16px 20px !important;
    box-sizing: border-box;
  }
  .ngjlswbz { font-size: 20px !important; line-height: 1.5 !important; height: auto !important; padding-bottom: 6px !important; }
  .gjgnjsld { font-size: 14px !important; line-height: 1.8 !important; height: auto !important; }
  .srhlsnkd {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 8px !important;
    line-height: 40px !important;
    font-size: 15px !important;
    border-radius: 4px;
  }
  .srhlsnkd a {
    float: none !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    line-height: 40px !important;
    font-size: 15px !important;
    text-align: center;
    border-radius: 4px;
  }
  .jjbtyz { float: none !important; width: 100% !important; margin-top: 12px; }
  .jjbtyz img { width: 100% !important; height: auto !important; }

  /* ---------------- 8. 首页：新闻中心（含 tab 滑动区） ---------------- */
  .news { width: 100% !important; min-width: 0 !important; margin-top: 26px !important; }
  .news_tline { width: 100% !important; }
  .news_tline_i { width: 100% !important; margin: 0 !important; padding-top: 24px !important; position: static !important; }
  .news_m {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 24px !important;
    line-height: 1.4 !important;
  }
  .news_s {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    padding: 0 16px !important;
    box-sizing: border-box;
  }
  .lanrenzhijia { width: 100% !important; margin-top: 14px !important; }
  .news_dt {
    width: 100% !important;
    display: flex !important;
    gap: 6px;
    padding: 0 12px !important;
    box-sizing: border-box;
  }
  .lanrenzhijia .news_dt a {
    float: none !important;
    flex: 1 1 0;
    width: auto !important;
    margin: 0 !important;
    padding: 9px 4px !important;
    font-size: 14px !important;
    text-align: center;
    box-sizing: border-box;
  }
  .lanrenzhijia .news_dt a.on { width: auto !important; font-size: 14px !important; }
  .news_dt_rm {
    font-size: 15px !important;
    line-height: 1.4 !important;
    padding-left: 0 !important;
    border-bottom: 0 !important;
  }
  /* 滑块 ul 被 JS 写死 width:3600px 并靠 left 动画切换：移动端只展示第一组 */
  .lanrenzhijia .content {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin-top: 12px !important;
    overflow: hidden !important;
  }
  .lanrenzhijia .content .ul {
    position: static !important;
    left: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .lanrenzhijia .content .li {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    display: none !important;
  }
  .lanrenzhijia .content .li:first-child { display: block !important; }
  .news .news_div_item {
    float: none !important;
    width: calc(100% - 24px) !important;
    height: auto !important;
    margin: 0 auto 12px !important;
    padding: 10px 12px !important;
    background: #fff;
    border: 1px solid #eef2f5;
    border-radius: 6px;
    box-shadow: none !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
  }
  .news .news_div_item_pic {
    float: none !important;
    order: 1;
    width: 100% !important;
    height: auto !important;
    box-shadow: none !important;
  }
  .news .news_div_item_pic img { width: 100% !important; height: auto !important; }
  .news_div_item_content {
    float: none !important;
    order: 2;
    width: 100% !important;
    margin: 0 !important;
  }
  .news_div_item_title {
    width: auto !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    padding-top: 8px !important;
  }
  .news_div_item_title a,
  .news_div_item_title a { font-size: 15px !important; line-height: 1.5 !important; }
  .news_div_item_body {
    height: auto !important;
    padding-top: 6px !important;
    margin-bottom: 0 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    -webkit-line-clamp: 3;
  }
  .news_div_item_date {
    position: static !important;
    order: 3;
    margin: 4px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: #999 !important;
  }

  /* ---------------- 9. 首页：友情链接 ---------------- */
  .link_bg { margin-top: 24px !important; }
  .link { width: 100% !important; padding: 0 12px !important; box-sizing: border-box; }
  .link h2 {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 8px 0 !important;
    margin-bottom: 4px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    background: none !important;
    color: #0067d0 !important;
    border-bottom: 2px solid #0067d0;
    box-sizing: border-box;
  }
  .link h2 a { color: #0067d0 !important; font-size: 16px !important; line-height: 1.5 !important; float: none !important; }
  .link h2 i { display: inline !important; font-size: 13px !important; color: #0067d0 !important; margin-right: 6px; }
  .link p {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 1.9 !important;
  }
  .linkTagcs li { float: none !important; line-height: 1.9 !important; display: inline-block; }
  .linkTagcs li a { font-size: 12px !important; }

  /* ---------------- 10. 文章列表页（.shopmrsc 列表） ---------------- */
  #bodycon, #center {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
  #left, #right { display: none !important; }
  #center { padding: 0 12px !important; box-sizing: border-box !important; }
  #bodycontent { width: 100% !important; padding: 0 !important; box-sizing: border-box; }
  .mianbxContent {
    margin-bottom: 10px !important;
    height: auto !important;
    line-height: 1.6 !important;
    font-size: 13px !important;
    padding: 10px 12px !important;
    text-indent: 0 !important;
    box-sizing: border-box;
    word-break: break-all;
    background-position: 8px center !important;
    background-size: 14px auto !important;
  }
  .mianbxContent::after, .mianbxContent:after { display: none !important; }
  .mianbxContent a { font-size: 13px !important; }

  /* 分类按钮（技术知识/公司新闻/行业新闻） */
  .pro_all_class {
    width: 100% !important;
    height: auto !important;
    padding: 6px 0 !important;
    margin-bottom: 10px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px;
    box-sizing: border-box;
  }
  .pro_all_class a {
    flex: 1 1 calc(33.33% - 6px) !important;
    width: auto !important;
    height: 38px !important;
    line-height: 38px !important;
    margin: 0 !important;
    font-size: 13px !important;
    box-sizing: border-box;
  }

  /* 列表项：图在上、文在下 */
  .shopmrsc {
    padding: 12px 0 !important;
    box-sizing: border-box;
    overflow: visible !important;
  }
  .shopmrsc > ul { margin: 0 !important; padding: 0 !important; }
  .shopmrsc > ul > li {
    display: block !important;
    overflow: visible !important;
    margin: 0 0 14px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #eef2f5;
  }
  .shopmrsc > ul > li:last-child { border-bottom: 0 !important; margin-bottom: 0 !important; }
  .shopmrsc a {
    float: none !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    position: static !important;
  }
  .shopmrsc a img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  .shopmrsc p.xwlbbt {
    font-size: 16px !important;
    line-height: 1.5 !important;
    padding-top: 10px !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  .shopmrsc p.xwlbnr {
    font-size: 13px !important;
    line-height: 1.7 !important;
    height: auto !important;
    margin-top: 6px !important;
    color: #777 !important;
  }
  .shopmrsc p.xwlbsj {
    position: static !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    margin-top: 6px !important;
    color: #999 !important;
  }
  .pagess { margin: 16px 0 !important; padding: 0 8px !important; }
  .pagess ul li { padding: 3px 10px !important; font-size: 13px !important; }

  /* 旧版列表类（其他文章列表模板仍在用，保留兼容） */
  .xwlb_img { display: block !important; float: none !important; width: 100% !important; height: auto !important; }
  .xwlb_img img { width: 100% !important; height: auto !important; }
  .xwlb_content {
    display: block !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box;
    padding: 10px 0 0 !important;
  }
  .xwlbbt { font-size: 16px !important; line-height: 1.5 !important; }

  /* ---------------- 11. 文章详情页 ---------------- */
  /* 桌面版页面横幅是 1920x300 整图（文字在左 1/4），手机上只能截到残缺文字，移动端隐藏 */
  .mbanner { display: none !important; }
  .news_content { width: 100% !important; margin-bottom: 20px !important; box-sizing: border-box; }
  .news_content_title { height: auto !important; padding: 0 0 8px !important; }
  .news_content_title h1,
  .news_content_title h3,
  .news_content_title .detail-heading,
  .news_content_title h3 strong,
  .news_content_title .detail-heading strong {
    font-size: 20px !important;
    line-height: 1.5 !important;
    height: auto !important;
    padding: 6px 0 !important;
  }
  .news_content_title p { font-size: 12px !important; line-height: 1.7 !important; color: #8a8a8a !important; }
  .news_content_title hr { width: 100% !important; margin: 6px 0 !important; }
  .news_content_body { width: 100% !important; }
  /* news-article.css 给 .content 设了 max-width:900px，这里让父容器决定宽度 */
  .news_content_body .content, .contxt {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .news_content_body .content img, .contxt img {
    max-width: 100% !important;
    height: auto !important;
  }
  .news_content_body .content figure { margin-left: 0 !important; margin-right: 0 !important; }
  .news_content_body .content figure img { max-width: 100% !important; }
  .news_content_body .content ul, .contxt ul { padding: 14px 16px 14px 30px !important; }
  .news_prevnext {
    height: auto !important;
    margin-top: 24px !important;
    overflow: hidden;
  }
  .news_prev, .news_next {
    float: none !important;
    display: block !important;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin-bottom: 6px;
  }
  .news_prev a, .news_next a { float: none !important; font-size: 14px !important; line-height: 1.7 !important; }

  /* ---------------- 12. 页脚 ---------------- */
  .footWrap { padding: 24px 12px !important; box-sizing: border-box; }
  .footer .f_wz {
    float: none !important;
    width: 100% !important;
    text-align: center;
    font-size: 13px !important;
    line-height: 1.9 !important;
    word-break: break-word;
  }
  .f_wz h3 {
    height: auto !important;
    line-height: 1.8 !important;
    margin-bottom: 8px !important;
    font-size: 16px !important;
    background-position: center bottom !important;
  }
  .f_nav { float: none !important; width: 100% !important; margin-top: 14px; }
  .f_nav a {
    float: none !important;
    display: inline-block !important;
    width: 48% !important;
    font-size: 13px !important;
    line-height: 2 !important;
    text-align: center;
  }
  .bqdxtkg { display: none !important; }
  .footer .dbdewmk { float: none !important; width: 100% !important; margin-top: 14px; }
  .footer_r {
    float: left !important;
    width: 48% !important;
    margin: 0 1% !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    padding-top: 6px !important;
  }
  .footer_r img { width: 110px !important; height: auto !important; padding-bottom: 8px !important; }

  /* ---------------- 13. 其他业务页通用（镇街/服务网络等） ---------------- */
  .ln-town-links a, .leyin-network .ln-card {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    box-sizing: border-box;
  }
  .leyin-network .ln-grid { display: block !important; }
}

/* =========================================================================
   阶段 2 追加（v20261026f）：产品列表 / 产品详情 / 区域服务
   - 本块只追加产品与区域相关规则，不改动阶段 1 的 Banner / 导航 /
     文章列表 / 文章详情 / 页脚规则
   - 全部包在 max-width:820px 内，桌面零影响
   ========================================================================= */
@media screen and (max-width: 820px) {

  /* ---------------- A. 产品列表（/products/color/、/products/bw/） ---------------- */
  .product {
    width: 100% !important;
    margin-top: 14px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 10px !important;
    overflow: visible !important;
  }
  .product > .pro_one_box {
    float: none !important;
    width: calc(50% - 5px) !important;
    margin: 0 !important;
    border: 1px solid #e2e8ee !important;
    border-radius: 8px;
    overflow: hidden !important;
    background: #fff;
    box-sizing: border-box;
  }
  .product > .pro_one_box .pro_pic {
    width: 100% !important;
    height: 150px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #f7f9fb;
    box-sizing: border-box;
  }
  .product > .pro_one_box .pro_pic > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }
  .product > .pro_one_box .pro_pic img,
  .product > .pro_one_box .pro_pic a img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }
  .product > .pro_one_box .pro_name {
    height: auto !important;
    min-height: 56px;
    padding: 8px 10px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
  }
  .product > .pro_one_box .pro_name a {
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: #26313a !important;
    word-break: break-word;
  }
  /* 单列兜底：极窄屏（<=360）改成一列，避免文字挤成竖排 */
  @media (max-width: 360px) {
    .product > .pro_one_box { width: 100% !important; }
    .product > .pro_one_box .pro_pic { height: 170px !important; }
  }

  /* ---------------- B. 产品详情图集（#zoom_pic / .thumb_pic） ---------------- */
  .news_content > .img {
    width: 100% !important;
    margin: 0 auto 16px !important;
    padding: 14px 12px !important;
    box-sizing: border-box;
    overflow: hidden;
  }
  #zoom_pic, #zoom_pic.zoom {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  #zoom_pic img, #zoom {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 340px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }
  .thumb_pic {
    width: 100% !important;
    padding-top: 10px !important;
    box-sizing: border-box;
  }
  .thumb_pic ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    padding: 2px 2px 8px !important;
    box-sizing: border-box;
    scrollbar-width: thin;
  }
  .thumb_pic li {
    float: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    min-width: 64px;
    min-height: 64px;
    box-sizing: border-box;
  }
  .thumb_pic li img {
    display: block !important;
    width: 64px !important;
    height: 64px !important;
    object-fit: cover;
  }

  /* 二手/特殊机型：正文内的产品图集（.ln-product-gallery，mp2554 等） */
  .ln-product-gallery {
    margin: 12px 0 !important;
  }
  .ln-product-gallery figure {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
  }
  .ln-product-gallery figure img {
    width: 100% !important;
    height: auto !important;
  }

  /* 推荐产品：单列 / 小屏两列（当前模板暂无数据，预留规则） */
  .pro_detail {
    border: 0 !important;
  }
  .pro_detail_rel_item {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 10px 0 !important;
    overflow: visible !important;
  }
  .pro_detail_rel_item .one {
    float: none !important;
    width: calc(50% - 5px) !important;
    margin: 0 !important;
    box-sizing: border-box;
  }
  .pro_detail_rel_item .one .pic {
    width: 100% !important;
    height: 120px !important;
  }
  .pro_detail_rel_item .one .pic img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
  .pro_detail_rel_item .tle {
    font-size: 13px !important;
    line-height: 1.5 !important;
    padding: 6px 4px !important;
  }

  /* 产品说明区（product-description.css 已有 767 断点，这里补容器与超长留白） */
  .news_content_body .ly-product-description {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .ly-product-description .points-warp {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .ly-product-description table.ly-spec {
    width: 100% !important;
  }
  .ly-product-description table.ly-spec th,
  .ly-product-description table.ly-spec td {
    padding: 10px 10px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    word-break: break-word;
  }

  /* ---------------- C. 区域服务（/quyufuwu/ 及镇街页） ---------------- */
  .ly-town-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  .ly-town-card {
    flex: 1 1 100% !important;
    width: 100% !important;
    padding: 14px !important;
    box-sizing: border-box;
  }
  .ly-town-card strong {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
  .ly-town-card span {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }
  /* 服务网络：单列卡片 + 镇街链接整行可点（阶段 1 已有基础，这里补内边距与点击区域） */
  .leyin-network .ln-grid {
    display: block !important;
  }
  .leyin-network a.ln-card {
    display: flex !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 8px !important;
  }
  /* 与阶段 1 的呈现保持一致（保持整行可点，但样式不变） */
  .leyin-network .ln-town-links a {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 7px 11px !important;
    box-sizing: border-box;
    font-size: 13px !important;
  }
  /* 区域/服务页的详情正文与销售页正文：保证图片与表格不撑宽 */
  .leyin-service figure img,
  .news_content_body figure img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* =========================================================================
   阶段 3 追加（v20261026g）：驱动下载 / 表单 / 表格 / 兜底复查
   - 只追加，不改阶段 1/2 规则；全部在 max-width:820px 内，桌面零影响
   ========================================================================= */
@media screen and (max-width: 820px) {

  /* ---------------- A. 驱动下载页（/?m=home&c=Lists&a=index&tid=21） ---------------- */
  .shopmrsc > ul > li { padding-bottom: 12px !important; }
  .shopmrsc a.xwlb_content { overflow-wrap: anywhere !important; word-break: break-word; }
  .shopmrsc a.xwlb_content .xwlbbt {
    font-size: 15px !important;
    line-height: 1.5 !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .shopmrsc a.xwlb_content .xwlbnr { font-size: 13px !important; line-height: 1.7 !important; }
  .shopmrsc a.xwlb_content .xwlbsj { font-size: 12px !important; }
  /* 下载按钮：整行可点（≥46px 触控高度），避免误触 */
  .shopmrsc a[title="立即下载"] {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 46px;
    margin: 10px 0 0 !important;
    padding: 12px 14px !important;
    background: #0067d0 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;
    border-radius: 6px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }
  .shopmrsc a[title="立即下载"]:active { background: #00509e !important; }

  /* ---------------- B. 全站表单：字号 ≥16px（防 iOS 聚焦缩放）+ 文本控件满宽 ---------------- */
  input[type="text"], input[type="tel"], input[type="email"], input[type="number"],
  input[type="password"], input[type="search"], input[type="url"], input[type="date"],
  textarea, select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
  }
  textarea { min-height: 108px; }
  select { height: 44px; }
  button, input[type="submit"], input[type="button"], input[type="reset"] { font-size: 16px !important; }
  /* 搜索框在阶段 1 里被 #id 选择器锁成 15px，这里提高优先级到 ≥16px（防 iOS 聚焦缩放） */
  #search_cc_l input[name="keywords"], #search_b, input.input { font-size: 16px !important; }

  /* ---------------- C. 在线留言页表单（.yunu-message / .form_book） ---------------- */
  .yunu-message {
    padding: 16px 12px 18px !important;
    margin: 0 0 18px !important;
    background: #f7f9fb !important;
    box-sizing: border-box;
  }
  .yunu-message .form-group { margin-bottom: 14px !important; }
  .yunu-message .form-label {
    float: none !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    text-align: left !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 4px !important;
  }
  .yunu-message .form-content { margin-left: 0 !important; }
  .yunu-message .form-control {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 12px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
  }
  .yunu-message .form-submit,
  .yunu-message .form-button {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 12px !important;
    min-height: 46px;
    font-size: 16px !important;
    border-radius: 6px;
    box-sizing: border-box;
  }

  /* ---------------- D. 表格：容器横向滚动 + 单元格最小宽度（不挤压） ---------------- */
  table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    border-collapse: collapse;
  }
  table th, table td {
    min-width: 84px;
    padding: 8px 10px !important;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  /* 模板自带滚动容器的表格保持原生 table 布局（如租赁方案 .quote-table） */
  .quote-table {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .quote-table table {
    display: table !important;
    width: 100% !important;
    min-width: 620px !important;
  }

  /* ---------------- E. 兜底：长串/链接不撑破（仅限正文与列表容器） ---------------- */
  .news_content_body, .shopmrsc, .ly-product-description, .leyin-service,
  .yunu-message, .mianbxContent { overflow-wrap: break-word; }
  .news_content_body a, .shopmrsc a, .ly-product-description a,
  .leyin-service a { overflow-wrap: anywhere; }
}

/* ===== 第四轮（2026-10-26h）：面包屑精灵图在移动端只露出一个图标 =====
   原背景是上下两块精灵图（蓝=常态 / 红=悬停），改高度后会同时露出两个。
   移动端只保留蓝图标：限定背景尺寸为单个图标高度，左内边距留出图标位。 */
@media screen and (max-width: 820px) {
  .mianbxContent {
    background-image: url(../images/b.png) !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    background-size: 14px 14px !important;
    padding-left: 32px !important;
    text-indent: 0 !important;
    min-height: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
  }
  .mianbxContent:hover { background-position: 10px center !important; }
  .mianbxContent::after, .mianbxContent:after { display: none !important; }
  .mianbxContent a { font-size: 13px !important; }
}

/* ===== 第五轮（2026-10-26i）：移动端隐藏桌面版 Banner =====
   原因：Banner 源图为 1896×540 桌面设计，文字已烧进图里，
   手机等比缩到 390 宽后高度仅 111px，文字不可读；
   下方「理光多功能数码复合机 / 每月300元起租」+ 服务电话 已承载同样信息，
   故移动端隐藏 Banner，避免无意义流量与不可读文字。 */
@media screen and (max-width: 820px) {
  .banner { display: none !important; }
  /* 无 banner 后，把搜索/电话区块上提，减少空白 */
  #search_bg { margin-top: 0 !important; padding-top: 18px !important; }
}