<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  <meta http-equiv="X-UA-Compatible" content="no-siteapp">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <link rel="canonical" href=""/>
  
  <meta name="format-detection" content="telephone=no">
  <title>望美集团创立于2000年，经过二十余年的创新发展现已成为一家集优质浮法玻璃、深加工玻璃、高端门窗制造与研发于一体的大型现代化企业集团。</title>
  <meta name="keywords" content="望美集团,望美门窗,望美集团,优质浮法玻璃,深加工玻璃,高端门窗制造与研发" />
  <meta name="description" content="望美集团创立于2000年，经过二十余年的创新发展现已成为一家集优质浮法玻璃、深加工玻璃、高端门窗制造与研发于一体的大型现代化企业集团。" />
  
  <link rel="icon" type="image/x-icon" href="/favicon.ico" />
  
  <link rel="manifest" href="site.webmanifest">
  <link rel="stylesheet" href="/static/styles/vendor.css" />
  <link rel="stylesheet" href="/static/styles/assets.css" />
  
  <link rel="stylesheet" href="/static/styles/common.css" />
  <link rel="stylesheet" href="/static/styles/home.css" />
  <link rel="stylesheet" href="/static/styles/home-nav.css" />
  
  <!--[if lt IE 9]>
    <script src="/static//cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
    <script src="/static//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>

