/* ============================================================
   ubege.cn 响应式改造样式表
   加载要求：必须在各页面自身的 CSS（index.css/about.css/case.css/zizhi.css 等）之后加载
   断点：1200px（小桌面）/ 992px（平板）/ 768px（手机）/ 480px（小屏手机）
   桌面端（>1200px）视觉与原模板保持一致，不做任何改动
   ============================================================ */

/* ============ 汉堡按钮：桌面端隐藏，仅手机端显示 ============ */
.nav-toggle { display: none; }

/* ============ 导航关闭按钮：桌面端隐藏，仅手机端展开菜单时显示 ============ */
.nav-close { display: none; }

/* ============ 子菜单箭头按钮：桌面端隐藏，仅手机端显示 ============ */
.sub-arrow { display: none; }

/* ============ 手机端底部操作栏：桌面端隐藏，仅手机端显示 ============ */
.wap-footbar { display: none; }

/* ============ ≤1200px 小桌面：容器留边距，轮播箭头内收 ============ */
@media screen and (max-width: 1200px) {
    .container { padding: 0 15px !important; }
    .fshb .fshb-list { padding-left: 15px; padding-right: 15px; }
    .location { padding: 0 15px; }
    .owl-theme .owl-controls .owl-buttons .owl-prev { left: -10px; }
    .owl-theme .owl-controls .owl-buttons .owl-next { right: -10px; }
}

