:root {
            --main-blue: #004a99;
            --accent-orange: #ff6a00;
            --text-dark: #333;
            --bg-light: #f4f7f9;
            --border-color: #eeeeee;
        }

        * { box-sizing: border-box; margin: 0; padding: 0; }
        body { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; color: var(--text-dark); line-height: 1.6; background: #fff; }
        .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; }
        img { max-width: 100%; height: auto; display: block; }
        a { text-decoration: none; color: inherit; transition: 0.3s; }

        /* --- 1. 头部与导航 --- */
        header { background: #fff; padding: 15px 0; }
        .header-flex { display: flex; justify-content: space-between; align-items: center; }
        .phone { font-size: 20px; color: var(--main-blue); font-weight: bold; }

        .main-nav { background: #fff; border-top: 1px solid #eee; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
        .nav-list { display: flex; justify-content: space-between; list-style: none; }
        .nav-list > li { position: relative; }
        .nav-list > li > a { display: block; padding: 15px 12px; color: #333; font-size: 16px; font-weight: 500; }
        .nav-list > li > a:hover, .nav-list > li > a.active { color: var(--accent-orange); }
        .nav-list > li > a.active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: var(--accent-orange); }

        /* 下拉菜单 */
        .dropdown:hover .submenu { display: block; opacity: 1; visibility: visible; transform: translateY(0); }
        .submenu { 
            display: none; position: absolute; top: 100%; left: 0; background: #fff; 
            min-width: 180px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-top: 2px solid var(--accent-orange); 
            list-style: none; z-index: 1001; transition: 0.3s;
        }
        .submenu li a { display: block; padding: 12px 20px; color: #666; font-size: 14px; border-bottom: 1px solid #f9f9f9; }
        .submenu li a:hover { background: #fdf2ed; color: var(--accent-orange); }

       /* --- Banner 轮播样式 --- */
.banner-slider {
    position: relative;
    width: 100%;
    height: 600px; /* 固定高度，可根据需要调整 */
    overflow: hidden;
    background: #000;
}

.banner-wrapper {
    width: 100%;
    height: 100%;
}

.banner-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 1;
}

.banner-item.active {
    opacity: 1;
    z-index: 2;
}

/* 导航箭头 */
.banner-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0.3);
    color: #fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    z-index: 10;
    font-size: 24px;
    border-radius: 50%;
    transition: 0.3s;
    user-select: none;
}
.banner-nav:hover { background: var(--accent-orange); }
.banner-nav.prev { left: 20px; }
.banner-nav.next { right: 20px; }

/* 指示点 */
.banner-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    gap: 15px;
}
.b-dot {
    width: 40px;
    height: 4px;
    background: rgba(255,255,255,0.4);
    cursor: pointer;
    transition: 0.3s;
}
.b-dot.active { background: var(--accent-orange); }

