<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>NBWave博浪官网-空气能热水器招商加盟_空气能水地暖第一品牌_空气能热水器十大品牌-空气能热水器价格-美国博浪空气能官网 400 688 2878</title>
  <meta name="keywords" content="空气能热泵热水器,地暖冷气机,双联供系统,空气源热泵热水器,空气能水地暖品牌,空气能十大品牌,空气能热水器排行,商用空气">
  <meta name="description" content="博浪空气能热水器加盟招商专业研发地暖冷气机（双联供系统）,家用空气能热水器,商用空气能热水器,空气能热水工程机, 空气能热泵水地暖为空气能热水工程提供空气能热泵热水器解决方案创造美的生活">
  <meta name="baidu-site-verification" content="codeva-eTBUAhHpmX" />
  <script src="https://cdn.tailwindcss.com"></script>
  <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.8/dist/chart.umd.min.js"></script>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
  
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            primary: '#0A2463',
            secondary: '#E6AF2E',
            dark: '#121212',
            light: '#F7F7F7',
            neutral: '#333333',
          },
          fontFamily: {
            inter: ['Inter', 'sans-serif'],
          },
        },
      }
    }
  </script>
  
  <style type="text/tailwindcss">
    @layer utilities {
      .content-auto {
        content-visibility: auto;
      }
      .text-shadow {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
      }
      .bg-blur {
        backdrop-filter: blur(8px);
      }
      .scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none;
      }
      .scrollbar-hide::-webkit-scrollbar {
        display: none;
      }
      .animate-float {
        animation: float 6s ease-in-out infinite;
      }
      @keyframes float {
        0% { transform: translateY(0px); }
        50% { transform: translateY(-20px); }
        100% { transform: translateY(0px); }
      }
      .product-card-hover {
        transition: all 0.3s ease;
      }
      .product-card-hover:hover {
        transform: translateY(-10px);
      }
    }
  </style>
      <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?3c81c38aee056c1189683f76fab517a4";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>














</head>

<body class="font-inter text-neutral bg-light overflow-x-hidden">
  <!-- 导航栏 -->
  <header id="navbar" class="fixed w-full z-50 transition-all duration-300">
    <div class="container mx-auto px-1 py-1 flex items-center justify-between">
      <!-- NBWaveLogo包含小象和字母元素 -->
     <a href="/" class="flex items-center">
        <img src="./images/nbwavelogo.png" alt="博浪NBWave" class="h-14"> 
      </a>
      
      <!-- 桌面导航 -->
      <nav class="hidden md:flex items-center space-x-8">
            
	            
	               <a href="/?aboutus/" class="text-white hover:text-secondary transition-colors  ">公司简介</a>
	          
	            
	               <a href="/?product/" class="text-white hover:text-secondary transition-colors  ">产品中心</a>
	          
	            
	               <a href="/?technology/" class="text-white hover:text-secondary transition-colors  ">核心技术</a>
	          
	            
	               <a href="/?case/" class="text-white hover:text-secondary transition-colors  ">工程案例</a>
	          
	            
	               <a href="/?news/" class="text-white hover:text-secondary transition-colors  ">新闻中心</a>
	          
	            
	               <a href="/?contact/" class="text-white hover:text-secondary transition-colors  ">联系我们</a>
	          
       
       
        <a href="#contact" class="bg-secondary text-primary px-6 py-2 rounded-full font-medium hover:bg-opacity-90 transition-all transform hover:scale-105">
          全国服务热线:0574-27812345
        </a>
      </nav>
      
      <!-- 移动端菜单按钮 -->
      <button id="menu-toggle" class="md:hidden text-white text-2xl">
        <i class="fa fa-bars"></i>
      </button>
    </div>
    
    <!-- 移动端导航菜单 -->
    <div id="mobile-menu" class="md:hidden bg-primary bg-opacity-95 bg-blur hidden">
      <div class="container mx-auto px-4 py-4 flex flex-col space-y-4">
            
	                  <a href="/?aboutus/" class="text-white hover:text-secondary py-2 transition-colors ">公司简介</a>
	              
	          
	                  <a href="/?product/" class="text-white hover:text-secondary py-2 transition-colors ">产品中心</a>
	              
	          
	                  <a href="/?technology/" class="text-white hover:text-secondary py-2 transition-colors ">核心技术</a>
	              
	          
	                  <a href="/?case/" class="text-white hover:text-secondary py-2 transition-colors ">工程案例</a>
	              
	          
	                  <a href="/?news/" class="text-white hover:text-secondary py-2 transition-colors ">新闻中心</a>
	              
	          
	                  <a href="/?contact/" class="text-white hover:text-secondary py-2 transition-colors ">联系我们</a>
	              
	          
  
       
        <a href="#contact" class="bg-secondary text-primary px-6 py-3 rounded-full font-medium text-center hover:bg-opacity-90 transition-all">
          全国服务热线:400-688-2878
        </a>
      </div>
    </div>
  </header>

  <!-- 英雄区域 -->
