<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="和盛新能源汽修 - 专业新能源汽车维修、保养、电池检测与三电系统服务">
  <title>和盛新能源汽修 - 专业新能源汽车维修服务</title>
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>

  <!-- 导航栏 -->
  <nav class="navbar">
    <div class="container nav-inner">
      <a href="index.html" class="logo">
        <div class="logo-icon">⚡</div>
        <div class="logo-text">
          <h1>和盛新能源汽修</h1>
          <span>NEW ENERGY AUTO SERVICE</span>
        </div>
      </a>
      <button class="menu-toggle" aria-label="菜单">
        <span></span><span></span><span></span>
      </button>
      <div class="nav-links">
        <a href="index.html">首页</a>
        <a href="about.html">关于我们</a>
        <a href="services.html">服务项目</a>
        <a href="cases.html">维修案例</a>
        <a href="contact.html" class="nav-cta">立即预约</a>
      </div>
    </div>
  </nav>

  <!-- 首页 Hero -->
  <section class="hero">
    <div class="hero-bg"></div>
    <div class="hero-grid"></div>
    <div class="container">
      <div class="hero-content">
        <h2>专注<em>新能源</em>汽车<br>专业维修养护</h2>
        <p>和盛新能源汽修拥有资深技师团队与先进检测设备，为您的电动汽车、混动车提供电池检测、三电维修、常规保养等全方位服务。</p>
        <div class="hero-buttons">
          <a href="contact.html" class="btn btn-primary">立即预约 →</a>
          <a href="services.html" class="btn btn-outline">了解服务</a>
        </div>
      </div>
      <div class="hero-visual">
        <div class="hero-card">
          <div class="hero-stats">
            <div class="stat-item">
              <div class="number">8+</div>
              <div class="label">年行业经验</div>
            </div>
            <div class="stat-item">
              <div class="number">5000+</div>
              <div class="label">服务车辆</div>
            </div>
            <div class="stat-item">
              <div class="number">98%</div>
              <div class="label">客户满意度</div>
            </div>
            <div class="stat-item">
              <div class="number">15+</div>
              <div class="label">认证技师</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 核心服务 -->
  <section class="section">
    <div class="container">
      <div class="section-header fade-in">
        <span class="tag">CORE SERVICES</span>
        <h3>核心服务项目</h3>
        <p>覆盖新能源汽车全生命周期养护需求，用专业守护您的绿色出行</p>
      </div>
      <div class="card-grid">
        <div class="card fade-in">
          <div class="card-icon">🔋</div>
          <h4>电池系统检测</h4>
          <p>采用专业设备对动力电池进行健康度评估、容量检测与均衡维护，延长电池使用寿命。</p>
        </div>
        <div class="card fade-in">
          <div class="card-icon">⚙️</div>
          <h4>三电系统维修</h4>
          <p>电池、电机、电控三大核心系统的故障诊断与维修，原厂级技术标准，安全可靠。</p>
        </div>
        <div class="card fade-in">
          <div class="card-icon">🔧</div>
          <h4>常规保养维护</h4>
          <p>制动系统、空调滤芯、轮胎换位等常规保养项目，保障车辆最佳运行状态。</p>
        </div>
        <div class="card fade-in">
          <div class="card-icon">💻</div>
          <h4>智能诊断服务</h4>
          <p>接入主流品牌诊断系统，快速读取故障码，精准定位问题，缩短维修周期。</p>
        </div>
        <div class="card fade-in">
          <div class="card-icon">🛡️</div>
          <h4>事故车修复</h4>
          <p>新能源汽车碰撞后的结构修复与高压系统安全检测，恢复车辆安全性能。</p>
        </div>
        <div class="card fade-in">
          <div class="card-icon">🔌</div>
          <h4>充电系统检修</h4>
          <p>车载充电机、充电接口及线束的检测与维修，解决充电慢、充不进等问题。</p>
        </div>
      </div>
    </div>
  </section>

  <!-- 特色优势 -->
  <section class="features-bar">
    <div class="container">
      <div class="features-list">
        <div class="feature-item fade-in">
          <div class="icon">🏆</div>
          <h4>品牌认证技师</h4>
          <p>持有新能源维修资质证书</p>
        </div>
        <div class="feature-item fade-in">
          <div class="icon">🔬</div>
          <h4>先进检测设备</h4>
          <p>进口诊断仪与专用工具</p>
        </div>
        <div class="feature-item fade-in">
          <div class="icon">💰</div>
          <h4>透明合理报价</h4>
          <p>先检测后报价，无隐形消费</p>
        </div>
        <div class="feature-item fade-in">
          <div class="icon">⏱️</div>
          <h4>快速高效服务</h4>
          <p>常规保养2小时完成</p>
        </div>
      </div>
    </div>
  </section>

  <!-- 页脚 -->
  <footer class="footer">
    <div class="container">
      <div class="footer-grid">
        <div class="footer-brand">
          <a href="index.html" class="logo">
            <div class="logo-icon">⚡</div>
            <div class="logo-text">
              <h1>和盛新能源汽修</h1>
              <span>NEW ENERGY AUTO SERVICE</span>
            </div>
          </a>
          <p>专注新能源汽车维修养护，以专业技术与诚信服务，守护每一位车主的绿色出行梦想。</p>
        </div>
        <div class="footer-links">
          <h4>快速导航</h4>
          <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="services.html">服务项目</a></li>
            <li><a href="cases.html">维修案例</a></li>
          </ul>
        </div>
        <div class="footer-links">
          <h4>服务项目</h4>
          <ul>
            <li><a href="services.html">电池检测</a></li>
            <li><a href="services.html">三电维修</a></li>
            <li><a href="services.html">常规保养</a></li>
            <li><a href="services.html">事故修复</a></li>
          </ul>
        </div>
        <div class="footer-links">
          <h4>联系我们</h4>
          <ul>
            <li><a href="tel:400-888-6688">400-888-6688</a></li>
            <li><a href="contact.html">在线预约</a></li>
            <li>营业时间：8:30 - 18:30</li>
            <li>全年无休（春节除外）</li>
          </ul>
        </div>
      </div>
      <div class="footer-bottom">
        <p>&copy; 2026 和盛新能源汽修 版权所有 | 粤ICP备XXXXXXXX号</p>
      </div>
    </div>
  </footer>

  <script src="js/main.js"></script>
</body>
</html>
