@charset "utf-8";
/* 全站小屏补丁（请在 common.html 最后引入，覆盖缓存中的旧 rules） */

@media (max-width: 1024px) {
    /* ===== Banner + 立即咨询 ===== */
    .banner .bannerswiper .swiper-slide {
        min-height: 180px;
    }
    /* 首页 Banner 布局见 index.html */
    .banner_desc_text,
    .banner_desc_action {
        width: 100% !important;
        max-width: 100% !important;
    }
    .banner_desc h2 {
        font-size: clamp(18px, 5.2vw, 26px) !important;
        line-height: 1.35 !important;
        margin: 0;
    }
    .banner_desc p {
        font-size: 12px !important;
        padding-top: 6px !important;
        line-height: 1.5 !important;
        margin: 0;
    }
    .banner_desc_action { margin-top: 10px; }
    .banner_pag { bottom: 8px !important; }

    /* 手机导航菜单：收紧行距 */
    .wapnavbot { padding: 6px 0 12px !important; }
    .wapnavbot > ul > li {
        padding: 10px 12px !important;
        border-bottom-color: rgba(255, 255, 255, 0.2) !important;
    }
    .wapnavbot > ul > li > a {
        font-size: 16px !important;
        line-height: 1.35 !important;
        display: block;
    }
    .wapnavbot > ul > li.flexrow { align-items: center; }
    .wapernav { padding: 4px 0 6px 12px !important; }
    .wapernav > a {
        font-size: 14px !important;
        line-height: 1.5 !important;
        padding: 2px 0 !important;
    }

    /* ===== 首页案例中心：分类胶囊 + 3D 轮播 ===== */
    .idx_item .prolistpage {
        padding: 8px 0 4px !important;
        margin-bottom: 0 !important;
    }
    .idx_item .prolistpage .con1400 {
        padding: 0 !important;
        overflow: hidden;
    }
    .idx_item .prolistpage .flexrow {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        justify-content: flex-start !important;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
        padding: 0 12px 8px !important;
        gap: 8px !important;
        scrollbar-width: none;
    }
    .idx_item .prolistpage .flexrow::-webkit-scrollbar { display: none; }
    .idx_item .prolistpage .flexrow li {
        width: auto !important;
        flex: 0 0 auto !important;
        scroll-snap-align: start;
    }
    .idx_item .prolistpage .flexrow li a {
        display: inline-block;
        padding: 6px 14px !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        background: #f3f4f6;
        border-radius: 18px;
        border-bottom: none !important;
        color: #555;
        white-space: nowrap;
    }
    .idx_item .prolistpage .flexrow li.active a {
        background: #fff8e6;
        color: #222;
        box-shadow: inset 0 -2px 0 #ffb900;
    }

    .idx_product_showcase {
        margin-top: 0 !important;
        padding: 0 0 12px !important;
        overflow: hidden !important;
        width: 100% !important;
        --case-poster-w: 115px;
        --case-poster-h: 244px;
        --case-pad-t: 20px;
        --case-pad-b: 10px;
        --case-for-h: 214px;
        --case-frame-w: 120px;
        --case-frame-h: 244px;
    }
    .idx_product_showcase .lb_gl {
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;
        overflow: hidden !important;
    }
    .idx_product_showcase .lb_gl .container,
    .idx_product_showcase.showcase-mobile .lb_gl .container {
        width: 100% !important;
        max-width: 100% !important;
        height: calc(var(--case-frame-h, 244px) + 20px) !important;
        margin: 0 auto;
    }
    .idx_product_showcase .lb_gl .pictureSlider,
    .idx_product_showcase .lb_gl .poster-list {
        height: 100%;
        margin-bottom: 0;
    }
    .idx_product_showcase .lb_gl .poster-item,
    .idx_product_showcase.showcase-mobile .lb_gl .poster-item {
        width: var(--case-poster-w, 115px) !important;
        height: var(--case-poster-h, 244px) !important;
        padding: var(--case-pad-t, 20px) 0 var(--case-pad-b, 10px) !important;
        box-sizing: border-box;
        border-radius: 8px;
        overflow: hidden;
    }
    .idx_product_showcase .lb_gl .for_btn,
    .idx_product_showcase.showcase-mobile .lb_gl .for_btn {
        height: var(--case-for-h, 214px) !important;
        max-height: var(--case-for-h, 214px) !important;
        overflow: hidden;
    }
    .idx_product_showcase .lb_gl .for_btn img,
    .idx_product_showcase.showcase-mobile .lb_gl .for_btn img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        display: block;
    }
    .idx_product_showcase .lb_gl .posbor,
    .idx_product_showcase.showcase-mobile .lb_gl .posbor {
        width: var(--case-frame-w, 120px) !important;
        height: var(--case-frame-h, 244px) !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        pointer-events: none;
        z-index: 99;
    }

    /* 案例中心 / 产品中心列表页：分类 Tab */
    .caselistmid,
    .prolist_navwrap {
        position: relative !important;
        margin: 16px 0 20px !important;
        padding-right: 68px !important;
    }
    .caselistmid_ul,
    .prolistmid_ul {
        max-height: 40px !important;
        overflow: hidden !important;
        transition: max-height 0.35s ease;
        flex-wrap: wrap !important;
        align-content: flex-start !important;
        gap: 0 !important;
    }
    .caselistmid_ul.active,
    .prolistmid_ul.is-open {
        max-height: 520px !important;
    }
    .caselistmid ul li a,
    .prolist_navwrap .prolistmid_ul > li a {
        padding: 6px 10px !important;
        margin: 0 6px 6px 0 !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        display: inline-block !important;
        box-sizing: border-box;
    }

    /* ===== 合作客户走马灯 ===== */
    .idx_kehu {
        padding-top: 36px !important;
        padding-bottom: 40px !important;
    }
    .idx_kehu .con1400 { padding: 0 12px; box-sizing: border-box; }
    .idx_kehu.kehu-mobile .company.box > .company_content:nth-child(n+4) {
        display: none !important;
    }
    .idx_kehu.kehu-mobile .company_content {
        max-width: 100%;
        height: 56px;
        margin-bottom: 6px;
        overflow: hidden;
    }
    .idx_kehu.kehu-mobile .company_box {
        width: 96px;
        height: 56px;
        padding-right: 24px;
        box-sizing: content-box;
    }
    .idx_kehu.kehu-mobile .company_boxes {
        left: -120px;
        height: 56px;
    }
    .company_box_img {
        background: #fff;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
        width: 100%;
        height: 88px;
        object-fit: contain;
        display: block;
    }
    .idx_kehu.kehu-mobile .company_box_img {
        height: 44px !important;
        max-height: 44px !important;
    }

    /* ===== 页脚 ===== */
    .foot {
        padding: 32px 0 28px !important;
    }
    .foot .con1400,
    .footcopy .con1400 {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .foottop.flexrow {
        justify-content: center !important;
        padding-bottom: 16px !important;
    }
    .footlogo a img {
        max-width: 100px !important;
        height: auto;
    }
    .footmid.flexrow {
        margin-top: 16px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .footmid_l { display: none !important; }
    .footmid_r {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        float: none !important;
    }
    .footmid_r ul li {
        margin-bottom: 10px;
        padding-left: 22px;
        background-size: 14px auto !important;
    }
    .footmid_rdesc p {
        font-size: 14px !important;
        line-height: 1.5 !important;
        word-break: break-word;
        padding-left: 30px;
    }
    .footmid_ewm {
        margin-top: 16px;
        padding-left: 30px;
        box-sizing: border-box;
    }
    .footmid_ewm ul.flexrow {
        justify-content: flex-start !important;
        flex-wrap: wrap;
        gap: 12px;
    }
    .footmid_ewm ul li {
        width: auto !important;
        max-width: 120px;
        text-align: left;
    }
    .footmid_ewm ul li img {
        max-width: 100px;
        height: auto;
    }
    .footmid_ewm ul li p {
        font-size: 12px !important;
        margin-top: 6px;
    }
    .footcopy {
        padding: 12px 0 !important;
    }
    .footcopy .footcitem.flexrow {
        flex-direction: column !important;
        align-items: center !important;
    }
    .footc_r { display: none !important; }
    .footc_l {
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
    }
    .footc_l span {
        display: block;
        width: 100%;
        padding: 0 !important;
        border-left: none !important;
        font-size: 11px !important;
        line-height: 1.5;
    }
    .xuanfu { display: none !important; }

    /* 公司资讯列表 */
    .newslistpswiper { height: auto !important; }
    .newslistpswiper .swiper-wrapper,
    .newslistpswiper .swiper-slide { height: auto !important; }
    .newslistp_item.flexrow {
        flex-direction: column !important;
        height: auto !important;
    }
    .newslistp_l { width: 100% !important; height: auto !important; }
    .newslistp_l img {
        width: 100% !important;
        height: auto !important;
        max-height: 220px;
        object-fit: cover;
    }
    .newslistp_r {
        width: 100% !important;
        padding: 16px 15px 10px !important;
    }
    .newslistp_rbot { margin-top: 10px !important; }
    .newslistppagination { margin-top: 14px !important; position: relative !important; }

    /* 首页新闻 swiper 布局见 index.html */
}