智能低压补偿模块</span>
            </a>
          </div>
                    <div class="col-6 col-md-3">
            <a href="/products/zdkzzz/115.html" class="home-product-related-card" title="智能电容投切状态指示装置">
              <div class="home-product-related-img">
                <img src="/static/assets/images/nopic.gif" alt="智能电容投切状态指示装置" />
              </div>
              <span class="home-product-related-name">智能电容投切状态指示装置</span>
            </a>
          </div>
                  </div>
      </div>
    </div>
  </section>

  <!-- 页脚 Footer -->
  <footer id="contact" class="home-footer">
    <!-- 上部：logo + 联系信息 -->
    <div class="home-footer-upper">
      <div class="container">
        <div class="home-footer-top">
          <div class="home-footer-brand" data-aos="fade-right" data-aos-duration="600">
            <img src="/static/default/web/images/logo.svg" alt="科畅电气" class="home-footer-logo" />
            <span class="home-footer-brand-divider"></span>
            <span class="home-footer-brand-slogan">
              <span>电气行业犀行者</span>
              <span>耐用电气设备专业制造商</span>
            </span>
          </div>
          <div class="home-footer-contact" data-aos="fade-left" data-aos-duration="600">
            <div class="home-footer-contact-header">24小时咨询电话</div>
            <div class="home-footer-contact-item">
              <span>变压器咨询电话：<strong>13663310772</strong>（李经理）</span>
            </div>
            <div class="home-footer-contact-item">
              <span>配电箱咨询电话：<strong>13103125663</strong>（张经理）</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 下部：版权 + 备案 -->
    <div class="home-footer-lower">
      <div class="container">
        <div class="d-flex flex-column flex-md-row justify-content-between text-white-50 small">
          <span>Copyright © 2026科畅电气. All Rights Reserved.</span>
          <span>ICP备案号：<a href="https://beian.miit.gov.cn/" target="_blank" class="text-white-50">冀ICP备18029084号-1</a></span>        </div>
      </div>
    </div>
  </footer>

  <!-- 浮动工具栏 -->
  <div class="home-float-toolbar">
    <div class="home-float-item home-float-wechat">
      <i class="bi bi-wechat"></i>
      <div class="home-float-qrcode">
        <img src="/static/default/web/images/erweima.jpg" alt="微信二维码" />
        <span>扫码关注公众号</span>
      </div>
    </div>
    <div class="home-float-item home-float-top" id="homeBackTop">
      <i class="bi bi-arrow-up"></i>
    </div>
  </div>
  
  <div class="contact-wrapper">

    <!-- 二维码弹窗 -->
    <div class="qr-panel" id="qrPanel">
        <div class="close-btn" onclick="toggleQR()">×</div>
        <h3>微信扫码咨询</h3>
        <img src="/static/default/web/images/qrcode2.jpg" alt="微信二维码">
        <p>扫一扫添加微信</p>
    </div>

    <!-- 右侧按钮 -->
    <div style="display:flex; flex-direction:column; align-items:center;">
        <div class="contact-avatar">
            <img src="/static/default/web/images/avatar.png" alt="销售头像">
        </div>

        <div class="contact-btn" onclick="toggleQR()">
            <div class="vertical-text">业务咨询</div>
        </div>
    </div>

</div>

<script>
function toggleQR(){
    document.getElementById("qrPanel").classList.toggle("show");
}
</script>

  <!-- Bootstrap 5 JS -->
  <script src="/static/default/web/js/bootstrap.bundle.min.js"></script>
  <!-- AOS 动画库 -->
  <script src="/static/default/web/js/aos.js"></script>
  <!-- 页面自定义脚本 -->
  <script src="/static/default/web/js/home.js"></script>


  </body>
</html>