/* 修复indexbox板块宽度限制问题 */
/* 参考"Necessary tools for laser machines"板块的样式 */

@media (max-width: 768px) {
    /* 强制修复indexbox板块宽度 */
    .indexbox {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    /* 修复indexbox容器宽度 */
    .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;
    }
    
    /* 修复zongkuang容器 */
    .indexbox .zongkuang {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    /* 修复productbox容器 */
    .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;
    }
    
    /* 修复swiper容器宽度 */
    .indexbox .swiper-container.chanhua,
    .indexbox .swiper-container.chanhua1 {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 20px !important;
        position: relative !important;
        box-sizing: border-box !important;
    }
    
    /* 修复swiper包装器宽度 */
    .indexbox .swiper-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: stretch !important;
        gap: 10px !important;
        box-sizing: border-box !important;
        flex-wrap: nowrap !important;
    }
    
    /* 修复产品项宽度 */
    .indexbox .swiper-slide.chasdj {
        width: calc(60% - 5px) !important;
        min-width: calc(60% - 5px) !important;
        max-width: calc(60% - 5px) !important;
        flex: 0 0 calc(60% - 5px) !important;
        margin-right: 10px !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        display: block !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* 最后一个产品项 */
    .indexbox .swiper-slide.chasdj:last-child {
        margin-right: 0 !important;
    }
}

/* 超小屏幕优化 */
@media (max-width: 480px) {
    .indexbox .swiper-slide.chasdj {
        width: calc(65% - 5px) !important;
        min-width: calc(65% - 5px) !important;
        max-width: calc(65% - 5px) !important;
        flex: 0 0 calc(65% - 5px) !important;
        margin-right: 8px !important;
    }
    
    .indexbox .swiper-container.chanhua,
    .indexbox .swiper-container.chanhua1 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* 小屏幕优化 */
@media (max-width: 375px) {
    .indexbox .swiper-slide.chasdj {
        width: calc(70% - 5px) !important;
        min-width: calc(70% - 5px) !important;
        max-width: calc(70% - 5px) !important;
        flex: 0 0 calc(70% - 5px) !important;
        margin-right: 6px !important;
    }
    
    .indexbox .swiper-container.chanhua,
    .indexbox .swiper-container.chanhua1 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* 强制覆盖所有可能的宽度限制 */
@media (max-width: 768px) {
    .indexbox,
    .indexbox * {
        max-width: none !important;
    }
    
    .indexbox .container,
    .indexbox .zongkuang,
    .indexbox .productbox,
    .indexbox .swiper-container.chanhua,
    .indexbox .swiper-container.chanhua1,
    .indexbox .swiper-wrapper {
        max-width: 100% !important;
        width: 100% !important;
    }
}