/* 移动端适配样式 */
@media screen and (max-width: 768px) {
    /* 强制防止横向滚动 - 全局设置 */
    html, body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
        width: 100vw !important;
        position: relative;
        margin: 0;
        padding: 0;
    }
    
    /* 通用样式 */
    .home-container {
        width: 100%;
        overflow-x: hidden;
        max-width: 100vw;
        box-sizing: border-box;
    }

    .width-center {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .width-title {
        font-size: 22px;
    }

    .width-tip {
        font-size: 14px;
        padding: 15px 0 30px;
    }

    /* 顶部导航 */
    .top_box {
        flex-direction: column;
        padding: 10px 0;
    }

    .logo {
        margin-bottom: 10px;
    }

    .tab_box {
        flex-wrap: wrap;
        justify-content: center;
    }

    .tab_all, .tab_all_active {
        width: auto;
        font-size: 16px;
        margin: 5px;
        padding: 8px 12px;
    }

    /* Banner区域 */
    .banner_box {
        width: 100%;
    }

    .img_banner {
        width: 100%;
        height: auto;
    }

    .company_introduction_box {
        position: static !important;
        padding: 15px 0 !important;
        flex-direction: column !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        margin: 20px auto 0 !important;
    }

    .img_banner_intro {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .right_btn_box {
        position: fixed;
        top: auto;
        right: 10px;
        bottom: 20px;
        flex-direction: row;
        z-index: 999;
    }

    .icon_online {
        width: 50px;
        height: auto;
    }

    .icon_custom {
        width: 50px;
        height: auto;
        margin-top: 0;
        margin-left: 10px;
    }

    /* 运营商区域 */
    .operator_box {
        padding: 62px 0 83px;
    }

    /* .img_operator {
        width: 286px;
        height: 178px;
    } */

    /* 业务区域 */
    /* .business_box {
        position: relative;
        width: 1920px;
        height: 825px;
    }

    .img_center {
        width: 1920px;
        height: 303px;
    }

    .business_content {
        position: absolute;
        top: 220px;
        left: 50%;
        transform: translateX(-62%);
    }

    .img_qrcode {
        width: 482px;
        height: 522px;
    }

    .img_types {
        width: 696px;
        height: 521px;
    } */

    /* 产品区域 */
    .product_box {
        padding: 30px 0 0;
        margin-top: 40px;
    }

    /* 轮播图 */
    /* .carousel {
        width: 100%;
        height: auto;
    }

    .carousel-item {
        width: 100%;
        height: auto;
    }

    .carousel-honor {
        width: 100%;
        height: auto;
    }

    .carousel-item-honor {
        width: 100%;
        height: auto;
    } */

    /* 荣誉区域 */
    .culture_box {
        padding: 30px 0;
    }

    /* .carousel-honor {
        width: 100%;
        height: auto;
        padding: 0 15px;
    }

    .carousel-item-honor {
        width: 100%;
        height: auto;
    }

    .carousel-item-honor img {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    /* 圆点导航 */
    /* .dots-honor {
        bottom: 15px;
        gap: 8px;
    }

    .dot-honor {
        width: 10px;
        height: 10px;
    } */

    /* 底部区域 - 移动端优化 */
    /*
    .img_bottom, .img_bottom_two {
        width: 100%;
        height: auto;
        padding: 40px 20px;
        background-size: cover !important;
        background-position: center !important;
    }

    .img_bottom .bottom_title,
    .img_bottom_two .contact_title {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
    }

    .img_bottom .bottom_btn,
    .img_bottom_two .contact_btn {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        margin: 0 auto;
        display: block;
        margin-bottom: 30px;
    }

    .bottom_text_box,
    .contact_text_box {
        position: relative;
        bottom: 0;
        left: 0;
        transform: none;
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .bottom_text p:nth-child(1),
    .contact_text p:nth-child(1) {
        font-size: 32px;
        margin-bottom: 8px;
    }

    .bottom_text p,
    .contact_text p {
        font-size: 18px;
    }
    */

    /* 弹窗 */
    /* .dialog_online {
        font-size: 16px;
    } */

    /* Element UI 组件适配 */
    .el-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .el-col {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .el-col-24, .el-col-8, .el-col-6 {
        width: 100% !important;
        margin-bottom: 15px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* 专门针对公司介绍区域的el-col-8 */
    .company_introduction_box .el-col-8 {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 auto 20px !important;
        padding: 0 !important;
        float: none !important;
    }
    
    .company_introduction_box .el-col-8:last-child {
        margin-bottom: 0 !important;
    }
    
    /* 通用el-col-8居中规则 */
    .el-col-8 {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 auto 15px !important;
        padding: 0 !important;
        float: none !important;
    }
    
    .el-col-8:last-child {
        margin-bottom: 0 !important;
    }
    
    /* 优势图标放大 */
    .advantage_box .advantage_icon img {
        width: 80px !important;
        height: 80px !important;
        max-width: 80px !important;
        max-height: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
    }
    
    .advantage_icon img {
        width: 80px !important;
        height: 80px !important;
        max-width: 80px !important;
        max-height: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
    }
    
    /* 强制防溢出 - 针对所有可能的元素 */
    .top_box, .tab_box, .banner_box, .company_introduction_box,
    .operator_box, .business_box, .product_box, .honor_box,
    .el-carousel, .el-carousel__container, .el-carousel__item,
    .dialog_online, .el-dialog, .el-dialog__body {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
    
    /* 图片强制适应 */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 超小屏幕优化（小于375px） */
    @media screen and (max-width: 374px) {
        .img_bottom .bottom_title {
            font-size: 20px !important;
        }
        
        .img_bottom .bottom_btn {
            font-size: 16px !important;
            height: 45px !important;
            line-height: 45px !important;
        }
        
        .img_bottom_two .contact_1 {
            font-size: 24px !important;
        }
        
        .img_bottom .bottom_text p:first-child {
            font-size: 18px !important;
        }
        
        .img_bottom_two .contact_3 {
            font-size: 20px !important;
        }
    }
}