<!-- 英雄区域 -->
<section class="relative h-screen flex items-center justify-center overflow-hidden">
  <div class="absolute inset-0 z-0">
    <!-- 轮播图片容器 -->
    <div id="hero-carousel" class="w-full h-full">
      <div class="carousel-item absolute inset-0 opacity-100 transition-opacity duration-1000">
        <img src="/images/homebg.png" alt="博浪智能热水系统" class="w-full h-full object-cover">
        <div class="absolute inset-0 bg-primary bg-opacity-70"></div>
      </div>
      <div class="carousel-item absolute inset-0 opacity-0 transition-opacity duration-1000">
        <img src="/images/homebg2.png" alt="博浪节能热水方案" class="w-full h-full object-cover">
        <div class="absolute inset-0 bg-primary bg-opacity-60"></div>
      </div>
      <div class="carousel-item absolute inset-0 opacity-0 transition-opacity duration-1000">
        <img src="/images/homebg3.png" alt="博浪别墅热水系统" class="w-full h-full object-cover">
        <div class="absolute inset-0 bg-primary bg-opacity-75"></div>
      </div>
    </div>
  </div>
   <!-- 轮播左右箭头 -->
  <button id="prev-btn" class="absolute left-4 top-1/2 -translate-y-1/2 z-20 w-12 h-12 bg-secondary text-primary rounded-full flex items-center justify-center hover:bg-opacity-90 transition-all md:left-8 focus:outline-none">
    <i class="fa fa-chevron-left text-xl"></i>
  </button>
  <button id="next-btn" class="absolute right-4 top-1/2 -translate-y-1/2 z-20 w-12 h-12 bg-secondary text-primary rounded-full flex items-center justify-center hover:bg-opacity-90 transition-all md:right-8 focus:outline-none">
    <i class="fa fa-chevron-right text-xl"></i>
  </button>
  
  <!-- 轮播内容容器 -->
  <div class="container mx-auto px-4 z-10 text-center">
    <div id="hero-content" class="transition-all duration-1000">
      <div class="carousel-content active">
        <span class="text-secondary font-semibold tracking-wider uppercase">博浪美国全资引进</span>
        <h1 class="text-[clamp(2rem,6vw,4rem)] font-bold text-white leading-tight text-shadow mb-6">
          全热源，<br class="md:hidden">美系大宅热水模块
        </h1>
        <p class="text-[clamp(1rem,3vw,1.25rem)] text-white text-shadow max-w-2xl mx-auto mb-10">
          博浪全热源智能热水系统，融合空气能、燃气、电能等多种能源，
          为您提供高效、稳定、节能的热水解决方案
        </p>
      </div>
      <div class="carousel-content hidden">
        <span class="text-secondary font-semibold tracking-wider uppercase">节能热水专家</span>
        <h1 class="text-[clamp(2rem,6vw,4rem)] font-bold text-white leading-tight text-shadow mb-6">
          高效节能，<br class="md:hidden">降低50%能源成本
        </h1>
        <p class="text-[clamp(1rem,3vw,1.25rem)] text-white text-shadow max-w-2xl mx-auto mb-10">
          采用国际领先的能量转换技术，比传统热水器节能30-50%，
          为家庭和企业节省大量能源开支
        </p>
      </div>
      <div class="carousel-content hidden">
        <span class="text-secondary font-semibold tracking-wider uppercase">别墅专属方案</span>
        <h1 class="text-[clamp(2rem,6vw,4rem)] font-bold text-white leading-tight text-shadow mb-6">
          全屋热水，<br class="md:hidden">畅享舒适生活
        </h1>
        <p class="text-[clamp(1rem,3vw,1.25rem)] text-white text-shadow max-w-2xl mx-auto mb-10">
          专为别墅设计的大容量热水系统，多点同时供水不降温，
          满足全家人的高品质热水需求
        </p>
      </div>
    </div>
    
    <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
		 
      <a href="/?product/" class="inline-block bg-secondary text-primary px-8 py-4 rounded-full font-semibold text-lg hover:bg-opacity-90 transition-all transform hover:scale-105">
        探索产品
      </a>
    




      <a href="/?technology/" class="inline-block bg-transparent border-2 border-white text-white px-8 py-4 rounded-full font-semibold text-lg hover:bg-white hover:bg-opacity-10 transition-all">
        了解技术
      </a>
	   
    </div>
    
  </div>
  
  <!-- 轮播指示器 -->
  <div class="absolute bottom-20 left-0 right-0 text-center z-10">
    <div class="flex justify-center space-x-3">
      <button class="carousel-indicator w-3 h-3 rounded-full bg-white opacity-100" data-index="0"></button>
      <button class="carousel-indicator w-3 h-3 rounded-full bg-white opacity-50" data-index="1"></button>
      <button class="carousel-indicator w-3 h-3 rounded-full bg-white opacity-50" data-index="2"></button>
    </div>
  </div>
  
  <div class="absolute bottom-10 left-0 right-0 text-center">
    <a href="#about" class="text-white animate-bounce inline-block">
      <i class="fa fa-chevron-down text-2xl"></i>
    </a>
  </div>
</section>

  <section id="about" class="py-20 bg-white">
  <div class="container mx-auto px-4">
    <div class="flex flex-col lg:flex-row items-center gap-12">
      <div class="lg:w-1/2">
        <span class="text-secondary font-semibold tracking-wider uppercase">关于博浪</span>
        <h2 class="text-[clamp(1.8rem,5vw,3rem)] font-bold text-primary mt-2 mb-6">
          21年专注热水系统创新
        </h2>
        <p class="text-neutral text-lg mb-6">
          博浪创立于2004年，是一家专注于高端热水系统研发、生产和销售的高新技术企业。19年来，我们始终坚持技术创新，累计获得30余项国家专利，致力于为用户提供更高效、更节能、更舒适的热水解决方案。
        </p>
        
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
          <div class="text-center">
            <div class="text-primary text-4xl font-bold mb-2">21+</div>
            <p class="text-neutral">行业经验</p>
          </div>
          <div class="text-center">
            <div class="text-primary text-4xl font-bold mb-2">30+</div>
            <p class="text-neutral">技术专利</p>
          </div>
          <div class="text-center">
            <div class="text-primary text-4xl font-bold mb-2">10万+</div>
            <p class="text-neutral">用户使用</p>
          </div>
        </div>
        	 
        <a href="/?aboutus/" class="inline-block bg-primary text-white px-6 py-3 rounded-lg font-semibold hover:bg-primary/90 transition-all">
          了解更多 <i class="fa fa-arrow-right ml-2"></i>
        </a>
		   
      </div>
      
      <div class="lg:w-1/2 relative w-full">
        <div class="absolute -top-10 -right-10 w-40 h-40 bg-secondary bg-opacity-20 rounded-full hidden md:block"></div>
        <div class="absolute -bottom-10 -left-10 w-60 h-60 bg-primary bg-opacity-10 rounded-full hidden md:block"></div>
        <img src="/images/indexgongsilou.png" alt="博浪公司" class="w-full h-auto rounded-lg shadow-xl relative z-10">
      </div>
    </div>
  </div>