<body>
  <header class="header header-translucent translucent header-home fixed-top">
    <nav class="navbar navbar-light navbar-expand-lg">
      <div class="container">
        <a class="navbar-brand position-relative" href="/">
          <img class="logo" src="/static/images/brand.png" alt="望美集团">
        </a>
        <a class="btn navbar-btn d-lg-none px-0 ms-auto me-1" href="http://en.wangmei.cn/" target="_blank">
          <span class="d-inline-block">EN</span>
        </a>
        <a class="btn navbar-btn search-btn d-lg-none " data-bs-toggle="modal" data-bs-target="#searchModal">
          <span class="iconfont icon-sousuo"></span>
        </a>
        <a class="btn-contact d-lg-none t-leading-none" href="/contact">
          <span class="iconfont icon-yonghu1"></span>
        </a>
        <button class="navbar-toggler pe-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbarOffcanvas"
          aria-controls="navbarOffcanvas" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
            
        <div class="offcanvas offcanvas-start" tabindex="-1" id="navbarOffcanvas" aria-labelledby="NavbarOffcanvas">
          <div class="offcanvas-header">
            <h5 class="offcanvas-title"><img class="logo t-h-10" src="/static/images/brand-tint.png" alt="望美集团"></h5>
            <button class="btn-close t-bg-none t-text-3xl t-leading-none" type="button" data-bs-dismiss="offcanvas" aria-label="Close">
              <span class="iconfont icon-chahao1"></span>
            </button>
          </div>
          <div class="offcanvas-body">
            <ul class="navbar-nav m-auto">
                            <li class="nav-item">
                <a class="nav-link t-group " href="http://tsdrm.cn/index">
                  <span class="align-middle">首页</span>
                </a>
              </li>
                            <li class="nav-item dropdown d-lg-none">
                <a
                  class="nav-link dropdown-toggle t-group "
                  href="http://tsdrm.cn/products"
                  data-bs-toggle="dropdown"
                  aria-expanded="false"
                >
                  <span class="align-middle">产品中心</span>
                  <span class="iconfont icon-jiantou-copy align-middle d-block d-lg-none t-inline-block t-transition-transform t-duration-150 group-[.show]:t-rotate-180"></span>
                </a>
                <ul class="dropdown-menu pb-3">
                                    <li><a href="http://tsdrm.cn/products#nav13" class="dropdown-item">门窗解决方案</a></li>
                                    <li><a href="http://tsdrm.cn/glass#nav14" class="dropdown-item">家装玻璃解决方案</a></li>
                                  </ul>
              </li>
              <li class="nav-item dropdown d-none d-lg-block position-static">
                <a
                  class="nav-link dropdown-toggle t-group "
                  href="http://tsdrm.cn/products"
                  data-bs-toggle="dropdown"
                  aria-expanded="false"
                >
                  <span class="align-middle">产品中心</span>
                </a>
                <div class="dropdown-menu dropdown-full py-0 border-top">
                  <div class="container">
                    <div class="row g-0">
                      <div class="col-4 col-xl-3 py-5">
                        <h3 class="my-2 fs-1 text-center">产品中心</h3>
                      </div>
                      <div class="col-8 col-xl-9 border-start py-5">
                                                <div class="row g-3 g-xl-4">
                          <div class="col-3">
                            <p class="ps-5 py-2 text-start">
                              <a class="fs-4" href="http://tsdrm.cn/products#nav13">门窗解决方案</a>
                            <p>
                          </div>
                          <div class="col-9 text-center">
                            <ul class="row row-cols-4 row-cols-xl-5 row-cols-xxl-6 g-3 g-xl-4">
                              
                              <li class="col">
                                <a class="card d-flex align-items-center flex-column h-100" href="/list/82">
                                  <div class="px-3 flex-grow-1 d-flex align-items-end justify-content-center">
                                    
                                      <img class="img-fluid rounded-0" src="/static/images/products/1.png">
                                    
                                  </div>
                                  <p class="mt-3 card-text">铝包木门窗</p>
                                </a>
                              </li>
                              <li class="col">
                                <a class="card d-flex align-items-center flex-column h-100" href="/list/83">
                                  <div class="px-3 flex-grow-1 d-flex align-items-end justify-content-center">
                                    
                                      <img class="img-fluid rounded-0" src="/static/images/products/2.png">
                                    
                                  </div>
                                  <p class="mt-3 card-text">系统窗</p>
                                </a>
                              </li>
                              <li class="col">
                                <a class="card d-flex align-items-center flex-column h-100" href="/list/87">
                                  <div class="px-3 flex-grow-1 d-flex align-items-end justify-content-center">
                                    
                                      <img class="img-fluid rounded-0" src="/static/images/products/3.png">
                                    
                                  </div>
                                  <p class="mt-3 card-text">阳光房</p>
                                </a>
                              </li>
                              <li class="col">
                                <a class="card d-flex align-items-center flex-column h-100" href="/list/88">
                                  <div class="px-3 flex-grow-1 d-flex align-items-end justify-content-center">
                                    
                                      <img class="img-fluid rounded-0" src="/static/images/products/4.png">
                                    
                                  </div>
                                  <p class="mt-3 card-text">幕墙</p>
                                </a>
                              </li>
                            </ul>
                          </div>
                        <div>
                                                  </div>
                        </div>
                                               <hr class="mt-4 mb-5">
                        <div class="row g-3 g-xl-4">
                          <div class="col-3">
                            <p class="ps-5 py-2 text-start">
                              <a class="fs-4" href="http://tsdrm.cn/glass#nav14">家装玻璃解决方案</a>
                            </p>
                          </div>
                          <div class="col-9 text-center">
                            <ul class="row row-cols-4 row-cols-xl-5 row-cols-xxl-6 g-3 g-xl-4">
                              <li class="col">
                                <a class="card d-flex align-items-center flex-column h-100" href="/list/89">
                                  <div class="px-3 flex-grow-1 d-flex align-items-end justify-content-center">
                                    
                                      <img class="img-fluid rounded-0" src="/static/images/products/5.png">
                                   
                                  </div>
                                  <p class="mt-3 card-text">推拉门</p>
                                </a>
                              </li>
                              <li class="col">
                                <a class="card d-flex align-items-center flex-column h-100" href="/list/90">
                                  <div class="px-3 flex-grow-1 d-flex align-items-end justify-content-center">
                                    
                                      <img class="img-fluid rounded-0" src="/static/images/products/6.png">
                                   
                                  </div>
                                  <p class="mt-3 card-text">平开门</p>
                                </a>
                              </li>
                              <li class="col">
                                <a class="card d-flex align-items-center flex-column h-100" href="/list/91">
                                  <div class="px-3 flex-grow-1 d-flex align-items-end justify-content-center">
                                    
                                      <img class="img-fluid rounded-0" src="/static/images/products/7.png">
                                   
                                  </div>
                                  <p class="mt-3 card-text">淋浴房</p>
                                </a>
                              </li>
                              <li class="col">
                                <a class="card d-flex align-items-center flex-column h-100" href="/list/92">
                                  <div class="px-3 flex-grow-1 d-flex align-items-end justify-content-center">
                                    
                                      <img class="img-fluid rounded-0" src="/static/images/products/8.png">
                                    
                                  </div>
                                  <p class="mt-3 card-text">隔断屏风</p>
                                </a>
                              </li>
                            </ul>
                                                      </div>
                        </div>
                                              </div>
                    </div>
                  </div>
                </div>
              </li>
                            <li class="nav-item">
                <a class="nav-link t-group " href="http://tsdrm.cn/innovation">
                  <span class="align-middle">工艺创新</span>
                </a>
              </li>
                            <li class="nav-item dropdown">
                <a
                  class="nav-link dropdown-toggle t-group "
                  href="http://tsdrm.cn/brand"
                  data-bs-toggle="dropdown"
                  aria-expanded="false"
                >
                  <span class="align-middle">望美旗下品牌</span>
                  <span class="iconfont icon-jiantou-copy align-middle d-block d-lg-none t-inline-block t-transition-transform t-duration-150 group-[.show]:t-rotate-180"></span>
                </a>
                <ul class="dropdown-menu pb-3">
                                    <li><a href="http://tsdrm.cn/brand#nav85" class="dropdown-item">龙玻</a></li>
                                    <li><a href="http://tsdrm.cn/brand#nav86" class="dropdown-item">中玻新材</a></li>
                                  </ul>
              </li>
                            <li class="nav-item dropdown">
                <a
                  class="nav-link dropdown-toggle t-group "
                  href="http://tsdrm.cn/homecase"
                  data-bs-toggle="dropdown"
                  aria-expanded="false"
                >
                  <span class="align-middle">项目案例</span>
                  <span class="iconfont icon-jiantou-copy align-middle d-block d-lg-none t-inline-block t-transition-transform t-duration-150 group-[.show]:t-rotate-180"></span>
                </a>
                <ul class="dropdown-menu pb-3">
                                    <li><a href="http://tsdrm.cn/homecase#nav25" class="dropdown-item">家装</a></li>
                                    <li><a href="http://tsdrm.cn/case#nav27" class="dropdown-item">工程</a></li>
                                  </ul>
              </li>
                            <li class="nav-item dropdown">
                <a
                  class="nav-link dropdown-toggle t-group "
                  href="http://tsdrm.cn/join"
                  data-bs-toggle="dropdown"
                  aria-expanded="false"
                >
                  <span class="align-middle">招商加盟</span>
                  <span class="iconfont icon-jiantou-copy align-middle d-block d-lg-none t-inline-block t-transition-transform t-duration-150 group-[.show]:t-rotate-180"></span>
                </a>
                <ul class="dropdown-menu pb-3">
                                    <li><a href="http://tsdrm.cn/join#nav77" class="dropdown-item">招商政策</a></li>
                                    <li><a href="http://tsdrm.cn/contact#nav78" class="dropdown-item">联系我们</a></li>
                                  </ul>
              </li>
                            <li class="nav-item dropdown">
                <a
                  class="nav-link dropdown-toggle t-group "
                  href="http://tsdrm.cn/about"
                  data-bs-toggle="dropdown"
                  aria-expanded="false"
                >
                  <span class="align-middle">关于望美</span>
                  <span class="iconfont icon-jiantou-copy align-middle d-block d-lg-none t-inline-block t-transition-transform t-duration-150 group-[.show]:t-rotate-180"></span>
                </a>
                <ul class="dropdown-menu pb-3">
                                    <li><a href="http://tsdrm.cn/about#nav73" class="dropdown-item">望美集团</a></li>
                                    <li><a href="http://tsdrm.cn/wmmc#nav74" class="dropdown-item">望美门窗</a></li>
                                    <li><a href="http://tsdrm.cn/honor#nav16" class="dropdown-item">资质荣誉</a></li>
                                    <li><a href="http://tsdrm.cn/news#nav11" class="dropdown-item">品牌动态</a></li>
                                  </ul>
              </li>
                          </ul>
            <div
              class="navbar-text d-flex flex-column flex-lg-row gap-1 align-items-start align-items-lg-center justify-content-center py-0">
              <a class="px-0" href="http://en.wangmei.cn/" target="_blank">
                <span class="ms-lg-1 d-inline-block align-middle">EN</span>
              </a>
              
              <a class="btn navbar-btn search-btn d-none d-lg-inline-block pe-0" href="#" data-bs-toggle="modal"
                data-bs-target="#searchModal">
                <span class="iconfont icon-sousuo size-6"></span>
              </a>
              
              <a class="btn-contact t-leading-none" href="contact.html">
                <span class="iconfont icon-yonghu1"></span>
              </a>
            </div>
          </div>
        </div>
      </div>
    </nav>
  </header>


    <section class="section section-banner section-banner-hero vh-100 py-0">
    <div class="swiper h-100" data-aos="fade-up">
      <div class="swiper-wrapper">
        
                <div class="swiper-slide text-bg-dark" data-title="理念">
        <div class="d-flex flex-column h-100 p-4 p-md-5 bg-normal d-lg-block d-none" 
        style="background-image: url('/uploads/cms/20260320/548d48cdbcc72d01a7e32d7603b175d6.jpg'); background-position: center;background-size: cover;">
          <div class="swiper-pagination-wz" style="display:none;">理念</div>
        </div>
          <div class="d-flex flex-column h-100 p-4 p-md-5 bg-normal d-block d-lg-none" 
          style="background-image: url('/uploads/com/20260320/cc3e872670e74915b74b87b0f4aab62b.jpg'); background-position: center;background-size: cover;">
           
          </div>
        </div>
                <div class="swiper-slide text-bg-dark" data-title="加工精度">
        <div class="d-flex flex-column h-100 p-4 p-md-5 bg-normal d-lg-block d-none" 
        style="background-image: url('/uploads/cms/20251203/dbe6ccc3d643bd4388c8d469a22bf08f.jpg'); background-position: center;background-size: cover;">
          <div class="swiper-pagination-wz" style="display:none;">加工精度</div>
        </div>
          <div class="d-flex flex-column h-100 p-4 p-md-5 bg-normal d-block d-lg-none" 
          style="background-image: url('/uploads/com/20251204/f89855b5c1853bd619b922dcf3c20eea.jpg'); background-position: center;background-size: cover;">
           
          </div>
        </div>
                <div class="swiper-slide text-bg-dark" data-title="品质">
        <div class="d-flex flex-column h-100 p-4 p-md-5 bg-normal d-lg-block d-none" 
        style="background-image: url('/uploads/cms/20260119/3665bdf74ff427604311494a4d8a5889.png'); background-position: center;background-size: cover;">
          <div class="swiper-pagination-wz" style="display:none;">品质</div>
        </div>
          <div class="d-flex flex-column h-100 p-4 p-md-5 bg-normal d-block d-lg-none" 
          style="background-image: url('/uploads/com/20260320/186a1193b89d89b8691e2ee065862ac7.jpg'); background-position: center;background-size: cover;">
           
          </div>
        </div>
              </div>

      
      <div class="swiper-pagination-box">
        <div class="container h-100">
          <div class="swiper-controls-container">
            
            <div class="swiper-pagination-current-wz">
           
            </div>
            
            <div class="swiper-pagination mx-auto"></div>
            
            <div class="swiper-pagination-icon">
              <a class="gonext" href="#">
                <span class="iconfont icon-jiantou"></span>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
    <section class="section section-hero vh-100 p-0">
    <div class="swiper h-100" data-aos="fade-up">
      <div class="swiper-wrapper">
      
              <div class="swiper-slide">
        
          <div class="d-flex flex-column justify-content-lg-center h-100 pt-5 pt-lg-0 bg-normal bg-overlay"
            style="background-image:url('/uploads/com/20260202/73c95c7f216e2bd48118b1daadcd9205.jpg'); background-position: center;background-size: cover;">
            <div class="container" data-aos="fade-up" data-aos-delay="200">
              <h3 class="display-1 fs-60 t-white pt-5 pt-lg-0">毫米级精工 系统窗颠覆之作<br />
