/* ============================================
   Torieo.com - 移动端响应式适配
   解决 body{min-width:1200px} 导致的水平滚动问题
   ============================================ */

@media screen and (max-width: 1200px) {
    html, body {
        font-size: 12px !important;
        width: 100% !important;
    }

    body {
        min-width: auto !important;
        overflow-x: hidden !important;
    }

    /* 导航栏适配 */
    #header {
        position: relative !important;
    }

    #header .content {
        padding: 0 1rem !important;
    }

    #header .content img {
        height: 40px !important;
    }

    .el-menu--horizontal {
        display: none !important;
    }

    /* 通用容器宽度适配 */
    .comm_box {
        width: 95% !important;
        margin: 1rem auto !important;
        padding: 0 0.5rem !important;
    }

    .comm_position {
        width: 95% !important;
        font-size: 0.875rem !important;
    }

    /* Banner 高度适配 */
    .comm_banner {
        height: auto !important;
        min-height: 200px;
    }

    /* 标题适配 */
    .comm_title {
        font-size: 1.5rem !important;
    }

    .comm_title_sub {
        font-size: 0.875rem !important;
    }

    /* 数据统计栏适配 */
    .comm_honner_items {
        width: 95% !important;
        position: relative !important;
        transform: none !important;
        left: auto !important;
        top: auto !important;
        height: auto !important;
        padding: 1rem 0 !important;
    }

    .comm_honner_items_item {
        height: auto !important;
        padding: 0.5rem 0 !important;
    }

    .comm_honner_items_item_l1,
    .indexPage .comm_honner_items_item_l1 {
        font-size: 1.2rem !important;
        margin-top: 0 !important;
    }

    .comm_honner_items_item_l2,
    .indexPage .comm_honner_items_item_l2 {
        font-size: 0.8rem !important;
    }

    /* 服务项目适配 */
    .indexPage .service {
        height: auto !important;
        padding: 2rem 0 !important;
    }

    .indexPage .service_items {
        width: 95% !important;
        margin: 1rem auto !important;
    }

    .indexPage .service_items_item {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 1rem !important;
        transform: none !important;
    }

    .indexPage .service_items_item_head {
        height: auto !important;
        line-height: 2.5rem !important;
        font-size: 1rem !important;
    }

    .indexPage .service_items_item_info {
        margin: 1rem !important;
        height: auto !important;
        font-size: 0.875rem !important;
    }

    .indexPage .service_items_item_more {
        font-size: 0.875rem !important;
        width: auto !important;
        height: auto !important;
        line-height: 2rem !important;
        padding: 0 1.5rem !important;
        margin: 0.5rem 1rem 1rem !important;
    }

    /* 案例展示适配 */
    .comm_anli_items {
        height: auto !important;
        padding: 1rem 0 !important;
    }

    .comm_anli_items_item {
        width: 100% !important;
        height: auto !important;
        transform: none !important;
    }

    .comm_anli_items_item_img {
        width: 100% !important;
        height: auto !important;
    }

    .comm_anli_items_col {
        margin-top: 0.5rem !important;
    }

    /* 解决方案适配 */
    .indexPage .solution_items {
        width: 95% !important;
        transform: none !important;
    }

    /* 客户logo适配 */
    .indexPage .kehu_items_item {
        transform: none !important;
    }

    /* 城市分布图适配 */
    .indexPage .citys {
        height: auto !important;
        min-height: 300px;
    }

    .citys_items_item {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        transform: none !important;
        left: auto !important;
        top: auto !important;
    }

    /* Footer 适配 */
    .footer {
        height: auto !important;
        padding: 2rem 0 !important;
    }

    .footer_box {
        width: 95% !important;
        height: auto !important;
        transform: none !important;
        padding-top: 1rem !important;
    }

    .footer_logo {
        width: 150px !important;
        height: auto !important;
    }

    .footer_link {
        margin-top: 0.5rem !important;
        font-size: 0.875rem !important;
    }

    /* 关于页适配 */
    .about .company_text {
        font-size: 0.95rem !important;
        line-height: 1.8 !important;
    }

    .about .say_cn {
        font-size: 0.95rem !important;
    }

    .about .say_en {
        font-size: 0.7rem !important;
    }

    /* 案例详情页适配 */
    .anlinfo_info_title {
        font-size: 1.2rem !important;
    }

    .anlinfo_info_body {
        font-size: 0.9rem !important;
        line-height: 1.8 !important;
        min-height: auto !important;
    }

    /* 隐藏在移动端不必要的装饰 */
    .indexPage .kehu_cover {
        display: none !important;
    }

    /* 隐私政策页适配 */
    .privacy-page h1 {
        font-size: 1.5rem !important;
    }

    .privacy-page h2 {
        font-size: 1.1rem !important;
    }

    .privacy-page p,
    .privacy-page li {
        font-size: 0.9rem !important;
        line-height: 1.8 !important;
    }

    /* 底部法律信息栏适配 */
    .footer_bottom {
        padding: 0.8rem 0 !important;
        margin-top: 1rem !important;
        font-size: 0.85rem !important;
    }
}

@media screen and (max-width: 768px) {
    /* 小屏幕进一步适配 */
    .el-row {
        display: block !important;
    }

    .el-col {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        offset: 0 !important;
    }

    .comm_honner_items .el-row {
        display: flex !important;
    }

    .comm_honner_items .el-col {
        max-width: 25% !important;
        width: 25% !important;
    }

    /* FAQ 区块适配 */
    .app .yiwen_col_item {
        font-size: 0.875rem !important;
        padding: 0.5rem 1rem !important;
        width: 100% !important;
    }

    .app .yiwen_col {
        line-height: 2rem !important;
    }

    /* 流程图适配 */
    .comm_liucheng_col {
        width: 48% !important;
        display: inline-block !important;
    }

    .comm_liucheng_item {
        width: 100% !important;
        height: auto !important;
        padding: 0.5rem !important;
    }
}