</section>


  <!-- 核心优势 -->
  <section class="py-20 bg-gray-50">
    <div class="container mx-auto px-4">
      <div class="text-center max-w-3xl mx-auto mb-16">
        <span class="text-secondary font-semibold tracking-wider uppercase">核心优势</span>
        <h2 class="text-[clamp(1.8rem,5vw,3rem)] font-bold text-primary mt-2 mb-6">
          为什么选择博浪系统
        </h2>
        <p class="text-neutral">
          博浪全热源热水系统在多个维度上超越传统系统，为用户带来前所未有的热水体验
        </p>
      </div>
      
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        <div class="bg-white p-8 rounded-lg shadow-md product-card-hover">
          <div class="w-16 h-16 bg-primary bg-opacity-10 rounded-full flex items-center justify-center mb-6">
            <i class="fa fa-line-chart text-primary text-2xl"></i>
          </div>
          <h3 class="text-xl font-bold text-primary mb-3">极致节能</h3>
          <p class="text-neutral">
            多能耦合智能算法，动态选择最优能源组合，相比传统热水器节能30-50%，大幅降低运行成本。
          </p>
        </div>
        
        <div class="bg-white p-8 rounded-lg shadow-md product-card-hover">
          <div class="w-16 h-16 bg-primary bg-opacity-10 rounded-full flex items-center justify-center mb-6">
            <i class="fa fa-balance-scale text-primary text-2xl"></i>
          </div>
          <h3 class="text-xl font-bold text-primary mb-3">稳定可靠</h3>
          <p class="text-neutral">
            -35℃超低温运行技术，多重能源保障，确保极端天气下仍能稳定供应热水，满足用户需求。
          </p>
        </div>
        
        <div class="bg-white p-8 rounded-lg shadow-md product-card-hover">
          <div class="w-16 h-16 bg-primary bg-opacity-10 rounded-full flex items-center justify-center mb-6">
            <i class="fa fa-bath text-primary text-2xl"></i>
          </div>
          <h3 class="text-xl font-bold text-primary mb-3">舒适体验</h3>
          <p class="text-neutral">
            大流量热水输出，5分钟放满大浴缸，恒温精准控制，提供SPA级的舒适热水体验。
          </p>
        </div>
        
        <div class="bg-white p-8 rounded-lg shadow-md product-card-hover">
          <div class="w-16 h-16 bg-primary bg-opacity-10 rounded-full flex items-center justify-center mb-6">
            <i class="fa fa-shield text-primary text-2xl"></i>
          </div>
          <h3 class="text-xl font-bold text-primary mb-3">健康安全</h3>
          <p class="text-neutral">
            紫晶搪瓷内胆，专利分舱储热技术，水箱终身免洗，有效抑制细菌滋生，提供健康热水。
          </p>
        </div>
        
        <div class="bg-white p-8 rounded-lg shadow-md product-card-hover">
          <div class="w-16 h-16 bg-primary bg-opacity-10 rounded-full flex items-center justify-center mb-6">
            <i class="fa fa-mobile text-primary text-2xl"></i>
          </div>
          <h3 class="text-xl font-bold text-primary mb-3">智能便捷</h3>
          <p class="text-neutral">
            手机APP远程控制，智能学习用户习惯，提前准备热水，一键设置多种用水模式，便捷省心。
          </p>
        </div>
        
        <div class="bg-white p-8 rounded-lg shadow-md product-card-hover">
          <div class="w-16 h-16 bg-primary bg-opacity-10 rounded-full flex items-center justify-center mb-6">
            <i class="fa fa-calendar-check-o text-primary text-2xl"></i>
          </div>
          <h3 class="text-xl font-bold text-primary mb-3">长效耐用</h3>
          <p class="text-neutral">
            采用高品质材料和工艺，系统设计寿命15年以上，大大降低更换频率和长期使用成本。
          </p>
        </div>
      </div>
    </div>
  </section>
  <!-- 核心技术 -->
  <section id="technology" class="py-20 bg-primary">
    <div class="container mx-auto px-4">
      <div class="text-center max-w-3xl mx-auto mb-16">
        <span class="text-secondary font-semibold tracking-wider uppercase">博浪美国全资引进</span>
        <h2 class="text-[clamp(1.8rem,5vw,3rem)] font-bold text-white mt-2 mb-6">
          全热源美系大宅热水模块
        </h2>
        <p class="text-white text-opacity-80">
          全热源大宅模块热水系统的设计应用及服务
        </p>
      </div>
      
      <div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
        <div class="order-1 md:order-1">
          <div class="space-y-8">
            <div class="bg-white bg-opacity-10 p-6 rounded-lg backdrop-blur-sm">
              <div class="flex items-start">
                <div class="w-12 h-12 bg-secondary rounded-full flex items-center justify-center flex-shrink-0 mt-1">
                  <i class="fa fa-cube text-primary text-xl"></i>
                </div>
                <div class="ml-4">
                  <h3 class="text-xl font-bold text-white mb-2">1吨-10吨专为大浴缸设计</h3>
                  <p class="text-white text-opacity-80">大口径 瞬间出水,小功率 恒温恒压</p>
                </div>
              </div>
            </div>
            
            <div class="bg-white bg-opacity-10 p-6 rounded-lg backdrop-blur-sm">
              <div class="flex items-start">
                <div class="w-12 h-12 bg-secondary rounded-full flex items-center justify-center flex-shrink-0 mt-1">
                  <i class="fa fa-shield text-primary text-xl"></i>
                </div>
                <div class="ml-4">
                  <h3 class="text-xl font-bold text-white mb-2">热水多功能</h3>
                  <p class="text-white text-opacity-80">热水+泡池+恒温泳池+地暖</p>
                </div>
              </div>
            </div>
            
            <div class="bg-white bg-opacity-10 p-6 rounded-lg backdrop-blur-sm">
              <div class="flex items-start">
                <div class="w-12 h-12 bg-secondary rounded-full flex items-center justify-center flex-shrink-0 mt-1">
                  <i class="fa fa-sun-o text-primary text-xl"></i>
                </div>
                <div class="ml-4">
                  <h3 class="text-xl font-bold text-white mb-2">智驭能源，多元共生</h3>
                  <p class="text-white text-opacity-80">超低温空气能+燃气模块炉十容积式电锅炉多能耦合系统,多能协同算法，自动选择最优能源组合，空气能主供+燃气调峰+谷电蓄能</p>
                </div>
              </div>
            </div>
			
			  <div class="bg-white bg-opacity-10 p-6 rounded-lg backdrop-blur-sm">
              <div class="flex items-start">
                <div class="w-12 h-12 bg-secondary rounded-full flex items-center justify-center flex-shrink-0 mt-1">
                  <i class="fa fa-sun-o text-primary text-xl"></i>
                </div>
                <div class="ml-4">
                  <h3 class="text-xl font-bold text-white mb-2">紫晶搪瓷内胆</h3>
                  <p class="text-white text-opacity-80">锅炉钢搪瓷工艺水箱坚固无修能</p>
                </div>
              </div>
            </div>
			
          </div>
        </div>
        
        <div class="order-2 md:order-2 relative">
         
          <img src="/images/indexmokuai2.png" alt="核心技术全热源美系大宅热水模块" class="w-full h-auto rounded-lg shadow-xl relative z-10 animate-float">
          
          <div class="absolute top-10 -left-5 bg-secondary text-primary p-4 rounded-lg shadow-lg z-20 max-w-xs transform rotate-[-5deg]">
            <p class="font-bold">9:1 九分产品一分安装</p>
            <p class="text-sm">稳定性提升10倍</p>
          </div>
        </div>  
    </div>
	
	
	
	   <div class="text-center mt-12">
        <a href="/?product/36.html" class="inline-block border-2 border-secondary bg-secondary text-primary px-8 py-3 rounded-lg font-semibold hover:bg-secondary hover:text-white transition-all">
          了解更多 <i class="fa fa-arrow-right ml-2"></i>
        </a>
      </div>

		 
		 
      </div> 
  </section>

  <!-- 核心技术end -->

  <!-- 产品系列 -->
  <section id="products" class="py-20 bg-white">
    <div class="container mx-auto px-4">
      <div class="text-center max-w-3xl mx-auto mb-16">
        <span class="text-secondary font-semibold tracking-wider uppercase">产品系列</span>
        <h2 class="text-[clamp(1.8rem,5vw,3rem)] font-bold text-primary mt-2 mb-6">
          满足不同场景需求的热水解决方案
        </h2>
        <p class="text-neutral">
          博浪提供多种型号的智能热水系统，从家庭到商业，从公寓到别墅，全方位满足您的需求
        </p>
      </div>
      
      <!-- 产品分类标签 
      <div class="flex flex-wrap justify-center gap-4 mb-12">
        <button class="bg-primary text-white px-6 py-2 rounded-full font-medium">全部产品</button>
        <button class="bg-gray-200 text-neutral px-6 py-2 rounded-full font-medium hover:bg-primary hover:text-white transition-colors">家用系列</button>
        <button class="bg-gray-200 text-neutral px-6 py-2 rounded-full font-medium hover:bg-primary hover:text-white transition-colors">商用系列</button>
        <button class="bg-gray-200 text-neutral px-6 py-2 rounded-full font-medium hover:bg-primary hover:text-white transition-colors">别墅专用</button>
        <button class="bg-gray-200 text-neutral px-6 py-2 rounded-full font-medium hover:bg-primary hover:text-white transition-colors">工程定制</button>
      </div>  -->
    
      <!-- 产品列表 -->
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        
	   <!-- 产品1 -->
        <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md product-card-hover hidden">
          <div class="relative">
            <a href="/?product/36.html"><img src="/static/upload/image/20250914/1757853731410759.png" alt="全热源大宅热水模块" class="w-full h-100 object-cover"></a>
          </div>
          <div class="p-6">
           <a href="/?product/36.html"> <h3 class="text-xl font-bold text-primary mb-2">全热源大宅热水模块</h3></a>
            <p class="text-neutral mb-4">•-35°C超低温运行 极端环境下仍能稳定工作•大流量输出5分钟放满大浴缸•高效节能较传统系统节能40%以上•智能控制APP远程操控，自适应调节</p>
            <div class="flex justify-between items-center">
              <a href="/?product/36.html" class="bg-primary text-white px-4 py-2 rounded-lg font-medium hover:bg-primary/90 transition-colors">
                查看详情
              </a>
            </div>
          </div>
        </div>
	  
	      
	   <!-- 产品1 -->
        <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md product-card-hover ">
          <div class="relative">
            <a href="/?product/29.html"><img src="/static/upload/image/20250914/1757852583742758.jpg" alt="空气能家用热泵热水机" class="w-full h-100 object-cover"></a>
          </div>
          <div class="p-6">
           <a href="/?product/29.html"> <h3 class="text-xl font-bold text-primary mb-2">空气能家用热泵热水机</h3></a>
            <p class="text-neutral mb-4">•21年专业空气能，专业更值得信赖 •美国SCL换热技术，高效节能，无需等待 •分舱动能加热，确保100%出水</p>
            <div class="flex justify-between items-center">
              <a href="/?product/29.html" class="bg-primary text-white px-4 py-2 rounded-lg font-medium hover:bg-primary/90 transition-colors">
                查看详情
              </a>
            </div>
          </div>
        </div>
	  
	      
	   <!-- 产品1 -->
        <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md product-card-hover ">
          <div class="relative">
            <a href="/?product/31.html"><img src="/static/upload/image/20250914/1757852727798197.jpg" alt="空气能商用热泵热水机" class="w-full h-100 object-cover"></a>
          </div>
          <div class="p-6">
           <a href="/?product/31.html"> <h3 class="text-xl font-bold text-primary mb-2">空气能商用热泵热水机</h3></a>
            <p class="text-neutral mb-4">• 提供标准化热水解决方案 • 能效提升33% • 模块化组合，安装灵活，省时省空间 • 采用全进口配件，为品质加码</p>
            <div class="flex justify-between items-center">
              <a href="/?product/31.html" class="bg-primary text-white px-4 py-2 rounded-lg font-medium hover:bg-primary/90 transition-colors">
                查看详情
              </a>
            </div>
          </div>
        </div>
	  
	      
	   <!-- 产品1 -->
        <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md product-card-hover ">
          <div class="relative">
            <a href="/?product/30.html"><img src="/static/upload/image/20250914/1757852687315395.jpg" alt="空气能模块承压热水机" class="w-full h-100 object-cover"></a>
          </div>
          <div class="p-6">
           <a href="/?product/30.html"> <h3 class="text-xl font-bold text-primary mb-2">空气能模块承压热水机</h3></a>
            <p class="text-neutral mb-4">大流量 大容量 大能量 专业热水工程，20年施工经验 热水工程案例遍布全国 COP 5.0 以上</p>
            <div class="flex justify-between items-center">
              <a href="/?product/30.html" class="bg-primary text-white px-4 py-2 rounded-lg font-medium hover:bg-primary/90 transition-colors">
                查看详情
              </a>
            </div>
          </div>
        </div>
	  
	      
	   <!-- 产品1 -->
        <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md product-card-hover ">
          <div class="relative">
            <a href="/?product/32.html"><img src="/static/upload/image/20250914/1757852769364620.jpg" alt="地暖冷气机" class="w-full h-100 object-cover"></a>
          </div>
          <div class="p-6">
           <a href="/?product/32.html"> <h3 class="text-xl font-bold text-primary mb-2">地暖冷气机</h3></a>
            <p class="text-neutral mb-4">• 夏天水冷，柔和不干燥 • 冬天水暖，舒适养生 • 恒温恒湿，婴儿般细致呵护 • 静音设计，尽享生活</p>
            <div class="flex justify-between items-center">
              <a href="/?product/32.html" class="bg-primary text-white px-4 py-2 rounded-lg font-medium hover:bg-primary/90 transition-colors">
                查看详情
              </a>
            </div>
          </div>
        </div>
	  
	      
	   <!-- 产品1 -->
        <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md product-card-hover ">
          <div class="relative">
            <a href="/?product/33.html"><img src="/static/upload/image/20250914/1757852815111490.jpg" alt="空气能一体机" class="w-full h-100 object-cover"></a>
          </div>
          <div class="p-6">
           <a href="/?product/33.html"> <h3 class="text-xl font-bold text-primary mb-2">空气能一体机</h3></a>
            <p class="text-neutral mb-4">• 三点温控，分舱加热 • 四倍节能，四倍省电 • 水电完全分离，安全可靠</p>
            <div class="flex justify-between items-center">
              <a href="/?product/33.html" class="bg-primary text-white px-4 py-2 rounded-lg font-medium hover:bg-primary/90 transition-colors">
                查看详情
              </a>
            </div>
          </div>
        </div>
	  
	      
	   <!-- 产品1 -->
        <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md product-card-hover ">
          <div class="relative">
            <a href="/?product/34.html"><img src="/static/upload/image/20250914/1757852850754257.jpg" alt="超低温采暖机" class="w-full h-100 object-cover"></a>
          </div>
          <div class="p-6">
           <a href="/?product/34.html"> <h3 class="text-xl font-bold text-primary mb-2">超低温采暖机</h3></a>
            <p class="text-neutral mb-4">• 低温强劲制热 采用补气增焓技术，即使-25℃环境下也能高效运行。 • 高效节能 采用国SCL换热技术，无电辅热，能效比高。</p>
            <div class="flex justify-between items-center">
              <a href="/?product/34.html" class="bg-primary text-white px-4 py-2 rounded-lg font-medium hover:bg-primary/90 transition-colors">
                查看详情
              </a>
            </div>
          </div>
        </div>
	  
	      
        
      
        
      
      </div>
      
      <div class="text-center mt-12">
        <a href="#" class="inline-block border-2 border-primary text-primary px-8 py-3 rounded-lg font-semibold hover:bg-primary hover:text-white transition-all">
          查看全部产品 <i class="fa fa-arrow-right ml-2"></i>
        </a>
      </div>
    </div>
  </section>