4mm隐藏五金系统</h3>
              <p class="section-hero-name fs-24 t-white mt-3 mt-lg-4">臻美X100PS/5系统窗</p>
              <p class="product-btns d-flex gap-1 ani mt-4 mt-lg-5"><a
                  class="btn btn-white px-4 py-2 flex-grow-1 flex-lg-grow-0 text-start rounded-pill border-1 bg-transparent t-white"
                  href="http://tsdrm.cn/arc/83-478.html">查看详情
                  <span class="iconfont icon-jiantou18 ms-2 ms-lg-4"></span></a></p>
            </div>
          </div>
        
        </div>
             <div class="swiper-slide">
        
          <div class="d-flex flex-column justify-content-lg-center h-100 pt-5 pt-lg-0 bg-normal bg-overlay"
            style="background-image:url('/uploads/com/20260124/86bb428aafd593206b78798b71cc10fa.jpg'); background-position: center;background-size: cover;">
            <div class="container" data-aos="fade-up" data-aos-delay="200">
              <h3 class="display-1 fs-60 t-white pt-5 pt-lg-0">自然守护  静享从容<br />
4mm隐藏式五金 </h3>
              <p class="section-hero-name fs-24 t-white mt-3 mt-lg-4">WM88铝包木</p>
              <p class="product-btns d-flex gap-1 ani mt-4 mt-lg-5"><a
                  class="btn btn-white px-4 py-2 flex-grow-1 flex-lg-grow-0 text-start rounded-pill border-1 bg-transparent t-white"
                  href="http://tsdrm.cn/arc/82-379.html">查看详情
                  <span class="iconfont icon-jiantou18 ms-2 ms-lg-4"></span></a></p>
            </div>
          </div>
        
        </div>
             <div class="swiper-slide">
        
          <div class="d-flex flex-column justify-content-lg-center h-100 pt-5 pt-lg-0 bg-normal bg-overlay"
            style="background-image:url('/uploads/com/20260124/41b14e563289738b30343b496df8bbc8.jpg'); background-position: center;background-size: cover;">
            <div class="container" data-aos="fade-up" data-aos-delay="200">
              <h3 class="display-1 fs-60 t-white pt-5 pt-lg-0">框扇齐平工艺<br />
真极简「不凸不显」<br />
</h3>
              <p class="section-hero-name fs-24 t-white mt-3 mt-lg-4">扬帆X90PS系统窗</p>
              <p class="product-btns d-flex gap-1 ani mt-4 mt-lg-5"><a
                  class="btn btn-white px-4 py-2 flex-grow-1 flex-lg-grow-0 text-start rounded-pill border-1 bg-transparent t-white"
                  href="http://tsdrm.cn/arc/83-455.html">查看详情
                  <span class="iconfont icon-jiantou18 ms-2 ms-lg-4"></span></a></p>
            </div>
          </div>
        
        </div>
             <div class="swiper-slide">
        
          <div class="d-flex flex-column justify-content-lg-center h-100 pt-5 pt-lg-0 bg-normal bg-overlay"
            style="background-image:url('/uploads/com/20260124/e49d417a0700b404e381658c42381029.jpg'); background-position: center;background-size: cover;">
            <div class="container" data-aos="fade-up" data-aos-delay="200">
              <h3 class="display-1 fs-60 t-white pt-5 pt-lg-0">高性能门窗<br />
