/* ============================================
   修复 Banner 图片不显示 + 手机端布局问题
   加载顺序：resetcommon → index → slick → swiper → fix → all.min
   ============================================ */

/* === 1. 首页 Banner — 600px 高度，图片填充 === */
.pc_banner { height: 600px; }
.m_banner { height: 300px; }

.pc_banner .swiper-container,
.m_banner .swiper-container { height: 100%; }

.pc_banner .swiper-wrapper,
.m_banner .swiper-wrapper { height: 100%; }

.pc_banner .swiper-slide,
.m_banner .swiper-slide { height: 100%; overflow: hidden; }

.pc_banner .swiper-slide img,
.m_banner .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* === 2. 内页 Banner — 自适应高度显示完整图片 === */
.n_banner {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    height: 280px !important;
    background: #1760c5;
    margin: 0 !important;
}
.n_banner img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

/* === 3. 首页 about 区域 — 左侧图片填充式显示 === */
.about { height: 580px; }
.about .pic {
    height: 580px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.about .main { height: 580px; }
.about .intro { height: auto; padding-top: 60px; }

/* === 4. 产品详情页 intro 图片 === */
.intro-img img {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: contain;
}

/* === 5. 防止横向溢出 === */
body { overflow-x: hidden; }

/* === 6. 首页产品轮播 === */
.probox .pro_con ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

/* === 7. 首页案例轮播 === */
.anli { overflow: hidden; }
.anli ul { position: relative; }
.anli li { float: left; }

/* === 8. 覆盖 slick.css @media(<=1200px) 移动端样式 === */
@media screen and (max-width: 1200px) {

    /* --- Banner 修复 --- */
    .pc_banner { height: 400px; }
    .m_banner { height: 300px; }
    .n_banner { height: 220px !important; margin: 0 !important; }
    .n_banner img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* About section */
    .about { height: auto; }
    .about .pic {
        height: 280px;
        background-size: cover !important;
    }
    .about .main { height: auto; }
    .about .intro { padding-top: 30px; }

    /* --- 导航菜单修复 --- */
    .menu { padding: 0 !important; }
    .menu .nav {
        float: none !important;
        width: 100% !important;
        position: static !important;
        display: none !important;
    }
    .menu .nav li {
        float: none !important;
        width: 100% !important;
        overflow: visible !important;
        line-height: 1.5 !important;
        font-size: 15px !important;
        height: auto !important;
    }
    .menu .nav li a {
        height: auto !important;
        line-height: 1.5 !important;
        padding: 12px 20px !important;
    }

    /* 汉堡按钮可见 */
    .sp_nav { display: block !important; }

    /* 菜单展开时 */
    .menu ul.nav.nav_show {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        max-height: 100vh !important;
        background: #1760c5 !important;
        z-index: 9999 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 60px 0 30px !important;
        margin: 0 !important;
        border: none !important;
    }

    /* 菜单内列表 */
    .menu ul.nav.nav_show > ul {
        display: block !important;
        width: 100% !important;
    }

    .menu ul.nav.nav_show li {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        line-height: 1.5 !important;
        overflow: visible !important;
        border-bottom: 1px solid rgba(255,255,255,0.2) !important;
    }

    .menu ul.nav.nav_show li a {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        line-height: 1.5 !important;
        padding: 16px 20px !important;
        color: #fff !important;
        text-align: left !important;
        border: none !important;
        font-size: 16px !important;
    }

    /* 子菜单 — 移动端始终可见 */
    .menu ul.nav.nav_show li ul.sub-menu {
        position: static !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none !important;
        background: rgba(0, 0, 0, 0.25) !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 0 !important;
        margin: 0 !important;
        animation: none !important;
        float: none !important;
    }

    /* 父链接去掉 +/- 指示器（子菜单始终可见）*/
    .menu ul.nav.nav_show li > a {
        position: relative;
    }
    .menu ul.nav.nav_show li:has(ul.sub-menu) > a::after {
        content: '›';
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        font-weight: bold;
    }

    .menu ul.nav.nav_show li ul.sub-menu li {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        line-height: 1.5 !important;
        overflow: visible !important;
    }

    .menu ul.nav.nav_show li ul.sub-menu li a {
        font-size: 14px !important;
        padding: 12px 35px !important;
        line-height: 1.5 !important;
        height: auto !important;
        color: #fff !important;
        display: block !important;
    }

    /* --- 汉堡按钮动画 --- */
    .sp_nav {
        position: relative !important;
        z-index: 10000 !important;
        display: block !important;
        cursor: pointer;
    }
    .menu.nav_s .sp_nav span:nth-child(1) {
        transform: translateY(7px) rotate(45deg) !important;
    }
    .menu.nav_s .sp_nav span:nth-child(2) { opacity: 0 !important; }
    .menu.nav_s .sp_nav span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg) !important;
    }

    /* --- 头部 --- */
    .had { margin: 0 auto !important; padding: 10px 0; }
    .nav_s { background: rgba(255,255,255,0.95) !important; }

    /* --- 面包屑 --- */
    .mbx { padding: 8px 0; }

    /* --- 产品卡片 --- */
    .pic_content ul li { width: 50% !important; border: 3px #fff solid; }
    .pic_com { margin-bottom: 15px; }
    .pic_com div { width: 100%; }

    /* --- 产品分类导航（可横向滚动）--- */
    .pic_nav1 {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        margin: 20px auto !important;
        padding: 0 10px;
    }
    .pic_nav1 ul {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        text-align: left !important;
        white-space: nowrap;
        min-width: max-content;
    }
    .pic_nav1 ul li {
        display: inline-block !important;
        float: none !important;
        width: auto !important;
        flex-shrink: 0;
        padding: 8px 20px !important;
        margin: 0 5px !important;
        font-size: 14px !important;
    }

    /* --- 标题 --- */
    .title { overflow: hidden; margin: 3% auto; }
    .title h3 { font-size: 0.3rem; }
}

/* === 9. 手机竖屏适配 === */
@media screen and (max-width: 768px) {
    .pc_banner { height: 300px; }
    .n_banner { height: 180px !important; }
    .n_banner img { object-fit: cover !important; }
    .m_banner { height: 200px; }

    .about { height: auto; }
    .about .pic {
        height: 200px;
        background-size: cover !important;
    }
    .about .main { height: auto; }
    .about .intro { padding-top: 20px; }

    .pic_content ul li { width: 100% !important; }

    .logo img { height: 36px; }

    .menu ul.nav.nav_show li a { font-size: 15px !important; padding: 14px 20px !important; }
}

/* === 10. 手机超小屏适配 === */
@media screen and (max-width: 480px) {
    .pc_banner { height: 220px; }
    .n_banner { height: 150px !important; }
    .n_banner img { object-fit: cover !important; }
    .m_banner { height: 160px; }

    .about .pic { height: 160px; }

    .title h3 { font-size: 22px; }
    .title p { font-size: 14px; }
}