/* ============ ≤992px 平板：四栏改两栏，背景区块高度自适应 ============ */
@media screen and (max-width: 992px) {
    /* 标题字号收缩 */
    .s-title h1, .s-title b { font-size: 26px; line-height: 60px; }
    .s-title span { font-size: 14px; }
    .s-title p { padding: 15px 15px 0; font-size: 15px; }
    .s-title-left b { font-size: 26px; line-height: 60px; }
    .section-title h4 { padding: 15px 5% 0; }

    /* 首页-关于我们：四栏改两排（容器默认 nowrap，必须显式换行，否则 50% 被压回 25%） */
    .fshb .fshb-list { flex-wrap: wrap; }
    .fshb .fshb-list li { width: 50%; margin-bottom: 20px; padding: 0 8px; }
    /* 卡片标题：图片已是居中，标题跟随水平居中（桌面左对齐且带 !important，此处需 !important 覆盖） */
    .fshb .fshb-list li a .title { text-align: center !important; }

    /* ---------- 新闻/案例列表（左图右文正常列表：小缩略图 + 标题摘要） ---------- */
    .news .news-list li, .case .news-list li { width: 100%; margin-right: 0; }
    .news .news-list li a, .case .news-list li a { padding: 12px; }
    .news .news-list li a .img, .case .news-list li a .img { width: 120px; height: 80px; flex-shrink: 0; }
    .news .news-list li a .info, .case .news-list li a .info { width: calc(100% - 135px); }
    .news .news-list li a .info .title, .case .news-list li a .info .title { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    /* img 标签变体（首页新闻）：图片尺寸不固定，宽度跟容器、高度按原图比例自适应 */
    .news .news-list li a .img:has(img) { height: auto; }
    .news .news-list li a .img img { width: 100%; height: auto; display: block; }

    /* 困扰/服务四栏改两栏 */
    .problem .demand-ul li, .demand .demand-ul li { width: 48.5%; }
    .problem .demand-ul li:nth-child(2n), .demand .demand-ul li:nth-child(2n) { margin-right: 0; }
    .problem .demand-ul li:nth-child(4n), .demand .demand-ul li:nth-child(4n) { margin-right: 2%; }

    /* 解决方案：右侧白板占满，左侧装饰隐藏 */
    .solutions { height: auto; }
    .solutions .solutions-left { display: none; }
    .solutions .solutions-right { width: 100%; padding: 0 15px; height: auto; }
    .solutions .solutions-right .solutions-ul { padding: 0; }

    /* 进口产品：高度自适应，报告区（报关单/检测报告）手机平板隐藏 */
    .products { height: auto; }
    .products .products-baogao { display: none; }

    /* 关于页-图文区堆叠 */
    .about-info { flex-wrap: wrap; }
    .about-info .about-img { width: 100%; margin-bottom: 30px; }
    .about-info .about-txt { width: 100%; padding-left: 0; }
    .about-service { flex-wrap: wrap; }
    .about-service .about-img { width: 100%; margin-bottom: 30px; }
    .about-service .about-img img { max-width: 100%; }
    .about-service .about-txt { width: 100%; padding-left: 0; }

    /* 关于页-证书/资质/团队 四栏改两栏 */
    .about-zs .about-zs-ul li { width: 48.5%; }
    .about-zs .about-zs-ul li:nth-child(2n) { margin-right: 0; }
    .about-zs .about-zs-ul li:nth-child(3n) { margin-right: 1.5%; }
    .about-zg .about-zg-ul li { width: 48.5%; }
    .about-zg .about-zg-ul li:nth-child(2n) { margin-right: 0; }
    .about-zg .about-zg-ul li:nth-child(4n) { margin-right: 1.5%; }
    .about-mt .about-mt-ul li { width: 48%; }
    .about-mt .about-mt-ul li:nth-child(2n) { margin-right: 0; }
    .about-mt .about-mt-ul li:nth-child(5) { margin-right: 2%; }
    .about-wenhua .about-wh-item { width: 48.5%; margin-bottom: 20px; background-position: right 20px center; }
    .about-wenhua .about-wh-item:nth-child(2n) { margin-right: 0; }
    .about-wenhua .about-wh-item:nth-child(3) { margin-right: 2%; }

    /* 详情页-侧栏堆叠到主内容下方 */
    .container.flex-sb { flex-wrap: wrap; }
    .sub-main { width: 100%; order: 1; padding: 20px 0; }
    .sidebar { width: 100%; order: 2; }

    /* 版权栏：写死 80px 改自适应，防止两行文字在中等宽度溢出 */
    footer .copy .container { height: auto; min-height: 60px; padding: 14px 15px; line-height: 26px; }

    /* ---------- 案例网格（列表页）：两栏 + 图片限高封面（769-992 不再用桌面 220x310 大卡） ---------- */
    .caselist { padding: 0 12px; }
    .caselist .item { width: calc(50% - 20px); height: auto; margin: 12px 10px; }
    .caselist .item a .img { position: relative; top: auto; left: auto; width: 100%; height: 150px; overflow: hidden; }
    .caselist .item a .img img { position: relative; top: auto; left: auto; width: 100%; height: 150px; object-fit: cover; display: block; }
    .caselist h3 { position: relative; bottom: auto; padding: 10px 6px 14px; font-size: 14px; }

    /* 首页服务案例轮播：图片限高封面（owl item 宽由 JS 定，只管图片高度） */
    .service-case #caselist .item a .img { width: 100%; height: auto; overflow: visible; }
    .service-case #caselist .item a .img img { width: 100%; height: 150px; object-fit: cover; display: block; }

    /* ---------- 右下角悬浮组件：手机/平板隐藏（二维码/返回顶部/咨询窗口），仅桌面端保留 ---------- */
    .go-top { display: none !important; }
    .main-im { display: none; }
    .flink { display: none; }

    /* 发展历程行内边距收窄 */
    .about .about-course li { padding-left: 30px; }

    /* 案例/新闻分类按钮：固定 170px 改自动宽度，过宽时换行 */
    .service-case .service-case-nav { flex-wrap: wrap; }
    .service-case .service-case-nav li { width: auto; height: 44px; margin: 0 8px 10px 0; }
    .service-case .service-case-nav li a { padding: 0 16px; font-size: 16px; }
    .news .news-nav { flex-wrap: wrap; }
    .news .news-nav li { width: auto; height: 44px; margin: 0 8px 10px 0; }
    .news .news-nav li a { padding: 0 16px; font-size: 16px; }
}

/* ============ ≤768px 手机：导航折叠、单栏、固定条适配 ============ */
@media screen and (max-width: 768px) {

    /* ---------- 头部 ---------- */
    .header { height: auto; }
    .header .top { display: none; }              /* 隐藏顶部欢迎/微信条 */
    .header .logo { width: 140px; padding: 10px 0; }
    .header .logo img { width: 100%; max-width: 140px; height: auto; display: block; }
    .header .menu { width: auto; margin-left: auto; position: relative; }
    /* 头部电话条：手机端隐藏（底部固定操作栏已有电话入口，头部只保留 logo + 汉堡） */
    .header .tel1 { display: none; }
    nav.navbar.bootsnav { padding-top: 0; }

    /* 汉堡按钮：40px 圆角细线，精致化 */
    .nav-toggle {
        display: flex; flex-direction: column; justify-content: center;
        width: 40px; height: 40px; padding: 0 9px;
        background: none; border: none; cursor: pointer;
        border-radius: 8px;
        transition: background-color 0.2s;
    }
    .nav-toggle:active { background-color: #f0f6fc; }
    .nav-toggle span {
        display: block; height: 2px; margin: 3px 0;
        background-color: #237ac1; border-radius: 2px;
        transition: all 0.3s;
    }
    .menu.open .nav-toggle span:nth-child(1) { transform: translateY(5px) rotate(45deg); }
    .menu.open .nav-toggle span:nth-child(2) { opacity: 0; }
    .menu.open .nav-toggle span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }

    /* 折叠菜单：右侧对齐的圆角面板，蓝色顶边 + 滑入动画 */
    .menu .navbar { position: static; min-height: 0; margin: 0; border: none; background: transparent; }
    .menu .navbar-collapse {
        display: none;
        position: absolute; top: 100%; left: auto; right: -10px;
        min-width: 250px; max-width: calc(100vw - 30px);
        background-color: #fff;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
        padding: 8px 0 0;
        max-height: 78vh; overflow-y: auto;
        border-top: 2px solid #237ac1;
        animation: navPanelIn 0.22s ease;
    }
    @keyframes navPanelIn {
        from { opacity: 0; transform: translateY(-8px); }
        to   { opacity: 1; transform: none; }
    }
    .menu.open .navbar-collapse { display: block; padding-top: 46px; }

    /* 关闭按钮：仅菜单展开时显示，白色 × 定位于深蓝面板右上角逐内（不随面板滚动） */
    .nav-close {
        position: absolute; top: calc(100% + 7px); right: -2px; z-index: 10;
        width: 32px; height: 32px; padding: 0;
        background: none; border: none; cursor: pointer;
        border-radius: 6px;
        transition: background-color 0.2s;
    }
    .menu.open .nav-close { display: flex; align-items: center; justify-content: center; }
    .nav-close::before, .nav-close::after {
        content: ""; position: absolute;
        width: 14px; height: 2px; background-color: #fff; border-radius: 2px;
    }
    .nav-close::before { transform: rotate(45deg); }
    .nav-close::after { transform: rotate(-45deg); }
    .nav-close:active { background-color: rgba(255, 255, 255, 0.18); }

    /* 顶级栏目：圆角卡片条目，左右留边距，不再通栏 */
    nav.navbar.bootsnav ul.nav { margin: 0; }   /* 清 bootstrap .navbar-nav 的 7.5px -15px，否则底部露出深蓝、左右溢出 */
    nav.navbar.bootsnav ul.nav > li {
        float: none; display: flex; align-items: stretch;
        width: calc(100% - 16px); margin: 0 8px;
    }
    nav.navbar.bootsnav ul.nav > li > a {
        flex: 1; min-width: 0; margin: 0; padding: 0 14px;
        font-size: 15px; color: #333; line-height: 46px;
        border-radius: 8px;
        transition: background-color 0.2s, color 0.2s;
    }
    nav.navbar.bootsnav ul.nav > li > a:hover { text-decoration: none; background-color: #f0f6fc; }
    nav.navbar.bootsnav ul.nav > li.active > a { color: #237ac1; font-weight: 600; background-color: #eaf3fb; }
    nav.navbar.bootsnav ul.nav > li > a:active { background-color: #dcebf8; }
    .nav > li:after { display: none; }

    /* 子菜单箭头（手机端显示，桌面端隐藏）：收窄为 40px，右端圆角 */
    .navbar-nav > li > .sub-arrow {
        display: flex; align-items: center; justify-content: center;
        width: 40px; flex: 0 0 40px;
        border: none; border-radius: 0 8px 8px 0;
        cursor: pointer; background: none;
        transition: background-color 0.2s;
    }
    .navbar-nav > li > .sub-arrow:active { background-color: #dcebf8; }
    .navbar-nav > li > .sub-arrow::before {
        content: ''; width: 7px; height: 7px;
        border-right: 2px solid #9aa7b4; border-bottom: 2px solid #9aa7b4;
        transform: rotate(45deg);
        transition: transform 0.25s, border-color 0.25s;
    }
    .navbar-nav > li.open > .sub-arrow::before { transform: rotate(-135deg); border-color: #237ac1; }

    /* 手机端子菜单：展开式（由 JS 控制），缩进 + 圆点 + 浅底，带左右边距和圆角 */
    .dropdown-menu {
        position: static; float: none;
        width: calc(100% - 16px); margin: 2px 8px 4px;
        background-color: #f5f8fc; box-shadow: none; border: none;
        display: none; padding: 4px 0;
        border-radius: 8px;
    }
    .dropdown-menu > li > a {
        line-height: 42px !important; padding-left: 34px; padding-right: 18px;
        font-size: 14px; color: #555; position: relative;
    }
    .dropdown-menu > li > a::before {
        content: ''; position: absolute; left: 20px; top: 50%; margin-top: -2.5px;
        width: 5px; height: 5px; border-radius: 50%; background-color: #b9c9d8;
    }
    .dropdown-menu > li > a:hover { text-decoration: none; color: #237ac1; }
    .dropdown-menu > li > a:hover::before { background-color: #237ac1; }

    /* 吸顶导航修正 */
    .fixednav .logo img { width: 110px; }

    /* ---------- 首页轮播 ---------- */
    .slider { height: 260px; }
    .slider .box img { width: 100%; height: 100%; object-fit: cover; }
    .slider-arrow--left, .slider-arrow--right { width: 28px; height: 56px; }

    /* ---------- 通用标题 ---------- */
    /* 首页简介区（fshb 标题+介绍文字）：四边留白，不贴屏幕边 */
    .fshb .s-title { padding: 8px 16px 0; }
    .s-title h1, .s-title b { font-size: 22px; line-height: 48px; }
    .s-title p { padding: 10px 0 0; font-size: 14px; line-height: 24px; }
    .section-title h2 { font-size: 22px; }
    .section-title h3 { font-size: 13px; }
    .section-title h4 { padding: 12px 4% 0; font-size: 14px; line-height: 24px; }

    /* ---------- 首页-关于我们（统一两栏，图片完整显示） ---------- */
    .fshb .fshb-list li { width: 50%; margin-bottom: 20px; padding: 0 8px; }
    .fshb .fshb-list li a { width: 100%; padding: 0 5px; }
    /* 卡片图片：去掉外边距与固定宽高，图片随卡片宽度流体缩放，高度按原图比例自适应 */
    .fshb .fshb-list li a .img { width: 100%; margin: 0; }
    .fshb .fshb-list li a .img img { width: 100%; height: auto; display: block; }
    .fshb .fshb-list li a .title { font-size: 17px; }
    .fshb .fshb-list li a .txt {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    /* ---------- 困扰/服务（统一两栏） ---------- */
    .problem .demand-ul li, .demand .demand-ul li { width: 48.5%; margin-right: 2%; padding: 15px; }
    .problem .demand-ul li:nth-child(2n), .demand .demand-ul li:nth-child(2n) { margin-right: 0; }
    /* 卡片图片：去掉居中边距与 110px 固定盒，图片随卡片内容宽度流体缩放（高度按原图比例） */
    .problem .demand-ul li .ico, .demand .demand-ul li .ico { width: 100%; margin: 0; }
    .problem .demand-ul li .ico img, .demand .demand-ul li .ico img { width: 100%; height: auto; }
    .problem .demand-ul li .info h4, .demand .demand-ul li .info h4 { font-size: 18px; }
    .problem .demand-ul li .info p, .demand .demand-ul li .info p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    /* ---------- 解决方案 ---------- */
    .solutions .solutions-right { padding: 0 15px; }
    .solutions .solutions-right .solutions-ul li .ico,
    .solutions .solutions-right .solutions-ul li .ico i { width: 60px; height: 60px; }
    .solutions .solutions-right .solutions-ul li .ico i { font-size: 3.2rem; line-height: 60px; }
    .solutions .solutions-right .solutions-ul li .info h4 { font-size: 18px; }
    .solutions .solutions-right .solutions-ul li .info p {
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    /* ---------- 进口产品 ---------- */
    .products { height: auto; padding: 0; }
    .products .products-con { padding: 0; }
    .products .products-tips { flex-wrap: wrap; }
    .products .products-tips li { margin: 0 10px 10px 0; }
    .products .products-baogao { padding-top: 30px; }
    .products .products-baogao dl:nth-child(1),
    .products .products-baogao dl:nth-child(2),
    .products .products-baogao dl:nth-child(3) { width: 100%; margin-bottom: 25px; }
    .products .products-baogao dl dt { margin-bottom: 15px; }
    /* dd 横排规则见 ≤992px 档（inline-block），此处补小屏间距 */
    .products .products-baogao dl dd { margin: 0 4px 6px; }

    /* ---------- 案例导航/新闻导航（固定大按钮改小胶囊，尽量一行排下） ---------- */
    .service-case .service-case-nav { flex-wrap: wrap; padding: 0 0 10px; }
    .service-case .service-case-nav li { width: auto; height: 34px; margin: 0 5px 10px 0; }
    .service-case .service-case-nav li:last-child { margin-right: 0; }
    .service-case .service-case-nav li a { padding: 0 12px; font-size: 13px; line-height: 32px; }
    .news .news-nav { flex-wrap: wrap; padding: 0 0 10px; }
    .news .news-nav li { width: auto; height: 34px; margin: 0 5px 10px 0; }
    .news .news-nav li:last-child { margin-right: 0; }
    .news .news-nav li a { padding: 0 12px; font-size: 13px; line-height: 32px; }
    .case-nav { flex-wrap: wrap; }
    .case-nav li { width: auto; margin: 0 5px 10px 0; }
    .case-nav li a { padding: 0 12px; font-size: 13px; }
    .case-nav li:last-child { margin-right: 0; }

    /* ---------- 案例轮播（owl）：解除固定宽高，图片完整显示 ---------- */
    .service-case #caselist .item { width: calc(100% - 12px); height: auto; margin: 10px 6px; }
    .service-case #caselist .item a .img { width: 100%; height: auto; overflow: visible; }
    .service-case #caselist .item a .img img { width: 100%; height: 140px; object-fit: cover; display: block; }
    .service-case #caselist .item a .info { padding: 8px 10px; }
    .service-case #caselist .item a .info .title {
        font-size: 14px; line-height: 22px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }


    /* ---------- 案例网格（列表页）：图片限高封面 ---------- */
    .caselist { padding: 0 10px; }
    .caselist .item { width: calc(50% - 20px); height: auto; margin: 12px 10px; }
    .caselist .item a .img { position: relative; top: auto; left: auto; width: 100%; height: 130px; overflow: hidden; }
    .caselist .item a .img img { position: relative; top: auto; left: auto; width: 100%; height: 130px; object-fit: cover; display: block; }
    .caselist h3 { position: relative; bottom: auto; padding: 10px 5px 14px; font-size: 14px; }

    /* ---------- 详情页 ---------- */
    .sub-banner { height: 220px; }
    .about-banner { height: 220px; }
    .shownews { padding: 15px; }
    .shownews .shownews-title { font-size: 18px; padding: 12px 0; }
    .shownews .shownews-info { height: auto; line-height: 30px; padding: 5px 0; }
    .shownews .shownews-info span { padding: 0 8px; }
    .shownews .shownews-cont { font-size: 15px; line-height: 28px; }
    .shownews .shownews-cont img { max-width: 100% !important; height: auto !important; }
    .shownews .shownews-cont table { width: 100% !important; }
    .showcase { margin: 20px auto; }
    .showcase .case-t { font-size: 18px; }
    .showcase img { max-width: 100% !important; height: auto !important; }
    .row-sx { padding-left: 0; height: auto; }
    .row-s, .row-x { width: 100%; float: none; padding: 12px 0 0; }

    /* ---------- 关于页 ---------- */
    .about { padding: 25px 0; }
    .about-title { flex-wrap: wrap; margin: 15px auto 35px; padding: 0 15px; }
    .about-title h3, .about-title h1 { font-size: 24px; }
    .about-title p { width: 100%; text-align: left; font-size: 15px; }
    .about-info { margin: 25px auto; padding: 0 15px; }
    .about-info .about-txt p { font-size: 15px; line-height: 30px; }
    .about-wenhua { flex-wrap: wrap; padding: 0 15px 35px; margin-bottom: 30px; }
    .about-wenhua .about-wh-item { width: 100%; margin-right: 0; margin-bottom: 15px; padding: 15px; background-position: right 15px center; background-size: 60px; }
    .about-service { flex-wrap: wrap; padding: 0 15px 35px; margin-bottom: 30px; }
    .about-service .about-txt p { font-size: 15px; line-height: 30px; }
    .about-zs .about-zs-ul, .about-zg .about-zg-ul { padding: 0 15px 35px; margin-bottom: 30px; }
    .about-zs .about-zs-ul li, .about-zg .about-zg-ul li { width: 100%; margin-right: 0; padding: 15px; }
    .about-zg .about-zg-ul li:nth-child(4n) { margin-right: 0; }
    .about-mt .about-mt-ul { padding: 0 15px; }
    .about-mt .about-mt-ul li { width: 100%; margin-right: 0; }
    .about-mt .about-mt-ul li:nth-child(5) { margin-right: 0; }
    .about .about-course { padding: 0 15px; }
    .about .about-course li { padding-left: 15px; flex-wrap: wrap; height: auto; padding-top: 8px; padding-bottom: 8px; }
    .about .about-course h2 { padding-left: 15px; }
    .about .about-course li h3 { width: 100%; line-height: 34px; }
    .about .about-course li i { display: none; }
    .about .about-course li p { width: 100%; line-height: 26px; }

    /* ---------- 服务项目页（service.css） ---------- */
    .pro-list li { flex-wrap: wrap; }
    .pro-list li .img { width: 100%; margin: 0 0 15px 0; }
    .pro-list li .img img { max-width: 100%; }
    .pro-list li .info { width: 100%; padding: 0; }

    /* ---------- 页脚 ---------- */
    footer { height: auto; margin-bottom: 0; }
    footer .container { flex-wrap: wrap; }
    footer .foot-nav { width: 100%; flex-wrap: wrap; padding: 20px 0 0; }
    footer .foot-nav dl { width: 48%; margin: 0 0 18px 0; }
    footer .foot-nav dl:nth-child(2n) { margin-right: 0; }
    footer .foot-contact { width: 100%; padding-bottom: 25px; }
    footer .foot-contact .c-info { width: 100%; }
    footer .foot-contact .wx { position: relative; right: auto; top: auto; margin-top: 15px; }
    footer .copy .container { height: auto; min-height: 0; padding: 12px 15px; line-height: 24px; }
    footer .flink .container { height: auto; padding: 5px 15px; line-height: 26px; }
    footer .flink a { display: inline-block; margin: 0 10px 0 0; }

    /* ---------- 四保障图标条（foot_4）：四栏改两栏 ---------- */
    /* 注意：ul 原布局是浮动（reset.css li{float:left}），必须显式改成 flex 换行，50% 才能稳定两栏 */
    .service-ico { height: auto; padding-bottom: 25px; }
    .service-ico ul { display: flex; flex-wrap: wrap; width: 100%; padding: 25px 15px 0; }
    .service-ico ul li { width: 50%; margin-bottom: 20px; padding: 0 8px; }
    /* 图标：去掉外边距与 60x60 固定盒，图片按原始尺寸（60x60）居中显示 */
    .service-ico ul li .ico { width: auto; height: auto; margin: 0 auto; }
    .service-ico ul li .ico img { width: auto; max-width: 100%; height: auto; display: block; margin: 0 auto; }

    /* ---------- 底部固定报价条：手机端隐藏（提交信息部分） ---------- */
    .free-quote { display: none; }

    /* ---------- 右下角悬浮组件：手机端全部隐藏（二维码/返回顶部/咨询窗口） ---------- */
    .go-top { display: none !important; }
    .main-im { display: none; }
    .flink { display: none; }

    /* ---------- 分页 ---------- */
    .pagelist { height: auto; padding: 10px 0 20px; }
    .pagelist .pagination { display: flex; flex-wrap: wrap; justify-content: center; }
    .pagelist .pagination > li { float: none; }

    /* ---------- 资质页（zizhi.css 独立结构） ---------- */
    .yunu-curmbs { padding: 8px 0; }
    /* 年份 tab：八列改四列 */
    .yunu-menu-inner { display: flex; flex-wrap: wrap; }
    .yunu-menu-inner a { float: none; width: 25%; }
    .yunu-menu-inner span { font-size: 15px; line-height: 46px; }
    /* 证书网格：四列改两列 */
    .list-6 { margin: 0; }
    .list-6 li { width: 50%; }
    .list-6 li a { margin: 0 0 12px 12px; }
    .list-6 li .m { height: auto; line-height: normal; padding: 10px; }
    .list-6 li .text { padding: 5px 10px; }
    .list-6 li .text h4 { font-size: 13px; line-height: 36px; height: 36px; }
    /* 详情页侧栏堆叠 */
    .ct2-sd, .ct2-mn { width: 100%; float: none; }
    .ct2-sd { margin-bottom: 20px; }
    .yunu-dqss .l, .yunu-dqss .r { width: 100%; float: none; }
    .yunu-dqss .l { margin-bottom: 20px; }
    .kefu { display: none; }

    /* ============ 手机端 WAP 风格层：模仿原手机版视觉 ============ */
    /* 1. 页面浅灰底（原 wap body #f2f2f2）；各 section 白底相连，不留灰底缝（边距去掉） */
    body { background-color: #f2f2f2; }
    .header, .fshb, .problem, .demand, .solutions, .products, .service-case, .news,
    .about, .submain, .zllist, .caselist { background-color: #fff; }
    .fshb, .problem, .demand, .solutions, .products, .service-case, .news,
    .about, .submain { margin-bottom: 0; }
    /* 各板块自身与内部主容器：上下边距清零（仅保留左右内边距；标题呼吸空间由 .s-title 自身 padding 承担） */
    .fshb, .problem, .demand, .products, .service-case, .news { padding-top: 0; padding-bottom: 0; }
    .fshb .fshb-list { padding: 0; }
    .problem .demand-ul, .demand .demand-ul { padding: 0; }
    .service-case .service-case-nav, .news .news-nav { padding-top: 0; }
    .service-case #caselist { margin: 0 auto; }
    /* 页脚保持原版蓝色背景（reset.css #237ac1），白卡片流在页脚前收住 */
    footer { background-color: #237ac1; }

    /* 2. 区块标题：蓝色粗体 + 蓝色短粗下划线（原 wap page-title 风格） */
    .s-title { padding: 20px 12px; }
    .s-title h1, .s-title b { color: #237ac1; font-weight: 800; letter-spacing: 1px; }
    .s-title h1::after, .s-title b::after { width: 30px; height: 3px; margin-left: -15px; bottom: 6px; background-color: #2373c4; }
    .s-title span, .s-title p { color: #a4a4a4; }
    .s-title p { color: #666; }
    /* 左侧小标题：蓝色 600 粗体 + 左侧蓝色竖条（原 wap sub-title 风格） */
    .s-title-left b { color: #237ac1; font-weight: 700; }
    .s-title-left b::after { width: 3px; height: 18px; left: 0; top: 50%; margin: -9px 0 0 0; background-color: #2373c4; }
    .s-title-left { padding-left: 10px; }

    /* 3. 导航面板改深蓝底白字（原 wap .nav 侧滑导航风格） */
    .menu .navbar-collapse { background-color: #2373c4; border-top: none; }
    nav.navbar.bootsnav ul.nav > li > a { color: #fff; font-weight: 500; border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0; }
    /* 最后一项不画底部分隔线：否则深蓝面板最下沿多出一条蓝线 */
    nav.navbar.bootsnav ul.nav > li:last-child > a { border-bottom: none; }
    nav.navbar.bootsnav ul.nav > li > a:hover { background-color: rgba(255, 255, 255, 0.1); }
    nav.navbar.bootsnav ul.nav > li.active > a { color: #fff; font-weight: 700; background-color: rgba(255, 255, 255, 0.14); }
    nav.navbar.bootsnav ul.nav > li > a:active { background-color: rgba(255, 255, 255, 0.18); }
    .navbar-nav > li > .sub-arrow { border-radius: 0; }
    .navbar-nav > li > .sub-arrow::before { border-color: rgba(255, 255, 255, 0.75); }
    .navbar-nav > li > .sub-arrow:active { background-color: rgba(255, 255, 255, 0.15); }
    .navbar-nav > li.open > .sub-arrow::before { border-color: #fff; }
    .dropdown-menu { background-color: rgba(0, 0, 0, 0.16); border-radius: 0; }
    .dropdown-menu > li > a { color: rgba(255, 255, 255, 0.85); }
    .dropdown-menu > li > a::before { background-color: rgba(255, 255, 255, 0.5); }
    .dropdown-menu > li > a:hover { color: #fff; }
    .dropdown-menu > li > a:hover::before { background-color: #fff; }
    /* 汉堡按钮保持蓝色（展开时呈 × 变形），白色头部背景下清晰可见；关闭入口由面板右上角 × 按钮与汉堡共同承担 */

    /* 4. 列表项白卡 + 浅灰细边 + 圆角（原 wap pro-ul 风格），灰底留缝 */
    .service-case #caselist .item { border: 1px solid #e4e4e4; border-radius: 6px; overflow: hidden; background-color: #fff; }
    .news .news-list li a, .case .news-list li a { border: 1px solid #e4e4e4; border-radius: 6px; background-color: #fff; }
    .news .news-list, .case .news-list { padding: 0 12px; }
    .news .news-list li, .case .news-list li { margin-bottom: 12px; }
    .fshb .fshb-list li a, .problem .demand-ul li, .demand .demand-ul li { border: 1px solid #ececec; border-radius: 6px; background-color: #fff; }
    .about-wenhua .about-wh-item { border: 1px solid #ececec; border-radius: 6px; }
    .caselist .item { border: 1px solid #e4e4e4; border-radius: 6px; overflow: hidden; background-color: #fff; }

    /* 5. 底部固定操作栏（原 wap foot-bar：图标导航 + 蓝色电话条） */
}
@media screen and (max-width: 768px) {
    .wap-footbar {
        display: flex; align-items: stretch;
        position: fixed; bottom: 0; left: 0; right: 0; z-index: 9998;
        height: 52px; background-color: #fff;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.1);
    }
    .wap-footbar-nav { display: flex; width: 58%; }
    .wap-footbar-nav li { flex: 1; }
    .wap-footbar-nav li a {
        display: flex; flex-direction: column; align-items: center; justify-content: center;
        height: 52px; text-decoration: none;
    }
    .wap-footbar-nav svg { width: 20px; height: 20px; fill: #2373c4; }
    .wap-footbar-nav span { font-size: 11px; color: #333; font-weight: 600; line-height: 1.3; margin-top: 1px; }
    .wap-footbar-tel {
        flex: 1; display: flex; align-items: center; justify-content: center;
        background-color: #2373c4; color: #fff;
        font-size: 15px; font-weight: 800; letter-spacing: 0.5px; text-decoration: none;
    }
    /* reset.css 的 a:link/a:visited 优先级(0,1,1)高于类选择器(0,1,0)，会盖掉 color:#fff，链接状态显式指定白色 */
    .wap-footbar-tel:link, .wap-footbar-tel:visited,
    .wap-footbar-tel:hover, .wap-footbar-tel:active { color: #fff; }
    .wap-footbar-tel svg { width: 16px; height: 16px; fill: #fff; margin-right: 6px; }
    /* 页脚“扫码加微信”二维码：手机端隐藏（微信入口由底部操作栏“微信”按钮承担） */
    footer .foot-contact .wx { display: none; }
    /* 防止底部操作栏遮挡页面内容 */
    footer { margin-bottom: 52px; }
}

/* ============ ≤480px 小屏手机：全面单栏 ============ */
@media screen and (max-width: 480px) {
    .header .logo { width: 112px; }
    .header .logo img { max-width: 112px; }
    .slider { height: 210px; }
    .s-title h1, .s-title b { font-size: 20px; line-height: 44px; }
    .s-title-left b { font-size: 20px; line-height: 44px; }

    /* 关于我们两排卡片窄屏微调（图片规则见 ≤768 档：无边距、流体宽度） */
    .fshb .fshb-list li a .title { font-size: 16px; line-height: 28px; }
    .fshb .fshb-list li a .txt { font-size: 13px; line-height: 22px; }

    /* 列表保持横排小图（480 窄屏微缩：缩略图 104 宽，摘要 2 行截断） */
    .news .news-list li a, .case .news-list li a { padding: 10px; }
    .news .news-list li a .img, .case .news-list li a .img { width: 104px; height: 70px; }
    .news .news-list li a .img:has(img) { height: auto; }
    .news .news-list li a .info, .case .news-list li a .info { width: calc(100% - 119px); }
    .news .news-list li a .info .title, .case .news-list li a .info .title { font-size: 14px; }
    .news .news-list li a .info p, .case .news-list li a .info p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 20px;
        height: 40px;
        overflow: hidden;
    }

    /* 案例网格统一两栏，图片限高 120 */
    .caselist .item { width: calc(50% - 20px); }
    .caselist .item a .img { height: 120px; }
    .caselist .item a .img img { height: 120px; }
    .service-case #caselist .item a .img img { height: 130px; }

    /* 四保障图标条：小屏手机同样保持两栏（2×2），不再整列堆叠；字号随窄屏微缩 */
    .service-ico ul li { width: 50%; }
    .service-ico ul li h2 { font-size: 16px; margin-bottom: 6px; }
    .service-ico ul li p { font-size: 13px; line-height: 20px; }
    /* 页脚四大块：小屏手机保持两栏（2×2），不再整行堆叠 */
    footer .foot-nav dl { width: 48%; }
    .about-zs .about-zs-ul li, .about-zg .about-zg-ul li { width: 100%; }
    /* 资质页证书网格单栏 */
    .list-6 li { width: 100%; }
    .yunu-menu-inner a { width: 33.333%; }
    /* 留言页验证码 */
    #checkcode { width: 100%; margin-left: 0; }
    .codeimg { margin-left: 0; max-width: 120px; }
}