让守护更「出色」<br />
</h3>
              <p class="section-hero-name fs-24 t-white mt-3 mt-lg-4">扬帆X80系统窗</p>
              <p class="product-btns d-flex gap-1 ani mt-4 mt-lg-5"><a
                  class="btn btn-white px-4 py-2 flex-grow-1 flex-lg-grow-0 text-start rounded-pill border-1 bg-transparent t-white"
                  href="http://tsdrm.cn/arc/83-365.html">查看详情
                  <span class="iconfont icon-jiantou18 ms-2 ms-lg-4"></span></a></p>
            </div>
          </div>
        
        </div>
        

      </div>
      <div class="container position-relative">
        <div class="swiper-pagination position-absolute d-inline-block d-lg-flex"></div>
      </div>
    </div>
  </section>
  
  <section
    class="section section-banner-bg vh-100 d-flex flex-column justify-content-lg-center text-white t-bg-cover t-bg-center t-bg-no-repeat"
    style="background-image: url('/static/images/home/bg1.jpg');">

    <div class="container">
      <div class="row g-4 g-lg-5">
        <div class="col-12 col-md-7 col-lg-6 col-xl-5 col-xxl-4" data-aos="fade-up" data-aos-delay="100">

          <h3 class="display-1 fs-60 t-white pt-5 pt-lg-0">误差小于<br />0.1mm</h3>
          <p class="section-hero-name fs-24 t-white mt-3 mt-lg-4">极致工艺 加工精度<br />
            望美门窗设备铣型精度<br />
            小于0.1mm</p>
          <p class="product-btns d-flex gap-1 ani mt-4 mt-lg-5">
            <a class="btn btn-white px-4 py-2 flex-grow-1 flex-lg-grow-0 text-start rounded-pill border-1 bg-transparent t-white fs-20"
              href="/innovation">查看详情
              <span class="iconfont icon-jiantou18 ms-2 ms-lg-4"></span></a>
          </p>

        </div>
      </div>
    </div>
  </section>
  
    <section class="section section-banner-bg text-white t-bg-cover t-bg-center t-bg-no-repeat" style="background-image: url('/static/images/home/bg2.jpg');">
    <div class="container pt-0">
      <div class="row g-0 g-lg-5">
        <div class="col-12" data-aos="fade-up" data-aos-delay="200">

          <h3 class="display-1 fs-60 t-white pt-5 pt-lg-0">望美 守望美好</h3>
          <p class="section-hero-name fs-24 fs-sm-14 t-white mt-3 mt-lg-4">望美门窗成立于2012年，专注于节能门窗系统解决方案<br />
国内先进的柔性化、定制化、智能化门窗制造基地<br />
集铝包木门窗、系统窗等系列产品的研发、制造、销售为一体的现代化企业          </p>
          <p class="product-btns w-100 d-lg-flex gap-1 ani mt-4 mt-lg-5">
            <a class="btn btn-white px-4 py-2 py-lg-3 flex-grow-1 flex-lg-grow-0 text-start rounded-pill border-1 bg-transparent t-white fs-20"
              href="/about">关于望美
              <span class="iconfont icon-jiantou18 ms-2 ms-lg-4"></span></a>
            <a class="btn btn-white px-4 py-2 py-lg-3 ms-2 flex-grow-1 flex-lg-grow-0 text-start rounded-pill border-1 bg-transparent t-white fs-20"
              data-fancybox="video"
              href="video/gycx.mp4">品牌视频
              <button class="iconfont icon-bofang ms-2 ms-lg-4"></button></a>
          </p>

        </div>
      </div>
    </div>
  </section>
   
  <section class="section section-products section-home-cases t-bg-cover text-white t-bg-center t-bg-no-repeat bg-overlay"
    style="background-image: url('/static/images/home/bg3.jpg');">
    <div class="container">
      <div class="row g-0">
        <div class="col-12 col-lg-4">
          <div class="content-wrapper">
            <div id="scenario-accordion" class="accordion case-accordion d-flex flex-lg-column" data-aos="fade-up">
                            <div class="accordion-item fw-lighter flex-shrink-0" data-index="0">
                <h2 class="accordion-header">
                  <button class="accordion-button p-0 t-white fs-40" type="button" 
                                data-bs-toggle="collapse" data-bs-target="#collapse-0" 
                                aria-expanded="true" 
                                aria-controls="collapse-0">
                    邯郸刘宅                  </button>
                </h2>
                <div id="collapse-0"
                  class="accordion-collapse collapse show" 
                  aria-labelledby="heading-0"
                  data-bs-parent="#scenario-accordion"
                  data-img="/uploads/cms/20260119/3519f1c9e786b71ee20dceaf181d38cd.jpg"
                >
                  <div class="accordion-body px-0 pt-0 t-white">
                    <div class="mb-4 pt-0 pt-lg-3 opacity-75 w-70">项目面积：43.58㎡  <br />
木材类型：红橡<br />
使用产品：WM98铝包木内开内倒窗</div>
                    <p class="product-btns d-flex gap-1 ani mt-4 mt-lg-4 mb-4 mb-lg-5">
                    <a class="btn btn-white px-4 py-2 flex-grow-1 flex-lg-grow-0 text-start rounded-pill border-1 bg-transparent t-white fs-20"
                      href="/homecase">查看详情
                      <span class="iconfont icon-jiantou18 ms-2 ms-lg-4"></span></a>
                  </p>
                  </div>
                </div>
              </div>
                            <div class="accordion-item fw-lighter flex-shrink-0" data-index="1">
                <h2 class="accordion-header">
                  <button class="accordion-button collapsed p-0 t-white fs-40" type="button" 
                                data-bs-toggle="collapse" data-bs-target="#collapse-1" 
                                aria-expanded="false" 
                                aria-controls="collapse-1">
                    邢台皓顺和                  </button>
                </h2>
                <div id="collapse-1"
                  class="accordion-collapse collapse" 
                  aria-labelledby="heading-1"
                  data-bs-parent="#scenario-accordion"
                  data-img="/uploads/cms/20260121/202e0dd1a45682e31d99b27e7a096959.jpg"
                >
                  <div class="accordion-body px-0 pt-0 t-white">
                    <div class="mb-4 pt-0 pt-lg-3 opacity-75 w-70">  项目面积：43.58㎡<br />
  木材类型：红橡<br />
  使用产品：WM98铝包木内开内倒窗/WM88铝包木内开内倒窗/WM88铝包木外开门</div>
                    <p class="product-btns d-flex gap-1 ani mt-4 mt-lg-4 mb-4 mb-lg-5">
                    <a class="btn btn-white px-4 py-2 flex-grow-1 flex-lg-grow-0 text-start rounded-pill border-1 bg-transparent t-white fs-20"
                      href="/homecase">查看详情
                      <span class="iconfont icon-jiantou18 ms-2 ms-lg-4"></span></a>
                  </p>
                  </div>
                </div>
              </div>
                            <div class="accordion-item fw-lighter flex-shrink-0" data-index="2">
                <h2 class="accordion-header">
                  <button class="accordion-button collapsed p-0 t-white fs-40" type="button" 
                                data-bs-toggle="collapse" data-bs-target="#collapse-2" 
                                aria-expanded="false" 
                                aria-controls="collapse-2">
                    懋源璟橒                  </button>
                </h2>
                <div id="collapse-2"
                  class="accordion-collapse collapse" 
                  aria-labelledby="heading-2"
                  data-bs-parent="#scenario-accordion"
                  data-img="/uploads/cms/20260120/5404cce204f0bbeeac51c49bae8a78a4.jpg"
                >
                  <div class="accordion-body px-0 pt-0 t-white">
                    <div class="mb-4 pt-0 pt-lg-3 opacity-75 w-70">项目类型：铝包木门窗<br />
