/* 修复所有板块在手机端的宽度问题 */
/* 确保所有板块都能使用满屏宽度，不受右边悬浮联系方式影响 */

@media (max-width: 768px) {
    /* ===== 修复所有主要板块的宽度 ===== */
    
    /* 1. Hot-selling products in the industry 板块 */
    .indexbox {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    .indexbox .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    .indexbox .zongkuang {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    .indexbox .productbox {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        position: relative !important;
        box-sizing: border-box !important;
    }
    
    /* 2. Necessary tools for laser machines 板块 */
    .layout_style_surfup {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    .layout_style_surfup .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    .layout_style_surfup .new-grid {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* 3. Introduce The Most Advanced Industry Products 板块 */
    .kuanwei {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    .kuanwei .titzong {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 20px !important;
        box-sizing: border-box !important;
    }
    
    .kuanwei .zongkuang {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    .kuanwei .tabbox {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
    }
    
    .kuanwei .kuanbox {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    /* 4. Metal processing NO.1 Laser Brand 板块 */
    .kuanwei1 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    .kuanwei1 .titzong {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 20px !important;
        box-sizing: border-box !important;
    }
    
    .kuanwei1 .zongkuang {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    .kuanwei1 .swiper-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
    }
    
    /* 5. Media Loves 板块 */
    .kuanwei2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    .kuanwei2 .titzong {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 20px !important;
        box-sizing: border-box !important;
    }
    
    .kuanwei2 .swiper-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
    }
    
    /* 6. Why Choose 板块 */
    .kuanwei2:last-of-type {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    .kuanwei2:last-of-type .titzong {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 20px !important;
        box-sizing: border-box !important;
    }
    
    .kuanwei2:last-of-type .swiper-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
    }
    
    /* 7. 其他可能存在的板块 */
    .kuanwei3,
    .kuanwei4,
    .kuanwei5 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    .kuanwei3 .titzong,
    .kuanwei4 .titzong,
    .kuanwei5 .titzong {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 20px !important;
        box-sizing: border-box !important;
    }
    
    /* ===== 修复所有Swiper容器的宽度 ===== */
    .swiper-container {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .swiper-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* ===== 修复所有容器的宽度 ===== */
    .container {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* ===== 确保所有板块内容不被截断 ===== */
    .indexbox *,
    .layout_style_surfup *,
    .kuanwei *,
    .kuanwei1 *,
    .kuanwei3 *,
    .kuanwei4 *,
    .kuanwei5 * {
        max-width: none !important;
    }
    
    .indexbox .container,
    .layout_style_surfup .container,
    .kuanwei .container,
    .kuanwei1 .container,
    .kuanwei2 .container,
    .kuanwei3 .container,
    .kuanwei4 .container,
    .kuanwei5 .container {
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* 超小屏幕优化 */
@media (max-width: 480px) {
    .indexbox .container,
    .layout_style_surfup .container,
    .kuanwei .titzong,
    .kuanwei1 .titzong,
    .kuanwei2 .titzong {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .kuanwei .swiper-container,
    .kuanwei1 .swiper-container,
    .kuanwei2 .swiper-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* 小屏幕优化 */
@media (max-width: 375px) {
    .indexbox .container,
    .layout_style_surfup .container,
    .kuanwei .titzong,
    .kuanwei1 .titzong,
    .kuanwei2 .titzong {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .kuanwei .swiper-container,
    .kuanwei1 .swiper-container,
    .kuanwei2 .swiper-container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* 强制覆盖所有可能的宽度限制 */
@media (max-width: 768px) {
    /* 确保所有板块在手机端都使用全宽度 */
    .indexbox,
    .layout_style_surfup,
    .kuanwei,
    .kuanwei1,
    .kuanwei2,
    .kuanwei3,
    .kuanwei4,
    .kuanwei5 {
        /* 覆盖任何可能的宽度设置 */
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        
        /* 确保不被其他样式影响 */
        margin: 0 !important;
        padding: 0 !important;
        
        /* 确保内容可见 */
        overflow: visible !important;
        
        /* 盒模型控制 */
        box-sizing: border-box !important;
    }
    
    /* 确保所有容器都使用全宽度 */
    .indexbox .container,
    .layout_style_surfup .container,
    .kuanwei .container,
    .kuanwei1 .container,
    .kuanwei2 .container,
    .kuanwei3 .container,
    .kuanwei4 .container,
    .kuanwei5 .container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}