<!-- 新闻模块 -->
      <section id="news-updates" class="px-4 py-20">
     
		
		<div class="text-center max-w-3xl mx-auto mb-16">
        <span class="text-secondary font-semibold tracking-wider uppercase">新闻动态</span>
        <h2 class="text-[clamp(1.8rem,5vw,3rem)] font-bold text-primary mt-2 mb-6">
          最新新闻
        </h2>
        <p class="text-neutral">
          聚焦热水行业，公司动态
        </p>
      </div>
       
        <div class="grid grid-cols-1 md:grid-cols-5 gap-8">
		   
          <div class="bg-white rounded-lg overflow-hidden shadow-lg card-hover">
           <a href="/?company/143.html"> <img src="/static/images/nopic.png" alt="博浪荣获“消费者信得过单位”" class="w-full h-100 object-cover"> </a>
            <div class="p-6">
              <div class="flex items-center text-sm text-gray-500 mb-3">
                <i class="fa fa-calendar mr-2"></i>
                <span>2025-11-12</span>
              </div>
            <a href="/?company/143.html">   <h4 class="text-xl font-bold text-primary mb-3">博浪荣获“消费者信得过单位”</h4></a>
             <!--  <p class="text-neutral mb-4">美国NBwave博浪空气能专业研发热泵热水器、空气能热水器、别墅热水器、空气源热水器、空气源热泵、中央热水器是空气能十大品牌,具有热泵热水系统、节能热泵热水系统的热泵机组集团公司。</p> -->
              <a href="/?company/143.html" class="text-secondary font-medium flex items-center hover:underline">
                阅读全文 <i class="fa fa-arrow-right ml-2"></i>
              </a>
            </div>
          </div>
		      
          <div class="bg-white rounded-lg overflow-hidden shadow-lg card-hover">
           <a href="/?company/132.html"> <img src="/static/images/nopic.png" alt="博浪再度辉绩-芜湖大浦乡村世界空气能高盐度海啸泳池" class="w-full h-100 object-cover"> </a>
            <div class="p-6">
              <div class="flex items-center text-sm text-gray-500 mb-3">
                <i class="fa fa-calendar mr-2"></i>
                <span>2025-11-12</span>
              </div>
            <a href="/?company/132.html">   <h4 class="text-xl font-bold text-primary mb-3">博浪再度辉绩-芜湖大浦乡村世界空气能高盐度海啸泳池</h4></a>
             <!--  <p class="text-neutral mb-4">博浪 • 中国是 USA SCL TECHNOLOGY INC. （美国博浪科技）在中国建设的生产基地，是 USA SCL TECHNOLOGY INC. 在亚洲唯一授权制造空气源热泵热水器、商用热泵热水机组、太阳能热泵热水器、太阳能热泵热水系统的公司，博浪在空气能热泵低温运行、高低压平衡、热泵冷媒添加剂、系统控制等尖端技术领域处于领先位置。&n</p> -->
              <a href="/?company/132.html" class="text-secondary font-medium flex items-center hover:underline">
                阅读全文 <i class="fa fa-arrow-right ml-2"></i>
              </a>
            </div>
          </div>
		      
          <div class="bg-white rounded-lg overflow-hidden shadow-lg card-hover">
           <a href="/?company/55.html"> <img src="/static/images/nopic.png" alt="博浪贵阳体验馆全新升级 三大升级体验尽享五星服务" class="w-full h-100 object-cover"> </a>
            <div class="p-6">
              <div class="flex items-center text-sm text-gray-500 mb-3">
                <i class="fa fa-calendar mr-2"></i>
                <span>2025-11-06</span>
              </div>
            <a href="/?company/55.html">   <h4 class="text-xl font-bold text-primary mb-3">博浪贵阳体验馆全新升级 三大升级体验尽享五星服务</h4></a>
             <!--  <p class="text-neutral mb-4">2016年初，博浪贵阳体验馆全新布局，在软件和硬件上下足功夫，重磅推出集合茶吧休闲、商务咖啡、影音娱乐于一体的三大升级体验，让客户尽享五星级奢华服务。“我们在智能冷暖体验的基础上，重新从用户的角度出发，通过优化环境来提升用户体验。“当地经销商邱总介绍说。品茶香论茶道 体验产品格调十足博浪</p> -->
              <a href="/?company/55.html" class="text-secondary font-medium flex items-center hover:underline">
                阅读全文 <i class="fa fa-arrow-right ml-2"></i>
              </a>
            </div>
          </div>
		      
          <div class="bg-white rounded-lg overflow-hidden shadow-lg card-hover">
           <a href="/?company/54.html"> <img src="/static/images/nopic.png" alt="博浪广西平乐经销商重金打造户外广告效果显著" class="w-full h-100 object-cover"> </a>
            <div class="p-6">
              <div class="flex items-center text-sm text-gray-500 mb-3">
                <i class="fa fa-calendar mr-2"></i>
                <span>2025-11-06</span>
              </div>
            <a href="/?company/54.html">   <h4 class="text-xl font-bold text-primary mb-3">博浪广西平乐经销商重金打造户外广告效果显著</h4></a>
             <!--  <p class="text-neutral mb-4">2016年初，博浪广西平乐经销商陶总挥金打造多个楼宇宣传广告，分布于多个人流量密集的黄金地段。作为结合本地市场优势和资源展开的一次大型品牌推广，近日从陶总了解到目前已取得了不错的效果。据了解，广西省平乐县为漓</p> -->
              <a href="/?company/54.html" class="text-secondary font-medium flex items-center hover:underline">
                阅读全文 <i class="fa fa-arrow-right ml-2"></i>
              </a>
            </div>
          </div>
		      
          <div class="bg-white rounded-lg overflow-hidden shadow-lg card-hover">
           <a href="/?company/45.html"> <img src="/static/images/nopic.png" alt="博浪空气源热泵来了，节能的冬天更暖了" class="w-full h-100 object-cover"> </a>
            <div class="p-6">
              <div class="flex items-center text-sm text-gray-500 mb-3">
                <i class="fa fa-calendar mr-2"></i>
                <span>2025-11-06</span>
              </div>
            <a href="/?company/45.html">   <h4 class="text-xl font-bold text-primary mb-3">博浪空气源热泵来了，节能的冬天更暖了</h4></a>
             <!--  <p class="text-neutral mb-4">随着大气污染越来越严重，节能减排、绿色环保逐步成为国家经济发展必须遵循的原则，这对供暖行业影响尤为深远。使用更加清洁的能源采暖，不仅是国家对供暖行业发展的要求，也是供暖人一直以来的追求。可是，提供热源必会产生能耗，产生能耗必有排放，采暖该如何进行？在9月23日—25日在上海新国际博览中心举办</p> -->
              <a href="/?company/45.html" class="text-secondary font-medium flex items-center hover:underline">
                阅读全文 <i class="fa fa-arrow-right ml-2"></i>
              </a>
            </div>
          </div>
		      
        </div>
		
		    <div class="text-center mt-12">
        <a href="/?news/" class="inline-block border-2 border-primary text-primary px-8 py-3 rounded-lg font-semibold hover:bg-primary hover:text-white transition-all">
          查看更多新闻 <i class="fa fa-arrow-right ml-2"></i>
        </a>
      </div>
      </section>
  
  <!-- 精选案例 -->
  <section id="cases" class="py-20 bg-white">
    <div class="container mx-auto px-4">
      <div class="text-center max-w-3xl mx-auto mb-16">
        <span class="text-secondary font-semibold tracking-wider uppercase">成功案例</span>
        <h2 class="text-[clamp(1.8rem,5vw,3rem)] font-bold text-primary mt-2 mb-6">
          博浪系统的实际应用
        </h2>
        <p class="text-neutral">
          来自全国各地的安装案例，见证博浪系统的卓越性能
        </p>
      </div>
      
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        
        <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md product-card-hover">
        <a href="/?NBWave-school-factory/28.html">   <img src="/static/upload/image/20250914/1757848653110371.png" alt="江西联创电子有限公司员工宿舍" class="w-full h-56 object-cover"> </a>
          <div class="p-6">
            <div class="flex justify-between items-center mb-3">
             <a href="/?NBWave-school-factory/28.html">   <h3 class="text-xl font-bold text-primary">江西联创电子有限公司员工宿舍</h3></a>
              <span class="bg-primary bg-opacity-10 text-primary text-xs px-3 py-1 rounded-full">学校工厂</span>
            </div>
            <p class="text-neutral mb-4">
           地点:江西南昌
            </p>
            <a href="/?NBWave-school-factory/28.html" class="text-primary font-medium hover:text-secondary transition-colors">
              查看详情 <i class="fa fa-arrow-right ml-1"></i>
            </a>
          </div>
        </div>
         
        <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md product-card-hover">
        <a href="/?nbwave-star-interstellar-hotel/26.html">   <img src="/static/upload/image/20250914/1757816922213251.jpg" alt="浙江杭州未来里精品酒店" class="w-full h-56 object-cover"> </a>
          <div class="p-6">
            <div class="flex justify-between items-center mb-3">
             <a href="/?nbwave-star-interstellar-hotel/26.html">   <h3 class="text-xl font-bold text-primary">浙江杭州未来里精品酒店</h3></a>
              <span class="bg-primary bg-opacity-10 text-primary text-xs px-3 py-1 rounded-full">星级酒店</span>
            </div>
            <p class="text-neutral mb-4">
           地点:浙江省杭州市
            </p>
            <a href="/?nbwave-star-interstellar-hotel/26.html" class="text-primary font-medium hover:text-secondary transition-colors">
              查看详情 <i class="fa fa-arrow-right ml-1"></i>
            </a>
          </div>
        </div>
         
        <div class="bg-gray-50 rounded-lg overflow-hidden shadow-md product-card-hover">
        <a href="/?nbwave-star-interstellar-hotel/25.html">   <img src="/static/upload/image/20250914/1757814362864221.png" alt="浙江舟山嵊山等风来民宿" class="w-full h-56 object-cover"> </a>
          <div class="p-6">
            <div class="flex justify-between items-center mb-3">
             <a href="/?nbwave-star-interstellar-hotel/25.html">   <h3 class="text-xl font-bold text-primary">浙江舟山嵊山等风来民宿</h3></a>
              <span class="bg-primary bg-opacity-10 text-primary text-xs px-3 py-1 rounded-full">星级酒店</span>
            </div>
            <p class="text-neutral mb-4">
           地点:浙江省
            </p>
            <a href="/?nbwave-star-interstellar-hotel/25.html" class="text-primary font-medium hover:text-secondary transition-colors">
              查看详情 <i class="fa fa-arrow-right ml-1"></i>
            </a>
          </div>
        </div>
         
        
        
      
      </div>
      
      <div class="text-center mt-12">
        <a href="#" class="inline-block border-2 border-primary text-primary px-8 py-3 rounded-lg font-semibold hover:bg-primary hover:text-white transition-all">
          查看更多案例 <i class="fa fa-arrow-right ml-2"></i>
        </a>
      </div>
    </div>
  </section>

  <!-- 客户评价 -->
  <section class="py-20 bg-gray-50">
    <div class="container mx-auto px-4">
      <div class="text-center max-w-3xl mx-auto mb-16">
        <span class="text-secondary font-semibold tracking-wider uppercase">客户反馈</span>
        <h2 class="text-[clamp(1.8rem,5vw,3rem)] font-bold text-primary mt-2 mb-6">
          客户如何评价博浪
        </h2>
        <p class="text-neutral">
          来自全国各地的客户真实评价
        </p>
      </div>
      
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        <div class="bg-white p-8 rounded-lg shadow-md">
          <div class="flex items-center mb-6">
            <img src="/images/pjtx1.jpg" alt="客户头像" class="w-14 h-14 rounded-full object-cover mr-4">
            <div>
              <h4 class="font-bold text-primary">张先生</h4>
              <p class="text-sm text-neutral">北京 别墅业主</p>
            </div>
          </div>
          <div class="text-yellow-400 mb-4">
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
          </div>
          <p class="text-neutral">
            "安装了博浪V系列系统后，冬季热水供应非常稳定，即使在零下十几度的天气也完全没有问题。最惊喜的是运行成本比预期低很多，值得推荐！"
          </p>
        </div>
        
        <div class="bg-white p-8 rounded-lg shadow-md">
          <div class="flex items-center mb-6">
            <img src="/images/pjtx2.jpg" alt="客户头像" class="w-14 h-14 rounded-full object-cover mr-4">
            <div>
              <h4 class="font-bold text-primary">李女士</h4>
              <p class="text-sm text-neutral">上海 设计师</p>
            </div>
          </div>
          <div class="text-yellow-400 mb-4">
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
          </div>
          <p class="text-neutral">
            "作为设计师，我经常向客户推荐博浪系统。模块化安装大大缩短了工期，智能控制系统也让客户使用起来非常方便，反馈都非常好。"
          </p>
        </div>
        
        <div class="bg-white p-8 rounded-lg shadow-md">
          <div class="flex items-center mb-6">
            <img src="/images/pjtx3.jpg" alt="客户头像" class="w-14 h-14 rounded-full object-cover mr-4">
            <div>
              <h4 class="font-bold text-primary">王经理</h4>
              <p class="text-sm text-neutral">杭州 酒店负责人</p>
            </div>
          </div>
          <div class="text-yellow-400 mb-4">
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star-half-o"></i>
          </div>
          <p class="text-neutral">
            "我们酒店的SPA中心使用了博浪系统，大流量热水供应完全满足客人需求，运行成本比之前的系统降低了40%，一年就能节省不少费用。"
          </p>
        </div>
      </div>
    </div>
  </section>

  <section class="py-16 bg-white">
    <div class="container mx-auto px-4">
      <div class="bg-primary rounded-2xl overflow-hidden shadow-xl">
        <div class="flex flex-col lg:flex-row">
          <div class="lg:w-1/2 p-12 lg:p-16">
            <h2 class="text-[clamp(1.5rem,4vw,2.5rem)] font-bold text-white mb-6">
              携手博浪，共创舒适生活
            </h2>
            <p class="text-white text-opacity-80 mb-8 max-w-lg">
              秉承“改变世界的热水”的使命，博浪智能热水器科技有限公司将持续以技术革新为驱动，以用户需求为核心，从一台热水器到一个完整的智能生态系统，为全球用户创造更舒适、更绿色、更智慧的未来生活。。
            </p>
            <div class="flex flex-wrap gap-4">
              <a href="/?contact/" class="bg-secondary text-primary px-8 py-3 rounded-full font-semibold hover:bg-opacity-90 transition-all transform hover:scale-105">
                联系我们
              </a>
              <a href="/?product/" class="bg-white bg-opacity-20 text-white border border-white border-opacity-40 px-8 py-3 rounded-full font-semibold hover:bg-opacity-30 transition-all">
                了解产品
              </a>
            </div>
          </div>
          <div class="lg:w-1/2 relative min-h-[300px]">
            <img src="/images/homebgfoot.png" alt="联系我们" class="absolute inset-0 w-full h-full object-cover">
          </div>
        </div>
      </div>
    </div>
  </section>

    <!-- 页脚 -->
  <footer class="bg-primary text-white py-12">
    <div class="container mx-auto px-4">
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-8">
        <div>
          <!-- Logo包含小象和字母元素 -->
          <div class="flex items-center space-x-2 mb-6">
                  <img src="./images/nbwavelogo.png" alt="博浪NBWave" class="h-14"> 
          </div>
          <p class="text-white text-opacity-80 mb-6">
            博浪智能热水技术有限公司，专注高端热水系统解决方案，
            为您的生活带来极致舒适体验。
          </p>
         
		  <div class="flex space-x-4">
			   <div class="flex items-center space-x-2 mb-6">
					  <img src="./images/qr-xiaochengxu.jpg" alt="NBWave微博" class="h-24"> 
			  </div>
			  <div class="flex items-center space-x-2 mb-6">
					  <img src="./images/qr-weixin.jpg" alt="NBWave微信公众号" class="h-24"> 
			  </div>
		  </div>
		  
        </div>
        
        <div>
          <h4 class="text-lg font-bold mb-6">快速链接</h4>
          <ul class="space-y-3">
		   
            <li><a href="/?aboutus/" class="text-white text-opacity-80 hover:text-secondary transition-colors">公司简介</a></li>
          
            <li><a href="/?product/" class="text-white text-opacity-80 hover:text-secondary transition-colors">产品中心</a></li>
          
            <li><a href="/?technology/" class="text-white text-opacity-80 hover:text-secondary transition-colors">核心技术</a></li>
          
            <li><a href="/?case/" class="text-white text-opacity-80 hover:text-secondary transition-colors">工程案例</a></li>
          
            <li><a href="/?news/" class="text-white text-opacity-80 hover:text-secondary transition-colors">新闻中心</a></li>
          
            <li><a href="/?contact/" class="text-white text-opacity-80 hover:text-secondary transition-colors">联系我们</a></li>
          
          </ul>
        </div>
        
        <div>
          <h4 class="text-lg font-bold mb-6">产品中心</h4>
          <ul class="space-y-3">
	        
            <li><a href="/?product/36.html" class="text-white text-opacity-80 hover:text-secondary transition-colors">全热源大宅热水模块</a></li>
	  
            <li><a href="/?product/29.html" class="text-white text-opacity-80 hover:text-secondary transition-colors">空气能家用热泵热水机</a></li>
	  
            <li><a href="/?product/31.html" class="text-white text-opacity-80 hover:text-secondary transition-colors">空气能商用热泵热水机</a></li>
	  
            <li><a href="/?product/30.html" class="text-white text-opacity-80 hover:text-secondary transition-colors">空气能模块承压热水机</a></li>
	  
            <li><a href="/?product/32.html" class="text-white text-opacity-80 hover:text-secondary transition-colors">地暖冷气机</a></li>
	  
            <li><a href="/?product/33.html" class="text-white text-opacity-80 hover:text-secondary transition-colors">空气能一体机</a></li>
	  
            <li><a href="/?product/34.html" class="text-white text-opacity-80 hover:text-secondary transition-colors">超低温采暖机</a></li>
	  
          </ul>
        </div>
        
        <div>
          <h4 class="text-lg font-bold mb-6">联系方式</h4>
          <ul class="space-y-3">
            <li class="flex items-start">
              <i class="fa fa-phone mt-1 mr-3 text-secondary"></i>
              <span class="text-white text-opacity-80">全国服务热线:0574-27812345</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-phone mt-1 mr-3 text-secondary"></i>
              <span class="text-white text-opacity-80">全国售后电话:400-672-2220</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-envelope  mt-1 mr-3 text-secondary"></i>
              <span class="text-white text-opacity-80">邮箱:xiaoshou@nbwave.com</span>
            </li>
          </ul>
		   <div class="flex space-x-4 py-5">
            <a href="#" class="text-white text-opacity-80 hover:text-secondary transition-colors">
              <i class="fa fa-weixin text-xl"></i>
            </a>
            <a href="https://weibo.com/nbwave?is_all=1" class="text-white text-opacity-80 hover:text-secondary transition-colors">
              <i class="fa fa-weibo text-xl"></i>
            </a>
         
          </div>
        </div>
		
      </div>
      
      <div class="border-t border-white border-opacity-20 pt-8 text-center text-white text-opacity-60">
        <p>中国营销中心：宁波市鄞州区聚贤路1515号2号楼博浪中国研发中心，亚洲基地：安徽省马鞍山市花山工业园笔架山路1166号 全国服务热线：400-688-2878 博浪中国总机：0574-27812345<br>