项目地址：北京顺义<br />
工程量：8000㎡</div>
                    <p class="product-btns d-flex gap-1 ani mt-4 mt-lg-4 mb-4 mb-lg-5">
                    <a class="btn btn-white px-4 py-2 flex-grow-1 flex-lg-grow-0 text-start rounded-pill border-1 bg-transparent t-white fs-20"
                      href="/homecase">查看详情
                      <span class="iconfont icon-jiantou18 ms-2 ms-lg-4"></span></a>
                  </p>
                  </div>
                </div>
              </div>
                            <div class="accordion-item fw-lighter flex-shrink-0" data-index="3">
                <h2 class="accordion-header">
                  <button class="accordion-button collapsed p-0 t-white fs-40" type="button" 
                                data-bs-toggle="collapse" data-bs-target="#collapse-3" 
                                aria-expanded="false" 
                                aria-controls="collapse-3">
                    航城广场                  </button>
                </h2>
                <div id="collapse-3"
                  class="accordion-collapse collapse" 
                  aria-labelledby="heading-3"
                  data-bs-parent="#scenario-accordion"
                  data-img="/uploads/cms/20251203/0fa1d44151ecf619115b611c4d6e09fc.jpg"
                >
                  <div class="accordion-body px-0 pt-0 t-white">
                    <div class="mb-4 pt-0 pt-lg-3 opacity-75 w-70">项目类型：幕墙项目<br />
