@charset "utf-8";
/* ==========================================================================
   锦棠科技官网 · 移动端适配层  mobile.css
   --------------------------------------------------------------------------
   原站是 1200px 固定宽 PC 模板（reset_pc.css），无 viewport、无断点。
   本文件做三件事：
     1) 解除宽度锁定，把 1200px 画布改成流式
     2) 关键区块由「左右两栏」改为「上下堆叠」
     3) 导航折叠为汉堡菜单（点按展开白底蓝字竖向面板，配合 js/mobile.js）

   安全边界：所有规则都包在 @media (max-width:900px) 内。
            视口 >900px 时本文件一条规则都不生效 —— PC 端渲染完全不变，
            因此对现有 95 个页面零回归风险。
   ========================================================================== */

/* --------------------------------------------------------------------------
   汉堡按钮 .nav-toggle（由 js/mobile.js 注入到 .nav）
   桌面 display:none，仅窄屏显示；窄屏开关见下方 E 段。
   -------------------------------------------------------------------------- */
.nav-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    padding: 0;
    display: none;
    border: none;
    background: transparent;
    cursor: pointer;
    z-index: 9001;
    -webkit-tap-highlight-color: transparent;
}

.nav-toggle i,
.nav-toggle i::before,
.nav-toggle i::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 22px;
    height: 2px;
    margin-left: -11px;
    background: #fff;
    border-radius: 2px;
    -webkit-transition: -webkit-transform .25s ease, background .2s ease;
    transition: transform .25s ease, background .2s ease;
}

.nav-toggle i { top: 50%; margin-top: -1px; }
.nav-toggle i::before { top: -7px; }
.nav-toggle i::after { top: 7px; }