@media (max-width: 768px) {
    .banner-slider { height: 450px; }
    .banner-nav { display: none; } /* 移动端隐藏箭头，靠自动轮播 */
    .hero-content h1 { font-size: 28px; }
}

        /* --- 3. 洁净棚主推轮播模块 --- */
        .booth-focus { padding: 80px 0; }
        .booth-flex { display: flex; gap: 50px; align-items: center; }
        .booth-slider { flex: 1; position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 15px 40px rgba(0,0,0,0.1); }
        .slider-container { display: flex; transition: transform 0.6s cubic-bezier(0.45, 0, 0.55, 1); width: 300%; }
        .slide { width: 33.333%; }
        .slide img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
        .slider-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 10; }
        .dot { width: 12px; height: 12px; background: rgba(255,255,255,0.6); border-radius: 50%; cursor: pointer; transition: 0.3s; }
        .dot.active { background: var(--accent-orange); width: 28px; border-radius: 10px; }

        .booth-info { flex: 1; }
        .booth-info h2 { color: var(--main-blue); font-size: 32px; margin-bottom: 20px; }
        .booth-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 25px; }
        .booth-tags span { background: var(--bg-light); color: var(--main-blue); padding: 5px 15px; border-radius: 4px; font-size: 14px; font-weight: bold; border: 1px solid #e0e6ed; }
        .booth-features { list-style: none; margin-bottom: 30px; }
        .booth-features li { margin-bottom: 12px; padding-left: 24px; position: relative; }
        .booth-features li::before { content: '✓'; position: absolute; left: 0; color: var(--accent-orange); font-weight: bold; }
        .spec-link { color: var(--main-blue); font-weight: bold; border-bottom: 2px solid var(--main-blue); padding-bottom: 2px; }

        /* --- 4. 通用产品网格 --- */
        .other-products { padding: 80px 0; background: var(--bg-light); }
        .section-title { text-align: center; margin-bottom: 50px; }
        .section-title h2 { font-size: 30px; color: var(--main-blue); position: relative; padding-bottom: 35px; }
        .section-title h2::after { content: ''; width: 60px; height: 4px; background: var(--accent-orange); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
        .product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }
        .product-card { background: #fff; border-radius: 6px; transition: 0.3s; padding: 20px; text-align: center; border: 1px solid transparent; }
        .product-card:hover { transform: translateY(-8px); box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-color: #eee; }
        .product-card img { height: 180px; margin: 0 auto 15px; object-fit: contain; }

        /* --- 5. 六大优势 --- */
        .advantage-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 40px 0 80px; }
        .adv-item { padding: 35px; border: 1px solid #eee; border-radius: 8px; transition: 0.3s; }
        .adv-item:hover { background: #fff; box-shadow: 0 10px 25px rgba(0,0,0,0.05); border-color: var(--main-blue); }
        .adv-icon { font-size: 38px; color: rgba(0,74,153,0.1); font-weight: bold; font-style: italic; margin-bottom: 10px; }
        .adv-item h4 { font-size: 18px; color: var(--main-blue); margin-bottom: 10px; }

        /* --- 6. 合作案例 --- */
        .case-section { padding: 80px 0; }
        .case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
        .case-item { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
        .case-img-box { position: relative; width: 100%; aspect-ratio: 4/3; overflow: hidden; }
        .case-mask { 
            position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 74, 153, 0.88); 
            display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px; 
            opacity: 0; transition: 0.4s; color: #fff; 
        }
        .case-item:hover .case-mask { opacity: 1; }
        .case-item:hover img { transform: scale(1.1); transition: 0.6s; }
        .btn-more-cases { display: inline-block; padding: 12px 45px; border: 2px solid var(--main-blue); color: var(--main-blue); border-radius: 4px; font-weight: bold; margin-top: 40px; }
        .btn-more-cases:hover { background: var(--accent-orange); color: #fff; border: 2px solid var(--accent-orange); }

        /* --- 7. 新闻中心 --- */
        .news-flex { display: flex; gap: 40px; margin-top: 20px; }
        .news-main { flex: 1.2; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
        .news-list-box { flex: 1; list-style: none; }
        .news-list-box li { border-bottom: 1px solid #eee; padding: 15px 0; }
        .news-list-box li:last-child { border: none; }
        .news-list-box h4 { font-size: 16px; margin-bottom: 5px; color: #333; }
        .news-list-box p { font-size: 13px; color: #999; }

        /* --- 8. 留言与页脚 --- */
        .home-inquiry { padding: 80px 0; background: #1a1c1e; color: #fff; }
        .inquiry-info h2 { font-size: 32px; margin-bottom: 15px; color: var(--accent-orange); }
        .inquiry-form { flex: 1.5; display: grid; grid-template-columns: 1fr 1fr; gap: 20px;  }
        .inquiry-form input, .inquiry-form textarea { width: 100%; padding: 12px; border: 1px solid #333; background: #25282b; color: #fff; border-radius: 4px; }
        .inquiry-form button { background: var(--accent-orange); color: #fff; border: none; padding: 15px; font-weight: bold; cursor: pointer; border-radius: 4px; grid-column: span 2; font-size: 16px; }

       /* --- 4. 底部 (复刻版) --- */
        /* --- 底部 (复刻截图样式) --- */
        /* footer { background-color: #1a1a1a; color: #fff; padding: 60px 0 20px; }
        .footer-container { 
            max-width: 1200px; margin: 0 auto; padding: 0 15px; 
            display: flex; justify-content: space-between; align-items: center; 
            flex-wrap: wrap;
        }

        .footer-left { flex: 0 0 auto; }
        .footer-logo { margin-bottom: 25px; }
        .footer-logo img { height: 40px; } */
        
        /* 导航网格：4列2行 */
        /* .footer-nav-grid { 
            display: grid; grid-template-columns: repeat(4, auto); gap: 12px 35px; 
        }
        .footer-nav-grid a { color: #ccc; font-size: 14px; white-space: nowrap; }
        .footer-nav-grid a:hover { color: var(--accent-orange); }

        .footer-center { flex: 0 0 auto; }
        .qr-code-box { background: #fff; padding: 6px; border: 1px solid #444; line-height: 0; }
        .qr-code-box img { width: 100px; height: 100px; }

        .footer-right { flex: 0 0 auto; text-align: left; }
        .contact-group { margin-bottom: 20px; }
        .contact-label { color: #fff; font-size: 14px; margin-bottom: 5px; }
        .contact-phone { color: var(--footer-blue); font-size: 28px; font-weight: bold; line-height: 1; }
        .contact-address { color: #ccc; font-size: 14px; margin-top: 5px; }

        .footer-bottom { 
            max-width: 1200px; margin: 50px auto 0; padding: 20px 15px 0; 
            border-top: 1px solid #2d2d2d; color: #666; font-size: 12px; text-align: center;
        } */

        footer { background-color: #1a1a1a; color: #fff; padding: 60px 0 20px; }
        .footer-container { display: flex; justify-content: space-between; gap: 40px; }
        .footer-nav-grid { display: grid; grid-template-columns: repeat(4, auto); gap: 12px 30px; margin-top: 20px; }
        .footer-nav-grid a { color: #ccc; font-size: 14px; }
        .footer-center .qr-code-box { background: #fff; padding: 5px; width: 110px; margin: 0 auto;}
        .footer-right { text-align: right; }
        .contact-phone { font-size: 28px; font-weight: bold; color: #fff; }
        .footer-bottom { margin-top: 50px; padding-top: 20px; border-top: 1px solid #2d2d2d; color: #666; font-size: 12px; text-align: center; }


        /* --- 响应式适配 --- */
        @media (max-width: 992px) {
            .booth-flex, .news-flex, .inquiry-flex, .footer-grid { flex-direction: column; display: block; }
            .footer-container {flex-direction: column;text-align: center;}
            .footer-grid > div { margin-bottom: 40px; }
            .footer-right{text-align: center;}
            .product-grid, .advantage-grid, .case-grid { grid-template-columns: repeat(2, 1fr); }
            .hero-content h1 {font-size: 32px;}
            .booth-slider { margin-bottom: 30px; }
        }
        @media (max-width: 768px) {
            .product-grid, .advantage-grid, .case-grid { grid-template-columns: 1fr; }
            .nav-list { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
            .nav-list > li > a { padding: 15px 15px; }
            .inquiry-form { grid-template-columns: 1fr; width: 100%; }
            .inquiry-form button { grid-column: span 1; }
            .header-flex {
        flex-direction: column;
        gap: 10px;
    }
        }
    .hero-content h1 {
	color: #FFF;
	font-size: 42px;
	margin-bottom: 10px;
}
    .hero-content p {
	color: #FFF;
	margin-bottom: 10px;
}
    .btn-cta {
	color: #f67f30;
	margin-top: 10px;
}

/* 6. 返回顶部 */
        .back-to-top {
            position: fixed; right: 2px; bottom: 50px; width: 50px; height: 50px;
            background-color: var(--accent-orange); color: white; border-radius: 4px;
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            cursor: pointer; z-index: 9999; opacity: 0; visibility: hidden; transition: 0.3s; box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        }
        .back-to-top.show { opacity: 1; visibility: visible; }
        .back-to-top .arrow { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid white; margin-bottom: 4px; }

     /* --- 2. 关于我们 (图3) --- */
        .about-section { padding: 80px 0; background: #f9f9f9; }
        .about-card {
            display: flex;
            align-items: center;
            background: #fff;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            position: relative;
        }
        .about-img { flex: 1; margin-left: -50px; } /* 图片悬浮效果 */
        .about-text { flex: 1; padding: 50px; }
        .about-text h2 { 
            font-size: 2rem; 
            margin-bottom: 20px; 
            position: relative; 
            padding-bottom: 10px;
        }
        .about-text h2::after {
            content: '';
            position: absolute;
            left: 0; bottom: 0;
            width: 50px; height: 3px;
            background: #ff6a00;
        }
        .about-text p { font-size: 0.95rem; color: #666; text-align: justify; margin-bottom: 25px; }
        .btn-more {
            display: inline-block;
            background: #444;
            color: #fff;
            padding: 10px 25px;
            text-decoration: none;
            font-size: 14px;
        }
/* --- 响应式媒体查询 --- */
        @media (max-width: 992px) {
            .about-card, .product-flex { flex-direction: column; }
            .about-img { margin-left: 0; width: 100%; }
            .hero-content h1 { font-size: 2rem; }
            .hero-banner { text-align: center; }
        }
        
        @media (max-width: 768px) {
            .about-text, .product-info { padding: 30px 15px; }
        }