/* ===== 手机自适应补充样式 addon 2211 ===== */
@media screen and (max-width: 768px) {
  html, body { overflow-x: hidden; }
  img, video, iframe, table { max-width: 100%; }
  .w_1200, .container-s { width: auto !important; max-width: 100% !important; padding-left: 12px; padding-right: 12px; box-sizing: border-box; }

  /* 顶部欢迎条在手机上没意义，直接隐藏 */
  .top { display: none !important; }

  /* 头部：logo 左、电话右 */
  .header { padding: 6px 0; }
  .header .w_1200 { display: flex; align-items: center; justify-content: space-between; }
  .header .fl { display: none !important; }
  .header .logo img { max-height: 46px; width: auto; }
  .lxdh { float: none !important; }
  .lxdh span { font-size: 12px; }
  .lxdh p { font-size: 20px; line-height: 1.2; }

  /* 面包屑 */
  .position { padding: 6px 0; font-size: 12px; }
  .position_cen { font-size: 12px; }

  /* 分类筛选：手机上先限高滚动，别把产品挤出首屏 */
  .P_cat { max-height: 218px; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 6px 0; }
  .P_cat dl.c { margin: 0 0 6px; overflow: visible; height: auto !important; }
  .P_cat dt.fl { float: none !important; width: auto !important; font-size: 13px; font-weight: 700; color: #222; margin: 2px 0 4px; }
  .P_cat dd.fl { float: none !important; width: auto !important; display: flex; flex-wrap: wrap; gap: 6px; }
  .P_cat dd a { margin: 0 !important; padding: 3px 8px; font-size: 12px; line-height: 1.6; border: 1px solid #e6e6e6; border-radius: 3px; background: #fff; display: inline-block; }

  /* 搜索 */
  .ynd-psearch { padding: 8px 12px; }

  /* 产品列表：两列，图统一正方形，防止高度参差 */
  .gmian { padding: 0; }
  .gmian ul.c { display: flex; flex-wrap: wrap; margin: 0 -5px !important; }
  .gmian ul.c li { width: 50% !important; float: none !important; padding: 5px; box-sizing: border-box; margin: 0 !important; }
  .gmian ul.c li a { display: block; }
  .gmian ul.c li img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; }
  .gmian ul.c li p { font-size: 13px; line-height: 1.4; padding: 4px 2px; }

  /* 文章/详情正文 */
  .content, .con_article, .article, .news_content, .article_content { font-size: 15px; line-height: 1.8; word-break: break-word; }
  .content img, .article img, .news_content img { height: auto !important; }

  /* 分页 */
  .pagelist ul { white-space: normal !important; }
  .pagelist a { margin: 2px; padding: 4px 8px; display: inline-block; }

  /* 页脚 */
  .footer { padding-bottom: 60px; }
  .footer .w_1200 { display: block; }
  .footer .fl, .footer .fr { float: none !important; width: auto !important; }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .w_1200, .container-s { width: auto !important; max-width: 100% !important; padding-left: 16px; padding-right: 16px; box-sizing: border-box; }
  .header .fl { display: none !important; }
  .gmian ul.c li { width: 33.33% !important; }
}

/* 首页分类导航块：手机上压缩为可滚动，让产品更早出现 */
@media screen and (max-width: 768px) {
  #main1 { max-height: 320px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  #main1 .main1_left dl { margin: 0 0 8px; }
  #main1 .main1_left dt strong { font-size: 14px; }
  #main1 .main1_left dd { display: flex; flex-wrap: wrap; gap: 6px; }
  #main1 .main1_left dd a { margin: 0 !important; padding: 3px 8px; font-size: 12px; line-height: 1.6; border: 1px solid #e6e6e6; border-radius: 3px; background: #fff; }
  h1 { font-size: 17px !important; }
}

/* ================= 手机端 v9：隐藏首页分类块 + 模块间距统一 + 产品图放大 ================= */
@media screen and (max-width: 768px) {

  /* ---------- 一、模块间距统一（清掉 PC 的负边距与超大留白） ---------- */
  #main1, .index_dzxgt, .anli, .rongyu, .jiesao, .jsbg {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .anli { margin-top: 4px !important; margin-bottom: 4px !important; padding: 10px 0 !important; }

  /* 首页轮播下方的分类导航大块：手机端整体隐藏 */
  #main1 { display: none !important; }
  /* “每一个成功的款式设计和推荐”模块：手机端隐藏 */
  .index_gxh { display: none !important; }

  /* 首页各模块间距统一：上下 12px 内边距 + 10px 间隔 */
  .index_dzxgt, .anli, .jsbg, .rongyu, .jiesao {
    margin: 0 0 10px !important;
    padding: 12px 0 !important;
    clear: both !important;
  }
  .index_dzxgt .title { padding: 0 0 8px !important; margin: 0 !important; }
  .title { padding: 0 0 8px !important; margin: 0 !important; }
  .title h2 { margin: 0 0 4px !important; }
  .title p { margin: 0 !important; font-size: 13px !important; }
  #banner, .banner, .index_banner { margin-bottom: 8px !important; }
  h1 { margin: 10px auto 8px !important; }
  .jiesao { width: auto !important; }
  .jsbg {
    padding-top: 0 !important;
    padding-bottom: 12px !important;
    clear: both !important;
    background-image: none !important;
    background-color: #f4f4f4 !important;
  }
  .anli { display: flow-root !important; overflow: hidden !important; }
  .anli .container-s { display: flow-root !important; overflow: hidden !important; }
  .rongyu { margin-top: 0 !important; }
  .rongyu .title, .jiesao .title { padding: 10px 0 6px !important; }
  .rongyu .title .tit, .jiesao .title .tit { width: auto !important; height: auto !important; display: block !important; text-align: center; }
  .rongyu .title .tit i, .jiesao .title .tit i { display: none !important; }
  .rongyu .title .tit span, .jiesao .title .tit span {
    float: none !important; display: block !important; margin: 0 !important;
    font-size: 17px !important; line-height: 1.4 !important;
  }
  h1 { font-size: 18px !important; line-height: 1.4 !important; }
  h2 { font-size: 18px !important; }

  /* ---------- 二、设计理念 / 售后服务：改浅色卡片，取消背景大图与固定高度 ---------- */
  .anli .container-s { padding: 0 12px !important; }
  .anli .anliL,
  .anli .anliL.sj,
  .anli .anliL.ln {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 0 10px !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
    background: #f6f8fc !important;
    border: 1px solid #e6ebf5 !important;
    border-left: 4px solid #1f258e !important;
    border-radius: 6px !important;
  }
  .anli .anliL h3 {
    margin: 0 0 6px !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    color: #1f258e !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .anli .anliL span {
    display: block !important;
    margin: 0 0 10px !important;
    margin-left: 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #555 !important;
  }
  .anli .anliL img {
    display: block !important;
    width: auto !important;
    max-width: 42% !important;
    height: auto !important;
    margin: 0 0 10px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .anli .anliL p {
    margin: 0 0 6px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding-left: 14px !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #444 !important;
    background-position: left 7px !important;
    word-break: break-word !important;
  }

  /* ---------- 三、产品列表：统一 2 列大图 ---------- */
  .gmian ul.c,
  .con ul.c,
  .dzanlicon ul.c,
  .main1content {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .gmian ul.c > li,
  .con ul.c > li,
  .dzanlicon ul.c > li,
  .main1content > li {
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .gmian ul.c > li a,
  .con ul.c > li a,
  .dzanlicon ul.c > li a,
  .main1content > li a { display: block !important; }

  .gmian ul.c > li img,
  .dzanlicon ul.c > li img,
  .main1content > li img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background: #fff;
  }
  .con ul.c > li img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background: #fff;
  }
  .gmian ul.c > li p,
  .con ul.c > li p,
  .dzanlicon ul.c > li p,
  .main1content > li p {
    margin: 6px 2px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    text-align: center;
    color: #333;
  }
  .gmian ul.c > li span,
  .con ul.c > li span { font-size: 12px !important; }

  /* 证书列表：保留描边，两列 */
  .rongyu .con { margin-top: 8px !important; display: block; }
  .rongyu .con li {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    border-width: 4px !important;
  }
  .rongyu #cat2 li { margin: 0 6px 6px !important; width: auto !important; }
  .rongyu #cat2 li a { padding: 0 16px; }

  /* 产品 tab 小图条：横向滑动，别撑成两列 */
  .theme-pic ul.theme-tab-spic,
  ul.theme-tab-spic.c {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    overflow-x: auto !important;
  }
  ul.theme-tab-spic > li { width: 88px !important; flex: 0 0 auto !important; }
  ul.theme-tab-spic > li img { aspect-ratio: auto !important; height: auto !important; }

  /* ---------- 四、资质 / 公司简介 ---------- */
  .zizhi { display: none !important; }
  .zizhi-pic, .zizhi-txt { width: auto !important; float: none !important; height: auto !important; }
  .zizhi-pic img { width: 100% !important; height: auto !important; display: block; }
  .zizhi-txt { margin-top: 10px !important; padding: 0 !important; }
  .zizhi-txt p { font-size: 13px !important; line-height: 1.7 !important; }

  .about { display: block !important; height: auto !important; }
  .about-pic, .about-cap, .about-txt {
    width: auto !important;
    float: none !important;
    height: auto !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
  }
  .about-pic img { width: 100% !important; height: auto !important; display: block; }
  .about-cap { margin-bottom: 8px !important; }
  .about-txt p { font-size: 13px !important; line-height: 1.8 !important; }

  /* ---------- 五、栏目页筛选块 ---------- */
  .P_cat { max-height: 200px; overflow-y: auto; padding: 6px 0 2px; margin-bottom: 8px !important; }

  /* ---------- 六、页脚 ---------- */
  .footer { margin-top: 0 !important; padding-top: 14px !important; }
  /* ---------- 七、首页排版归正 ---------- */
  .container-s, .w_1200 { display: flow-root !important; }

  /* 关键：这些容器 PC 上写死了高度，手机上内容溢出并被下方模块盖住 */
  .index_shili, .index_shili .container-s,
  .jsbg, .jiesao, .rongyu {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  .index_shili .title { padding: 8px 0 !important; }

  .index_dzxgt {
    height: auto !important;
    min-height: 0 !important;
    background: none !important;
    margin-top: 0 !important;
  }
  .index_dzxgt .title i { display: none !important; }
  .theme-pic { max-width: 100% !important; margin: 0 !important; }
  .theme-pic .theme-tab-pic { width: 100% !important; height: auto !important; overflow: hidden !important; }
  .theme-pic .theme-tab-pic a { display: block !important; }
  .theme-pic .theme-tab-pic img,
  .theme-pic > img { width: 100% !important; max-width: 100% !important; height: auto !important; display: block; }

  .index_dzxgt:not(.index_dzxgt_ep) .theme-pic { overflow: visible !important; }
  .index_dzxgt:not(.index_dzxgt_ep) .theme-pic > img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* 款式展示区：主图+小图条，去掉多余高度 */
  .index_dzxgt_ep .theme-pic .theme-tab-pic { max-height: none !important; }
  .index_dzxgt_ep .theme-pic ul.theme-tab-spic { margin: 8px 0 0 !important; }
  .index_dzxgt_ep .theme-pic ul.theme-tab-spic li { height: auto !important; }
  .index_dzxgt { padding-bottom: 6px !important; }

  .jsbg { background-image: none !important; background-color: #f7f7f7 !important; }
  .rongyu { margin-top: 0 !important; }
  .rongyu .title, .jiesao .title { padding: 8px 0 !important; }
  .rongyu .con li { border-width: 3px !important; border-color: #dfe4ea !important; }

  .zizhi-txt p, .about-txt p, .rongyu p, .jiesao p,
  .anli .anliL p, .gxh p {
    max-width: 100% !important;
    word-break: break-word !important;
    overflow-wrap: anywhere;
  }

  .gmian ul.c > li p,
  .con ul.c > li p,
  .dzanlicon ul.c > li p {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.9em;
    margin: 6px 2px 8px !important;
  }

  body { padding-bottom: 62px !important; }

}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .gmian ul.c, .con ul.c, .dzanlicon ul.c {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .gmian ul.c > li, .con ul.c > li, .dzanlicon ul.c > li { width: auto !important; float: none !important; margin: 0 !important; }
}

/* ================= 手机端 v10：内页单栏 + 内容图自适应 ================= */
@media screen and (max-width: 768px) {

  /* 统一容器：取消 1200px 定宽与左右留白 */
  .w_1200, .container, .container-s, .ynd-wrap {
    width: auto !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  /* 内页两栏（侧栏 + 正文）改单栏，正文在前、栏目导航在后 */
  .ynd-wrap { display: flex !important; flex-direction: column !important; }
  .ynd-main, .ynd-detail, .ynd-body,
  .ynd-content, .ynd-summary, .ynd-dmeta,
  .right.neiye-r, .neiye-r, .neiye-l {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  .ynd-main { order: 1 !important; }
  .ynd-side { order: 2 !important; }
  /* 面包屑里的 .ynd-wrap 不能跟着变 flex，否则每个链接各占一行 */
  .ynd-crumb { font-size: 13px !important; line-height: 1.7 !important; }
  .ynd-crumb .ynd-wrap {
    display: block !important;
    flex-direction: row !important;
    padding: 0 !important;
    width: auto !important;
    white-space: normal !important;
  }
  .ynd-crumb a, .ynd-crumb i, .ynd-crumb span { display: inline !important; float: none !important; }
  .ynd-side, .ynd-snav, .ynd-slist, .ynd-scontact {
    width: 100% !important;
    float: none !important;
    margin: 10px 0 !important;
    box-sizing: border-box !important;
  }

  /* 正文文字与图片 */
  .ynd-content, .ynd-detail, .neiye-r, .content, .arc-content, .article-content {
    font-size: 15px !important;
    line-height: 1.75 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
  .ynd-content img, .ynd-detail img, .neiye-r img, .content img,
  .arc-content img, .article-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 8px auto !important;
  }
  .ynd-content table, .ynd-detail table, .neiye-r table,
  .content table, .arc-content table { width: 100% !important; max-width: 100% !important; }
  .ynd-content iframe, .neiye-r iframe, .content iframe { max-width: 100% !important; }

  /* 内页标题 */
  .ynd-content h1, .ynd-detail h1, .neiye-r h1, .content h1 {
    font-size: 18px !important;
    line-height: 1.45 !important;
  }
  .ynd-dmeta, .ynd-summary { font-size: 13px !important; }

  /* 产品列表卡片标题：长货号不再孤字换行 */
  .gmian ul.c > li .name, .gmian ul.c > li .tit,
  .con ul.c > li .name, .con ul.c > li .tit,
  .dzanlicon ul.c > li .name, .dzanlicon ul.c > li .tit {
    font-size: 13px !important;
    line-height: 1.35 !important;
    word-break: break-all !important;
  }

  /* 兜底：任何横向溢出都不产生滚动条 */
  html, body { overflow-x: hidden !important; }

  /* 第三方在线客服浮层（embed-icon / 留言板）：手机端隐藏，避免盖住正文 */
  .embed-icon, .embed-messageboard, .embed-messageboard-base,
  [class^="embed-"], [class*=" embed-"] { display: none !important; }

  /* PC 装饰块超宽兜底 */
  .about, .about-txt, .zizhi { max-width: 100% !important; }

  /* 右下角微信咨询浮球：底部导航已有入口，手机端去掉避免压住正文 */
  .yndk-ball { display: none !important; }

}