/* ========== 移动端数字企业/农业/城市/产品适配样式 ========== */

/* ========== 基础移动端样式 (< 1200px) ========== */
@media (max-width: 1200px) {
    /* 覆盖PC端固定高度 */
    .main .content.contentEnterprise,
    .main .content.contentProduct {
        max-width: 100% !important;
        padding: 30px 15px !important;
        height: auto !important;
    }

    /* 数字企业模块 */
    .main .enterprise-img {
        max-width: 100%;
        margin: 20px auto 0;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .main .enterprise-img .enterprise-box {
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        cursor: pointer;
        flex: none !important;
        transition: none !important;
        animation: none !important;
    }

    /* 禁用PC hover效果 */
    .main .enterprise-img .enterprise-box:hover,
    .main .enterprise-img .enterprise-box:active {
        box-shadow: none !important;
        transform: none !important;
    }

    /* 禁用PC光效扫过 */
    .main .enterprise-img .enterprise-box::before,
    .main .enterprise-img .enterprise-box:hover::before {
        display: none !important;
        content: none !important;
    }

    /* 背景图 - 始终使用默认图，不切换 */
    .main .enterprise-img .enterprise-box.bg1,
    .main .enterprise-img .enterprise-box:hover.bg1,
    .main .enterprise-img .enterprise-box.enterprise-active.bg1 {
        background: url('../images/szqy1.png') no-repeat center / cover !important;
    }
    .main .enterprise-img .enterprise-box.bg2,
    .main .enterprise-img .enterprise-box:hover.bg2,
    .main .enterprise-img .enterprise-box.enterprise-active.bg2 {
        background: url('../images/szqy2.png') no-repeat center / cover !important;
    }
    .main .enterprise-img .enterprise-box.bg3,
    .main .enterprise-img .enterprise-box:hover.bg3,
    .main .enterprise-img .enterprise-box.enterprise-active.bg3 {
        background: url('../images/szqy3.png') no-repeat center / cover !important;
    }

    /* 禁用背景图缩放 */
    .main .enterprise-img .enterprise-box:hover .bg1,
    .main .enterprise-img .enterprise-box:hover .bg2,
    .main .enterprise-img .enterprise-box:hover .bg3 {
        transform: none !important;
        transition: none !important;
    }

    /* 标题默认样式 - 强制覆盖PC端所有hover动画 */
    .main .enterprise-img .enterprise-box .enterprise-tit1,
    .main .enterprise-img .enterprise-box .enterprise-tit2,
    .main .enterprise-img .enterprise-box .enterprise-line {
        position: absolute;
        left: 15px;
        z-index: 2;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    /* 强制禁用PC hover时的标题飞出效果 */
    .main .enterprise-img .enterprise-box:hover .enterprise-tit1,
    .main .enterprise-img .enterprise-box:hover .enterprise-tit2,
    .main .enterprise-img .enterprise-box:hover .enterprise-line {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    .main .enterprise-img .enterprise-box .enterprise-tit1 {
        font-size: 18px;
        font-weight: 700;
        color: #0C163E;
        line-height: 1.3;
    }

    .main .enterprise-img .enterprise-box .enterprise-tit2 {
        font-size: 13px;
        font-weight: 400;
        color: #61779C;
        line-height: 1.3;
    }

    .main .enterprise-img .enterprise-box .enterprise-line {
        height: 6px;
    }

    /* 遮罩内容默认隐藏 - 强制覆盖PC端hover效果 */
    .main .enterprise-img .enterprise-box .enterprise-text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(67, 125, 203, 0.9) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        box-sizing: border-box;
        z-index: 1;
        padding: 4px 15px 15px;
        transform: none !important;
        transition: none !important;
        animation: none !important;
        transform-origin: center center;
    }

    /* 强制禁用PC hover时的遮罩显示 */
    .main .enterprise-img .enterprise-box:hover .enterprise-text {
        visibility: hidden !important;
        opacity: 0 !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    /* 强制隐藏遮罩内的所有内容 */
    .main .enterprise-img .enterprise-box .enterprise-text .priset-lable,
    .main .enterprise-img .enterprise-box .enterprise-text .priset-value,
    .main .enterprise-img .enterprise-box .enterprise-text .btn-list .btn {
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }

    /* 强制禁用PC hover时的内容飞入动画 */
    .main .enterprise-img .enterprise-box:hover .enterprise-text .priset-lable,
    .main .enterprise-img .enterprise-box:hover .enterprise-text .priset-value,
    .main .enterprise-img .enterprise-box:hover .enterprise-text .btn-list .btn {
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }

    .main .enterprise-img .enterprise-box .enterprise-text .priset-lable {
        font-size: 16px;
        font-weight: 700;
        color: #FFFFFF;
        margin-bottom: 8px;
    }

    .main .enterprise-img .enterprise-box .enterprise-text .priset-value {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 13px;
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .main .enterprise-img .enterprise-box .enterprise-text .btn-list {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .main .enterprise-img .enterprise-box .enterprise-text .btn {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-size: 12px;
        color: #fff;
        text-decoration: none;
        background: transparent !important;
        border: none;
        box-shadow: none !important;
    }

    .main .enterprise-img .enterprise-box .enterprise-text .btn .btn-iocn {
        width: 6px;
        height: 6px;
        background: #FFFFFF;
        border-radius: 50%;
    }

    .main .enterprise-img .enterprise-box .enterprise-text .btn .btn-text {
        font-size: 12px;
    }

    /* 激活状态：标题隐藏，显示遮罩 */
    .main .enterprise-img .enterprise-box.enterprise-active .enterprise-tit1,
    .main .enterprise-img .enterprise-box.enterprise-active .enterprise-tit2,
    .main .enterprise-img .enterprise-box.enterprise-active .enterprise-line {
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    .main .enterprise-img .enterprise-box.enterprise-active .enterprise-text {
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    .main .enterprise-img .enterprise-box.enterprise-active .enterprise-text .priset-lable,
    .main .enterprise-img .enterprise-box.enterprise-active .enterprise-text .priset-value,
    .main .enterprise-img .enterprise-box.enterprise-active .enterprise-text .btn-list .btn {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }

    /* ========== 相关产品模块 ========== */
    .main .contentProduct .product-item {
        max-width: 100%;
        padding: 10px 15px !important;
        margin-top: 0;
        min-height: auto !important;
        background: #fff !important;
    }

    /* Tab导航 */
    .tab-nav-wrapper {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .main .contentProduct .product-item ul {
        height: auto !important;
        line-height: normal !important;
    }

    .main .contentProduct .product-item ul li {
        padding: 0 14px !important;
        height: 36px !important;
        line-height: 36px !important;
        font-size: 14px !important;
    }

    .arrow {
        width: 28px;
        height: 36px;
        border: none;
        background: #f5f5f5;
        color: #BD0F0F;
        font-size: 18px;
        cursor: pointer;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .left-arrow {
        margin-right: 6px;
        position: relative !important;
        left: auto !important;
    }

    .right-arrow {
        margin-left: 6px;
        position: relative !important;
        right: auto !important;
    }

    .tab-container {
        flex: 1;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .tab-container::-webkit-scrollbar {
        display: none;
    }

    .tab-container .tabList {
        display: flex;
        gap: 0;
        white-space: nowrap;
    }

    .tab-container .tabList .tab-btn {
        display: inline-block;
        padding: 0 14px;
        height: 36px;
        line-height: 36px;
        background: #fff;
        font-size: 14px;
        color: #333;
        cursor: pointer;
        white-space: nowrap;
        text-align: center;
    }

    .tab-container .tabList .tab-btn.active {
        background: #BD0F0F;
        color: #fff;
    }

    /* 产品内容 */
    .main .contentProduct .product-item .product-content {
        display: none;
        flex-direction: column;
        width: 100%;
        height: auto !important;
        margin: 15px 0 0 !important;
        position: relative !important;
    }

    .main .contentProduct .product-item .product-content.active {
        display: flex !important;
    }

    .main .contentProduct .product-item .product-content .left-content {
        width: 100%;
        height: auto !important;
        padding: 10px 12px;
        background: rgba(255, 255, 255, 0.95) !important;
        border-radius: 8px 8px 0 0;
        box-sizing: border-box;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        text-align: left;
        z-index: 2;
    }

    .main .contentProduct .product-item .product-content .left-content h3 {
        font-size: 15px;
        color: #BD0F0F;
        margin: 0 0 6px;
        line-height: 1.3;
    }

    .main .contentProduct .product-item .product-content .left-content > span:first-of-type {
        font-size: 13px;
        color: #666;
        line-height: 1.5;
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 158px;
    }

    .main .contentProduct .product-item .product-content .left-content .more {
        height: 30px !important;
        line-height: 30px !important;
        display: inline-flex !important;
        align-items: center;
        margin-top: 4px;
        padding: 0 16px;
        background: #BD0F0F !important;
        border-radius: 15px;
        color: #fff;
        font-size: 12px;
        text-decoration: none;
    }

    .product-content .more .ckgd-txt {
        height: 30px !important;
        line-height: 30px !important;
        color: #FFFFFF !important;
        font-size: 12px !important;
    }

    .product-content .ckgd {
        margin-left: 6px !important;
        width: 14px !important;
        height: 10px !important;
    }

    .main .contentProduct .product-item .product-content .right-content {
        width: 100%;
        height: 180px;
        border-radius: 0 0 8px 8px;
        overflow: hidden;
        position: relative !important;
        top: auto !important;
        right: auto !important;
    }

    .main .contentProduct .product-item .product-content .right-content img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* ========== 小屏手机 (< 700px)：一行一个卡片 ========== */
@media (max-width: 700px) {
    .main .enterprise-img {
        flex-direction: column;
    }

    .main .enterprise-img .enterprise-box,
    .main .enterprise-img .enterprise-box.enterprise-active {
        width: 100%;
        height: 270px !important;
    }

    .main .enterprise-img .enterprise-box .enterprise-tit1 {
        top: 50px;
    }

    .main .enterprise-img .enterprise-box .enterprise-tit2 {
        top: 88px;
    }

    .main .enterprise-img .enterprise-box .enterprise-line {
        top: 120px;
    }

    .main .enterprise-img .enterprise-box .enterprise-text .priset-value {
        -webkit-line-clamp: 3;
        font-size: 12px;
        line-height: 1.5;
    }

    .main .contentProduct .product-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ========== 中屏平板 (701px - 1200px)：一行两个卡片 ========== */
@media (min-width: 701px) and (max-width: 1200px) {
    .main .enterprise-img {
        flex-direction: row;
    }

    .main .enterprise-img .enterprise-box,
    .main .enterprise-img .enterprise-box.enterprise-active {
        width: calc(50% - 5px);
        height: 260px !important;
    }

    .main .enterprise-img .enterprise-box .enterprise-tit1 {
        bottom: 15px;
        top: auto;
        font-size: 20px;
        color: #FFFFFF;
        text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    }

    .main .enterprise-img .enterprise-box .enterprise-tit2,
    .main .enterprise-img .enterprise-box .enterprise-line {
        display: none !important;
    }

    .main .enterprise-img .enterprise-box .enterprise-text .priset-value {
        -webkit-line-clamp: 5;
        font-size: 13px;
    }

    .main .enterprise-img .enterprise-box.enterprise-active .enterprise-tit1 {
        top: 20px;
        bottom: auto;
    }

    .main .enterprise-img .enterprise-box.enterprise-active .enterprise-tit2 {
        display: block !important;
        top: 48px;
    }
}

/* ========== 中大屏 (700px - 1200px)：更大的卡片和文字 ========== */
@media (min-width: 700px) and (max-width: 1200px) {
    .main .enterprise-img .enterprise-box,
    .main .enterprise-img .enterprise-box.enterprise-active {
        height: 320px !important;
    }

    .main .enterprise-img .enterprise-box .enterprise-tit1,
    .main .enterprise-img .enterprise-box .enterprise-tit2,
    .main .enterprise-img .enterprise-box .enterprise-line {
        display: block !important;
    }

    .main .enterprise-img .enterprise-box .enterprise-tit1 {
        font-size: 24px;
        top: 90px;
        bottom: auto;
        color: #0C163E;
        text-shadow: none;
    }

    .main .enterprise-img .enterprise-box .enterprise-tit2 {
        top: 134px;
    }

    .main .enterprise-img .enterprise-box .enterprise-line {
        top: 170px;
    }

    .main .enterprise-img .enterprise-box .enterprise-text .priset-lable {
        font-size: 20px;
    }

    .main .enterprise-img .enterprise-box .enterprise-text .priset-value {
        -webkit-line-clamp: 3;
        font-size: 15px;
    }

    .main .enterprise-img .enterprise-box .enterprise-text .btn .btn-text {
        font-size: 14px;
    }

    /* 相关产品左右布局 */
    .main .contentProduct .product-item .product-content.active {
        flex-direction: row !important;
        gap: 0;
    }

    .main .contentProduct .product-item .product-content .left-content {
        width: 50% !important;
        height: auto !important;
        padding: 16px;
        border-radius: 8px 0 0 8px !important;
    }

    .main .contentProduct .product-item .product-content .left-content h3 {
        font-size: 17px;
        margin: 0 0 8px;
    }

    .main .contentProduct .product-item .product-content .left-content > span:first-of-type {
        font-size: 13px;
        -webkit-line-clamp: 8;
        margin-bottom: 12px;
    }

    .main .contentProduct .product-item .product-content .left-content .more {
        margin-top: 0 !important;
    }

    .main .contentProduct .product-item .product-content .right-content {
        width: 50% !important;
        height: auto !important;
        min-height: 260px;
        border-radius: 0 8px 8px 0 !important;
    }
}