.nav.nav-open .nav-toggle i { background: transparent; }
.nav.nav-open .nav-toggle i::before { -webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); }
.nav.nav-open .nav-toggle i::after { -webkit-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 900px) {

    /* ======================================================================
       A. 解除宽度锁定
       ====================================================================== */
    html {
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
    }

    body {
        min-width: 0 !important;
        width: 100% !important;
        overflow-x: hidden !important;
        line-height: 1.7;
    }

    /* ======================================================================
       B. 通用容器流式化（原=1200/930px 固定宽）
       ====================================================================== */
    .blk,
    .head,
    .header,
    .nav,
    .banner,
    .ban_list,
    .min-banner,
    .footWrap,
    .footer,
    #blk-head,
    #blk-nav,
    #blk-footer,
    #blk-tool,
    #search,
    .clear,
    .crumbs-1,
    .content,
    .blk-m,
    .blk-sm,
    .prod-list01,
    .level-layout-item,
    .vertical-layout-item,
    .prod-show,
    .prod-title,
    .prod-con-img,
    .contact,
    .contact-con,
    .contact-map,
    #map,
    #category,
    #from-message,
    .search_list,
    #search_list,
    .company,
    .com-con,
    .corporate-culture,
    .cor-cul-con,
    .blk-exhibition,
    .blk-exhibition-nav,
    .super-nav,
    .super-list,
    .prod-hot,
    #pagination,
    .g_pro,
    .m_cpc,
    .g_an,
    .zz,
    .article,
    .article-desc,
    .message2,
    .message-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .blk-m.fr,
    .blk-sm.fr,
    .fr {
        /* 仅在主内容容器上解除右浮动，避免破坏小元素 */
    }

    .blk-m.fr,
    .blk-sm.fr {
        float: none !important;
    }

    /* 内边距收敛 */
    .content {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .header,
    .footWrap {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .m_cpc {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* ======================================================================
       C. 图片与媒体
       ====================================================================== */
    img {
        max-width: 100% !important;
    }

    .item-picture img,
    .prod-list01 img,
    .level-layout-item img {
        width: 100% !important;
        height: auto !important;
    }

    /* ======================================================================
       D. 页头
       ====================================================================== */
    .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 12px 12px !important;
        margin: 0 !important;
    }

    #h1-tag {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    #h1-tag img {
        max-width: 64px !important;
        max-height: none !important;
        height: auto !important;
        display: block !important;
    }

    .h_dw {
        float: none !important;
        width: auto !important;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0 0 0 12px !important;
        margin: 0 !important;
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    .h_dw b {
        display: block;
        width: auto !important;
        font-size: 18px !important;
        line-height: 1.2;
    }

    .h_dw i {
        display: block;
        width: auto !important;
        font-style: normal;
        font-size: 12px !important;
        line-height: 1.4;
        color: #8a8a8a;
    }

    .dfr {
        float: none !important;
        width: 100% !important;
        text-align: left;
    }

    .dfr p {
        font-size: 13px !important;
        line-height: 1.7 !important;
        margin: 2px 0 0 !important;
    }

    .dfr em {
        font-style: normal;
        color: #8a8a8a;
    }

    /* ======================================================================
       E. 主导航：窄屏折叠为汉堡菜单（与首页一致，替代原「横向滑动长条」）
       ====================================================================== */
    .nav {
        position: relative;
    }

    .nav .content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 汉堡按钮：窄屏显示（基样式见文件头，桌面 display:none） */
    .nav-toggle {
        display: block;
    }

    /* 一级菜单默认收起；展开后为白底蓝字竖向面板，超长可滚动 */
    .nav-one {
        display: none !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 100% !important;
        z-index: 9000 !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        width: auto !important;
        height: auto !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        white-space: normal !important;
        background: #fff;
        -webkit-box-shadow: 0 12px 30px rgba(4, 28, 58, .20);
        box-shadow: 0 12px 30px rgba(4, 28, 58, .20);
        padding: 6px 0 12px;
    }

    .nav.nav-open .nav-one {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .nav-one > li {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        line-height: normal !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        position: static !important;
        text-align: left !important;
        border-bottom: 1px solid #f2f5f8;
    }

    .nav-one > li:last-child {
        border-bottom: none;
    }

    .nav-one > li > a {
        display: block !important;
        padding: 13px 20px !important;
        height: auto !important;
        line-height: 1.5 !important;
        font-size: 15px !important;
        font-weight: 500;
        text-align: left !important;
        color: #0E4C8A !important;
        background: transparent !important;
    }

    .nav-one > li > a:hover {
        background: #EAF3FA !important;
        color: #1565C0 !important;
    }

    /* 二级菜单：内联展开（与首页一致），随主面板一起滚动 */
    .nav .nav-one .nav-two {
        display: block !important;
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #fff !important;
        border-radius: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        white-space: normal !important;
    }

    .nav .nav-one .nav-two li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        line-height: normal !important;
        border-bottom: none;
        border-right: 0 !important;
    }

    .nav .nav-one .nav-two li a {
        display: block !important;
        padding: 11px 34px !important;
        height: auto !important;
        line-height: 1.5 !important;
        font-size: 14px !important;
        font-weight: normal !important;
        text-align: left !important;
        color: #13518F !important;
        background: transparent !important;
        border-bottom: none !important;
    }

    .nav .nav-one .nav-two li a:hover {
        background: #EAF3FA !important;
        color: #1565C0 !important;
    }

    /* 展开菜单时，顶部留白的兜底高度（JS 会按实际位置覆写 inline max-height） */
    .nav.nav-open .nav-one {
        max-height: calc(100vh - 120px);
    }

    /* 展开时页面蒙层（由 mobile.js 给 body 加 class） */
    body.nav-mask::before {
        content: '';
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .35);
        z-index: 8999;
    }

    /* ======================================================================
       F. 首页首屏轮播（原 1200x540，SuperSlide 绝对定位）
       ====================================================================== */
    .banner {
        height: 46vw !important;
        min-height: 150px;
        max-height: 260px;
        overflow: hidden;
    }

    /* 高度链必须逐层给足：
       .banner → .ban_list → .tempWrap → ul → li
       原站 li 为绝对定位，中间任一层高度为 auto 都会塌陷成 0，
       表现为首屏 banner 区域一片空白（图仍在，只是高度为 0）。 */
    .ban_list,
    .ban_list .tempWrap,
    .ban_list > ul,
    .ban_list .tempWrap > ul {
        width: 100% !important;
        height: 100% !important;
    }

    /* 其余轮播容器（荣誉资质、产品图册等）只需保证宽度 */
    .tempWrap {
        width: 100% !important;
    }

    .ban_list li {
        width: 100% !important;
        height: 100% !important;
    }

    /* 图片统一改为「填满容器并居中裁切」，避免原 1920px 宽图在窄屏错位 */
    .ban_list li img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .ban_nav {
        left: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
        bottom: 12px !important;
        text-align: center;
    }

    /* ======================================================================
       G. 内页小 banner（原 1200x350）
       ====================================================================== */
    .min-banner {
        height: 40vw !important;
        min-height: 138px;
        max-height: 200px;
        overflow: hidden;
    }

    /* 桌面模板把 1920×350 的大图用 position:absolute + left:50% + margin-left:-960px 居中。
       窄屏下这一定位必须解除，否则图片被推到屏幕外，只剩主题的蓝色渐变底 —— 这正是
       内页顶部「一片空洞蓝」的根因（图其实在，只是跑到可视区左侧 -765px 处）。 */
    .min-banner img {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 0 !important;
        display: block;
        width: 100% !important;
        height: 100% !important;
        -o-object-fit: cover;
        object-fit: cover;
    }

    /* ======================================================================
       H. 站内搜索条
       ====================================================================== */
    .search-inp.fr {
        float: none !important;
        width: 100% !important;
        margin-top: 14px !important;
    }

    .search-txt {
        width: -webkit-calc(100% - 48px) !important;
        width: calc(100% - 48px) !important;
    }

    .keyword {
        width: 100% !important;
        padding: 10px 0 14px !important;
        font-size: 13px !important;
        line-height: 2 !important;
    }

    .keyword em {
        font-style: normal;
        color: #8a8a8a;
    }

    .keyword span {
        display: inline-block;
        margin-right: 10px;
    }

    /* ======================================================================
       I. 面包屑
       ====================================================================== */
    .crumbs-1 {
        height: auto !important;
        padding: 12px 0 !important;
        line-height: 1.9 !important;
        font-size: 13px !important;
        margin-bottom: 16px !important;
    }

    /* ======================================================================
       J. 首页产品展示区（原 .fllst 190px 左栏 + .m_cp 990px 右栏）
       ====================================================================== */
    .fllst {
        float: none !important;
        width: 100% !important;
        margin-bottom: 14px;
    }

    .m_cp {
        float: none !important;
        width: 100% !important;
    }

    .fllst-nav {
        font-size: 13px;
        line-height: 2.1;
    }

    .fllst-nav a {
        display: inline-block;
    }

    .g_pro .tit,
    h2.tit {
        font-size: 20px !important;
        line-height: 1.5 !important;
    }

    /* 商品卡片：保留「一行两个」，只收敛间距 */
    .item-line {
        padding: 10px !important;
    }

    .item-title,
    .item-desc,
    .item-text,
    .item-subtitle {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    /* ======================================================================
       K. 产品详情 / 文章详情
       ====================================================================== */
    .prod-show {
        padding: 12px !important;
        margin-bottom: 20px !important;
    }

    .prod-title,
    h1.prod-title,
    h2.prod-title,
    h3.prod-title {
        font-size: 20px !important;
        line-height: 1.45 !important;
        padding: 6px 0 10px !important;
    }

    .prod-hot {
        padding: 16px 0 24px !important;
    }

    /* 富文本正文：图片自适应，宽表格可横向滑动而不撑破页面 */
    .endit-content,
    .prod-con-img {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        font-size: 15px !important;
        line-height: 1.85 !important;
    }

    .endit-content img,
    .prod-con-img img {
        max-width: 100% !important;
        height: auto !important;
    }

    .endit-content table,
    .prod-con-img table {
        max-width: 100%;
    }

    .article-title,
    .article-desc {
        font-size: 15px !important;
        line-height: 1.85 !important;
    }

    /* 上一篇 / 下一篇 */
    .nsw-page-prev,
    .nsw-page-next {
        font-size: 13px !important;
        line-height: 1.9 !important;
    }

    /* ======================================================================
       L. 页脚（原 .flogo + .info 780px + .code 三栏，250px 固定高）
       ====================================================================== */
    .footer {
        height: auto !important;
        overflow: visible !important;
        padding: 22px 12px 28px !important;
    }

    .flogo {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 16px !important;
        display: block !important;
        text-align: center;
    }

    .flogo img {
        max-width: 150px;
        height: auto;
        margin: 0 auto;
    }

    .info {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .info-hz1 {
        float: none !important;
        width: 100% !important;
    }

    .info p {
        font-size: 13px !important;
        line-height: 1.9 !important;
        word-break: break-all;
    }

    .code {
        float: none !important;
        width: 100% !important;
        padding: 18px 0 0 !important;
        text-align: center;
    }

    .code img {
        width: 112px;
        height: 112px;
        margin: 0 auto;
        display: block;
    }

    /* ======================================================================
       M. 右侧客服竖栏 → 移动端「底部固定操作条」
          原为竖向 52px 悬浮列，固定在中右侧（y≈240），窄屏下直接压住正文与产品图。
          现改为贴底等宽横条（电话/在线/QQ/微信），不再遮挡任何内容；
          「返回顶部」从条内移出，做成右下角圆形浮钮，避免底条过挤。
       ====================================================================== */
    /* 162px 的横向展开面板在手机上无意义，隐藏（联系入口由底部条与页脚承担） */
    .sidebar2 {
        display: none !important;
    }

    .sidebar3 {
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: auto !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row !important;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0 !important;
        margin: 0 !important;
        background: #fff;
        border-top: 1px solid var(--jt-gray-200, #eceff3);
        -webkit-box-shadow: 0 -3px 14px rgba(4, 28, 58, .10);
        box-shadow: 0 -3px 14px rgba(4, 28, 58, .10);
        z-index: 9500;
    }

    /* 每个操作项等宽铺满，去掉原竖栏的卡片边框/圆角/阴影 */
    .sidebar3 .sidebar1-item {
        width: auto !important;
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 0 !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        height: 60px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 8px 2px 0 !important;
        margin: 0 !important;
        float: none !important;
        background: transparent !important;
        border: none !important;
        border-right: 1px solid var(--jt-gray-100, #f2f5f8) !important;
        border-radius: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        font-size: 11px !important;
        line-height: 14px !important;
    }

    .sidebar3 .sidebar1-item:last-child {
        border-right: none !important;
    }

    .sidebar3 .sidebar1-item:hover {
        background: var(--jt-blue-100, #EAF3FC) !important;
    }

    /* 图标层：竖栏里是固定宽高的小方块，这里统一为居中块级 */
    .sidebar3 .sidebar1-item-con,
    .sidebar3 .sidebar1-item-icon {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        text-align: center;
    }

    .sidebar3 .sidebar1-item-icon i {
        display: block !important;
        font-size: 21px !important;
        line-height: 1 !important;
        margin: 0 auto !important;
    }

    .sidebar3 .sidebar1-item-icon img {
        width: 22px !important;
        height: 22px !important;
        margin: 0 auto !important;
    }

    .sidebar3 .sidebar1-item p,
    .sidebar3 .sidebar1-item-icon p {
        margin: 3px 0 0 !important;
        font-size: 11px !important;
        line-height: 14px !important;
        text-align: center;
    }

    /* 电话号浮层：由「向左弹出」改为「在底条上方弹出」，避免超出屏幕 */
    .sidebar3 .sidebar1-tel-txt {
        width: auto !important;
        min-width: 158px !important;
        left: 8px !important;
        right: auto !important;
        bottom: 60px !important;
        top: auto !important;
        border-radius: 8px !important;
    }

    .sidebar3 .sidebar1-code-img {
        left: auto !important;
        right: 8px !important;
        bottom: 60px !important;
        top: auto !important;
    }

    /* 返回顶部（`.sidebar1-item-top.fh` 为底条内的最后一项）→ 移出底条，独立圆形浮钮 */
    .sidebar3 .sidebar1-item-top {
        position: fixed !important;
        right: 12px !important;
        bottom: 68px !important;
        left: auto !important;
        width: 42px !important;
        height: 42px !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 1px solid var(--jt-gray-200, #eceff3) !important;
        border-right: 1px solid var(--jt-gray-200, #eceff3) !important;
        border-radius: 50% !important;
        background: #fff !important;
        -webkit-box-shadow: 0 6px 18px rgba(4, 28, 58, .16);
        box-shadow: 0 6px 18px rgba(4, 28, 58, .16);
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 9501;
    }

    .sidebar3 .sidebar1-item-top .sidebar1-item-icon {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100% !important;
        height: 100% !important;
    }

    .sidebar3 .sidebar1-item-top .sidebar1-item-icon i {
        font-size: 19px !important;
    }

    /* 部分页面另有独立的 .sidebar / .sidebar4 → 同样上抬到底条之上 */
    .sidebar {
        right: 12px !important;
        bottom: 68px !important;
    }

    .sidebar4 {
        width: 42px !important;
        right: 12px !important;
        bottom: 68px !important;
    }

    .sidebar4 .sidebar1-item,
    .sidebar4 .sidebar1-item-icon {
        width: 42px !important;
        height: 42px !important;
    }

    /* 底条悬浮在页面最底部，会给末尾内容留出等高安全区（仅含底条的页面生效） */
    body:has(.sidebar3) {
        padding-bottom: 58px !important;
    }

    /* ======================================================================
       N. 联系我们 / 百度地图
       ====================================================================== */
    .contact-map,
    #map {
        height: 260px !important;
    }

    .BMap_mask {
        width: 100% !important;
    }

    .contact-con {
        padding: 12px !important;
        margin-bottom: 24px !important;
    }

    .contact-title,
    h2.contact-title {
        font-size: 20px !important;
        line-height: 1.5 !important;
    }

    .contact-txt {
        font-size: 14px !important;
        line-height: 1.9 !important;
    }

    /* 留言表单：输入框全部撑满 */
    .message-content,
    .message-frm {
        width: 100% !important;
    }

    .message-textarea,
    .message-label,
    .message_button,
    input[type="text"],
    input[type="tel"],
    textarea {
        max-width: 100% !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    textarea {
        width: 100% !important;
    }

    /* ======================================================================
       O. 关于我们 / 分页
       ====================================================================== */
    .com-title,
    h2.com-title {
        font-size: 20px !important;
        line-height: 1.5 !important;
    }

    .com-con,
    .cor-cul-con {
        font-size: 15px !important;
        line-height: 1.9 !important;
    }

    #pagination {
        margin: 28px 0 !important;
        text-align: center;
    }

    /* 客户案例：一行 4 个在手机上过密，改为一行 2 个 */
    .super-list.row-item-4 > .item-line,
    .super-list.row-item-3 > .item-line {
        width: 46% !important;
        margin: 0 2% 16px !important;
        float: left !important;
    }

    /* ======================================================================
       P. 「写死像素宽度」区块的流式兜底
          原模板大量使用 width:1200/1060/600/560/550/500/432/400px 的固定两栏，
          窄屏下会整体溢出被裁。此处统一改为 100% 并把左右栏改为上下堆叠。
       ====================================================================== */

    /* --- 区块大标题：原 width:1200px，居中且常带背景图 --- */
    .tit,
    .g_pro .tit,
    .g_an .tit,
    .g_ys .tit,
    .honor .tit,
    .news .tit,
    .about .tit,
    .zz .tit,
    h2.tit {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 22px !important;
    }

    .tit > span,
    .tit > i {
        display: block !important;
        width: 100% !important;
        font-style: normal;
    }

    /* --- 首页各区块：解除固定高度与超大上下留白 --- */
    .about,
    .honor,
    .news,
    .g_an,
    .g_ys,
    .cess,
    .ysbd,
    .hn_list,
    .link,
    .g_pro {
        height: auto !important;
        min-height: 0 !important;
    }

    .honor,
    .g_an,
    .g_ys,
    .about,
    .news,
    .cess {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }

    /* --- 首页：写死宽度的内容容器 --- */
    .link-list {
        width: 100% !important;
        margin: 16px 0 !important;
    }

    .news_t,
    .pc-cx-tel-1 {
        width: 100% !important;
        height: auto !important;
    }

    .cess ul.clearfix {
        width: 100% !important;
    }

    /* --- 首页图文两栏（案例 / 优势 / 关于 / 荣誉）→ 上下堆叠 --- */
    .zz-s dl,
    .ysc dl,
    .about .clearfix,
    .hn_list dl {
        width: 100% !important;
    }

    .zz-s dl > dt,
    .zz-s dl > dd,
    .ysc dt,
    .ysc dd,
    .about .clearfix > dt,
    .about .clearfix > dd,
    .hn_list dl > dt,
    .hn_list dl > dd {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .zz-s dt img,
    .ysc dt img,
    .about .clearfix dt img,
    .hn_list dt img {
        width: 100% !important;
        height: auto !important;
    }

    .abt_desc,
    .ys_desc,
    .cor-cul-desc {
        width: 100% !important;
        max-height: none !important;
    }

    /* --- 产品详情：左图 + 右参数两栏 → 堆叠 --- */
    .prod-show-left,
    .prod-show-right,
    .prod-show-left-pic {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
    }

    .prod-show-left {
        margin-bottom: 18px !important;
    }

    .prod-show-right {
        padding-top: 0 !important;
    }

    .prod-trait-info dl,
    .prod-trait-info dt,
    .prod-trait-info dd {
        width: 100% !important;
    }

    /* 图片放大镜提示在触摸屏无意义 */
    .prod-show-left-size {
        display: none !important;
    }

    /* --- 关于我们：企业文化两栏 → 堆叠 --- */
    .cor-cul-con dl,
    .cor-cul-con dt,
    .cor-cul-con dd,
    .cor-cul-name,
    .cor-cul-txt,
    .cor-cul-desc {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .cor-cul-con dt img {
        width: 100% !important;
        height: auto !important;
    }

    /* --- 方案页 / 文章详情的正文容器 --- */
    .article-desc,
    .article-desc > div,
    .endit-content {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* --- 解决方案总览 / 产品列表内写死宽度 --- */
    .cp-lst,
    .cp-lst dl,
    .cp-lst dl > dt,
    .cp-lst dl > dd,
    .content > dl.clearfix,
    .content > dl.clearfix > dt,
    .content > dl.clearfix > dd {
        width: 100% !important;
        float: none !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* ======================================================================
       Q. 内边距补偿（兜底）
          原模板普遍是 content-box。凡在窄屏下被显式设为 100% 的元素，
          其左右 padding 都会把总宽顶出容器。统一按 border-box 计算。
       ====================================================================== */
    .prod-trait,
    .prod-trait-info,
    .prod-trait-info dl,
    .prod-trait-info dt,
    .prod-trait-info dd,
    .cor-cul-con,
    .cor-cul-con dl,
    .cor-cul-con dt,
    .cor-cul-con dd,
    .abt_desc,
    .ys_desc,
    .cp-lst,
    .cp-lst dl,
    .cp-lst dt,
    .cp-lst dd,
    .news_t,
    .pc-cx-tel-1,
    .link-list,
    .article-desc,
    .endit-content,
    .prod-show,
    .prod-show-left,
    .prod-show-right,
    .level-layout-item,
    .vertical-layout-item,
    .prod-list01 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 100% !important;
    }

    /* ======================================================================
       R. 细节修正
       ====================================================================== */

    /* 荣誉资质轮播：左右箭头原定位在容器外侧，窄屏下会被整体裁掉 → 移入内部 */
    .hn_list i.prev {
        left: 2px !important;
    }

    .hn_list i.next {
        left: auto !important;
        right: 2px !important;
    }

    /* 正文段落：原为 content-box 且带 80px 左内边距，会把宽度顶出容器 */
    #desc-txt,
    #desc-title,
    .article-desc > div,
    .endit-content > div,
    .prod-con-img > div {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 100% !important;
    }

    /* 百度地图：内部自行计算尺寸，容器不要再出现滚动条 */
    #map,
    .contact-map {
        overflow: hidden !important;
    }

    /* ======================================================================
       S. 文字换行与「上一篇 / 下一篇」
       ====================================================================== */

    /* 原模板多处使用 white-space:nowrap，窄屏下长标题会横向撑出容器 */
    #desc-title,
    #desc-txt,
    .prod-title,
    .article-title,
    .nsw-page-prev,
    .nsw-page-next,
    .prod-hot-name,
    .prod-hot-name > a,
    .item-title,
    .item-title > a,
    .fllst h2,
    .fllst h2 > a {
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    /* 上一篇 / 下一篇：由并排两栏改为各占一行 */
    .nsw-page-prev,
    .nsw-page-next {
        display: block !important;
        float: none !important;
        width: 100% !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 1.9 !important;
    }

    /* 正文容器：去掉原左右外边距，避免顶出父容器 */
    .article-desc {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* ======================================================================
       U. 主导航项与页头热线的针对性修正
       （原规则挂在 ul#blk-nav 上，特异性高于类选择器，这里用 ID 覆盖）
       ====================================================================== */

    /* 原模板把 8 个导航项均分为 12.5%，窄屏下每项仅约 48px，文字被裁切。
       改为按内容自适应宽度，总宽超出屏幕时横向滑动查看。 */
    #blk-nav > li {
        width: auto !important;
        min-width: 0 !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
    }

    #blk-nav > li > a {
        width: auto !important;
        white-space: nowrap !important;
    }

    /* 页头服务热线：原字号过大且逐行 block 显示，窄屏下会吃掉整屏高度 */
    .dfr,
    .dfr p,
    .dfr p em,
    .dfr p span,
    .dfr em,
    .dfr span,
    .dfr b,
    .dfr strong {
        font-size: 13px !important;
        line-height: 1.7 !important;
    }

    .dfr p em,
    .dfr p span {
        display: inline !important;
        width: auto !important;
    }

    .dfr em,
    .dfr p em {
        font-style: normal;
        color: #8a8a8a;
        margin-right: 4px;
    }

    .dfr p span + span {
        margin-left: 10px;
    }
}

/* ==========================================================================
   超窄屏微调（≤400px）
   ========================================================================== */
@media (max-width: 400px) {

    .h_dw b {
        font-size: 16px !important;
    }

    .h_dw i {
        font-size: 11px !important;
    }

    #h1-tag img {
        max-width: 56px !important;
        max-height: none !important;
    }

    .nav-one > li > a {
        padding: 0 13px !important;
        font-size: 14px !important;
    }

    .item-line {
        padding: 8px !important;
    }
}

/* >>> JT-MBAR-UNIFY-BEGIN (2026-09-20) >>> */
/* ==========================================================================
   O. 二级页底部条 ↔ 首页底条 视觉统一（2026-09-20）
   --------------------------------------------------------------------------
   二级页底条 = 站神模板原有右浮动咨询栏 .sidebar3（移动端被 E 段改造为底部横条）；
   首页底条 = 自建 .jt-mbar。两者都是白色横条，但图标（描边 vs 实心）、图标色、
   文字色、条高、返回顶部位置都不同。本段把二级页逐项对齐到首页口径，
   尺寸全部取自线上实测（tools/_diag_bars.py）：

       条高        58px（+1px 上边框）        item 高 58px、padding 0、gap 3px
       图标        22×22 SVG、fill #1565C0   文字 11px/14px #041c3a
       返回顶部    回到条内最右，52×58（不再是悬浮圆钮）

   ⚠️ 全部包在 @media (max-width:900px) 内；SVG 图标的基样式（display:none）
      在文件末尾的媒体查询之外，只声明一次 —— 桌面端一条都不生效，仍用原 iconfont。
   ========================================================================== */

/* 统一图标（同款 SVG，由 tools/_unify_mbar.py 注入到 .sidebar1-item-icon 内）
   桌面隐藏：宽屏下继续显示站神模板的 iconfont 描边图标 */
.jt-mbar-svg {
    display: none;
}

@media (max-width: 900px) {
    /* 底条容器：边框色对齐首页 */
    .sidebar3 {
        border-top-color: #eceff3 !important;
    }

    /* 每个操作项：58px 高、零内边距、图标与文字 3px 间距、整体垂直居中 */
    .sidebar3 .sidebar1-item {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        gap: 3px !important;
        height: 58px !important;
        padding: 0 !important;
        line-height: 14px !important;
        position: relative !important;
    }

    .sidebar3 .sidebar1-item-con,
    .sidebar3 .sidebar1-item-icon {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        gap: 3px !important;
        width: auto !important;
        height: auto !important;
        text-align: center !important;
    }

    /* 在线咨询 / QQ咨询 的图标与文字包在 <a> 里 */
    .sidebar3 .sidebar1-item-icon > a {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        gap: 3px !important;
        width: auto !important;
        height: auto !important;
        color: inherit !important;
        text-decoration: none !important;
    }

    /* 移动端改用同款 SVG 图标，隐藏原 iconfont 描边图标 */
    .sidebar3 .sidebar1-item-icon i {
        display: none !important;
    }

    .sidebar3 .jt-mbar-svg {
        display: block !important;
        width: 22px !important;
        height: 22px !important;
        fill: #1565C0 !important;
    }

    /* 文案：与首页同为 11px/14px、深藏青、零外边距 */
    .sidebar3 .sidebar1-item p,
    .sidebar3 .sidebar1-item-icon p {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 11px !important;
        line-height: 14px !important;
        color: #041c3a !important;
        text-align: center !important;
    }

    /* 「返回顶部」回到条内最右（与首页第 5 项一致），不再是悬浮圆钮 */
    .sidebar3 .sidebar1-item-top {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 52px !important;
        height: 58px !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 52px !important;
        flex: 0 0 52px !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 3px !important;
        border: none !important;
        border-right: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        z-index: auto !important;
    }

    .sidebar3 .sidebar1-item-top .sidebar1-item-icon {
        width: auto !important;
        height: auto !important;
    }

    /* 微信二维码浮层：在触发项正上方居中弹出（与首页 .jt-mbar-qr 一致） */
    .sidebar3 .sidebar1-code-img {
        left: 50% !important;
        right: auto !important;
        bottom: 64px !important;
        top: auto !important;
        -webkit-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
    }

    /* 底条安全区与首页一致 */
    body:has(.sidebar3) {
        padding-bottom: 58px !important;
    }
}
/* <<< JT-MBAR-UNIFY-END <<< */