© CoryRight@2004-2025 博浪（中国）www.nbwave.com All Rights Reserverd<br><a href="https://beian.miit.gov.cn/#/Integrated/index"  target="_blank"> 浙ICP备11010705号-1</a></p>
      </div>
    </div>
  </footer>

  <!-- 返回顶部按钮 -->
  <button id="back-to-top" class="fixed bottom-8 right-8 w-12 h-12 bg-secondary text-primary rounded-full flex items-center justify-center shadow-lg opacity-0 invisible transition-all z-50">
    <i class="fa fa-chevron-up"></i>
  </button>
  
<script>
// 导航栏滚动效果
      const navbar = document.getElementById('navbar');
      const backToTop = document.getElementById('back-to-top');
      
      // 初始化导航栏状态
      if (window.scrollY > 100) {
        navbar.classList.add('bg-primary', 'shadow-lg');
        navbar.classList.remove('py-4');
        navbar.classList.add('py-2');
        
        backToTop.classList.remove('opacity-0', 'invisible');
        backToTop.classList.add('opacity-100', 'visible');
      }
      
      window.addEventListener('scroll', function() {
        if (window.scrollY > 100) {
          navbar.classList.add('bg-primary', 'shadow-lg');
          navbar.classList.remove('py-4');
          navbar.classList.add('py-2');
          
          backToTop.classList.remove('opacity-0', 'invisible');
          backToTop.classList.add('opacity-100', 'visible');
        } else {
          navbar.classList.remove('bg-primary', 'shadow-lg');
          navbar.classList.remove('py-2');
          navbar.classList.add('py-4');
          
          backToTop.classList.add('opacity-0', 'invisible');
          backToTop.classList.remove('opacity-100', 'visible');
        }
      });
      
      // 移动端菜单切换
      const menuToggle = document.getElementById('menu-toggle');
      const mobileMenu = document.getElementById('mobile-menu');
      
      menuToggle.addEventListener('click', function() {
        mobileMenu.classList.toggle('hidden');
        const icon = menuToggle.querySelector('i');
        if (icon.classList.contains('fa-bars')) {
          icon.classList.remove('fa-bars');
          icon.classList.add('fa-times');
        } else {
          icon.classList.remove('fa-times');
          icon.classList.add('fa-bars');
        }
      });
      
      // 平滑滚动
      document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
          e.preventDefault();
          
          // 关闭移动菜单
          if (!mobileMenu.classList.contains('hidden')) {
            mobileMenu.classList.add('hidden');
            const icon = menuToggle.querySelector('i');
            icon.classList.remove('fa-times');
            icon.classList.add('fa-bars');
          }
          
          document.querySelector(this.getAttribute('href')).scrollIntoView({
            behavior: 'smooth'
          });
        });
      });
      
      // 返回顶部
      backToTop.addEventListener('click', function() {
        window.scrollTo({
          top: 0,
          behavior: 'smooth'
        });
      });
