/* =========================================
   Mobile / Tablet Responsive Styles (Max 768px)
   ========================================= */
.mobile-header {
    display: none;
}
@media screen and (max-width: 768px) {
    a,img{transition-duration: 0ms !important;}
    /* --- 1. Global Reset & Layout --- */
    html, body {
        overflow-x: hidden;
        width: 100%;
    }

    /* 重置所有固定宽度的容器为自适应 */
    .wrap, 
    .header-top, 
    .header, 
    .footer-top, 
    .footer-bottom, 
    .index-news-grid, 
    .support-list-container, 
    .general-pro-container, 
    .pro-list-menu, 
    .pro-page-list, 
    .case-container, 
    .case-list-study-module, 
    .download-list-study-module,
    .product-content .wrap,
    .artcon.wrap,.index-product-section,.index4,.index-video,
    .index-about-section {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .stat-number,.about-contact-title{font-size: 40px;}

    /* 调整通用的上下间距 */
    .pt10{padding-top: 5px;}
    .pt20{padding-top: 10px;}
    .pt30{padding-top: 15px;}
    .pt40{padding-top: 20px;}
    .pt50{padding-top: 25px;}
    .pt60{padding-top: 30px;}
    .pt70{padding-top: 35px;}
    .pt80{padding-top: 40px;}
    .pt90{padding-top: 45px;}
    .pt100{padding-top: 50px;}

    .pb10{padding-bottom: 5px;}
    .pb20{padding-bottom: 10px;}
    .pb30{padding-bottom: 15px;}
    .pb40{padding-bottom: 20px;}
    .pb50{padding-bottom: 25px;}
    .pb60{padding-bottom: 30px;}
    .pb70{padding-bottom: 35px;}
    .pb80{padding-bottom: 40px;}
    .pb90{padding-bottom: 45px;}
    .pb100{padding-bottom: 50px;}

    .list2{padding-bottom: 35px;}
    /* 全局标题字号缩小 */
    .section-title, 
    .about-title,
    .solution-header h2,
    .knowledge-main-title h2 {
        font-size: 32px;
        line-height: 1.3;
    }
    .section-title{margin-bottom: 25px;}

    /* 强制隐藏原桌面头部，显示新移动端头部 */
    .header, .header-top {
        display: none;
    }
    .mobile-header {
        display: block !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000; /* 确保在最上层 */
        background-color: #fff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        min-height: 50px;
    }

    /* 确保页面内容不被固定头部遮挡 */
    body {
        padding-top: 50px;
    }
    .index_banner{height: 50vh;}
    /* 头部整体布局 (Logo + 按钮/会员) */
    .mobile-header-menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 50px;
        padding: 0 15px;
    }
    .mobile-right{display: flex;gap: 15px;}

    /* Logo 样式 */
    .mobile-header-menu .mobile-logo img {
        height: 20px;
        width: auto;
    }

    /* 会员状态/退出区域 */
    .mobile-head-member {
        display: none;
    }
    .current .mobile-head-member {
        display: block;
    }
    .current .login-top{
        display: none;
    }
    
    .mobile-head-member .mobile-member-exit {
        line-height: 30px;
    }
    .mobile-head-member .mobile-member-exit a{margin-left: 10px;}
    

    /* 汉堡菜单按钮样式 */
    .mobile-menu-btn {
        display: block;
        width: 30px;
        height: 30px;
        cursor: pointer;
        position: relative;
        padding: 5px;
        /* 确保按钮在最右侧 */
        margin-left: auto;
        margin-right: 0;
        z-index: 9999;
    }
    .mobile-menu-btn span {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        margin-top: -1px;
        background-color: #333;
        transition: opacity 0.3s ease;
    }
    .mobile-menu-btn i {
        display: block;
        background-color: #333;
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        transition: top 0.3s ease, transform 0.3s ease;
    }
    .mobile-menu-btn .mbtn-top {
        top: -8px;
    }
    .mobile-menu-btn .mbtn-bottom {
        top: 8px;
    }

    /* 菜单打开时的按钮动画 (X 图标) */
    .mobile-menu-btn.menu-btn-on .mbtn-top {
        top: 0;
        transform: rotate(45deg);
    }
    .mobile-menu-btn.menu-btn-on .mbtn-bottom {
        top: 0;
        transform: rotate(-45deg);
    }
    .mobile-menu-btn.menu-btn-on span {
        background-color: #f8f8f8;
    }


    /* 2. 侧边栏菜单 (Off-Canvas Menu) */
    .menu-m {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%; /* 菜单宽度 */
        height: 100vh;
        background-color: #f6f8f7;
        z-index: 999; /* 略低于头部，避免遮挡 */
        overflow-y: auto;
        transform: translateX(100%); /* 默认隐藏在屏幕右侧 */
        transition-duration: 400ms;
    }
    .search_keyword{width: 100%;height: 50px;}
    /* JS 激活时，菜单滑入视图 */
    .menu-m.menu-top-show {
        transform: translateX(0);
    }
    /* 隐藏 HTML 中定义的关闭按钮，因为 JS 使用汉堡按钮作为开关 */
    .menu-m .close_ico {
        display: none;
    }

    /* 菜单列表内容 */
    .mobile-nav-menu {
        padding-top: 50px;
    }
    .mobile-nav-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .mobile-nav-menu li {
        border-bottom: 1px solid #e0e0e0;
    }

    .mobile-nav-menu li a {
        display: block;
        padding: 12px 20px;
        font-size: 16px;
        color: #333;
        position: relative;
        transition-duration: 0ms;
    }

    /* 子菜单切换按钮 ( + / - 图标) */
    .menu-sw-btn i {
        font-style: normal;
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -10px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        transition: transform 0.3s ease;
        font-weight: bold;
        font-size: 18px;
        color: #009b4c;
    }
    .menu-sw-btn.open i {
        transform: rotate(45deg); /* '+' 旋转成 'X' */
    }

    /* 子菜单内容 */
    .menu-son {
        display: none; /* JS 控制显示/隐藏 */
        background-color: #fff;
        padding: 10px 20px;
    }
    .menu-son ul {
        list-style: none;
    }
    .menu-son li {
        border-bottom: none;
    }
    .menu-son li a {
        padding: 10px 15px;
        font-size: 14px;
        color: #666;
    }
    .menu-son li a:hover {
        background: none;
        color: #009b4c;
    }

    /* 三级子菜单 (如果存在) 的样式修正 */
    .submenu-son {
        background-color: #f1f7f7;
        padding-left: 10px;
        display: none;
    }


    /* 3. 底部搜索和登录区 */
    .search-form {
        padding: 20px;

    }
    .search-form ul {
        display: grid;
        grid-template-columns: 4fr 1fr;
        align-items: center;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .search-form li {
        border-bottom: none;
        margin-bottom: 0;
    }
    .search-form .search_keyword {
        flex: 1;
        padding: 8px 10px;
        border: 1px solid #ccc;
        border-right: none;
        border-radius: 4px 0 0 4px;
    }
    .search-form .search_btn {
        width: 80px;
        height: 50px;
        line-height: 50px;
        background-color: #009b4c;
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 0 4px 4px 0;
    }

    /* 登录/注册链接 */
    .login-top {
        display: flex;
        justify-content: center;
        padding: 15px 20px;
    }
    .mobile-nav-menu .login-top a {
        padding: 0 10px;
        font-size: 14px;
        color: #009b4c;
    }
    .login-top span {
        color: #ccc;
    }

    /* 语言切换链接 */
    .mobile-nav-menu .cn, .mobile-nav-menu .en {
        color: #333;
        font-weight: normal;
    }

    /* --- 3. Index Section 1: Stats (数据统计) --- */
    


    /* --- 6. Index Section 4: Video (视频) --- */
    .index3-thumb-list {
        grid-template-columns: repeat(2, 1fr) !important; /* 缩略图改为2列 */
        gap: 15px !important;
    }
    .index3-thumb-title {
        font-size: 12px;
    }
    .index-case-btn{align-self: center;}
    /* --- 7. Index Section 5: Engineering Case (工程案例) --- */
    .index-case-list{gap: 20px;}
    .index-case-card {
        border-radius: 10px;
        flex-direction: column; /* 上下排列 */
        height: auto !important;
    }
    .index-case-img-box {
        flex: none;
        height: 200px; /* 给图片固定一个高度 */
    }

    .index-case-info-box {
        flex: none;
        padding: 25px 20px !important;
    }
    .index-case-info-box h3 {
        font-size: 20px;
        line-height: 1.4;
    }
    .index-case-info-box p {
        font-size: 14px;
        margin-bottom: 20px;
        -webkit-line-clamp: 3; /* 限制行数 */
    }

    /* --- 8. Index Section 6: News (新闻) --- */
    .index-news-grid {
        grid-template-columns: 1fr !important; /* 改为单列 */
        width: 100% !important;
        margin-left: 0 !important;
        gap: 20px;
        padding: 0 0 20px;
    }
    .index-news-date{font-size: 16px;margin: 20px 0 10px;}
    .index-news-card{padding: 20px 15px 15px;}
    .global-footer-action{margin: 0;}

    .load-more-btn{padding: 0 50px;line-height: 45px;display: inline-block;}
    .index-news-title{font-size: 16px;margin-bottom: 10px;min-height: auto;}
    .index-news-img {
        height: auto;
        margin-bottom: 10px;
    }

    /* --- 9. Footer (底部) --- */
    .footer-top{padding: 2em 10px;font-size: 16px;border-radius: 15px 15px 0 0;}
    .footer-top h2{font-size: 20px;margin-bottom: 20px;}
    .footer-top .wrap {
        display: block !important; /* 取消 Flex */
    }
    .footer-left {
        width: 100%;
        display: block; /* 取消 Grid，改为垂直堆叠 */
    }
    .footer-menu, .footer-contact {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-menu ul {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }
    .footer-menu li {
        width: 45%;
        margin-top: 10px;
    }
    .footer-logo {
        width: 100%;
        justify-content: center;
        margin-bottom: 30px;
    }
    .footer-send {
        float: none;
        width: 100%;
    }
    .footer-send textarea, 
    .footer-send input {
        width: 100%;
    }

    /* --- 10. Floating Elements (悬浮按钮) --- */
    /* 调整悬浮购物车和留言按钮的位置和大小 */
    .basket, .open-form-btn, .staffbtn,.printopen {
        width: 45px !important;
        height: 45px !important;
        background-size: 25px !important;
        right: 10px !important;
    }
    .basket { bottom: 5.5rem !important; }
    .printopen{ bottom: 9rem !important;}
    .open-form-btn { bottom: 2rem !important; }
    .basket i {
        margin: 0 0 0 25px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
    }

    /* --- 11. Other Pages / Components Fixes --- */
    
    .about-section {
        flex-direction: column;
        gap: 30px;
    }
    .about-sidebar {
        width: 100%;
    }
    .about-form-grid {
        grid-template-columns: 1fr; /* 表单改为单列 */
    }
    .about-message-area {
        grid-column: auto;
        grid-row: auto;
    }
    .about-message-box {
        padding: 25px;
        border-radius: 20px 20px 0 0;
    }
    .about-submit-btn {
        width: 100%;
        font-size: 20px;
    }

    /* 解决方案详情页 */
    .solution-content {
        flex-direction: column;
    }
    .card-item, .card-item.is-current {
        width: 100%;
        flex: none;
    }

    /* 产品详情页布局 */
    .product-content .product-con-box1 {
        flex-direction: column;
        gap: 30px;
    }

    .product-gallery-top img {
        height: 300px; /* 限制图片高度 */
    }
    .pro-con-right {
        width: 100%;
    }
    .product-download ul {
        grid-template-columns: repeat(2, 1fr); /* 下载按钮改为2列 */
    }

    /* 模态框适配 */
    .vmax-send {
        width: 90% !important;
        max-width: none;
    }



    /*------------------ about -------------------*/




/* --- 1. list_ch12_mian.htm (方案主页) --- */

    /* 方案板块容器 */
    .solution-section {
        padding: 30px 15px;
    }

    /* 强制改为垂直排列 */
    .solution-content {
        display: block;
    }

    /* 方案卡片 */
    .card-item, 
    .card-item.is-current {
        width: 100%; /* 强制全宽 */
        flex: none;
        margin-bottom: 20px;
        height: auto; /* 高度自适应 */
        background-color: #000; /* 给图片增加一个背景底色 */
        border-radius: 10px;
        overflow: hidden;
    }

    /* 标题区域调整 */
    .card-title-box,
    .card-item.is-current .card-title-box {
        padding: 20px;
        position: relative;
        flex-direction: column;
        gap: 10px;
        text-align: left;
    }

    /* 标题文字大小 */
    .card-title-box h3,
    .card-item.is-current .card-title-box h3 {
        font-size: 24px;
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
    }

    /* 简介文字强制显示 */
    .card-intro,
    .card-item .card-intro {
        font-size: 14px;
        line-height: 1.5;
        width: 100%;
        color: rgba(255,255,255,0.8);
        white-space: normal;
    }

    .card-item.is-current .card-title-box p {
        width: 100%;
    }
    .case-content{position: relative;}

    /* 底部案例容器 */
    .case-container {
        width: 100%;
        padding: 30px 15px;
    }
    .case-item {
        margin-bottom: 20px;
    }


    /* --- 2. list_ch12.htm (案例列表页) --- */

    /* 顶部背景区域 */
    .cace-list-bg {
        min-height: auto;
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        display: block;
    }

    .cace-list-container {
        width: 100%;
        padding: 0 15px;
        margin: 0;
    }

    /* 顶部 Swiper 轮播 */
    .cace-list-swiper {
        height: 220px;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    /* 导航缩略图 - 改为底部横向滚动 */
    .cace-list-nav {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        background: transparent;
        padding: 0;
        backdrop-filter: none;
        display: flex;
        flex-direction: row;
        gap: 10px;
        overflow-x: auto;
        width: 100%;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    
    .cace-list-nav::-webkit-scrollbar { display: none; } /* 隐藏滚动条 */

    .cace-list-nav-item {
        flex: 0 0 130px;
        width: 130px;
        margin-right: 0;
        border: 2px solid transparent;
        background: rgba(0,0,0,0.2);
    }
    
    .cace-list-nav-item.active {
        border-color: #fff;
    }

    .cace-list-nav-img {
        width: 100%;
        height: 70px;
    }
    
    .cace-list-nav-text {
        font-size: 12px;
        padding: 5px 0;
    }

    .cace-banner-block { display: none; }

    /* 案例列表 Grid (通用样式，也被 list_ch14 使用) */
    .case-list-study-module {
        width: 100%;
        padding: 30px 15px;
    }
    .module-title{margin-bottom: 40px;}
    .case-list-grid {
        display: grid;
        grid-template-columns: 1fr; /* 单列 */
        gap: 20px;
        padding-bottom: 30px;
    }
    .page-list{padding: 10px 0 30px;}
    .case-list-item {
        width: 100%;
        margin-bottom: 0;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    
    .case-list-img-box {
        height: 200px;
    }

    .case-list-text-box h3 {
        font-size: 14px;
        padding: 0 10px;
    }


    /* --- 3. list_ch13.htm (产品列表页) --- */

    /* 分类菜单 - 横向滚动 */
    .pro-list-menu {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        padding: 20px 15px;
        -webkit-overflow-scrolling: touch;
    }
    .pro-list-menu ul {
        display: flex;
        width: auto;
        gap: 10px;
    }
    .pro-list-menu li {
        width: auto;
        flex: 0 0 auto;
        margin-right: 15px;
        margin-bottom: 0;
        padding-left: 0;
    }
    .pro-list-menu li::before { display: none; }
    
    .pro-list-menu li a {
        padding: 0 15px;
        background: #f5f5f5;
        border-radius: 20px;
        border: 1px solid #eee;
        line-height: 30px;
        transition-duration: 0ms;
    }
    .pro-list-menu li.current a {
        background: #006637;
        color: #fff;
        border-color: #006637;
    }

    .general-pro-container{padding: 0 15px;}
    .recommendations .general-pro-container{padding: 25px 15px 30px;}
    .recommendations h2{padding: 0 15px;font-size: 20px;}
    .anzhuang h2::after{display: none;}
    /* 产品网格 - 双列 (通用样式，也被 list_ch12 推荐位使用) */
    .recommendations .general-pro-container,.general-pro-container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        width: 100%;
        justify-content: space-between;
    }
    .recommendations .general-pro-item,.general-pro-item{
        width: 48%; /* 双列 */
        width: calc(50% - 5px); 
    }
    .product-content .wrap{padding: 0;}
    .general-pro-img-box {
        height: 140px;
        padding: 5px;
    }
    .general-pro-title {
        font-size: 12px;
    }
    .general-pro-images {
        width: 100%;
        height: auto;
    }

    .pro-page-list::before{display: none;}
    .pro-page-list li{padding-right: 10px;}
    .pro-page-list li a,.pro-page-list li.p a, .pro-page-list li.n a{line-height: 40px;height: 40px;}
    .pro-page-list li.p a, .pro-page-list li.n a,.pro-page-list li.p.none a,.pro-page-list li.n.none a{width: 70px;background-size: 25px;}


    /* --- 4. article_ch13.htm (产品详情页) --- */

    /* 主布局容器 - 反转顺序：图在上，文在下 */
    .product-con-box1 {
        display: flex;
        flex-direction: column-reverse; 
        gap: 20px;
        padding: 20px 0;
    }

    /* 图片画廊 */

    .product-gallery-top {
        width: 100%;
        height: 300px;
        margin-bottom: 10px;
    }
    .product-gallery-thumbs {
        width: 100%;
    }


    /* 右侧信息区域 */
    .pro-con-right {
        width: 100%;
        padding: 0 15px;
    }
    .canshu h2 {
        font-size: 22px;
        line-height: 1.4;
    }
    .product-content{font-size: 16px;}
    /* SKU 选择器 */
    .sku-tag a {
        margin: 0 10px 10px 0;
        padding: 0 15px;
        font-size: 14px;
        height: 34px;
        line-height: 34px;
    }
    .sku-content table { width: 100%; }
    .sku-content td {
        display: block;
        width: 100%;
        padding: 5px 0;
    }
    .product-con-box2{padding: 0;}
    .product-con-box{padding: 25px 0;}

    /* 社交分享 */
    .pro-share-left {
        width: 100%;
        margin-top: 20px;
    }
    .cnshare a { margin-bottom: 10px; }

    /* 内容模块 (视频/优势/下载) */
    .pro-con-mod { padding: 20px 15px; }
    .pro-con-mod h2 { font-size: 20px;padding-bottom: 25px;}
    
    /* 视频自适应 */
    .provideo iframe, 
    .pro-con-mod .movie iframe,
    .pro-con-mod .movie2 iframe {
        width: 100%;
        height: 200px;
    }

    /* 下载列表 - 改为双列 */
    .product-download ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .product-download li {
        width: 100%;
        margin: 0;
    }
    .product-download li a {
        font-size: 12px;
        padding: 0 5px;
    }

    /* 场景应用轮播 */
    .scene-swiper-container {
        padding: 20px 15px 60px;
        border-bottom: 2px dotted #012718;
    }
    .swiper-pagination{bottom: 10px !important;}
    .scene-swiper-container .swiper-slide {
        height: 100px;
        display: flex;
        align-items: center;
    justify-content: center;

    }

    /* 打印/报价弹窗 (Modal) */
    .xz-box-main {
        position: fixed;
        z-index: 10000;
        overflow-y: auto;
    }
    .xz-main {
        width: 90%;
        margin: 0 auto;
        top: 40px;
        padding: 20px;
        height: calc(100vh - 80px);
        left: 0;
    }
    .xz-select h2 { font-size: 18px; }
    .xz-select{padding: 0 0 100px;overflow-y: auto;}
    .xz-print{position: absolute;bottom: 0;width: 100%;padding: 0;height: auto;padding: 10px 0;background: #fff;left: 0;}
    /* 货币选择器 */
    .selectmain2 {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }
    .selectmain2 a {
        text-align: center;
        margin: 0;
    }



    /* --- 5. list_ch20.htm (定制流程页) --- */

    .customization-section {
        padding: 35px 15px;
        height: auto;
        background-size: cover;
        background-position: center top;
    }

    .customization-title {
        font-size: 28px;
        margin-bottom: 25px;
    }

    .customization-scroll {
        width: 100%;
        overflow: visible;
        padding-bottom: 0;
    }

    /* 流程垂直堆叠 */
    .customization-flow {
        display: flex;
        flex-direction: column;
        min-width: 0;
        width: 100%;
    }

    .flow-item {
        width: 100%;
        flex: none;
        padding: 15px 10px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-right: none; 
        border-bottom: 1px dashed #595757;
    }
    
    .flow-item::after { display: none; }
    .flow-item:last-child { border-bottom: none; }

    /* 箭头旋转向下 */
    .flow-item:not(:last-child)::before {
        right: auto;
        top: auto;
        left: 50%;
        bottom: -6px;
        transform: translateX(-50%) rotate(90deg); 
        z-index: 5;
    }

    .flow-header {
        font-size: 16px;
        min-height: auto;
        margin-bottom: 15px;
        justify-content: center;
    }

    .flow-content {
        padding-left: 0;
        text-align: center;
    }
    .flow-content p {
        font-size: 14px;
        margin-bottom: 5px;
        color: #666;
    }


    /* --- 6. list_ch14_main.htm (服务支持首页) --- */


    .support-list-container {
        width: 100%;
        padding: 25px 15px;
    }


    /* --- 7. list_ch14_down.htm 及通用 (下载中心/二级菜单) --- */

    /* 顶部二级菜单 - 横向滚动 */
    .page-menu2 {
        padding: 20px 0;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }
    .page-menu2 .wrap {
        width: auto;
        padding: 0 15px;
    }
    .page-menu2 ul {
        display: flex;
        flex-direction: row;
        gap: 15px;
    }
    .page-menu2 ul li {
        flex: 0 0 auto;
        width: auto;
        transition-duration: 0ms;
    }
    .epd-menu-li-8 li{padding: 0;}
    .page-menu2 ul li a {
        font-size: 16px;
        line-height: 40px;
        white-space: nowrap;
    }
    .page-menu2 ul li::after { bottom: 0; }

    /* 下载列表 */
    .download-list-study-module { padding-bottom: 30px; }
    .download-list-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .download-list-item {
        margin-bottom: 0;
        width: 100%;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .download-list-img-box { height: 140px; }
    .download-list-text-box { padding: 10px; }
    .download-list-text-box h3 {
        font-size: 13px;
        line-height: 1.4;
    }


    /* --- 8. index_ch14.htm (售后服务) --- */

    .after-sales-section {
        flex-direction: column;
        gap: 30px;
        padding: 40px 15px;
        min-height: auto;
    }
    .as-content, .as-image {
        width: 100%;
        flex: none;
    }
    .as-title {
        font-size: 28px;
    }
    .as-text {
        font-size: 14px;
        text-align: left;
    }
    .as-image img {
        width: 100%;
        object-fit: cover;
        min-height: auto;
    }


    /* --- 9. list_ch14_pic.htm (图片画廊列表) --- */
    .proright-wechat{display: none !important;}
    .gallery-container {
        padding: 20px 0 40px;
        width: 100%;
    }
    .gallery-top {
        height: 250px;
        margin-bottom: 10px;
    }
    .gallery-top .swiper-slide img {
        object-fit: contain;
        background: #f5f5f5;
        height: 100%;
        max-width: max-content;
        max-height: max-content;
    }
    .gallery-thumbs { height: 70px; }
    .gallery-thumbs .swiper-slide {
        width: 70px;
        height: 100%;
        opacity: 0.5;
    }
    .gallery-thumbs .swiper-slide img{margin: 0 auto;}
    .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
        border: 2px solid #006637;
    }


    /* --- 10. list_yt14f.htm (照明知识库) --- */
    .knowledge-main-title{margin-bottom: 40px;}
    /* Tabs 切换器 - 横向滚动 */
    .knowledge-tabs {
        display: flex;
        gap: 10px;
        margin-bottom: 50px;
        justify-content: flex-start;
        -webkit-overflow-scrolling: touch;
    }
    
    .knowledge-tab-btn {
        flex: 0 0 auto;
        min-width: auto;
        padding: 8px 15px;
        font-size: 13px;
        transition-duration: 0ms;
        max-width: 100%;
    }
    .knowledge-tab-btn:hover{background-color: #f8f8f8;border-color: #f8f8f8;
        color: #333;}

    .knowledge-tab-btn.active{
    background-color: #006637;
    color: #ffffff;
    border-color: #006637;
}
    
    /* 知识内容 - 垂直堆叠 */
    .knowledge-content-item {
        flex-direction: column;
        gap: 20px;
    }
    .knowledge-content-left {
        padding-top: 0;
        width: 100%;
    }
    .knowledge-sub-title {
        font-size: 20px;
        margin-bottom: 20px;
        padding-left: 15px;
    }
    .knowledge-content-right {
        flex: none;
        width: 100%;
    }

    /* 知识列表容器 - 左侧菜单 + 右侧列表 */
    .knowledge-container {
        flex-direction: column;
        gap: 30px;

    }

    /* 知识分类菜单 - 横向滚动 */
    .knowledge-menu {
        width: 100%;
        display: none;
    }
    .knowledge-menu ul {
        display: flex;
        gap: 15px;
        padding-bottom: 10px;
    }
    .knowledge-menu ul li { flex: 0 0 auto; }
    .knowledge-menu ul li a {
        background: #f5f5f5;
        padding: 8px 20px;
        border-radius: 20px;
        white-space: nowrap;
    }
    .knowledge-menu ul li.active a { background: #006637; }

    /* 知识列表 - 单列 */
    .knowledge-list {
        display: flex;
        gap: 20px;
        width: 100%;
    }
    .knowledge-list a{width: 100%;}
    .k-img-box { padding-bottom: 56.25%; }
    .k-text-box { padding: 15px; }
    .k-title {
        font-size: 16px;
        -webkit-line-clamp: 2;
    }
    .investment-content{padding: 0 15px;}
    .investment-title{font-size: 35px;}
    .investment-text{font-size: 18px;}

    .product-gallery-thumbs .swiper-slide{width: 82px;height: 82px;}
    
    
    
    /* --- quo-main (报价单弹窗) --- */

    .quo-main {
        overflow-y: auto; /* 允许整体滚动，防止内容溢出 */
    }

    /* 1. 顶部操作栏 */
    .quobottop {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
        top: 0 !important;
        padding: 0 15px !important;
        height: 60px !important;
        box-sizing: border-box;
    }

    .quobottop div {
        height: 60px !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .quobottop span {
        float: none !important;
        padding: 0 10px !important;
        font-size: 16px !important;
        line-height: 55px !important;
        margin-top: 0 !important;
    }

    .quobottop a.allquo {
        float: none !important;
        margin: 0 5px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
        line-height: 28px !important;
        margin-top: 0 !important;
        white-space: nowrap;
    }
/* 1. 容器：定义为 Grid 网格布局 */
    .quo-content {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* 强制双列 */
        gap: 15px !important; /* 间距 */
        padding: 20px 15px 80px !important; /* 留出底部按钮空间 */
        width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
        top: 60px !important;
        height: auto !important;
        background: #f5f5f5;
        overflow-y: visible !important;
        box-sizing: border-box;
    }

    /* 2. 核心技巧：打通 UL 层级 */
    /* 使用 display: contents 让 li 能够直接参与 .quo-content 的 Grid 布局 */
    .quo-content ul {
        display: contents !important;
    }
    
    /* 隐藏清除浮动的 div，避免占据网格空间 */
    .quo-content .clear {
        display: none !important;
    }

    /* 3. "ADD My" 添加按钮卡片样式 */
    .addproduct {
        float: none !important;
        width: 100% !important; /* 占满网格单元 */
        height: auto !important;
        aspect-ratio: 1/1; /* 保持正方形 */
        margin: 0 !important;
        background: #fff;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 5px; /* 可选：圆角 */
        color: #333;
        font-weight: bold;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }
    
    /* 调整图标位置，使其垂直居中 */
    .addproduct span {
        margin: 0 0 10px 0 !important; /* 移除 PC 端的大 margin */
        width: 50px !important;
        height: 50px !important;
        background-size: cover !important;
    }

    /* 4. 产品列表项样式 (li) */
    .quo-content li {
        float: none !important;
        width: 100% !important; /* 占满网格单元 */
        margin: 0 !important;
        height: auto !important;
        background: transparent;
        list-style: none;
    }

    /* 产品图片容器 */
    .quo-content li span {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        width: 100%;
        aspect-ratio: 1/1; /* 保持正方形 */
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #fff;
        border-radius: 5px;
    }

    .quo-content li img {
        max-width: 100% !important;
        max-height: 100% !important;
        width: auto;
        height: auto;
        margin: 0 !important;
        transform: none !important;
    }

    /* 移除遮罩层逻辑，手机端直接显示移除按钮 */
    .quo-content li div {
        display: none !important; /* 隐藏 PC 端的绿色遮罩层，手机端体验不好 */
    }

    /* 手机端一直显示 Remove 按钮 */
    .quo-content li .removequo {
        display: block !important;
        top: -8px !important;
        right: -8px !important;
        width: 28px !important;
        height: 28px !important;
        background-size: 14px !important;
        background-color: #cb2027;
        z-index: 10;
    }

    /* 产品标题 */
    .quo-content li p {
        background: #fff;
        padding: 5px;
        font-size: 12px;
        line-height: 1.4;
        height: 38px; /* 限制两行高度 */
        white-space: normal !important; /* 允许换行 */
        display: -webkit-box;
        -webkit-line-clamp: 2; /* 限制2行 */
        -webkit-box-orient: vertical;
        margin-top: 5px;
        text-align: center;
    }
    /* 隐藏标题里的 em 标签 (通常是PC端的悬浮提示) */
    .quo-content li p em {
        display: none !important;
    }

    /* 移除按钮放大，改为一直显示或调整位置 */
    .removequo {
        width: 30px !important;
        height: 30px !important;
        top: -10px !important;
        right: -10px !important;
        background-size: 15px !important;
    }
    
    /* 手机端默认显示移除按钮，方便操作 */
    .quo-content li .removequo {
        display: block !important;
    }

    /* "添加"按钮卡片 */
    .addproduct {
        float: none !important;
        width: 100% !important; /* 占满一格 */
        height: auto !important;
        aspect-ratio: 1/1;
        margin: 0 !important;
    }
    .addproduct span {
        margin-top: 30% !important;
    }

    /* 3. 底部操作栏 */
    .quobottom {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
        bottom: 0 !important;
        height: 60px !important;
        padding: 0 10px !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: fixed !important; /* 确保固定在底部 */
    }

    .quobottom a {
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 36px !important;
        padding: 0 15px !important;
        flex: 1; /* 均分宽度 */
        margin: 0 5px !important;
    }

    .quobottom .quoclose {
        float: none !important;
        width: auto !important;
        margin-top: 0 !important;
    }
    .quobottom .nextpdf {
        margin-right: 0 !important;
    }

    /* --- Image Modal (选择模板弹窗) --- */
    .image-modal-content {
        width: 90% !important;
        max-width: none !important;
        padding: 20px !important;
    }
    .image-modal-content h2 {
        font-size: 18px !important;
    }
    .image-modal-content a {
        margin: 10px !important;
        display: block !important; /* 手机端垂直排列 */
    }
    .image-modal-content img {
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
    }



    .page-box-text h2{font-size: 50px;line-height: 35px;}
    .page-box-text h2 span{font-size: 25px;}
    .about-box2 img{min-width: 100%;height: 50vh;width: auto;}
    .support-item {
        height: auto;
        padding: 20px 0;
    }
    .sp-title{font-size: 20px;}
    .support-item .wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .support-text-box {
        text-align: left;
    }
    .sp-num {
        font-size: 50px;
    }
    /* 移动端左对齐 */
    .sp-desc a:hover {
        transform: translateX(5px); 
    }

    /* Banner */
    .about-banner-section { height: 60vh; min-height: 400px; }
    .about-text-content { padding-top: 120px; }
    .en-title-large { font-size: 32px; }
    .cn-sub-title { font-size: 16px; }

    /* DNA */
    .brand-dna-section { padding: 30px 0; }
    .dna-intro h3 { font-size: 16px; }
    .dna-intro{padding: 0;margin-bottom: 40px;}
    .dna-visual-img{margin-bottom: 30px;}
    .dna-grid { grid-template-columns: 1fr; gap: 30px; margin-bottom: 30px;}
    .dna-footer-text{font-size: 18px;}
    .dna-footer-text{padding: 0;}
    
    /* Dedication */
    .dedication-section { padding: 40px 0; }
    .dedication-section .wrap { flex-direction: column; gap: 40px; width: 100%; padding: 0 20px; box-sizing: border-box; }
    .dedication-left { flex: 0 0 auto; width: 100%; padding: 0; margin-bottom: 20px; }
    .dedication-left img { width: 100%; }
    .ded-img-frame::before { width: 100%; height: 100%; top: -15px; left: -15px; border-width: 1px; }
    .ded-img-frame::after { display: none; }
    .dedication-right { width: 100%; }
    .ded-header { text-align: left; margin-bottom: 10px; position: relative; }
    .ded-sub { position: static; font-size: 24px; margin-bottom: 10px; color: #fff; }
    .ded-years-box { align-items: baseline; padding-bottom: 15px; margin-bottom: 20px; }
    .big-num { font-size: 100px; line-height: 1; }
    .year-text { font-size: 18px; margin-left: 10px; }
    .ded-desc { padding: 0; margin-bottom: 30px; }
    .ded-desc.cn p { font-size: 16px; line-height: 1.6; text-align: justify; }
    .ded-media-row { flex-direction: column; align-items: flex-start; gap: 20px; padding-top: 0; }
    .three-circles-img { width: 100%; max-height: none; }
    .three-circles-img img { height: auto; width: 100%; max-width: 300px; margin: 0 auto;}
    .right-bottom-img { width: 100%; height: 200px; }

    /* Pillars */
    .pillars-section { padding: 30px 0; }
    .pillars-main-title { font-size: 20px; margin-bottom: 40px; flex-wrap: wrap; gap: 5px; }
    .pillars-main-title::before, .pillars-main-title::after { width: 30px; margin: 0 5px; }
    .title-diamond { width: 50px; height: 50px; font-size: 24px; clip-path: polygon(50% 0%, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0% 50%, 35% 35%);
    clip-path: path('M25 0 C25 15 35 25 50 25 C35 25 25 35 25 50 C25 35 15 25 0 25 C15 25 25 15 25 0 Z');}
    .pillars-intro-box { display: block; min-height: auto; }
    .pillars-top-bg { position: relative; top: 0; right: 0; width: 100%; height: 200px; background-position: center; background-size: contain; margin-bottom: 20px; }
    .pillars-intro-text { width: 100%; padding-top: 0; }
    .watermark-text { font-size: 60px; top: -30px; right: 0; }
    .pillars-intro-text h2 { padding: 0 5vw; font-size: 24px; margin-bottom: 30px;}
    .pillars-intro-text p { font-size: 16px; line-height: 1.6; }
    .pillars-content-row { flex-direction: column; gap: 40px; }
    .pillar-item { margin-bottom: 30px; }
    .p-header { font-size: 18px; min-width: 50%; padding: 5px 15px; }
    .p-desc { font-size: 15px; line-height: 1.6; }
    .pillars-images-col { flex: 0 0 auto; width: 100%; height: auto; flex-direction: column; gap: 20px; }
    .p-img-box { width: 100%; }
    
    /* 移动端恢复堆叠，不强制撑满 */
    .pillars-images-col { 
        width: 100%; 
        flex: auto; 
        order: -1; 
        height: auto; 
        gap: 20px; 
        justify-content: flex-start;
    }


    .dubai-bg-img {
        min-height: 500px; 
        object-fit: cover;
    }
    .dubai-content-overlay {
        padding-top: 40px;
    }
    .dubai-text-p {
        font-size: 13px;
        text-align: left;
    }
    .dubai-footer-bar{padding: 30px 0;}
    .dubai-footer-quote{font-size: 16px;}
    .dubai-footer-slogan { font-size: 18px; }

    .ia-top-row { flex-direction: column; gap: 30px; margin-bottom: 50px; }
    .ia-left-img { height: 250px; }
    .ia-right-text { padding-bottom: 0; }
    .ia-line { display: none; } /* 手机端隐藏装饰线 */

    .ia-stats-row { 
        padding: 0;
        display: grid; 
        grid-template-columns: 1fr 1fr; /* 两列布局 */
        gap: 20px; 
    }
    .index1-number{font-size: 35px;}
    
    .ia-stat-item.first::before {
        width: 150px; height: 150px; top: -30px; left: -30px;
    }
    
    .ia-num { font-size: 40px; margin-bottom: 10px; }
    .ia-num .unit { font-size: 16px; }
    .ia-desc { font-size: 13px; }
    .ip-btn{font-size: 14px;}

    .index-product-section { padding-bottom: 0;padding-top: 20px; }
    .ip-grid-container { gap: 15px; }
    .ip-row-1 { height: 300px; }
    /* 强制所有行在手机端变为单列堆叠 */
    .ip-row-2, .ip-row-3 { display: block; height: auto; }
    .ip-row-2 .ip-card, .ip-row-3 .ip-card {
        width: 100%;
        height: 250px;
        margin-bottom: 15px;
    }
    
    .ip-content { padding: 25px; }
    .ip-text h3 { font-size: 20px; }
    .ip-text h3 span { font-size: 14px; }
    
    .footer-links-col{display: none;}
    .footer-contact-col{width: 100%;}
    .contact-grid{grid-template-columns: 1fr;gap: 20px;}
}