玻璃配置：6SL170NT+12AJ+6CT<br />
项目地址：北京顺义<br />
工程量：10000㎡</div>
                    <p class="product-btns d-flex gap-1 ani mt-4 mt-lg-4 mb-4 mb-lg-5">
                    <a class="btn btn-white px-4 py-2 flex-grow-1 flex-lg-grow-0 text-start rounded-pill border-1 bg-transparent t-white fs-20"
                      href="/homecase">查看详情
                      <span class="iconfont icon-jiantou18 ms-2 ms-lg-4"></span></a>
                  </p>
                  </div>
                </div>
              </div>
                          </div>
          </div>
        </div>
        <div id="section-cases-cover" class="col-12 col-lg-8 d-flex align-items-center justify-content-end ani" data-aos="fade-up">
                      <img class="h-100 w-100 object-fit-cover" src="/uploads/cms/20260119/3519f1c9e786b71ee20dceaf181d38cd.jpg" alt="邯郸刘宅" style="">
                      <img class="h-100 w-100 object-fit-cover" src="/uploads/cms/20260121/202e0dd1a45682e31d99b27e7a096959.jpg" alt="邢台皓顺和" style="display:none">
                      <img class="h-100 w-100 object-fit-cover" src="/uploads/cms/20260120/5404cce204f0bbeeac51c49bae8a78a4.jpg" alt="懋源璟橒" style="display:none">
                      <img class="h-100 w-100 object-fit-cover" src="/uploads/cms/20251203/0fa1d44151ecf619115b611c4d6e09fc.jpg" alt="航城广场" style="display:none">
                  </div>
      </div>
    </div>
  </section>
    <section class="section section-features section-banner-bg text-white t-bg-cover t-bg-center t-bg-no-repeat"
    style="background-image: url('/static/images/home/bg4.jpg')">
    <div class="container">
      <div class="row g-4 g-lg-5">
        <div class="col-12 col-lg-5 col-xl-4" data-aos="fade-up" data-aos-delay="200">
          <div class="t-h-full t-flex t-flex-col">
            <h3 class="display-1 fs-60 t-white pt-3 pt-lg-0">了解望美门窗<br />
              更多资讯信息</h3>
            <p class="product-btns d-flex gap-1 ani mt-4 mt-lg-5 mb-4">
              <a class="btn btn-white px-4 py-2 flex-grow-1 flex-lg-grow-0 text-start rounded-pill border-1 bg-transparent t-white fs-20"
                href="/news">全部新闻
                <span class="iconfont icon-jiantou18 ms-2 ms-lg-4"></span></a>
            </p>
          </div>
        </div>

        <div class="col-12 col-lg-7 col-xl-8" data-aos="fade-up" data-aos-delay="300">

          <div class="row row-cols-1 g-2 g-lg-4">
                        <div class="col">
              <div class="feature-item d-flex flex-column">
                <a href="http://tsdrm.cn/company/408.html" class="py-4">
                  <div class="feature-item-content t-white feature-item-text fw-light">
                    <span class="feature-item-title">2025 11 11</span>
                    <b class="me-auto">望美X90被动式窗荣获河北省“绿色安居好门窗</b>
                    <span class="iconfont icon-jiantou18 ps-0 ps-lg-5"></span>
                  </div>
                </a>
              </div>
            </div>
                        <div class="col">
              <div class="feature-item d-flex flex-column">
                <a href="http://tsdrm.cn/company/404.html" class="py-4">
                  <div class="feature-item-content t-white feature-item-text fw-light">
                    <span class="feature-item-title">2025 09 19</span>
                    <b class="me-auto">望美集团“廿五正芳华 长锋破晓行”25周年庆典</b>
                    <span class="iconfont icon-jiantou18 ps-0 ps-lg-5"></span>
                  </div>
                </a>
              </div>
            </div>
                        <div class="col">
              <div class="feature-item d-flex flex-column">
                <a href="http://tsdrm.cn/company/407.html" class="py-4">
                  <div class="feature-item-content t-white feature-item-text fw-light">
                    <span class="feature-item-title">2025 02 08</span>
                    <b class="me-auto">家装玻璃产品闪耀上市，重构极简生活美学</b>
                    <span class="iconfont icon-jiantou18 ps-0 ps-lg-5"></span>
                  </div>
                </a>
              </div>
            </div>
                        <div class="col">
              <div class="feature-item d-flex flex-column">
                <a href="http://tsdrm.cn/company/405.html" class="py-4">
                  <div class="feature-item-content t-white feature-item-text fw-light">
                    <span class="feature-item-title">2024 12 18</span>
                    <b class="me-auto">望美门窗新品发布会圆满召开</b>
                    <span class="iconfont icon-jiantou18 ps-0 ps-lg-5"></span>
                  </div>
                </a>
              </div>
            </div>
                      </div>
        </div>
      </div>
    </div>
  </section>
    <section class="section section-partners section-partners-list section-banner-bg text-white t-bg-cover t-bg-center t-bg-no-repeat"
  style="background-image: url('/static/images/home/bg5.jpg')">
    <div class="container">
      <div class="section-caption">
        <h3 class="fs-60 pt-3 pt-lg-0">我们的合作伙伴</h3>
      </div>
      <div class="row row-cols-2 row-cols-md-4 row-cols-xl-6" data-aos="fade-up" data-aos-delay="200">
              <div class="col py-2 py-lg-3">
         <a class="partner-item" href="http://tsdrm.cn/arc/84-368.html"><img
                class="img-fluid"
                src="/uploads/cms/20251115/acc0b9722bbde33d93180e9de549c040.jpg" alt="1"></a>
        </div>
              <div class="col py-2 py-lg-3">
         <a class="partner-item" href="http://tsdrm.cn/arc/84-369.html"><img
                class="img-fluid"
                src="/uploads/cms/20260331/fb07f43df375d6195147f89b4367f7b1.png" alt="2"></a>
        </div>
              <div class="col py-2 py-lg-3">
         <a class="partner-item" href="http://tsdrm.cn/arc/84-370.html"><img
                class="img-fluid"
                src="/uploads/cms/20251115/70e6ff8af52b7df95e2e15e7839e6dba.jpg" alt="3"></a>
        </div>
              <div class="col py-2 py-lg-3">
         <a class="partner-item" href="http://tsdrm.cn/arc/84-371.html"><img
                class="img-fluid"
                src="/uploads/cms/20251115/bb5651338fdbd66e4a9a0a3698667c29.jpg" alt="4"></a>
        </div>
              <div class="col py-2 py-lg-3">
         <a class="partner-item" href="http://tsdrm.cn/arc/84-372.html"><img
                class="img-fluid"
                src="/uploads/cms/20251115/0948795571060067445dcd0118f66b37.jpg" alt="5"></a>
        </div>
              <div class="col py-2 py-lg-3">
         <a class="partner-item" href="http://tsdrm.cn/arc/84-373.html"><img
                class="img-fluid"
                src="/uploads/cms/20251115/04c043d9a8c1496091d2ad4eccb31487.jpg" alt="6"></a>
        </div>
              <div class="col py-2 py-lg-3">
         <a class="partner-item" href="http://tsdrm.cn/arc/84-374.html"><img
                class="img-fluid"
                src="/uploads/cms/20251115/af72a397542ef96226d7d75c81a25007.jpg" alt="7"></a>
        </div>
              <div class="col py-2 py-lg-3">
         <a class="partner-item" href="http://tsdrm.cn/arc/84-375.html"><img
                class="img-fluid"
                src="/uploads/cms/20260331/7697ab4c8bd7d8f17aa13b9b8c77cc79.png" alt="8"></a>
        </div>
              <div class="col py-2 py-lg-3">
         <a class="partner-item" href="http://tsdrm.cn/arc/84-376.html"><img
                class="img-fluid"
                src="/uploads/cms/20251115/46e475d2612c32d1be26c8771c350c7d.jpg" alt="9"></a>
        </div>
              <div class="col py-2 py-lg-3">
         <a class="partner-item" href="http://tsdrm.cn/arc/84-377.html"><img
                class="img-fluid"
                src="/uploads/cms/20251115/29846b8641471e14184251274e49f0f1.jpg" alt="10"></a>
        </div>
              <div class="col py-2 py-lg-3">
         <a class="partner-item" href="http://tsdrm.cn/arc/84-378.html"><img
                class="img-fluid"
                src="/uploads/cms/20251115/0296f1430562417b9ceda507d9d03673.jpg" alt="11"></a>
        </div>
              <div class="col py-2 py-lg-3">
         <a class="partner-item" href="http://tsdrm.cn/arc/84-398.html"><img
                class="img-fluid"
                src="/uploads/cms/20260331/9de139d86e3480e9e36768c4750948e2.png" alt="12"></a>
        </div>
         
      </div>
    </div>
  </section>
  
  <footer class="footer section t-white">
    <div class="container">
      <div class="row g-3 mb-3 mb-lg-5">
        <div class="col-12 col-lg-4 mb-4" data-aos="fade-up">
          <div class="d-flex align-items-center">
            <span class="logo flex-fill"><a href="/"><img class="h-100 d-inline-block" src="/static/images/footer-logo.png"
                  alt="望美集团"></a></span>
                         <div class="dropup dropup-center dropdown-menu-end d-inline-block">
              <a href="javascript:;" class="t-white fs-24 d-inline-block d-lg-none" data-bs-toggle="dropdown"
                data-bs-trigger="hover" data-bs-auto-close="true" aria-expanded="false">
                <span class="iconfont icon-weixin"></span>
              </a>
              <div class="dropdown-menu p-2 mb-3 shadow border-0">
                <img src="/uploads/topic/20260323/67be308f8d32d48c581a2cfe00d3b4d5.png" width="240">
              </div>
            </div>
                        <a href="http://tsdrm.cn/" class="t-white fs-24 d-inline-block d-lg-none"><span
                class="iconfont icon-douyin1 ms-2"></span></a>
                        <a href="http://tsdrm.cn/" class="t-white fs-24 d-inline-block d-lg-none"><span
                class="iconfont icon-xiaohongshu2 ms-2"></span></a>
                      </div>

        </div>
        <div class="col-12 col-lg-8" data-aos="fade-up">

          <div class="row row-cols-2 row-cols-xl-4 mb-3 mb-lg-5">
          
                      <div class="col mb-3 mb-lg-5">
              <dl>
              
                <dt class="mb-3 fs-24 fw-lighter">产品中心</dt>
                
                                <dd class="fw-lighter">
                  <p class="fs-20"><a href="http://tsdrm.cn/products#nav13">门窗解决方案</a></p>
                                <dd class="fw-lighter">
                  <p class="fs-20"><a href="http://tsdrm.cn/glass#nav14">家装玻璃解决方案</a></p>
                   
                </dd>
              </dl>
              
            </div>
                       <div class="col mb-3 mb-lg-5">
              <dl>
              
                <dt class="mb-3 fs-24 fw-lighter">望美旗下品牌</dt>
                
                                <dd class="fw-lighter">
                  <p class="fs-20"><a href="http://tsdrm.cn/brand#nav85">龙玻</a></p>
                                <dd class="fw-lighter">
                  <p class="fs-20"><a href="http://tsdrm.cn/brand#nav86">中玻新材</a></p>
                   
                </dd>
              </dl>
              
            </div>
                       <div class="col mb-3 mb-lg-5">
              <dl>
              
                <dt class="mb-3 fs-24 fw-lighter">项目案例</dt>
                
                                <dd class="fw-lighter">
                  <p class="fs-20"><a href="http://tsdrm.cn/homecase#nav25">家装</a></p>
                                <dd class="fw-lighter">
                  <p class="fs-20"><a href="http://tsdrm.cn/case#nav27">工程</a></p>
                   
                </dd>
              </dl>
              
            </div>
                       <div class="col mb-3 mb-lg-5">
              <dl>
              
                <dt class="mb-3 fs-24 fw-lighter">品牌动态</dt>
                
                                <dd class="fw-lighter">
                  <p class="fs-20"><a href="http://tsdrm.cn/company#nav22">公司新闻</a></p>
                                <dd class="fw-lighter">
                  <p class="fs-20"><a href="http://tsdrm.cn/information#nav23">行业新闻</a></p>
                   
                </dd>
              </dl>
              
            </div>
                       <div class="col mb-3 mb-lg-5">
              <dl>
              
                <dt class="mb-3 fs-24 fw-lighter">招商加盟</dt>
                
                                <dd class="fw-lighter">
                  <p class="fs-20"><a href="http://tsdrm.cn/join#nav77">招商政策</a></p>
                                <dd class="fw-lighter">
                  <p class="fs-20"><a href="http://tsdrm.cn/contact#nav78">联系我们</a></p>
                   
                </dd>
              </dl>
              
            </div>
                       <div class="col mb-3 mb-lg-5">
              <dl>
              
                <dt class="mb-3 fs-24 fw-lighter">关于望美</dt>
                
                                <dd class="fw-lighter">
                  <p class="fs-20"><a href="http://tsdrm.cn/about#nav73">望美集团</a></p>
                                <dd class="fw-lighter">
                  <p class="fs-20"><a href="http://tsdrm.cn/wmmc#nav74">望美门窗</a></p>
                                <dd class="fw-lighter">
                  <p class="fs-20"><a href="http://tsdrm.cn/honor#nav16">资质荣誉</a></p>
                                <dd class="fw-lighter">
                  <p class="fs-20"><a href="http://tsdrm.cn/news#nav11">品牌动态</a></p>
                   
                </dd>
              </dl>
              
            </div>
             
             
            
          </div>
        </div>
      </div>


      <div class="moving my-4 my-lg-5 pb-0 pb-lg-4"><img class="" src="/static/images/wanan.png" alt="望美集团"></div>
      <div class="row g-3 g-lg-5 align-items-center">

        <div class="col-12 col-lg-4 text-center text-lg-start">
          <div class="py-1 opacity-50 t-font-thin">
            <p>版权所有 &copy; 2025 望美门窗All Rights Reserved.</p>
          </div>
        </div>
        <div class="col-12 col-lg-2 text-start d-none d-lg-inline-block">
        
                  <div class="dropup dropup-center dropdown-menu-end d-inline-block">
            <a href="javascript:;" class="fs-24 t-white border-0" data-bs-toggle="dropdown" data-bs-trigger="hover"
              data-bs-auto-close="true" aria-expanded="false">
              <span class="iconfont icon-weixin"></span>
            </a>
            <div class="dropdown-menu p-2 mb-3 shadow border-0">
              <img src="/uploads/topic/20260323/67be308f8d32d48c581a2cfe00d3b4d5.png" width="240">
            </div>
          </div>            <a href="http://tsdrm.cn/" class="t-white fs-24"><span class="iconfont icon-douyin1 ms-3"></span></a>
                        <a href="http://tsdrm.cn/" class="t-white fs-24"><span class="iconfont icon-xiaohongshu2 ms-3"></span></a>
                    </div>
        <div class="col-12 col-lg-6 text-end d-none d-lg-inline-block"><a href="http://en.wangmei.cn/" class="t-white">英文</a> <a
            class="gotop t-white ms-3" href="javascript:void(0)">回到顶部</a></div>
      </div>
    </div>
  </footer>
  
  <!-- modals -->
  <div id="searchModal" class="modal search-modal" tabindex="-1" aria-labelledby="searchModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content border-top-1">
        <div class="modal-body py-4 py-lg-5 bg-transparent">
          <div class="container" style="max-width:800px">
            <form class="search-pane validation mb-4 mb-lg-5" autocomplete="off" novalidate>
              <div class="nav-search input-group px-0 t-p-2 t-bg-white">
                <span class="iconfont icon-sousuo shrink-0 my-auto text-gray-light !t-text-2xl"></span>
                <input class="form-control" type="text" name="keywords" placeholder="请输入关键词搜索">
                <span class="invalid-tooltip py-0 t-bg-transparent text-danger"></span>
              </div>
            </form>
            
            <div class="mb-3">
              <p class="d-block d-md-inline-block pe-3 mb-2">
               <strong>热门搜索:</strong>
              </p>
              <a href="/products" class="nav-search-wz ps-0">门窗解决方案</a>
              <a href="/homecase" class="nav-search-wz ">家装玻璃解决方案</a>
              <a href="/wmmc" class="nav-search-wz ">望美门窗</a>
              <a href="/join" class="nav-search-wz ">招商政策</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
 
 
