<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
    <meta name="theme-color" content="#2c3e50">
    <meta name="format-detection" content="telephone=no, email=no, address=no">
    <meta name="robots" content="index,follow">
    <meta name="keywords" content="芦笙,芦笙乐器,手工芦笙,苗族乐器,侗族乐器,传统乐器,芦笙购买,芦笙价格,芦笙制作,芦笙品牌,芦笙演奏,芦笙多少钱,芦笙哪里有卖">
    <meta name="description" content="专业制作传统手工芦笙，提供标准款、专业款、收藏款芦笙，音色纯正工艺精湛，适合演奏与收藏。购买芦笙传承民族音乐文化，芦笙价格优惠。">
    <meta name="applicable-device" content="pc,mobile">
    <meta name="mobile-agent" content="format=html5; url=https://www.njlh110.com/">
    <meta name="HandheldFriendly" content="true">
    <meta name="MobileOptimized" content="width">
    <title>芦笙乐器_手工芦笙_苗族侗族传统乐器_购买价格-品牌官网</title>
    <!-- Bootstrap 5 CSS -->
    <link href="assets/css/vendor/bootstrap.min.css" rel="stylesheet">
    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="assets/css/vendor/bootstrap-icons.css">
    <!-- 自定义 CSS -->
    <link rel="stylesheet" href="css/style.css">
    <!-- 预加载字体 -->
    <link href="assets/fonts/google/google-fonts.css" rel="stylesheet">
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="images/favicon.ico">
    <!-- Canonical URL -->
    <link rel="canonical" href="https://www.njlh110.com/">
    <!-- 结构化数据 JSON-LD -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "芦笙乐器",
        "url": "https://www.njlh110.com/",
        "logo": "https://www.njlh110.com/images/favicon.ico",
        "description": "专业制作传统手工芦笙，提供标准款、专业款、收藏款芦笙，音色纯正工艺精湛，适合演奏与收藏。",
        "contactPoint": {
            "@type": "ContactPoint",
            "telephone": "18486165012",
            "contactType": "Customer Service",
            "areaServed": "CN",
            "availableLanguage": "Chinese"
        }
    }
    </script>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "url": "https://www.njlh110.com/",
        "name": "芦笙乐器",
        "description": "传统手工芦笙制作，专业演奏收藏品牌",
        "potentialAction": {
            "@type": "SearchAction",
            "target": "https://www.njlh110.com/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
        }
    }
    </script>
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow-lg">
        <div class="container-fluid">
            <a class="navbar-brand d-flex align-items-center" href="index.html">
                <i class="bi bi-music-note-beamed me-2"></i>
                <span class="fw-bold">芦笙乐器</span>
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link active" href="index.html">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="products.html">产品分类</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="details.html">产品详情</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="custom.html">定制服务</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="guide.html">购买指南</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="craft.html">工艺介绍</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#contact">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- 英雄区域 -->
    <header class="hero-section d-flex align-items-center">
        <div class="container text-center text-white">
            <h1 class="display-4 fw-bold mb-4">芦笙乐器 - 传统手工芦笙<br>现代工艺</h1>
            <p class="lead mb-5">源于苗侗文化的古老乐器，经过精湛工艺打造，音色纯正，外观典雅，适合演奏与收藏。</p>
            <div class="d-flex flex-column flex-sm-row justify-content-center gap-3">
                <a href="#products" class="btn btn-primary btn-lg">查看产品</a>
                <a href="#contact" class="btn btn-outline-light btn-lg">联系我们</a>
            </div>
        </div>
    </header>

    <!-- 产品介绍 -->
    <section id="products" class="py-5 bg-light">
        <div class="container">
            <div class="row">
                <div class="col-12 mb-5">
                    <h2 class="fw-bold mb-4">关于芦笙</h2>
                    <p class="mb-4">芦笙是中国苗族、侗族等少数民族的传统吹管乐器，历史悠久，音色优美。我们的芦笙采用优质竹材和铜制簧片，手工制作，每一把都是独一无二的艺术品。</p>
                    <p class="mb-4">现代芦笙在保留传统音律的基础上，改良了结构，增强了音准和耐用性，适合专业演奏者与爱好者使用。</p>
                    <a href="details.html" class="btn btn-primary btn-lg">了解更多</a>
                </div>
                <div class="col-12">
                    <div class="ratio ratio-16x9">
                        <img src="images/16.jpg" alt="芦笙乐器" class="img-fluid rounded shadow" loading="lazy">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 特色区域 -->
    <section id="features" class="py-5">
        <div class="container">
            <h2 class="text-center fw-bold mb-5">产品特色</h2>
            <div class="row">
                <div class="col-12 mb-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body text-center p-4">
                            <div class="feature-icon mb-3">
                                <i class="bi bi-hand-thumbs-up fs-1 text-primary"></i>
                            </div>
                            <h4 class="card-title">精湛工艺</h4>
                            <p class="card-text">采用传统手工制作，每一道工序都经过严格把关，确保乐器品质上乘。</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 mb-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body text-center p-4">
                            <div class="feature-icon mb-3">
                                <i class="bi bi-music-note-list fs-1 text-primary"></i>
                            </div>
                            <h4 class="card-title">纯正音色</h4>
                            <p class="card-text">铜制簧片调音精准，音色清亮悦耳，富有民族特色，适合多种曲风演奏。</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 mb-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body text-center p-4">
                            <div class="feature-icon mb-3">
                                <i class="bi bi-award fs-1 text-primary"></i>
                            </div>
                            <h4 class="card-title">收藏价值</h4>
                            <p class="card-text">外观设计典雅，雕刻精美，不仅是乐器，也是具有文化内涵的收藏品。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 图集 -->
    <section id="gallery" class="py-5 bg-light">
        <div class="container">
            <h2 class="text-center fw-bold mb-5">产品图集</h2>
            <div class="row">
                <div class="col-6 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm">
                        <img src="images/1.jpg" class="card-img-top" alt="芦笙图片1" loading="lazy">
                        <div class="card-body">
                            <p class="card-text">经典六管芦笙，竹管细腻，雕刻精美。</p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm">
                        <img src="images/2.jpg" class="card-img-top" alt="芦笙图片2" loading="lazy">
                        <div class="card-body">
                            <p class="card-text">专业演奏者正在使用芦笙进行表演。</p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm">
                        <img src="images/3.jpg" class="card-img-top" alt="芦笙图片3" loading="lazy">
                        <div class="card-body">
                            <p class="card-text">匠人正在精心制作芦笙的簧片部分。</p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm">
                        <img src="images/4.jpg" class="card-img-top" alt="芦笙图片4" loading="lazy">
                        <div class="card-body">
                            <p class="card-text">芦笙乐器特写，展示精致工艺。</p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm">
                        <img src="images/7.jpg" class="card-img-top" alt="芦笙图片7" loading="lazy">
                        <div class="card-body">
                            <p class="card-text">芦笙演奏场景，音色纯正。</p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm">
                        <img src="images/8.jpg" class="card-img-top" alt="芦笙图片8" loading="lazy">
                        <div class="card-body">
                            <p class="card-text">芦笙制作过程，传统手工技艺。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 乐器演奏模块 -->
    <section id="videos" class="py-5">
        <div class="container">
            <h2 class="text-center fw-bold mb-5">乐器演奏视频</h2>
            <div class="row">
                <!-- 横屏视频组 -->
                <div class="col-12 col-md-6 col-lg-6 mb-4">
                    <div class="video-container landscape">
                        <video controls preload="metadata" class="w-100 rounded shadow">
                            <source src="assets/videos/1.mp4" type="video/mp4">
                            您的浏览器不支持视频标签。
                        </video>
                        <p class="mt-2 text-center">苗族芦笙乐器视频</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-6 mb-4">
                    <div class="video-container landscape">
                        <video controls preload="metadata" class="w-100 rounded shadow">
                            <source src="assets/videos/10.mp4" type="video/mp4">
                            您的浏览器不支持视频标签。
                        </video>
                        <p class="mt-2 text-center">苗族芦笙视频表演</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <!-- 竖屏视频组 -->
                <div class="col-12 col-md-6 col-lg-4 mb-4">
                    <div class="video-container portrait">
                        <video controls preload="metadata" class="w-100 rounded shadow">
                            <source src="assets/videos/2.mp4" type="video/mp4">
                            您的浏览器不支持视频标签。
                        </video>
                        <p class="mt-2 text-center">苗族芦笙舞表演</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 mb-4">
                    <div class="video-container portrait">
                        <video controls preload="metadata" class="w-100 rounded shadow">
                            <source src="assets/videos/3.mp4" type="video/mp4">
                            您的浏览器不支持视频标签。
                        </video>
                        <p class="mt-2 text-center">苗族芦笙舞表演</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 mb-4">
                    <div class="video-container portrait">
                        <video controls preload="metadata" class="w-100 rounded shadow">
                            <source src="assets/videos/4.mp4" type="video/mp4">
                            您的浏览器不支持视频标签。
                        </video>
                        <p class="mt-2 text-center">苗族芦笙产品视频</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 mb-4">
                    <div class="video-container portrait">
                        <video controls preload="metadata" class="w-100 rounded shadow">
                            <source src="assets/videos/5.mp4" type="video/mp4">
                            您的浏览器不支持视频标签。
                        </video>
                        <p class="mt-2 text-center">苗族芦笙表演视频</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 mb-4">
                    <div class="video-container portrait">
                        <video controls preload="metadata" class="w-100 rounded shadow">
                            <source src="assets/videos/6.mp4" type="video/mp4">
                            您的浏览器不支持视频标签。
                        </video>
                        <p class="mt-2 text-center">苗族芦笙表演视频</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 mb-4">
                    <div class="video-container portrait">
                        <video controls preload="metadata" class="w-100 rounded shadow">
                            <source src="assets/videos/7.mp4" type="video/mp4">
                            您的浏览器不支持视频标签。
                        </video>
                        <p class="mt-2 text-center">苗族芦笙表演视频</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 mb-4">
                    <div class="video-container portrait">
                        <video controls preload="metadata" class="w-100 rounded shadow">
                            <source src="assets/videos/8.mp4" type="video/mp4">
                            您的浏览器不支持视频标签。
                        </video>
                        <p class="mt-2 text-center">苗族芦笙表演视频</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 mb-4">
                    <div class="video-container portrait">
                        <video controls preload="metadata" class="w-100 rounded shadow">
                            <source src="assets/videos/9.mp4" type="video/mp4">
                            您的浏览器不支持视频标签。
                        </video>
                        <p class="mt-2 text-center">苗族芦笙表演视频</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 图片预览模态框 -->
    <div class="modal fade" id="indexImageModal" tabindex="-1" aria-labelledby="indexImageModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="indexImageModalLabel">芦笙图片</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    <img id="indexModalImage" src="" alt="预览图片" class="img-fluid rounded" loading="lazy">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 客户评价 -->
    <section class="py-5 bg-light">
        <div class="container">
            <h2 class="text-center fw-bold mb-5">用户评价</h2>
            <p class="lead text-center mb-5">听听他们怎么说</p>
            <div class="row">
                <div class="col-12 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-body p-4">
                            <div class="d-flex align-items-center mb-4">
                                <div class="avatar me-3">
                                    <i class="bi bi-person-circle fs-1 text-secondary"></i>
                                </div>
                                <div>
                                    <h5 class="fw-bold mb-1">王老师</h5>
                                    <p class="text-muted small">音乐教师 · 标准款</p>
                                </div>
                            </div>
                            <p class="card-text">“作为教学用具，标准款芦笙音准稳定，手感舒适，学生上手快。性价比很高，推荐给初学者。”</p>
                            <div class="mt-3 text-warning">
                                <i class="bi bi-star-fill"></i>
                                <i class="bi bi-star-fill"></i>
                                <i class="bi bi-star-fill"></i>
                                <i class="bi bi-star-fill"></i>
                                <i class="bi bi-star-half"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-body p-4">
                            <div class="d-flex align-items-center mb-4">
                                <div class="avatar me-3">
                                    <i class="bi bi-person-circle fs-1 text-secondary"></i>
                                </div>
                                <div>
                                    <h5 class="fw-bold mb-1">李演奏家</h5>
                                    <p class="text-muted small">专业演奏者 · 专业款</p>
                                </div>
                            </div>
                            <p class="card-text">“专业款的音域扩展让演奏更多样，紫竹材质共鸣出色。雕刻工艺精美，每次演出都备受瞩目。”</p>
                            <div class="mt-3 text-warning">
                                <i class="bi bi-star-fill"></i>
                                <i class="bi bi-star-fill"></i>
                                <i class="bi bi-star-fill"></i>
                                <i class="bi bi-star-fill"></i>
                                <i class="bi bi-star-fill"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-body p-4">
                            <div class="d-flex align-items-center mb-4">
                                <div class="avatar me-3">
                                    <i class="bi bi-person-circle fs-1 text-secondary"></i>
                                </div>
                                <div>
                                    <h5 class="fw-bold mb-1">张收藏家</h5>
                                    <p class="text-muted small">收藏爱好者 · 收藏款</p>
                                </div>
                            </div>
                            <p class="card-text">“收藏款芦笙不仅是乐器，更是艺术品。老山竹的纹理与纯银簧片的搭配堪称完美，值得世代珍藏。”</p>
                            <div class="mt-3 text-warning">
                                <i class="bi bi-star-fill"></i>
                                <i class="bi bi-star-fill"></i>
                                <i class="bi bi-star-fill"></i>
                                <i class="bi bi-star-fill"></i>
                                <i class="bi bi-star-fill"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 产品系列概览 -->
    <section class="py-5">
        <div class="container">
            <h2 class="text-center fw-bold mb-5">三大系列概览</h2>
            <p class="lead text-center mb-5">从入门到收藏，总有一款适合您</p>
            <div class="row">
                <div class="col-12 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-body text-center p-4">
                            <div class="feature-icon mb-3">
                                <i class="bi bi-star fs-1 text-primary"></i>
                            </div>
                            <h5 class="card-title">标准款</h5>
                            <p class="card-text">6管设计，优质竹材与铜制簧片，音色纯正，适合初学者及日常演奏。</p>
                            <ul class="list-unstyled text-start mb-4">
                                <li><i class="bi bi-check-circle-fill text-success me-2"></i> 两个八度音域</li>
                                <li><i class="bi bi-check-circle-fill text-success me-2"></i> 重量约1.5kg</li>
                                <li><i class="bi bi-check-circle-fill text-success me-2"></i> 制作周期15天</li>
                                <li><i class="bi bi-check-circle-fill text-success me-2"></i> 价格 ¥2,800‑4,500</li>
                            </ul>
                            <a href="products.html#standard" class="btn btn-outline-primary">了解更多</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-body text-center p-4">
                            <div class="feature-icon mb-3">
                                <i class="bi bi-award fs-1 text-success"></i>
                            </div>
                            <h5 class="card-title">专业款</h5>
                            <p class="card-text">8管设计，紫竹材质，黄铜簧片，三个八度音域，适合专业演奏者与乐团使用。</p>
                            <ul class="list-unstyled text-start mb-4">
                                <li><i class="bi bi-check-circle-fill text-success me-2"></i> 三个八度音域</li>
                                <li><i class="bi bi-check-circle-fill text-success me-2"></i> 重量约1.7kg</li>
                                <li><i class="bi bi-check-circle-fill text-success me-2"></i> 制作周期30天</li>
                                <li><i class="bi bi-check-circle-fill text-success me-2"></i> 价格 ¥5,000‑8,000</li>
                            </ul>
                            <a href="products.html#professional" class="btn btn-outline-success">了解更多</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-body text-center p-4">
                            <div class="feature-icon mb-3">
                                <i class="bi bi-gem fs-1 text-dark"></i>
                            </div>
                            <h5 class="card-title">收藏款</h5>
                            <p class="card-text">10管设计，老山竹材质，纯银簧片，三个八度加半音，雕刻精美，兼具演奏与收藏价值。</p>
                            <ul class="list-unstyled text-start mb-4">
                                <li><i class="bi bi-check-circle-fill text-success me-2"></i> 三个八度+半音</li>
                                <li><i class="bi bi-check-circle-fill text-success me-2"></i> 重量约1.8kg</li>
                                <li><i class="bi bi-check-circle-fill text-success me-2"></i> 制作周期60天</li>
                                <li><i class="bi bi-check-circle-fill text-success me-2"></i> 价格 ¥12,000+</li>
                            </ul>
                            <a href="products.html#collector" class="btn btn-outline-dark">了解更多</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="text-center mt-4">
                <a href="products.html" class="btn btn-primary btn-lg">查看全部产品</a>
            </div>
        </div>
    </section>

    <!-- 制作工艺亮点 -->
    <section class="py-5 bg-light">
        <div class="container">
            <h2 class="text-center fw-bold mb-5">制作工艺亮点</h2>
            <p class="lead text-center mb-5">每一道工序都凝聚着匠人的心血</p>
            <div class="row">
                <div class="col-12 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm h-100">
                        <img src="images/7.jpg" class="card-img-top" alt="选材与烘干" loading="lazy">
                        <div class="card-body">
                            <h5 class="card-title">选材与烘干</h5>
                            <p class="card-text">精选生长3‑5年的优质竹材，置于阴凉通风处自然烘干30天，去除多余水分，确保竹管不变形、不开裂。</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm h-100">
                        <img src="images/8.jpg" class="card-img-top" alt="簧片制作" loading="lazy">
                        <div class="card-body">
                            <h5 class="card-title">簧片制作</h5>
                            <p class="card-text">簧片采用黄铜、纯银等材料，由匠人手工打磨至0.1‑0.3mm厚度，精确调音。每个簧片需经过三次调音测试。</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-4 mb-4">
                    <div class="card border-0 shadow-sm h-100">
                        <img src="images/9.jpg" class="card-img-top" alt="雕刻与装饰" loading="lazy">
                        <div class="card-body">
                            <h5 class="card-title">雕刻与装饰</h5>
                            <p class="card-text">匠人根据客户需求手工雕刻传统纹样或定制图案，并进行表面抛光、上漆，使每一把芦笙都成为独一无二的艺术品。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="text-center mt-4">
                <a href="craft.html" class="btn btn-primary btn-lg">了解更多工艺细节</a>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer id="contact" class="bg-dark text-white py-5">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-4 mb-4">
                    <h4 class="fw-bold mb-4">芦笙乐器</h4>
                    <p>我们致力于传承和发展中国传统乐器文化，提供高品质的芦笙乐器及相关服务。</p>
                    <div class="social-icons mt-4">
                        <a href="#" class="text-white me-3"><i class="bi bi-wechat fs-4"></i></a>
                        <a href="#" class="text-white me-3"><i class="bi bi-weibo fs-4"></i></a>
                        <a href="#" class="text-white"><i class="bi bi-youtube fs-4"></i></a>
                    </div>
                </div>
                <div class="col-12 col-lg-4 mb-4">
                    <h4 class="fw-bold mb-4">快速链接</h4>
                    <ul class="list-unstyled">
                        <li><a href="index.html" class="text-white-50 text-decoration-none">首页</a></li>
                        <li><a href="details.html" class="text-white-50 text-decoration-none">产品详情</a></li>
                        <li><a href="#features" class="text-white-50 text-decoration-none">产品特色</a></li>
                        <li><a href="#gallery" class="text-white-50 text-decoration-none">产品图集</a></li>
                        <li><a href="#contact" class="text-white-50 text-decoration-none">联系我们</a></li>
                        <li><a href="faq.html" class="text-white-50 text-decoration-none">常见问题</a></li>
                        <li><a href="gallery.html" class="text-white-50 text-decoration-none">图片库</a></li>
                    </ul>
                </div>
                <div class="col-12 col-lg-4 mb-4">
                    <h4 class="fw-bold mb-4">联系我们</h4>
                    <p class="mb-2"><i class="bi bi-geo-alt me-2"></i> 中国贵州省黔东南苗族侗族自治州</p>
                    <p class="mb-2"><i class="bi bi-telephone me-2"></i> 18486165012</p>
                    <p class="mb-2"><i class="bi bi-telephone me-2"></i> 19508580501</p>
                    <p class="mb-4"><i class="bi bi-wechat me-2"></i> zxm15908538109</p>
                    <div class="qr-code">
                        <h5 class="fw-bold mb-3">微信联系</h5>
                        <div class="d-flex align-items-center">
                            <div class="border border-white p-2 bg-white me-3">
                                <img src="images/wx.jpg" alt="微信二维码" width="120" height="120" loading="lazy">
                            </div>
                            <div>
                                <p class="small">扫描二维码添加微信，获取更多产品信息与定制服务。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <hr class="bg-white my-4">
            <div class="text-center">
                <p class="mb-0">&copy; 2023 芦笙乐器. 保留所有权利. 设计制作：传统工艺与现代科技结合</p>
                <p class="mb-0 small">
                    <a href="https://beian.miit.gov.cn" target="_blank" rel="noopener noreferrer" class="text-white-50">蜀ICP备2023029326号-3</a>
                </p>
            </div>
        </div>
    </footer>

    <!-- Bootstrap JS Bundle with Popper -->
    <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
    <!-- jQuery -->
    <script src="assets/js/vendor/jquery-3.6.4.min.js"></script>
    <!-- 自定义 JS -->
    <script src="js/script.js"></script>
    <!-- 首页图集点击放大脚本 -->
    <script>
        (function() {
            'use strict';
            document.addEventListener('DOMContentLoaded', function() {
                const galleryImages = document.querySelectorAll('#gallery .card-img-top');
                const modal = new bootstrap.Modal(document.getElementById('indexImageModal'));
                const modalImage = document.getElementById('indexModalImage');

                galleryImages.forEach(img => {
                    img.style.cursor = 'pointer';
                    img.addEventListener('click', function() {
                        modalImage.src = this.src;
                        modalImage.alt = this.alt;
                        modal.show();
                    });
                });
            });
        })();
    </script>
</body>
</html>