/* ========== main.css - 核心样式（手机+电脑端） ========== */
/* 基础重置 */
body { font: 14px/22px Arial, "思源黑体";  margin: 0px;}
*{ padding:0; margin:0; font-family:"思源黑体" !important; box-sizing: border-box;}
ul,li,p{ list-style:none; padding:0; margin:0;}
a { color:#666; text-decoration:none;}
a:hover{ color:#1296E9; text-decoration:none !important;}
label {font-weight:200;}
.clearboth { clear:both; }
.img-responsive{ margin:0 auto; max-width: 100%; height: auto;}
#maskTop{ width:282px !important;}

/* 分页样式 */
.page{ text-align:center; margin:20px auto; width:100%;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#555;}

/* 头部样式（电脑端）+ 手机端下滑导航 */
.header{ width:100%; border-bottom:2px solid #ddd; background:#fff; padding:10px 0; position:relative;}
.header .logo{ text-align:left;}
.header .nav_right{ float:right;}
.header .nav_right .nav ul li{ float:left;}
.header .nav_right .nav ul li a{display: block;line-height:67px;padding-left: 15px;font-weight: bold;font-size:15px; color:#222;}
.header .nav_right .nav ul li a:hover,.header .nav_right ul li a.active{ color:#0f84f5;}
.header .nav1{ display:block;}
.header .nav1 ul{width:100%;display:none;}
.header .nav1 li{float:none;border-top:1px solid #ccc;padding-left:30px;}
.header .nav1 li a{display: block; height:42px;line-height: 42px; text-align:left;font-weight: bold; font-size:15px; color:#222;}
#pull{display:block;padding:0 30px;width: 24px;position: absolute;left: 48%; top:25px;}
.header .nav1 li a:hover,.header .nav1 li a.active{ color:#0f84f5;}
.header .nav_right .a2{ padding:0 15px; color:#fff; height:34px; line-height:34px; text-align:center;border-radius:17px;position:relative; display:inline-block; font-size:14px;background: #f35c39;margin-top:10px;}

/* 首页厂家排名 */
.box1{ margin:30px auto; margin-bottom:30px;}
.box1 .title{text-align: center;margin-bottom:30px;}
.box1 .title h1{ font-size:22px; color:#333; margin-top:0;}
.box1 .title p{ font-size:16px; color:#f00}
.box1 .con .l{ margin-bottom:30px;}
.box1 .con .l .pic{ overflow:hidden;}
.box1 .con .l .pic img{ display:block; margin:0 auto; max-width:100%;}
.box1 .con .l h3{ color:#333; margin-bottom:0; font-size:16px;font-weight:bold; text-align:center;}
.box1 .con .l a:hover h3{color:#0f84f5;}
.box1 .con .l a:hover .pic img{transition: all 1s linear; transform: scale(1.12);}

/* 首页厂家推荐 */
.box2{ margin-bottom:20px;}
.box2 .list{ margin-bottom:30px;}
.box2 .list .l1 .l_left{ width:100% !important;}
.box2 .list .l1 .pic{overflow:hidden;}
.box2 .list .l1 .pic img{ display:block; margin:0 auto; max-width:100%;}
.box2 .list .l1 .pic img:hover{transition: all 1s linear; transform: scale(1.12);}
.box2 .list .l1 h2{ font-size:16px; font-weight:bold; margin-top:15px;}
.box2 .list .l1 p span{ font-weight:bold;}
.box2 .list .l2{ margin-top:10px;}
.box2 .list .l2 p span{ font-weight:bold;}
.box2 .list .l3{ margin-top:15px; padding:15px; background:#f7f7f7;}
.box2 .list .l3 p span{ font-weight:bold;}

/* 底部样式 */
.footer{padding:20px 0;background: #111;text-align: left;margin-bottom: 60px;}
.footer .right{ margin:15px 0;}
.footer .right p{ color:#fff; line-height:22px;}
.footer .right p a{color:#fff;}
.footer1{ width:100%;  background:#262626; color:#fff; height: auto; line-height:30px; padding:5px 0;}
.footer1 p{ text-align:left; color:#fff; font-size:12px;}
.footer1 p a{color:#fff; padding:0 10px; font-size:12px;}

/* 底部在线报价 */
.footer_fixed{position: fixed;width: 100%;bottom: 0px;left: 0;right: 0px;max-width: 750px;margin: 0 auto;z-index: 999;background-color: #ffffff;box-shadow: 0 0 0.32rem 0 rgba(0,0,0,0.19);overflow:hidden; padding:10px; display:block;}
.footer_fixed ul li{margin:5px 1%; width:48%; float:left;}
.footer_fixed ul li a{ display:block; width:100%;height:40px; line-height:40px; text-align:center;color:#fff; font-size:15px; border-radius: 20px; position:relative;}
.footer_fixed ul li a i{ padding-right:10px; font-size:20px;}
.footer_fixed ul li .a1{background:#34a853;}
.footer_fixed ul li .a2{background:#f35c39;}
.footer_fixed ul li a .label {position: absolute;display: block;left:30%;line-height: 18px;top: 2px;width: 18px;height: 18px; line-height:16px;border-radius: 50%;background-color: #FF0000;color: #fff;font-size: 10px;}
.footer_fixed .biaodan{ position:fixed; width:80%; height: auto; background:#fff; top:50%; left: 50%;transform: translate(-50%, -50%);z-index: 9999; }
/* 右侧浮框 */
.fix_side{width: 110px;position: fixed;right: 0;box-shadow: 0 0 3px rgba(0,0,0,0.1); background-color: #fff;border-radius:8px;z-index:9999999999;top:210px;display:none;}
.fix_side ul li{}
.fix_side ul li i{padding-right:10px; font-size:22px; color:#0e84f1;}
.fix_side ul li a{display:block;background:#fff; color:#333; position:relative;border-bottom:1px solid #eef1f3;height:60px; line-height:60px; margin:0 10px; padding:0;}
.fix_side ul li a .label {position: absolute;display: block;left:13%;top:12px;width:18px;height:18px; line-height:16px;border-radius: 50%;background-color: #FF0000;color: #fff;font-size: 10px;}
.fix_side ul li:hover a{color:#fff; margin:0; padding:0 10px;}
.fix_side ul li:hover a i{color:#fff;}
.fix_side ul li:hover .a1{ border-radius:8px 8px 0 0;background: #34a853;}
.fix_side ul li .a2{ border-radius:0 0 8px 8px;background: #f35c39; padding:0 10px; color:#fff; margin:0 0;}
.fix_side ul li .a2 i{color:#fff;}

/* 手机端独立导航栏 */
.mobile-banner-compact {
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.company-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
.company-name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.gold-tag {
    background: #f35c39;
    color: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}
.service-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.service-item {
    flex: 1 1 auto;
    min-width: 70px;
    background: #f5f5f5;
    border-radius: 20px;
    padding: 6px 0;
    font-size: 12px;
    text-align: center;
    color: #555;
    white-space: nowrap;
}

/* ========== 媒体查询 - 电脑端 (≥780px) ========== */
@media (min-width: 780px) {
    .header .nav_right .nav{display:block;}
    .header .nav1{ display:none;}
    .header .nav_right .a2{ padding:0 15px;height:38px; line-height:38px;border-radius: 20px;font-size:15px;margin-top:15px;}
    .box1{ margin:90px auto; margin-bottom:40px;}
    .box1 .title{margin-bottom: 50px;}
    .box1 .title h1{ font-size:26px;}
    .box1 .con .l h3{ text-align:left;}
    .box2{ margin-bottom:40px;}
    .box2 .list .l1 .l_left{ width:130px !important;}
    .box2 .list .l1 h2{margin-top:0;}
    .footer{ margin-bottom:0;}
    .footer_fixed{ display:none;} 
    .fix_side{ display:block;}
    .mobile-index, .mobile-banner-static, .company-card-mobile {display: none !important;}
    body {padding-top: 0 !important;}
}

/* ========== 媒体查询 - 手机端 (<780px) ========== */
@media (max-width: 779px) {
    /* 基础隐藏/显示 */
    .pc-only, .box1 {display: none !important;}
    .pc-list { display: block !important; }
    .mobile-index {
        display: block;
        padding: 15px 10px; 
		margin: 0 0px !important;
        background: #f5f5f5;
        overflow-x: hidden !important;
    }
.mobile-banner-static {
    background: linear-gradient(90deg, #1a3b42, #2e7d32);
    /* 关键：去掉 100vh，改成自适应内容高度 */
    min-height: 100vh !important;
    height: auto !important;
    padding: 20px 15px 30px !important; /* 上下 padding 稍微收一点 */
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important; /* 改为从顶部开始排，不分散对齐 */
    align-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100% !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* 图片占位框 */
.banner-product-img {
    width: min(100vw, 450px) !important;  /* 从 320px → 360px，更大上限 */
    height: min(70vw, 320px) !important; /* 从 240px → 270px，保持 4:3 比例 */
    margin: 0 auto 60px auto !important;
    flex-shrink: 0 !important;
    border: 2px dashed rgba(255,255,255,0.5) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.05) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255,255,255,0.7) !important;
    font-size: 14px !important;
}

.banner-product-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* 图片完全填满这个框，不留白 */
    display: none !important;
}

/* 有图时：隐藏父容器的虚线框 */
.banner-product-img:has(img[src]:not([src=""])) {
    border: none !important;
    background: transparent !important;
}
/* 有图时：显示图片 */
.banner-product-img img[src]:not([src=""]) {
    display: block !important;
}

/* 获取报价按钮 */
.banner-quote-btn {
    display: inline-block !important;
    /* 上下3vw，左右10vw；大屏最大16px 60px，小屏自动缩小 */
    padding: min(3vw, 16px) min(15vw, 120px) !important; 
    /* 字号随屏幕缩放，最大18px，小屏自动变小 */
    font-size: min(6vw, 28px) !important; 
    background: #f35c39 !important;
    color: #fff !important;
    font-weight: bold !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    margin-top: 10px !important;
    margin-bottom: 70px !important;
}



/* 产品中心tab横向滚动 */
.case-section .tab-nav-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 15px;
    padding-bottom: 5px;
    scrollbar-width: none; /* Firefox隐藏滚动条 */
}
.case-section .tab-nav-wrapper::-webkit-scrollbar {
    display: none; /* Chrome/Safari隐藏滚动条 */
}
/* 产品中心主标题下方绿色横线 */
.case-section .section-main-title {
    position: relative;
    padding-bottom: 12px;       /* 为横线预留空间 */
    margin-bottom: 20px;        /* 与下方内容的间距 */
    text-align: center;         /* 标题居中 */
}

.case-section .section-main-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;                /* 横线宽度 */
    height: 3px;                /* 横线高度 */
    background-color: #34a853;   /* 绿色，与按钮等元素呼应 */
    border-radius: 2px;          /* 微圆角，可选 */
}
.case-section .tab-nav {
    display: flex;
    gap: 8px;
    width: max-content;
    padding: 0 2px;
}
.case-section .tab-item {
    padding: 8px 20px;
    background: #f8f8f8;
    border-radius: 30px;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.2s;
}
.case-section .tab-item.active {
    background: #f35c39;
    color: #fff;
}
/* 卡片样式 */
.case-section .scroll-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    width: 260px;
    flex-shrink: 0;
    transition: transform 0.2s;
}
.case-section .scroll-item:active {
    transform: scale(0.98);
}
.case-section .scroll-item img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
}
.case-section .item-title {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    padding: 12px 12px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    background: #fff;
}
.case-section .scroll-x {
    gap: 12px;
}
.case-section .more-product-btn {
    display: inline-block;
    padding: 8px 20px;
    background: #34a853;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 25px;
    text-decoration: none;
    transition: background 0.2s;
}
.case-section .more-product-btn:active {
    background: #2a8c46;
}
.case-section .more-product-btn-wrap {
    text-align: center;
    margin-top: 20px;
}










    /* 通用样式 */
    .mobile-index h3 {
        font-size: 20px;
        font-weight: bold;
        margin: 0 0 10px;
        color: #222;
    }
    .mobile-index .call-btn {
        display: block;
        width: 90%;
        margin: 15px auto;
        background: #f35c39;
        color: #fff;
        text-align: center;
        padding: 12px 0;
        border-radius: 30px;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
    }

    /* 新增独立页面核心样式：全屏纯蓝、无白边、无灰色底色 */
    .new-top-page {
        width: 100vw !important;      
        background-color: #0066ff !important; 
        margin: 0 !important;         
        padding: 20px 0 !important;   
        position: relative !important;
        left: 0 !important;           
        color: #ffffff !important;    
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }

    /* 标题区域样式：居中+合理间距+字体大小 */
    .new-top-titles {
        text-align: center !important;
        margin-bottom: 20px !important;
        padding: 0 10px !important;   
    }
    .main-title {
        font-size: 24px !important;   
        margin: 0 0 8px 0 !important; 
        font-weight: bold !important;
    }
    .sub-title1 {
        font-size: 20px !important;   
        margin: 0 0 8px 0 !important;
    }
    .sub-title2 {
        font-size: 18px !important;   
        margin: 0 !important;
    }

    /* 图片占位区：虚线框+定死尺寸+居中 */
    .new-top-img-box {
        width: 90% !important;        
        height: 200px !important;     
        margin: 0 auto !important;    
        border: 2px dashed #ffffff !important; 
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 图片样式：适配占位区，上传图片后自动填充 */
    .new-top-img {
        width: 100% !important;       
        height: 100% !important;
        object-fit: cover !important; 
        display: block !important;
    }

    /* 无图片时，虚线框仍清晰显示 */
    .new-top-img[src=""] {
        display: none !important;     
    }

    /* 顶部Banner */
   .mobile-banner-static {
    background: #2e7d32;
 background: linear-gradient(135deg, #1a3b42, #2e7d32);
    padding: 40px 15px;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 15px;
    border-radius: 0;
    overflow: hidden;
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;
}
    /* 修改处1：banner-features 从 nowrap 改成 wrap，窄屏自动换行 */
    .banner-features {display: flex;justify-content: space-between;align-items: center;gap: 8px;flex-wrap: wrap;padding: 0; width: 100%;box-sizing: border-box;margin-bottom: 5px;}
    .feature-card {display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;min-height: 110px;background-color: #ffffff;border-radius: 16px;box-shadow: 0 42px 122px rgba(0, 0, 0, 0.06);padding: 12px 5px;box-sizing: border-box;min-width: 80px;} /* 新增min-width，保证卡片不挤变形 */
    .feature-icon {width: 45px;height: 45px;background-color: #2e9e49;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 8px;}
    .feature-icon i {color: #ffffff;font-size: 22px;}
    .feature-text {font-size: 14px;color: #333333;font-weight: 500;text-align: center;white-space: nowrap;}

    /* 优势板块 */
    .advantage-section {
        background: #34a853 !important;
        border-radius: 12px;
        padding: 20px 15px;
        margin-bottom: 20px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    .advantage-section h3 {font-size: 20px;font-weight: bold;margin: 0 0 10px;color: #fff !important;text-align: center;}
    .advantage-desc {background: rgba(255,255,255,0.2) !important;padding: 10px;border-radius: 8px;color: #fff !important;font-size: 14px;text-align: center;margin: 15px 0;}
    .advantage-list {display: flex;flex-wrap: wrap;justify-content: space-between;}
    .advantage-item {display: flex;align-items: flex-start;width: 48%;background: #f9f9f9 !important;border-radius: 8px;padding: 8px 6px;margin-bottom: 8px;box-sizing: border-box;box-shadow: 0 1px 4px rgba(0,0,0,0.08);text-align: left;}
    .advantage-item i {font-size: 22px;color: #34a853 !important;width: 32px;text-align: center;flex-shrink: 0;line-height: 1.2;margin-right: 2px;}
    .advantage-item .text-wrap {flex: 1;text-align: left;}
    .advantage-item h4 {font-size: 15px;font-weight: 600;margin: 0 0 2px;color: #333;text-align: left;}
    .advantage-item p {font-size: 11px;color: #666;line-height: 1.3;margin: 0;text-align: left;}

    /* 案例板块 */
    .case-section {background: #fff;border-radius: 12px;padding: 20px 15px;margin-bottom: 20px;}
    .case-subtitle {color: #999;font-size: 14px;margin: -5px 0 15px;}
    .case-list {display: flex;flex-wrap: wrap;justify-content: space-between;}
    .case-item {width: 48%;margin-bottom: 15px;}
    .case-item img {width: 100%;border-radius: 8px;display: block;}
    .case-item h4 {font-size: 14px;color: #333;margin: 8px 0 0;text-align: center;}
    .case-stats {text-align: center;color: #f35c39;font-size: 14px;margin: 10px 0;font-weight: 500;}

    /* 生产实力 */
    .strength-section {background: #fff;border-radius: 12px;padding: 20px 15px;margin-bottom: 20px;}
    .strength-subtitle {color: #999;font-size: 14px;margin: -5px 0 15px;}
    .strength-content img {width: 100%;border-radius: 8px;margin-bottom: 10px;}
    .strength-desc {font-size: 14px;color: #555;line-height: 1.6;}

    /* 热门问题 */
    .faq-section {background: #fff;border-radius: 12px;padding: 20px 15px;margin-bottom: 20px;box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
    .faq-section h3 {font-size: 20px;font-weight: bold;margin: 0 0 15px;color: #222;text-align: center;}
    .faq-list {margin-bottom: 15px;}
    .faq-item {border-bottom: 1px solid #f0f0f0;padding: 15px 0;}
    .faq-item:last-child {border-bottom: none;}
    .faq-question {display: flex;align-items: flex-start;margin-bottom: 8px;}
    .q-icon, .a-icon {display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: center;background: #34a853;color: #fff;border-radius: 4px;font-size: 14px;margin-right: 10px;flex-shrink: 0;}
    .a-icon {background: #f35c39;align-self: flex-start;margin-top: 2px;}
    .faq-question h4 {flex: 1;font-size: 15px;font-weight: 600;margin: 0;color: #333;line-height: 1.4;}
    .faq-answer {display: flex;margin-top: 5px;}
    .answer-wrap {flex: 1;display: flex;align-items: flex-end;background: #f9f9f9;border-radius: 8px;padding: 10px 12px;min-height: 3.2em;}
    .answer-content {flex: 1;font-size: 14px;color: #555;line-height: 1.6;word-break: break-word;}
    .answer-content.preview {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    .answer-toggle {font-size: 14px;color: #34a853;text-decoration: underline;cursor: pointer;background: none;border: none;padding: 0 0 0 8px;white-space: nowrap;flex-shrink: 0;}
    .answer-toggle:hover {color: #f35c39;}

    /* 底部简洁行 */
    .expert-row {display: flex;align-items: center;justify-content: center;margin-top: 20px;gap: 15px;}
    .expert-text {font-size: 16px;font-weight: 600;color: #0a4b7a;font-family: "思源黑体", "Microsoft YaHei", sans-serif;letter-spacing: 0.5px;white-space: nowrap;}
    .expert-call {background: #f35c39;color: #fff;padding: 8px 16px;border-radius: 30px;font-size: 14px;font-weight: bold;text-decoration: none;white-space: nowrap;}

    /* 手机端box2产品列表 */
    .box2 .list .l1 {display: flex;align-items: flex-start;margin-bottom: 15px;}
    .box2 .list .l1 .l_left {width: 180px !important;min-width: 180px !important;max-width: 180px !important;flex-shrink: 0;margin-right: 15px;}
    .box2 .list .l1 .l_left .pic {width: 100%;height: auto;}
    .box2 .list .l1 .l_left .pic img {width: 100%;height: auto;display: block;border-radius: 6px;}
    .box2 .list .l1 .col-md-10 {flex: 1;padding-left: 0;}
    .box2 .list .l1 h2 {font-size: 16px;margin-top: 0;margin-bottom: 5px;line-height: 1.4;}
    .box2 .list .l1 h2 a {color: #333;font-weight: bold;}
    .box2 .list .l1 [list:ext_jianjie] {font-size: 14px;color: #666;line-height: 1.5;}
    .box2 .list .l3 {clear: both;margin-top: 10px;padding: 10px;background: #f7f7f7;border-radius: 6px;font-size: 13px;}
    .box2 .list .l3 p {font-size: 13px;margin: 0;}
    .box2 .list .l3 p span {font-weight: bold;}

    /* 手机端下滑导航 */
    .header {display: none !important;}
    .mobile-header {
        background: #fff;
        border-bottom: 1px solid #ddd;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        transition: transform 0.3s ease;
        padding: 8px 12px;
        box-sizing: border-box;
        display: block !important;
    }
    .mobile-header-main {display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;}
    .mobile-logo {flex-shrink: 0;margin-right: 8px;}
    .mobile-logo img {max-height: 36px;width: auto;display: block;position: relative;top: 2px;left: 15px;}
    .company-name {font-size: 15px;font-weight: 600;color: #333;flex: 1;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 5px;}
    .gold-image {height: 24px;width: auto;flex-shrink: 0;margin-right: 170px;vertical-align: middle;}
    .mobile-menu-btn {display: block;width: 24px;height: 24px;flex-shrink: 0;}
    .mobile-menu-btn img {width: 100%;height: auto;}
    .mobile-service-tags {display: flex;gap: 1px;flex-wrap: wrap;justify-content: space-between;}
    .mobile-service-tags .service-item {flex: 1;background: #f5f5f5;border-radius: 0px;padding: 1px 0;font-size: 11px;text-align: center;color: #555;white-space: nowrap;min-width: 22px;position: relative;top: 0;left: 0;}
    .mobile-menu {display: none;list-style: none;margin: 8px -12px -8px 12px;padding: 0;background: #fff;border-top: 1px solid #ddd;max-height: 80vh;overflow-y: auto;}
    .mobile-menu li {border-bottom: 1px solid #eee;}
    .mobile-menu li a {display: block;padding: 12px 10px;color: #333;text-decoration: none;font-size: 14px;}
    .mobile-menu li a:hover {background: #f5f5f5;}
    body {padding-top: 69px !important;padding-bottom: 50px !important;overflow-x: hidden !important;}

    /* 产品与案例展示 主标题 强制居中 */
    .case-section h3.section-main-title {
        text-align: center !important;
        margin: 0 auto 15px !important;
        width: 100% !important;
    }
    /* 副标题（产品中心|施工案例）容器居中 */
    .case-section .tab-nav {
        display: flex;
        justify-content: center;
        gap: 12px;
        margin: 0 auto 20px;
    }
    .case-section .tab-item {
        padding: 6px 20px;
        background: #f8f8f8;
        border-radius: 20px;
        font-size: 14px;
        cursor: pointer;
    }
    .case-section .tab-item.active {
        background: #f35c39;
        color: #fff;
    }

    /* 查看更多产品按钮 - 容器 */
    .case-section .more-product-btn-wrap {
        text-align: center;
        margin: 20px 0 30px; /* 上下间距，和产品区隔开 */
    }
    /* 按钮样式（和你现有橙色主色调匹配） */
    .case-section .more-product-btn {
        display: inline-block;
        padding: 8px 25px;
        background: #f35c39; /* 和选中标签同色，视觉统一 */
        color: #fff;
        font-size: 14px;
        border-radius: 25px;
        margin-bottom: -20px !important; 
        text-decoration: none; /* 去掉链接下划线 */
        transition: background 0.2s; /* hover渐变，更丝滑 */
    }
    /* 手指点击时的深色效果 */
    .case-section .more-product-btn:active {
        background: #e04a28;
    }

    /* ========== ALC板材产品优势模块 - 仅手机端生效 ========== */
    .alc-product-advantage-wrap {
        width: 100%;
        padding: 30px 20px;
        margin: 0 auto 20px;
        box-sizing: border-box;
		 background-color: #34a853; 
		  border-radius: 12px;
    }

    /* 标题：居中+左侧绿色竖线 */
    .alc-advantage-title {
        font-size: 22px;
        font-weight: 700;
        color: #ffffff !important;
        margin: 0 auto 20px !important;
        padding-left: 5px !important;
        border-left: 3px solid #009966 !important;
        line-height: 1.2 !important;
        text-align: center !important; /* 标题居中 */
        width: fit-content !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 描述文字：灰色+两端对齐 */
    .alc-advantage-desc {
        font-size: 15px !important;
        line-height: 1.8 !important;
        color: #ffffff !important;
        margin-bottom: 30px !important;
        text-align: justify !important;
    }

    /* 2行5列网格布局 */
    .alc-advantage-grid {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 15px 6px !important;
    }

    /* 单个优势项：居中+点击缩放 */
    .alc-advantage-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        cursor: pointer !important;
        transition: transform 0.2s ease !important;
    }
    .alc-advantage-item:active {
        transform: scale(1.05) !important;
    }

    /* 图标容器：绿色圆形底 + 白色图标 */
    .alc-product-advantage-wrap .alc-icon-box {
        width: 32px !important;
        height: 32px !important;
        border-radius: 50% !important;
        background: #009966 !important; /* 绿色底色 */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 8px !important;
        border: 0 !important;
        outline: 0 !important;
    }
    .alc-product-advantage-wrap .alc-icon-box i {
        font-size: 14px !important;
        color: #fff !important; /* 白色图标 */
        font-family: 'FontAwesome' !important;
        font-style: normal !important;
    }

    /* 优势文字：灰色小字 */
    .alc-text {
        font-size: 11px !important;
        color: #ffffff !important;
        line-height: 1.4 !important;
        width: 100% !important;
    }

    /* 弹窗遮罩 */
    .alc-modal-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(0,0,0,0.5) !important;
        display: none;
        align-items: center !important;
        justify-content: center !important;
        z-index: 9999 !important;
    }

    /* 弹窗内容 */
    .alc-modal-content {
        background: #fff !important;
        padding: 25px !important;
        border-radius: 12px !important;
        max-width: 90% !important;
        width: 320px !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    /* 关闭按钮 */
    .alc-modal-close {
        position: absolute !important;
        top: 12px !important;
        right: 15px !important;
        font-size: 20px !important;
        color: #999 !important;
        cursor: pointer !important;
        line-height: 1 !important;
    }
    .alc-modal-close:active {
        color: #666 !important;
    }

    /* 弹窗标题 */
    .alc-modal-title {
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #009966 !important;
        margin-bottom: 12px !important;
        text-align: center !important;
        line-height: 1.2 !important;
    }

    /* 弹窗描述 */
    .alc-modal-desc {
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: #555 !important;
        text-align: left !important;
    }
}
/* 新增案例展示模块 */
.case-showcase-section {
    background: #fff;
    border-radius: 12px;
    padding: 20px 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.case-showcase-section .section-title {
    font-size: 20px;
    font-weight: bold;
    color: #222;
    margin: 0 0 15px 0;
    text-align: center;
    position: relative;
    padding-bottom: 8px;
}
.case-showcase-section .section-title::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: #34a853;
    margin: 8px auto 0;
    border-radius: 2px;
}
.case-showcase-section .scroll-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 15px;
    padding-bottom: 5px; /* 给滚动条留点空间 */
}
.case-showcase-section .scroll-x {
    display: flex;
    gap: 12px;
    width: max-content;
}
.case-showcase-section .case-card-item {
    width: 260px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform 0.2s;
}
.case-showcase-section .case-card-item:active {
    transform: scale(0.98);
}
.case-showcase-section .case-img-box {
    width: 100%;
    height: 160px;
    overflow: hidden;
    background: #f5f5f5;
}
.case-showcase-section .case-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.case-showcase-section .case-info {
    padding: 12px;
}
.case-showcase-section .case-info h4 {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin: 0 0 6px 0;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.case-showcase-section .case-info p {
    font-size: 12px;
    color: #666;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.case-showcase-section .more-link {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #34a853;
    font-weight: 500;
    text-decoration: none;
    margin-top: 5px;
}

/* 电脑端隐藏ALC模块 */
@media (min-width:780px){
  .alc-product-advantage-wrap,
  .alc-modal-overlay {
    display: none !important;
  }
}

/* ===== ALC产品优势弹窗样式（全局）===== */
.alc-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    z-index: 10000;
}
.alc-modal-content {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    max-width: 90%;
    width: 320px;
    position: relative;
    box-sizing: border-box;
    text-align: center;
}
.alc-modal-close {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 20px;
    color: #999;
    cursor: pointer;
    line-height: 1;
}
.alc-modal-close:hover {
    color: #666;
}
.alc-modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #009966;
    margin-bottom: 12px;
    line-height: 1.2;
}
.alc-modal-desc {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
    text-align: left;
}

/* 全局重置（补充）- 修改处2：强化溢出控制，不影响其他样式 */
body {
    font-family: "Microsoft YaHei", sans-serif;
    color: #333;
    line-height: 1.7;
    overflow-x: hidden !important;
    width: 100% !important;
    position: relative !important;
}
a {text-decoration: none;color: inherit;}

/* 手机端隐藏电脑端模块 */
@media (max-width: 779px) {
    .pc-index, .pc-header, .pc-footer, .pc-float, .wave-container,
    .pc-section, .pc-about-section, .pc-news-section,
    .pc-products, .pc-cases, .pc-advantages, .pc-hero, .pc-breadcrumb {
        display: none !important;
    }
    /* 只清零父容器的padding，解决白边核心问题 */
    div:has(.mobile-index),
    section:has(.mobile-index) {
        padding: 0 !important;
    }
}

/* 悬浮功能图标 */
.float-actions {
    position: fixed;
    right: 15px;
    bottom: 100px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.float-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #34a853;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    transition: background-color 0.3s;
}
.float-btn:hover {background-color: #f35c39;}

/* 波浪动画（仅电脑端） */
@media (min-width: 780px) {
    .wave-container {
        position: relative;
        width: 100%;
        height: 200px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        background: transparent;
        margin-top: -130px !important;
    }
    .wave-svg {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;}
    .wave-item {animation: wave 6s linear infinite;}
    .wave-item:nth-child(2) {animation-delay: -6s;}
    .wave-item:nth-child(3) {animation-delay: -12s;}
    @keyframes wave {0% { transform: translateX(0); }100% { transform: translateX(-1440px); }}
}

/* 手机端横向滑动 */
@media (max-width: 779px) {
    .float-actions { bottom: 80px; }
    .scroll-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;margin-bottom: 10px;}
    .scroll-x {display: flex;gap: 10px;width: max-content;}
    .scroll-item {width: 280px;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
    .scroll-item img {width: 100%;height: 160px;object-fit: cover;display: block;}
}

/* 电脑端悬浮图标位置 */
@media (min-width: 780px) {
    .float-actions { bottom: 30px; }
}

/* 新闻页面样式（仅电脑端） */
@media (min-width: 780px) {
    .main-container {width: 1200px;margin: 25px auto;padding: 0 20px;display: flex;gap: 20px;}
    .news-col { width: 60%; }
    .qa-col {width: 40%;min-width: 280px;}
    .news-tabs {display: flex;gap: 8px;margin-bottom: 10px;}
    .tab-btn {padding: 6px 14px;font-size: 13px;border: 1px solid #e5e5e5;border-radius: 4px;cursor: pointer;background: #fff;}
    .tab-btn.active, .tab-btn:hover {background: #2a9b40;color: #fff;border-color: #2a9b40;}
    .news-list {box-shadow: 0 0 6px rgba(42,155,64,0.03);padding: 16px;min-height: 400px;}
    .news-item {display: flex;justify-content: space-between;padding: 6px 0;border-bottom: 1px solid #f8f8f8;}
    .news-date { color: #aaa; font-size: 12px; }
    .qa-list {box-shadow: 0 0 6px rgba(42,155,64,0.03);padding: 16px;min-height: 400px;}
    .qa-item {padding: 8px 0;border-bottom: 1px solid #f8f8f8;}
    .qa-question {color: #2a9b40;display: flex;gap: 5px;}
    .qa-question::before {content: "问";width: 16px;height: 16px;background: #2a9b40;color: #fff;text-align: center;line-height: 16px;border-radius: 2px;}
    
    .case-section {width: 1200px;margin: 65px auto;padding: 0 20px;}
    .case-header {display: flex;justify-content: space-between;margin-bottom: 20px;}
    .case-title {font-size: 18px;color: #2a9b40;}
    .case-slider {overflow: hidden;}
    .case-track {display: flex;gap: 15px;animation: caseSlide 8s linear infinite;}
    .case-card {min-width: calc(100% - 10px);border: 1px solid #eee;border-radius: 6px;overflow: hidden;}
    .case-img {width: 100%;height: 180px;object-fit: cover;}
    .case-label {padding: 8px 5px;text-align: center;}
    @keyframes caseSlide {0% {transform: translateX(0);}100% {transform: translateX(-100%);}}
}

/* 详情页样式（仅电脑端） */
.breadcrumb {max-width: 1200px;margin: 20px auto;padding: 0 20px;font-size: 12px;color: #999;}
.breadcrumb a { color: #2a9b40; }
@media (min-width: 780px) {
    .container {max-width: 1200px;margin: 0 auto;padding: 0 20px;display: flex;gap: 30px;}
    .content-main {flex: 1;background: #fff;padding: 40px;border-radius: 8px;box-shadow: 0 3px 15px rgba(0,0,0,0.04);}
    .article-title {font-size: 26px;color: #222;font-weight: 600;text-align: center;margin-bottom: 20px;}
    .article-meta {text-align: center;font-size: 12px;color: #999;padding-bottom: 20px;border-bottom: 1px solid #eee;margin-bottom: 30px;}
    .article-content {font-size: 16px;color: #555;}
    .article-content img {max-width: 100%;height: auto;border-radius: 6px;margin: 25px auto;display: block;}
    .article-content h3 {font-size: 18px;color: #2a9b40;border-left: 4px solid #2a9b40;padding-left: 10px;margin: 30px 0 15px;}
    
    .sidebar {width: 300px;flex-shrink: 0;}
    .side-box {background: #fff;border-radius: 8px;padding: 20px;margin-bottom: 20px;box-shadow: 0 3px 15px rgba(0,0,0,0.04);}
    .side-title {font-size: 16px;font-weight: 600;color: #333;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 2px solid #2a9b40;}
    .related-list li {list-style: none;padding: 10px 0;border-bottom: 1px dashed #eee;}
    
    .product-slider {height: 600px;overflow: hidden;position: relative;}
    .product-list {position: absolute;top: 0;width: 100%;animation: slideUp 15s linear infinite;}
    .product-item {list-style: none;margin-bottom: 15px;text-align: center;}
    .product-item img {width: 100%;height: 180px;object-fit: cover;border-radius: 4px;}
    @keyframes slideUp {0% { transform: translateY(0); }100% { transform: translateY(calc(-100% + 240px)); }}
    .product-slider:hover .product-list { animation-play-state: paused; }
    
    .pagination {display: flex;justify-content: space-between;gap: 20px;margin-top: 40px;padding-top: 20px;border-top: 1px solid #eee;}
    .pagination a {display: block;width: 280px;padding: 8px 15px;background: #f5f5f5;border-radius: 4px;font-size: 14px;color: #333;text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .pagination a:hover {background: #2a9b40;color: #fff;}
}

/* 右侧悬浮栏（全局） */
.right-float-bar {
    position: fixed !important;
    top: 50% !important;
    right: 15px !important;
    transform: translateY(-50%) !important;
    z-index: 999999 !important;
}
<style>
    /* 手机导航样式 */
    .mobile-header {
        width: 100%;
        background: #ffffff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        
    }
    .mobile-header-main {
        display: flex;
        align-items: center;
        padding: 8px 15px;
        justify-content: space-between;
    }
    .mobile-logo img { height: 40px; width: auto; }
    .company-name {
        flex: 1;
        margin: 0 10px;
        font-size: 14px;
        color: #333;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .gold-image { height: 30px; width: auto; margin-right: 10px; }
    .mobile-menu-btn {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-menu-btn img { height: 25px; width: auto; }
    .mobile-service-tags {
        display: flex;
        padding: 5px 15px;
        background: #f5f5f5;
        border-top: 1px solid #eee;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .mobile-service-tags::-webkit-scrollbar { display: none; }
    .service-item {
        font-size: 12px;
        color: #666;
        margin-right: 15px;
        white-space: nowrap;
        line-height: 24px;
    }
    .mobile-menu {
        display: none;
        width: 100%;
        background: #fff;
        border-top: 1px solid #eee;
    }
    .mobile-menu li {
        padding: 12px 15px;
        border-bottom: 1px solid #f0f0f0;
        list-style: none;
    }
    .mobile-menu li a {
        color: #333;
        text-decoration: none;
        font-size: 14px;
        display: block;
    }
    .mobile-menu li a.active {
        color: #34a853;
        font-weight: bold;
    }
    /* 手机端保持 150px 不变 */
@media (max-width: 779px) {
  body { padding-top: 150px !important; }
}

/* 电脑端改成你想要的空白（比如 70px） */
@media (min-width: 780px) {
  body { padding-top: 550px !important; }
}

#pc-gotop {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #ff5722;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  z-index: 999;
  display: none;
}
	/* 仅电脑端调整案例卡片大小，手机端完全不变 */
@media (min-width: 780px) {
  .pc-cases .case-card {
    width: 1px !important;
  }
  .pc-cases .case-img {
    height: 180px !important;
  }
}
.main-container {
  margin: 5px auto !important; /* 加 !important 强制覆盖 */
}
/* 只给按钮下方加淡灰色蒙版，不影响任何样式 */
.footer_fixed {
  background: rgba(255, 255, 255, 0.1) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.1) !important;
}
@media (max-width: 779px) {
  .mobile-banner-static {
    padding: 30px 0 !important;
    width: 100vw !important;
    overflow-x: hidden !important;
  }

  .banner-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

 .banner-main-title {
    /* 👇 这一行是唯一改动：自动适配大小，小屏自动缩小 */
    font-size: min(19vw, 90px) !important;

    line-height: 1.2 !important;
    margin: 0 0 12px 0 !important;
    color: #fff !important;
    font-weight: bold !important;
    text-align: center !important;

    /* 核心：限制一行最多显示4个字 —— 完全保留！*/
    max-width: 4em !important;
    word-break: break-all !important;
    white-space: normal !important;

    /* 居中 —— 保留 */
    margin-left: auto !important;
    margin-right: auto !important;
}

 /* 副标题：自适应宽度，居中 */
.banner-sub-title {
  font-size: min(13vw, 90px) !important;
  line-height: 1.3 !important;
  margin: 0 auto 20px auto !important;
  color: #fff !important;
  font-weight: bold !important;
  text-align: center !important;
  word-break: break-word !important;
  white-space: normal !important;
  max-width: 100% !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}
 /* ===== 描述文字：占满宽度，字体适中 ===== */
.banner-desc {
    font-size: min(5vw, 24px) !important;
    line-height: 1.5 !important;
    color: #fff !important;
    text-align: center !important;
    margin: 0 auto 30px auto !important;
    padding: 0 16px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
}
/* 引导语样式：比定位句稍大、更醒目 */
.banner-tip {
    font-size: min(5.5vw, 181px) !important;
    color: rgba(255, 255, 255, 0.95) !important;
    margin: 8px auto 20px auto !important;
    padding: 0 16px !important;
    font-weight: 400 !important; /* 半粗体，突出利益点 */
}

/* 原定位句稍微调小一点，保持层级 */
.banner-desc {
    font-size: min(4.5vw, 162px) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    margin: 15px auto 8px auto !important;
    padding: 0 16px !important;
    font-weight: 400 !important;
}
@media (max-width: 779px) {
  /* 锁定导航栏，禁止动画乱跑 */
  .mobile-index .mobile-header {
    transform: none !important;
    transition: none !important;
    position: fixed !important;
    top: 0 !important;
  }
  /* 资质标签栏默认隐藏，交给JS控制显示/隐藏 */
  .mobile-index .mobile-service-tags {
    display: none !important;
  }
}

}
</style>