/*
 * 首页移动端专用样式文件
 * 针对超小屏幕设备进行优化
 * 创建时间：2025-07-20
 */

/* 超小屏幕优化 - 所有样式只在移动端生效 */
@media screen and (max-width: 768px) {

    /* 隐藏移动端地图 */
    .m_intro_map {
        display: none !important;
    }

    /* slide2 服务特色展示区域移动端优化 */
    .slide2 .service_swiper .swiper-slide .info {
        transform: translateY(-30px);
    }

    /* slide2 分页器位置调整 */
    .slide2 .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 70px !important;
    }

    /* 厂房介绍界面优化 */
    .slide_factory .common_top {
        display: none !important;
    }

    /* 厂房介绍分页器位置调整 */
    .banner-swiper .swiper-pagination {
        transform: translateY(-15px) !important;
    }



    .environment_category_tabs {
        margin-top: 0 !important;
    }

    /* 园区环境移动端隐藏标题 */
    .slide4_5 .commom_title {
        display: none !important;
    }

    /* 新闻中心板块优化 */
    .slide3 .w1400 {
        padding-top: 20vh;
        padding-bottom: 20vh;
    }

    /* 厂房分页器完全重写 */
    .mobile_factory_switch {
        position: absolute;
        bottom: -35px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background: rgba(0, 0, 0, 0.3);
        padding: 8px 16px;
        border-radius: 20px;
        backdrop-filter: blur(10px);
        z-index: 100;
    }

    .mobile_factory_switch .switch_item {
        width: 10px !important;
        height: 10px !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.5) !important;
        border: 1px solid rgba(255, 255, 255, 0.8) !important;
        cursor: pointer;
        transition: all 0.3s ease;
        font-size: 0 !important;
        line-height: 0 !important;
        color: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        text-indent: -9999px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    .mobile_factory_switch .switch_item.active {
        background: #e60012 !important;
        border-color: #e60012 !important;
        transform: scale(1.2) !important;
    }

    .mobile_factory_switch .switch_item:hover {
        background: rgba(255, 255, 255, 0.8) !important;
    }

    .mobile_factory_switch .switch_item.active:hover {
        background: #e60012 !important;
    }

    /* Safari底部操作栏遮挡footer最优解决方案 */
    .footer {
        min-height: calc(100vh - 80px) !important;
        box-sizing: border-box !important;
    }

}