<script src="/static/scripts/vendor.js"></script>
<script src="/static/scripts/common.js"></script>

<script src="/static/scripts/home.js"></script>
  
</body>
</html>

<div class="nav-dots">
  <span class="dot active" data-index="0"></span>
  <span class="dot" data-index="1"></span>
  <span class="dot" data-index="2"></span>
  <span class="dot" data-index="3"></span>
  <span class="dot" data-index="4"></span>
  <span class="dot" data-index="5"></span>
  <span class="dot" data-index="6"></span>
  <span class="dot" data-index="7"></span>
</div>

<script>
function createScrollspy() {
    let currentSection = 0;
    let isScrolling = false;
    const sectionsCount = $('.section').length;
    
    // 记录最后滚动时间，用于快速连续滚动时的节流
    let lastScrollTime = 0;
    const SCROLL_DELAY = 1000; // 每次滚动后至少等待1000ms
    
    // 初始化导航点
    function initNavDots() {
        $('.dot').click(function() {
            const index = $(this).data('index');
            goToSection(index);
        });
    }
    
    // 滚动到指定区块
    const goToSection = function(index) {
        // 参数验证
        if (index < 0 || index >= sectionsCount) return;
        
        // 如果已经在该位置，直接返回
        if (index === currentSection) return;
        
        // 节流控制：短时间内不重复滚动
        const now = Date.now();
        if (now - lastScrollTime < SCROLL_DELAY) return;
        
        // 防抖控制
        if (isScrolling) return;
        
        isScrolling = true;
        currentSection = index;
        lastScrollTime = now;
        
        // 获取目标section的offset top
        const targetSection = $('.section').eq(index);
        const offsetTop = targetSection.offset().top;
        
        // 停止所有正在进行的滚动动画，清除动画队列
        $('html, body').stop(true, false);
        
        // 使用CSS3 transition实现更平滑的滚动
        $('html, body').animate({
            scrollTop: offsetTop
        }, {
            duration: 800,
            easing: 'easeInOutCubic', // 使用缓动函数让滚动更自然
            queue: false, // 不使用队列
            complete: function() {
                // 动画完成后重置标志
                setTimeout(() => {
                    isScrolling = false;
                }, 200); // 额外缓冲200ms，防止连续滚动
            }
        });
        
        // 更新导航点
        $(`.dot[data-index="${index}"]`)
            .addClass('active')
            .siblings()
            .removeClass('active');
    };
    
    // 监听滚动，实时更新导航点（即使用户手动滚动）
    function updateNavOnScroll() {
        const scrollPos = $(window).scrollTop();
        const windowHeight = $(window).height();
        
        $('.section').each(function(index) {
            const $section = $(this);
            const sectionTop = $section.offset().top;
            const sectionBottom = sectionTop + $section.outerHeight();
            
            // 判断当前视口中哪个section占比较大
            if (scrollPos >= sectionTop - windowHeight / 2 && 
                scrollPos < sectionBottom - windowHeight / 2) {
                if (currentSection !== index) {
                    currentSection = index;
                    $(`.dot[data-index="${index}"]`)
                        .addClass('active')
                        .siblings()
                        .removeClass('active');
                }
            }
        });
    }
    
    // 鼠标滚轮事件
    function handleWheel(e) {
        if ($(window).width() < 992) return;
        
        // 节流：快速滚动时忽略中间事件
        const now = Date.now();
        if (now - lastScrollTime < SCROLL_DELAY && !isScrolling) {
            return;
        }
        
        if (isScrolling) {
            e.preventDefault();
            return;
        }
        
        // 判断滚动方向和幅度
        const deltaY = e.originalEvent.deltaY;
        const absDeltaY = Math.abs(deltaY);
        
        // 设置滚动阈值，避免轻微滚动触发
        if (absDeltaY < 10) return;
        
        e.preventDefault();
        
        if (deltaY > 0) {
            // 向下滚动
            if (currentSection < sectionsCount - 1) {
                goToSection(currentSection + 1);
            }
        } else {
            // 向上滚动
            if (currentSection > 0) {
                goToSection(currentSection - 1);
            }
        }
    }
    
    // 键盘事件
    function handleKeydown(e) {
        if ($(window).width() < 992 || isScrolling) return;
        
        if (e.key === 'ArrowDown' || e.key === 'PageDown') {
            e.preventDefault();
            if (currentSection < sectionsCount - 1) {
                goToSection(currentSection + 1);
            }
        } else if (e.key === 'ArrowUp' || e.key === 'PageUp') {
            e.preventDefault();
            if (currentSection > 0) {
                goToSection(currentSection - 1);
            }
        } else if (e.key === 'Home') {
            e.preventDefault();
            goToSection(0);
        } else if (e.key === 'End') {
            e.preventDefault();
            goToSection(sectionsCount - 1);
        }
    }
    
    // 触摸事件处理（移动设备）
    let touchStartY = 0;
    let touchStartTime = 0;
    
    function handleTouchStart(e) {
        if ($(window).width() < 992) return;
        touchStartY = e.originalEvent.touches[0].clientY;
        touchStartTime = Date.now();
    }
    
    function handleTouchEnd(e) {
        if ($(window).width() < 992 || isScrolling) return;
        
        const touchEndY = e.originalEvent.changedTouches[0].clientY;
        const touchEndTime = Date.now();
        const diff = touchStartY - touchEndY;
        const timeDiff = touchEndTime - touchStartTime;
        
        // 计算滑动速度
        const velocity = Math.abs(diff) / timeDiff;
        
        // 滑动距离超过50px 且 速度适中才触发
        if (Math.abs(diff) > 50 && velocity > 0.3 && velocity < 3) {
            if (diff > 0) {
                // 向下滑动
                if (currentSection < sectionsCount - 1) {
                    goToSection(currentSection + 1);
                }
            } else {
                // 向上滑动
                if (currentSection > 0) {
                    goToSection(currentSection - 1);
                }
            }
        }
    }
    
    // 初始化
    initNavDots();
    
    // 绑定事件
    $(window).on('wheel', handleWheel);
    $(window).on('scroll', updateNavOnScroll); // 监听滚动更新导航点
    $(document).on('keydown', handleKeydown);
    $(document).on('touchstart', handleTouchStart);
    $(document).on('touchend', handleTouchEnd);
    
    // 阻止默认的触摸滚动行为
    document.addEventListener('touchmove', function(e) {
        if ($(window).width() < 992) return;
        if (isScrolling) {
            e.preventDefault();
        }
    }, { passive: false });
    
    // 添加自定义缓动函数（如果没有jQuery Easing插件）
    if (!$.easing.easeInOutCubic) {
        $.easing.easeInOutCubic = function(x, t, b, c, d) {
            if ((t /= d / 2) < 1) return c / 2 * t * t * t + b;
            return c / 2 * ((t -= 2) * t * t + 2) + b;
        };
    }
}

$(function() {
    createScrollspy();
    
    // 手风琴处理
    const $accordionItems = $('.accordion-item');
    const $accordion = $('.accordion');
    
    $accordionItems.each(function() {
        const $item = $(this);
        const $button = $item.find('.accordion-button');
        
        $button.on('click', function() {
            $accordionItems.removeClass('active');
            $item.addClass('active');
            $item.get(0).scrollIntoView({
                inline: 'center',
                block: 'nearest',
                container: 'nearest',
                behavior: 'smooth'
            });
        });
    });
    
    $accordionItems.first().addClass('active');
    
    const $accordionCollapses = $('.accordion-collapse');
    $accordionCollapses.on('show.bs.collapse', function() {
        const $parentItem = $(this).closest('.accordion-item');
        $accordionItems.removeClass('active');
        $parentItem.addClass('active');
        $('#section-cases-cover').children('img').hide().eq($parentItem.index()).fadeIn();
    });
});

</script>
 