</script>


  <script>
    // 等待DOM加载完成
    document.addEventListener('DOMContentLoaded', function() {
	 const carouselItems = document.querySelectorAll('.carousel-item');
    const carouselContents = document.querySelectorAll('.carousel-content');
    const indicators = document.querySelectorAll('.carousel-indicator');
	const prevBtn = document.getElementById('prev-btn');
    const nextBtn = document.getElementById('next-btn');
    let currentIndex = 0;
    const totalSlides = carouselItems.length;
    
    // 切换到指定索引的幻灯片
    function goToSlide(index) {
      // 隐藏当前幻灯片和内容
      carouselItems[currentIndex].classList.remove('opacity-100');
      carouselItems[currentIndex].classList.add('opacity-0');
      carouselContents[currentIndex].classList.add('hidden');
      indicators[currentIndex].classList.remove('opacity-100');
      indicators[currentIndex].classList.add('opacity-50');
      
      // 更新当前索引
      currentIndex = index;
      
      // 显示新幻灯片和内容
      carouselItems[currentIndex].classList.remove('opacity-0');
      carouselItems[currentIndex].classList.add('opacity-100');
      carouselContents[currentIndex].classList.remove('hidden');
      indicators[currentIndex].classList.remove('opacity-50');
      indicators[currentIndex].classList.add('opacity-100');
    }
	 // 下一张幻灯片
    function nextSlide() {
      let nextIndex = (currentIndex + 1) % totalSlides;
      goToSlide(nextIndex);
    }
    
    // 上一张幻灯片
    function prevSlide() {
      let prevIndex = (currentIndex - 1 + totalSlides) % totalSlides;
      goToSlide(prevIndex);
    }
    
    // 自动轮播
    function startAutoSlide() {
      setInterval(() => {
        let nextIndex = (currentIndex + 1) % totalSlides;
        goToSlide(nextIndex);
      }, 5000); // 每5秒切换一次
    }
    
    // 点击指示器切换幻灯片
    indicators.forEach(indicator => {
      indicator.addEventListener('click', () => {
        const index = parseInt(indicator.getAttribute('data-index'));
        goToSlide(index);
      });
    });
    // 左右箭头点击事件
    prevBtn.addEventListener('click', () => {
      prevSlide();
      // 重置自动轮播计时器
      clearInterval(slideInterval);
      startAutoSlide();
    });
	nextBtn.addEventListener('click', () => {
      nextSlide();
      // 重置自动轮播计时器
      clearInterval(slideInterval);
      startAutoSlide();
    });
    // 启动自动轮播
    startAutoSlide();
      
      
     
    });
  </script>
<script src='/?Spider/&url=/' async='async'></script>
</body>
</html>
