<!doctype html>
<html lang="zh-CN">
    <head>
      <meta charset="utf-8">
      <meta name="robots" content="all">
      <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
      <title>开云（Kaiyun）体育科技股份有限公司官网-开云未来已来 - 海天味业官方网站</title>
      <meta name="keywords">
      <meta name="description">
      <meta property='og:title' content="海天味业官方网站"/>
      <meta property="og:description"/>
      <meta property="og:image"  />
      <meta name="api-domain" content="https://api.haday.com/zh-cn/v1/api">
      <meta name="base-dir" content="https://static.haday.com/zh-cn">
      <meta name="domain-name" content="zh-cn">
      <meta name="baidu-site-verification" content="codeva-5L09rlIaZB" />
      <link rel="canonical" href="https://www.haday.com/">
      <link rel="stylesheet" href="https://static.haday.com/zh-cn/css/vendor-v1.0.1.css?v=4">
      <link rel="stylesheet" href="https://static.haday.com/zh-cn/css/iconfont-v1.0.1.css?v=4">
      <link rel="stylesheet" href="https://static.haday.com/zh-cn/css/font-type-v1.0.1.css?v=4">
      <link rel="stylesheet" href="https://static.haday.com/zh-cn/css/main-v1.0.1.css?v=5">
      <link rel="stylesheet" href="https://static.haday.com/zh-cn/css/site-zh-cn-v1.0.1.css?v=4">
      
        
      <link rel="shortcut icon" href="https://static.haday.com/zh-cn/img/haitian.png">
      <link rel="bookmark" href="https://static.haday.com/zh-cn/img/haitian.png">
    
      <script src="https://static.haday.com/zh-cn/js/vendor-v1.0.1.js?v=5"></script>
      <script src="https://static.haday.com/zh-cn/js/plugins-v1.0.1.js?v=5"></script>

      <!--浏览器是否支持webp-->
      <script>
        !(function (c) {
          function a() {
            c.documentElement.className += " haday-webp";
          }

          var w = localStorage.getItem('haday-webp');
          if (!w || w !== 'A') {
            var b = new Image();
            b.onload = function () {
              if (b.width === 1) {
                a();
                localStorage.setItem('haday-webp', 'A');
              }
            };
            b.src = 'data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAARBxAR/Q9ERP8DAABWUDggGAAAABQBAJ0BKgEAAQAAAP4AAA3AAP7mtQAAAA==';
          } else {
            a();
          }
        }(document));
      </script>

      <script>var IMAGE_HOST = "./", WEB_HOST = "https://www.haday.com"</script>
      
      <script async src="https://www.googletagmanager.com/gtag/js?id=G-RXR61D5CK5"></script>
      
      <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

      </script>

      
        <script>
          gtag('config', 'G-RXR61D5CK5',{
            cookie_flags: 'Secure;SameSite=None'
          });

        </script>
      
      
      
      <script>
        function trackingFunc(data, event_name) {

                var newData = {
                  'page_path':  $('#main-wrap').data('page') || 'homepage'
                };

                Object.entries(data).forEach(([key, value]) => {
                  if (value !== undefined && value !== null && value !== '') {
                    newData[key] = value;
                  }
                });

                gtag('event', event_name || 'click', newData);
                console.log(JSON.stringify(newData))
        }
      </script>
      <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?83b3804b411d1eb818f8a65045cb0c54";
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(hm, s);
        })();
      </script>
      
  </head>
  <body class="body-wrap body-product-template-wrap skin-white ">
    
        
        
            <header class="c-header bg-transparent" w-class="{'move-down': isMoveDown, 'bg-white': canChangeSkin}">
    <div class="locale-switcher" w-class="{'single': localeSelectLength === 1, 'multiple': localeSelectLength > 1}">
        <div class="container">
            <div class="content h5">
                <div class="text-wrap p">
                    <div class="description"></div>
                </div>
                <div class="select-wrap">
                    <div class="dropdown">
                        <button class="btn btn-default dropdown-toggle" type="button" id="locale-dropdown-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            <span class="value"><i class="iconfont icon-duihao"></i><em></em></span>
                            <span class="iconfont icon-arrow-down h6"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="locale-dropdown-menu">
                        </ul>
                    </div>
                </div>
                <div class="btn-wrap">


                    <div class="c-button" w-class="{'show-loading': canShowLoading}" data-name="">

                        <a class="h6" href="javascript:;" target="_self">
                            <span class="name font-regular"></span>
                        </a>
                    </div>


                    <div class="close-wrap">
                        <span class="iconfont icon-guanbi"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <h1 data-selection-path="tab">
                    <span style="display: none;">海天味业官方网站</span>
                    <a class="navbar-brand" href="/" data-sub-section="haday_logo" data-name="haday_logo" @click="tabTracking">
                        
                            <img src="https://static.haday.com/zh-cn/img/logo.png" alt="logo" class="icon-logo">
                        
                        
                        
                    </a>
                </h1>
            </div>
            <div class="collapse navbar-collapse hidden-vert" id="bs-navbar-collapse-menu">
                <ul class="nav navbar-nav main-nav p" data-selection-path="tab">

                    
                        <!-- 判断 children 有数据 -->
                        

                        <!-- 判断 children 没有数据 -->
                        
                            <!-- 没有子菜单的处理 -->

                            <li data-sub-section="开云（Kaiyun）体育科技股份有限公司官网-开云未来已来" data-name="开云（Kaiyun）体育科技股份有限公司官网-开云未来已来">
                                <a href="/" @click="tabTracking">开云（Kaiyun）体育科技股份有限公司官网-开云未来已来</a>
                            </li>
                        
                    
                        <!-- 判断 children 有数据 -->
                        
                            <!-- 有子菜单的处理 -->

                            <li data-sub-section="开云（Kaiyun）体育科技股份有限公司官网-开云未来已来" data-name="开云（Kaiyun）体育科技股份有限公司官网-开云未来已来">
                                <a href="javascript:;" @mouseover="openSecondLayer(#second-layer-2)" @mouseout="closeSecondLayer" @click="tabTracking">开云（Kaiyun）体育科技股份有限公司官网-开云未来已来</a>
                            </li>
                        

                        <!-- 判断 children 没有数据 -->
                        
                    
                        <!-- 判断 children 有数据 -->
                        
                            <!-- 有子菜单的处理 -->

                            <li data-sub-section="挑剔的滋味哲学" data-name="挑剔的滋味哲学">
                                <a href="javascript:;" @mouseover="openSecondLayer(#second-layer-3)" @mouseout="closeSecondLayer" @click="tabTracking">挑剔的滋味哲学</a>
                            </li>
                        

                        <!-- 判断 children 没有数据 -->
                        
                    
                        <!-- 判断 children 有数据 -->
                        
                            <!-- 有子菜单的处理 -->

                            <li data-sub-section="全球美味计划" data-name="全球美味计划">
                                <a href="javascript:;" @mouseover="openSecondLayer(#second-layer-4)" @mouseout="closeSecondLayer" @click="tabTracking">全球美味计划</a>
                            </li>
                        

                        <!-- 判断 children 没有数据 -->
                        
                    
                        <!-- 判断 children 有数据 -->
                        
                            <!-- 有子菜单的处理 -->

                            <li data-sub-section="投资者关系" data-name="投资者关系">
                                <a href="javascript:;" @mouseover="openSecondLayer(#second-layer-5)" @mouseout="closeSecondLayer" @click="tabTracking">投资者关系</a>
                            </li>
                        

                        <!-- 判断 children 没有数据 -->
                        
                    
                        <!-- 判断 children 有数据 -->
                        
                            <!-- 有子菜单的处理 -->

                            <li data-sub-section="走进海天" data-name="走进海天">
                                <a href="javascript:;" @mouseover="openSecondLayer(#second-layer-6)" @mouseout="closeSecondLayer" @click="tabTracking">走进海天</a>
                            </li>
                        

                        <!-- 判断 children 没有数据 -->
                        
                    
                        <!-- 判断 children 有数据 -->
                        
                            <!-- 有子菜单的处理 -->

                            <li data-sub-section="服务与支持" data-name="服务与支持">
                                <a href="javascript:;" @mouseover="openSecondLayer(#second-layer-7)" @mouseout="closeSecondLayer" @click="tabTracking">服务与支持</a>
                            </li>
                        

                        <!-- 判断 children 没有数据 -->
                        
                    
                </ul>
                <ul class="nav navbar-nav navbar-right p" data-selection-path="tab">
                    <li class="search">
                        <a href="javascript:;" @mouseover="showSearch" @mouseout="closeSearch">
                            <span class="iconfont icon-search h5"></span>
                        </a>
                    </li>
                    <li class="language dropdown" data-name="language" data-sub-section="language" @mouseover="showLanguage" @mouseout="closeLanguage">
                        <a class="language-box" href="javascript:;">
                            <span class="iconfont icon-language h5"></span>
                            中简
                            <span class="iconfont icon-arrow-down p"></span>
                        </a>
                        <div class="dropdown-menu subnav">
                            <a href="/" class="vehicle-card p mb-h5" data-sub-section="language" data-name="中简" @click="tabTracking"><span>中简</span></a>
                            
                            <a href="/en/" class="vehicle-card p mb-h5" data-sub-section="language" data-name="English" @click="tabTracking"><span>English</span></a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- pc端弹层 - products -->
    
        <!-- 判断 children 有数据 -->
        
    
        <!-- 判断 children 有数据 -->
        

            <div class="second-layer-pc"  id="second-layer-2" @mouseover="closeSecondLayer">
                <div class="top-content" @mouseout.stop="closeSecondLayer" @mouseover.stop="stopCloseSecondLayer">
                    <div class="container">
                        <div class="menu-container">
                            <div class="side-menu">
                                <div class="part-top">
                                    <ul class="menu-list" data-button-type="first" data-sub-section="开云（Kaiyun）体育科技股份有限公司官网-开云未来已来">
                                        
                                            <li data-name="从古酱园到行业标杆">
                                                <a class="p" href="/about-us/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">从古酱园到行业标杆</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="独有的中国味道">
                                                <a class="p" href="/chinese-flavor/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">独有的中国味道</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="东方酱香越重洋">
                                                <a class="p" href="/yuechongyang/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">东方酱香越重洋</span>
                                                </a>
                                            </li>
                                        
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        
    
        <!-- 判断 children 有数据 -->
        

            <div class="second-layer-pc"  id="second-layer-3" @mouseover="closeSecondLayer">
                <div class="top-content" @mouseout.stop="closeSecondLayer" @mouseover.stop="stopCloseSecondLayer">
                    <div class="container">
                        <div class="menu-container">
                            <div class="side-menu">
                                <div class="part-top">
                                    <ul class="menu-list" data-button-type="first" data-sub-section="挑剔的滋味哲学">
                                        
                                            <li data-name="匠心塑造品质">
                                                <a class="p" href="/quality/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">匠心塑造品质</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="全系产品橱窗">
                                                <a class="p" href="/product-family/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">全系产品橱窗</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="美味因您焕新">
                                                <a class="p" href="/uservoice/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">美味因您焕新</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="探访阳光工厂">
                                                <a class="p" href="/visit_sunshine_factory/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">探访阳光工厂</span>
                                                </a>
                                            </li>
                                        
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        
    
        <!-- 判断 children 有数据 -->
        

            <div class="second-layer-pc"  id="second-layer-4" @mouseover="closeSecondLayer">
                <div class="top-content" @mouseout.stop="closeSecondLayer" @mouseover.stop="stopCloseSecondLayer">
                    <div class="container">
                        <div class="menu-container">
                            <div class="side-menu">
                                <div class="part-top">
                                    <ul class="menu-list" data-button-type="first" data-sub-section="全球美味计划">
                                        
                                            <li data-name="极致供应链">
                                                <a class="p" href="/ultimate-supply-chain/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">极致供应链</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="商用解决方案">
                                                <a class="p" href="/business-solution-services/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">商用解决方案</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="厨师荟">
                                                <a class="p" href="/chefs-gathering/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">厨师荟</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="味道科学">
                                                <a class="p" href="/flavor-science/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">味道科学</span>
                                                </a>
                                            </li>
                                        
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        
    
        <!-- 判断 children 有数据 -->
        

            <div class="second-layer-pc"  id="second-layer-5" @mouseover="closeSecondLayer">
                <div class="top-content" @mouseout.stop="closeSecondLayer" @mouseover.stop="stopCloseSecondLayer">
                    <div class="container">
                        <div class="menu-container">
                            <div class="side-menu">
                                <div class="part-top">
                                    <ul class="menu-list" data-button-type="first" data-sub-section="投资者关系">
                                        
                                            <li data-name="公司治理">
                                                <a class="p" href="/corporate-governance/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">公司治理</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="公司公告">
                                                <a class="p" href="/company-announcement/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">公司公告</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="财务摘要">
                                                <a class="p" href="/financial-summary/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">财务摘要</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="定期报告">
                                                <a class="p" href="/periodical-reports/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">定期报告</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="投资者联络">
                                                <a class="p" href="/investor-contact/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">投资者联络</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="ESG可持续发展">
                                                <a class="p" href="/sustainable-development/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">ESG可持续发展</span>
                                                </a>
                                            </li>
                                        
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        
    
        <!-- 判断 children 有数据 -->
        

            <div class="second-layer-pc"  id="second-layer-6" @mouseover="closeSecondLayer">
                <div class="top-content" @mouseout.stop="closeSecondLayer" @mouseover.stop="stopCloseSecondLayer">
                    <div class="container">
                        <div class="menu-container">
                            <div class="side-menu">
                                <div class="part-top">
                                    <ul class="menu-list" data-button-type="first" data-sub-section="走进海天">
                                        
                                            <li data-name="海天动态">
                                                <a class="p" href="/news/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">海天动态</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="海天公益">
                                                <a class="p" href="/haday-public-welfare/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">海天公益</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="加入我们">
                                                <a class="p" href="/join-us/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">加入我们</span>
                                                </a>
                                            </li>
                                        
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        
    
        <!-- 判断 children 有数据 -->
        

            <div class="second-layer-pc"  id="second-layer-7" @mouseover="closeSecondLayer">
                <div class="top-content" @mouseout.stop="closeSecondLayer" @mouseover.stop="stopCloseSecondLayer">
                    <div class="container">
                        <div class="menu-container">
                            <div class="side-menu">
                                <div class="part-top">
                                    <ul class="menu-list" data-button-type="first" data-sub-section="服务与支持">
                                        
                                            <li data-name="消费者">
                                                <a class="p" href="/service/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">消费者</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="合作伙伴">
                                                <a class="p" href="/service-contact-us/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">合作伙伴</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="投资者">
                                                <a class="p" href="/service-investor/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">投资者</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="厨师合作">
                                                <a class="p" href="/service-chef/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">厨师合作</span>
                                                </a>
                                            </li>
                                        
                                            <li data-name="媒体联系">
                                                <a class="p" href="/service-media/" data-change-type="menu" @click="tabTracking">
                                                    <span class="name">媒体联系</span>
                                                </a>
                                            </li>
                                        
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        
    

    <div class="btn-search-mb" @click="toggleSearchMb">
        <span class="iconfont icon-search p"></span>
    </div>

    <div class="btn-navbar-toggle-mb" @click="toggleMbFirstLayer">
        <span></span>
        <span></span>
        <span></span>
    </div>


    <div class="first-layer-mb">
        <div class="container">
            <ul class="menu-list" data-button-type="first">

                
                    <!-- 判断 children 有数据 -->
                    

                    <!-- 判断 children 没有数据 -->
                    
                        <!-- 没有子菜单的处理 -->
                        <li data-name="开云（Kaiyun）体育科技股份有限公司官网-开云未来已来" data-sub-section="开云（Kaiyun）体育科技股份有限公司官网-开云未来已来" @click="openMbSecondLayer(#second-layer-mb-1)">
                            <a class="p font-bold" href="/"  @click="tabTracking">
                                <span>开云（Kaiyun）体育科技股份有限公司官网-开云未来已来</span>
                            </a>
                        </li>
                    
                
                    <!-- 判断 children 有数据 -->
                    
                        <!-- 有子菜单的处理 -->
                        <li data-name="开云（Kaiyun）体育科技股份有限公司官网-开云未来已来" data-sub-section="开云（Kaiyun）体育科技股份有限公司官网-开云未来已来" @click="openMbSecondLayer(#second-layer-mb-2);">
                            <a class="p font-bold" href="javascript:;"   @click="tabTracking">
                                <span>开云（Kaiyun）体育科技股份有限公司官网-开云未来已来</span>
                                <span class="iconfont icon-arrow h5"></span>
                            </a>
                        </li>
                    

                    <!-- 判断 children 没有数据 -->
                    
                
                    <!-- 判断 children 有数据 -->
                    
                        <!-- 有子菜单的处理 -->
                        <li data-name="挑剔的滋味哲学" data-sub-section="挑剔的滋味哲学" @click="openMbSecondLayer(#second-layer-mb-3);">
                            <a class="p font-bold" href="javascript:;"   @click="tabTracking">
                                <span>挑剔的滋味哲学</span>
                                <span class="iconfont icon-arrow h5"></span>
                            </a>
                        </li>
                    

                    <!-- 判断 children 没有数据 -->
                    
                
                    <!-- 判断 children 有数据 -->
                    
                        <!-- 有子菜单的处理 -->
                        <li data-name="全球美味计划" data-sub-section="全球美味计划" @click="openMbSecondLayer(#second-layer-mb-4);">
                            <a class="p font-bold" href="javascript:;"   @click="tabTracking">
                                <span>全球美味计划</span>
                                <span class="iconfont icon-arrow h5"></span>
                            </a>
                        </li>
                    

                    <!-- 判断 children 没有数据 -->
                    
                
                    <!-- 判断 children 有数据 -->
                    
                        <!-- 有子菜单的处理 -->
                        <li data-name="投资者关系" data-sub-section="投资者关系" @click="openMbSecondLayer(#second-layer-mb-5);">
                            <a class="p font-bold" href="javascript:;"   @click="tabTracking">
                                <span>投资者关系</span>
                                <span class="iconfont icon-arrow h5"></span>
                            </a>
                        </li>
                    

                    <!-- 判断 children 没有数据 -->
                    
                
                    <!-- 判断 children 有数据 -->
                    
                        <!-- 有子菜单的处理 -->
                        <li data-name="走进海天" data-sub-section="走进海天" @click="openMbSecondLayer(#second-layer-mb-6);">
                            <a class="p font-bold" href="javascript:;"   @click="tabTracking">
                                <span>走进海天</span>
                                <span class="iconfont icon-arrow h5"></span>
                            </a>
                        </li>
                    

                    <!-- 判断 children 没有数据 -->
                    
                
                    <!-- 判断 children 有数据 -->
                    
                        <!-- 有子菜单的处理 -->
                        <li data-name="服务与支持" data-sub-section="服务与支持" @click="openMbSecondLayer(#second-layer-mb-7);">
                            <a class="p font-bold" href="javascript:;"   @click="tabTracking">
                                <span>服务与支持</span>
                                <span class="iconfont icon-arrow h5"></span>
                            </a>
                        </li>
                    

                    <!-- 判断 children 没有数据 -->
                    
                
            </ul>
            <div class="lang-quote">
                <div class="item" @click="showLanguageMb">
                    <a class="p" href="javascript:;" data-name="change_location" data-sub-section="change_location" data-selection-path="tab" @click="tabTracking">
                        <span class="iconfont icon-language p"></span>
                        中简
                    </a>
                </div>

            </div>


        </div>
    </div>

    
        <!-- 判断 children 有数据 -->
        


        <!-- 判断 children 没有数据 -->
        
            <!-- 没有子菜单的处理 -->
            <div class="second-layer-mb" id="second-layer-mb-1">
                <div class="container">
                    <div class="menu-head">
                        <h5 class="title">开云（Kaiyun）体育科技股份有限公司官网-开云未来已来</h5>
                        <div class="btn-back" @click="closeMbSecondLayer">
                            <span class="iconfont icon-arrow-left h5"></span>
                        </div>
                    </div>
                    <ul class="menu-list" data-sub-section="开云（Kaiyun）体育科技股份有限公司官网-开云未来已来" data-button-type="second">
                    </ul>
                </div>
            </div>
        
    
        <!-- 判断 children 有数据 -->
        
            <!-- 有子菜单的处理 -->
            <div class="second-layer-mb" id="second-layer-mb-2">
                <div class="container">
                    <div class="menu-head">
                        <h5 class="title">开云（Kaiyun）体育科技股份有限公司官网-开云未来已来</h5>
                        <div class="btn-back" @click="closeMbSecondLayer">
                            <span class="iconfont icon-arrow-left h5"></span>
                        </div>
                    </div>
                    <ul class="menu-list" data-sub-section="开云（Kaiyun）体育科技股份有限公司官网-开云未来已来" data-button-type="second">
                        
                            <li data-name="从古酱园到行业标杆" data-selection-path="">
                                <a class="p font-bold" href="/about-us/" @click.stop="tabTracking">
                                    <span >从古酱园到行业标杆</span>
                                </a>
                            </li>
                        
                            <li data-name="独有的中国味道" data-selection-path="">
                                <a class="p font-bold" href="/chinese-flavor/" @click.stop="tabTracking">
                                    <span >独有的中国味道</span>
                                </a>
                            </li>
                        
                            <li data-name="东方酱香越重洋" data-selection-path="">
                                <a class="p font-bold" href="/yuechongyang/" @click.stop="tabTracking">
                                    <span >东方酱香越重洋</span>
                                </a>
                            </li>
                        
                    </ul>
                </div>
            </div>
        


        <!-- 判断 children 没有数据 -->
        
    
        <!-- 判断 children 有数据 -->
        
            <!-- 有子菜单的处理 -->
            <div class="second-layer-mb" id="second-layer-mb-3">
                <div class="container">
                    <div class="menu-head">
                        <h5 class="title">挑剔的滋味哲学</h5>
                        <div class="btn-back" @click="closeMbSecondLayer">
                            <span class="iconfont icon-arrow-left h5"></span>
                        </div>
                    </div>
                    <ul class="menu-list" data-sub-section="挑剔的滋味哲学" data-button-type="second">
                        
                            <li data-name="匠心塑造品质" data-selection-path="">
                                <a class="p font-bold" href="/quality/" @click.stop="tabTracking">
                                    <span >匠心塑造品质</span>
                                </a>
                            </li>
                        
                            <li data-name="全系产品橱窗" data-selection-path="">
                                <a class="p font-bold" href="/product-family/" @click.stop="tabTracking">
                                    <span >全系产品橱窗</span>
                                </a>
                            </li>
                        
                            <li data-name="美味因您焕新" data-selection-path="">
                                <a class="p font-bold" href="/uservoice/" @click.stop="tabTracking">
                                    <span >美味因您焕新</span>
                                </a>
                            </li>
                        
                            <li data-name="探访阳光工厂" data-selection-path="">
                                <a class="p font-bold" href="/visit_sunshine_factory/" @click.stop="tabTracking">
                                    <span >探访阳光工厂</span>
                                </a>
                            </li>
                        
                    </ul>
                </div>
            </div>
        


        <!-- 判断 children 没有数据 -->
        
    
        <!-- 判断 children 有数据 -->
        
            <!-- 有子菜单的处理 -->
            <div class="second-layer-mb" id="second-layer-mb-4">
                <div class="container">
                    <div class="menu-head">
                        <h5 class="title">全球美味计划</h5>
                        <div class="btn-back" @click="closeMbSecondLayer">
                            <span class="iconfont icon-arrow-left h5"></span>
                        </div>
                    </div>
                    <ul class="menu-list" data-sub-section="全球美味计划" data-button-type="second">
                        
                            <li data-name="极致供应链" data-selection-path="">
                                <a class="p font-bold" href="/ultimate-supply-chain/" @click.stop="tabTracking">
                                    <span >极致供应链</span>
                                </a>
                            </li>
                        
                            <li data-name="商用解决方案" data-selection-path="">
                                <a class="p font-bold" href="/business-solution-services/" @click.stop="tabTracking">
                                    <span >商用解决方案</span>
                                </a>
                            </li>
                        
                            <li data-name="厨师荟" data-selection-path="">
                                <a class="p font-bold" href="/chefs-gathering/" @click.stop="tabTracking">
                                    <span >厨师荟</span>
                                </a>
                            </li>
                        
                            <li data-name="味道科学" data-selection-path="">
                                <a class="p font-bold" href="/flavor-science/" @click.stop="tabTracking">
                                    <span >味道科学</span>
                                </a>
                            </li>
                        
                    </ul>
                </div>
            </div>
        


        <!-- 判断 children 没有数据 -->
        
    
        <!-- 判断 children 有数据 -->
        
            <!-- 有子菜单的处理 -->
            <div class="second-layer-mb" id="second-layer-mb-5">
                <div class="container">
                    <div class="menu-head">
                        <h5 class="title">投资者关系</h5>
                        <div class="btn-back" @click="closeMbSecondLayer">
                            <span class="iconfont icon-arrow-left h5"></span>
                        </div>
                    </div>
                    <ul class="menu-list" data-sub-section="投资者关系" data-button-type="second">
                        
                            <li data-name="公司治理" data-selection-path="">
                                <a class="p font-bold" href="/corporate-governance/" @click.stop="tabTracking">
                                    <span >公司治理</span>
                                </a>
                            </li>
                        
                            <li data-name="公司公告" data-selection-path="">
                                <a class="p font-bold" href="/company-announcement/" @click.stop="tabTracking">
                                    <span >公司公告</span>
                                </a>
                            </li>
                        
                            <li data-name="财务摘要" data-selection-path="">
                                <a class="p font-bold" href="/financial-summary/" @click.stop="tabTracking">
                                    <span >财务摘要</span>
                                </a>
                            </li>
                        
                            <li data-name="定期报告" data-selection-path="">
                                <a class="p font-bold" href="/periodical-reports/" @click.stop="tabTracking">
                                    <span >定期报告</span>
                                </a>
                            </li>
                        
                            <li data-name="投资者联络" data-selection-path="">
                                <a class="p font-bold" href="/investor-contact/" @click.stop="tabTracking">
                                    <span >投资者联络</span>
                                </a>
                            </li>
                        
                            <li data-name="ESG可持续发展" data-selection-path="">
                                <a class="p font-bold" href="/sustainable-development/" @click.stop="tabTracking">
                                    <span >ESG可持续发展</span>
                                </a>
                            </li>
                        
                    </ul>
                </div>
            </div>
        


        <!-- 判断 children 没有数据 -->
        
    
        <!-- 判断 children 有数据 -->
        
            <!-- 有子菜单的处理 -->
            <div class="second-layer-mb" id="second-layer-mb-6">
                <div class="container">
                    <div class="menu-head">
                        <h5 class="title">走进海天</h5>
                        <div class="btn-back" @click="closeMbSecondLayer">
                            <span class="iconfont icon-arrow-left h5"></span>
                        </div>
                    </div>
                    <ul class="menu-list" data-sub-section="走进海天" data-button-type="second">
                        
                            <li data-name="海天动态" data-selection-path="">
                                <a class="p font-bold" href="/news/" @click.stop="tabTracking">
                                    <span >海天动态</span>
                                </a>
                            </li>
                        
                            <li data-name="海天公益" data-selection-path="">
                                <a class="p font-bold" href="/haday-public-welfare/" @click.stop="tabTracking">
                                    <span >海天公益</span>
                                </a>
                            </li>
                        
                            <li data-name="加入我们" data-selection-path="">
                                <a class="p font-bold" href="/join-us/" @click.stop="tabTracking">
                                    <span >加入我们</span>
                                </a>
                            </li>
                        
                    </ul>
                </div>
            </div>
        


        <!-- 判断 children 没有数据 -->
        
    
        <!-- 判断 children 有数据 -->
        
            <!-- 有子菜单的处理 -->
            <div class="second-layer-mb" id="second-layer-mb-7">
                <div class="container">
                    <div class="menu-head">
                        <h5 class="title">服务与支持</h5>
                        <div class="btn-back" @click="closeMbSecondLayer">
                            <span class="iconfont icon-arrow-left h5"></span>
                        </div>
                    </div>
                    <ul class="menu-list" data-sub-section="服务与支持" data-button-type="second">
                        
                            <li data-name="消费者" data-selection-path="">
                                <a class="p font-bold" href="/service/" @click.stop="tabTracking">
                                    <span >消费者</span>
                                </a>
                            </li>
                        
                            <li data-name="合作伙伴" data-selection-path="">
                                <a class="p font-bold" href="/service-contact-us/" @click.stop="tabTracking">
                                    <span >合作伙伴</span>
                                </a>
                            </li>
                        
                            <li data-name="投资者" data-selection-path="">
                                <a class="p font-bold" href="/service-investor/" @click.stop="tabTracking">
                                    <span >投资者</span>
                                </a>
                            </li>
                        
                            <li data-name="厨师合作" data-selection-path="">
                                <a class="p font-bold" href="/service-chef/" @click.stop="tabTracking">
                                    <span >厨师合作</span>
                                </a>
                            </li>
                        
                            <li data-name="媒体联系" data-selection-path="">
                                <a class="p font-bold" href="/service-media/" @click.stop="tabTracking">
                                    <span >媒体联系</span>
                                </a>
                            </li>
                        
                    </ul>
                </div>
            </div>
        


        <!-- 判断 children 没有数据 -->
        
    


    <div class="select-language-layer" @mouseover="closeLanguage">
        <div class="top-content" @mouseout.stop="closeLanguage" @mouseover.stop="stopCloseLanguage">
            <div class="container">

                <div class="language-list font-bold">
                    <div class="item">

                        <div class="locals">
                            <p class="local" data-sub-section="change_location" data-name="中简">
                                <a href="/" @click="tabTracking">中简</a>
                            </p>
                        </div>
                    </div>
                    
                    <div class="item">

                        <div class="locals">
                            <p class="local" data-sub-section="change_location" data-name="English">
                                <a href="/en/" @click="tabTracking">English</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    
        <div class="search-layer">
            <div class="top-content replace-bg" @mouseout.stop="closeSearch" @mouseover.stop="stopCloseSearch">
                <div class="container">
                    <div class="search-input-wrap">
                        <div class="form-group h6">
                            <span class="iconfont icon-search h3" @click="goToSearchDetail"></span>
                            <input type="text" class="form-control h3 search-input" id="search-input-keyword" name="keyword" w-model="keyword"
                                   placeholder="搜索 海天官网" autocomplete="off"
                                   data-src="/search-result/?keyword=">
                            <div class="close-btn" w-class="{ 'active' : keywordClose }" @click="clearKeyword">
                                <span class="iconfont icon-guanbi h6 mb-h6 bolder"></span>
                            </div>
                        </div>
                    </div>
                    <div class="search-keywrod-list">
                        <div class="h6 mb-h5 search-title">快速链接</div>
                        <ul></ul>
                    </div>
                </div>
                <div class="btn-close-mb visible-vert" @click="toggleSearchMb"><span class="iconfont icon-guanbi h5"></span></div>
            </div>
        </div>
    


    


    
</header>
        
<!--        //bg-transparent-->
    
    <div id="main-wrap" class="product-template-wrap skin-white "
         data-page="homepage" data-page-type="homepage">
      
        
        
    
        

  <div id="i474"></div>
  <div class="c-banner half70-screen skin-white  mbs-size-sm ps-size-lg bg-white" data-page-section="banner">
    <div class="swiper banner-swiper" w-class="{'swiper-no-swiping': isNoSwiping}">
      <div class="swiper-wrapper">

        
          <div class="swiper-slide">
            <img data-pc="https://static.haday.com/zh-cn/img/banner-placeholder.png"
                 data-mb="https://static.haday.com/zh-cn/img/banner-placeholder-mb.png"
                 alt="pic"
                 class="placeholder replace">
            <img data-pc="https://static.haday.com/upload/2026/08/14/0ce5a380cd1c48acaa82f56af1a48b6c.jpg" data-mb="https://static.haday.com/upload/2026/08/14/d7d8b42f0db04ad49ff0661b54307acf.jpg" alt="pic" class="pic replace">

            
            <div class="c-eq-video2"
                 data-video-src="https://static.haday.com/upload/2026/08/14/4db1cafa4e9647c380bdc352354ed6c9.mp4"
                 data-video-poster="https://static.haday.com/upload/2026/08/14/0ce5a380cd1c48acaa82f56af1a48b6c.jpg"
                 data-mb-video-src="https://static.haday.com/upload/2026/08/14/a050de7d72c2401a8f2f90c947c919d7.mp4"
                 data-mb-video-poster="https://static.haday.com/upload/2026/08/14/d7d8b42f0db04ad49ff0661b54307acf.jpg"
                 data-video-autoplay="false"
                 data-video-loop="false" data-model-video-poster="https://static.haday.com/upload/2026/08/14/4db1cafa4e9647c380bdc352354ed6c9.mp4"
                 data-video-lazy="false">
              <div class="eq-video-box" w-html="content" data-src="" data-src-mb="">
              </div>

            </div>
            

            <!-- 当 is_open_url != 1 时，使用 div 标签 -->
            <div class="slide-inner">
              
              
                <div class="bg replace-bg" data-pc="" data-tablet="" data-mb=""></div>
              
              
              <div class="container">
                
                <div class="text-wrap  top-left mb-arrow"
                     data-pc-percent="0" data-mb-percent="0">
                  
                  <h2 class="title txt-anim  h1"></h2>
                  <div class="description txt-anim mb-h5h3"></div>

                  
                </div>
              </div>
            </div>
          </div>
        
          <div class="swiper-slide">
            <img data-pc="https://static.haday.com/zh-cn/img/banner-placeholder.png"
                 data-mb="https://static.haday.com/zh-cn/img/banner-placeholder-mb.png"
                 alt="pic"
                 class="placeholder replace">
            <img data-pc="https://static.haday.com/upload/2026/07/23/75d713bcad024fcd943647f2d90efbf6.png" data-mb="https://static.haday.com/upload/2026/07/23/5ab1ead6ffb74984ae3cfda0f1fe378c.png" alt="pic" class="pic replace">

            

            <!-- 当 is_open_url != 1 时，使用 div 标签 -->
            <div class="slide-inner">
              
              <div class="bg replace-bg" data-pc="https://static.haday.com/upload/2026/07/23/75d713bcad024fcd943647f2d90efbf6.png" data-tablet="" data-mb="https://static.haday.com/upload/2026/07/23/5ab1ead6ffb74984ae3cfda0f1fe378c.png"></div>
              
              
              
                <a href="/news/first-full-chain-carbon-reduced-soy-sauce/" class="link"></a>
              
              <div class="container">
                
                  <a href="/news/first-full-chain-carbon-reduced-soy-sauce/" class="link"></a>
                
                <div class="text-wrap  top-left mb-arrow"
                     data-pc-percent="0" data-mb-percent="0">
                  
                    <a href="/news/first-full-chain-carbon-reduced-soy-sauce/" class="link"></a>
                  
                  <h2 class="title txt-anim  h1"></h2>
                  <div class="description txt-anim mb-h5h3"></div>

                  
                </div>
              </div>
            </div>
          </div>
        
          <div class="swiper-slide">
            <img data-pc="https://static.haday.com/zh-cn/img/banner-placeholder.png"
                 data-mb="https://static.haday.com/zh-cn/img/banner-placeholder-mb.png"
                 alt="pic"
                 class="placeholder replace">
            <img data-pc="https://static.haday.com/upload/2026/05/29/dd37818184fa4a09a4a427c67b9d585c.jpg" data-mb="https://static.haday.com/upload/2026/05/29/a1648bfe721b40feb16f35e681ff91c6.jpg" alt="pic" class="pic replace">

            

            <!-- 当 is_open_url != 1 时，使用 div 标签 -->
            <div class="slide-inner">
              
              <div class="bg replace-bg" data-pc="https://static.haday.com/upload/2026/05/29/dd37818184fa4a09a4a427c67b9d585c.jpg" data-tablet="" data-mb="https://static.haday.com/upload/2026/05/29/a1648bfe721b40feb16f35e681ff91c6.jpg"></div>
              
              
              
                <a href="/news/haday-global-real-user-ambassador-program/" class="link"></a>
              
              <div class="container">
                
                  <a href="/news/haday-global-real-user-ambassador-program/" class="link"></a>
                
                <div class="text-wrap  top-left mb-arrow"
                     data-pc-percent="0" data-mb-percent="0">
                  
                    <a href="/news/haday-global-real-user-ambassador-program/" class="link"></a>
                  
                  <h2 class="title txt-anim  h1"></h2>
                  <div class="description txt-anim mb-h5h3"></div>

                  
                </div>
              </div>
            </div>
          </div>
        

      </div>

      
      <div class="swiper-button-next hidden-vert"></div>
      <div class="swiper-button-prev hidden-vert"></div>
      
      <div class="swiper-pagination"></div>
    </div>
  </div>


    

    
        

    <div id="i465"></div>
    <div class="c-index-preview-product mbs-size-lg ps-size-md"
         data-page-section="product" data-slides-per-view="" data-slides-per-view-mb="" data-space-between="">
        <div class="content">
            <div class="swiper-controller hidden-vert">
                <div class="swiper-button-prev"><span class="iconfont icon-direction-left h5"></span></div>
                <div class="swiper-button-next"><span class="iconfont icon-direction-right h5"></span></div>
            </div>
            <div class="text-wrap animate__fadeInUp">
                <h3 class="title ">每一款<br>让薄盐走进一日三餐</h3>
                <div class="description h5">减盐不减鲜，<br>
薄盐选海天。</div>


                
                <div class="c-button" id="" w-class="{'show-loading': canShowLoading}" data-name="查看更多美味产品" data-target-id="" data-target-code-img="" data-target-code-text="">

                    <a class="p" href="/product-family/" target="_self">
                        <span class="name font-regular">查看更多美味产品</span>
                        <span class="iconfont icon-arrow p"></span>
                    </a>
                </div>
                

            </div>
            <div class="swiper-wrap animate__fadeInRight">
                <div class="swiper-container">
                    <div class="swiper-wrapper">

                        
                        <div class="swiper-slide">
                            <a class="img-box" href="/product-family/?product_line=104" data-name="7克超薄盐黑松露酱油">
                                <img data-src="https://static.haday.com/upload/2026/07/13/ead1f4c4d64d4ea7acefe321b647bcf9.png" alt="pic" class="pic lazy">
                                <img data-src="https://static.haday.com/upload/2026/07/13/8275d158b3bf4d75a378db6ef465ce5a.png" alt="pic" class="pic-hover lazy">
                            </a>
                            <div class="text-box">
                                <a href="/product-family/?product_line=104" data-name="7克超薄盐黑松露酱油">
                                    <h5 class="title p">7克超薄盐黑松露酱油</h5>
                                </a>
                            </div>
                        </div>
                        
                        <div class="swiper-slide">
                            <a class="img-box" href="/product-family/?product_line=104" data-name="7克超薄盐海鲜酱油">
                                <img data-src="https://static.haday.com/upload/2026/07/13/e135739caeb2431bacb9a2ff5c2121e7.png" alt="pic" class="pic lazy">
                                <img data-src="https://static.haday.com/upload/2026/07/13/a026ebb171b7463da50ab6d9a4c5c91c.png" alt="pic" class="pic-hover lazy">
                            </a>
                            <div class="text-box">
                                <a href="/product-family/?product_line=104" data-name="7克超薄盐海鲜酱油">
                                    <h5 class="title p">7克超薄盐海鲜酱油</h5>
                                </a>
                            </div>
                        </div>
                        
                        <div class="swiper-slide">
                            <a class="img-box" href="/product-family/?product_line=104" data-name="薄盐生抽">
                                <img data-src="https://static.haday.com/upload/2026/07/13/d6b8595291444e2097477964693037ff.png" alt="pic" class="pic lazy">
                                <img data-src="https://static.haday.com/upload/2026/07/13/ada10569efbd4e468c5de07d272438bc.png" alt="pic" class="pic-hover lazy">
                            </a>
                            <div class="text-box">
                                <a href="/product-family/?product_line=104" data-name="薄盐生抽">
                                    <h5 class="title p">薄盐生抽</h5>
                                </a>
                            </div>
                        </div>
                        
                        <div class="swiper-slide">
                            <a class="img-box" href="/product-family/?product_line=104" data-name="薄盐味极鲜">
                                <img data-src="https://static.haday.com/upload/2026/07/13/141a2fdedd9f48e1a5d73b48934b4b4e.png" alt="pic" class="pic lazy">
                                <img data-src="https://static.haday.com/upload/2026/07/13/6a950efc004a4ce0b71f8a8c8b85e7f1.png" alt="pic" class="pic-hover lazy">
                            </a>
                            <div class="text-box">
                                <a href="/product-family/?product_line=104" data-name="薄盐味极鲜">
                                    <h5 class="title p">薄盐味极鲜</h5>
                                </a>
                            </div>
                        </div>
                        
                        <div class="swiper-slide">
                            <a class="img-box" href="/product-family/?product_line=104" data-name="薄盐蚝油">
                                <img data-src="https://static.haday.com/upload/2026/07/13/afc3f8677d374bfdb4e136009bcf8071.png" alt="pic" class="pic lazy">
                                <img data-src="https://static.haday.com/upload/2026/07/13/9b1545adb7794f32a976162f5fb4210e.png" alt="pic" class="pic-hover lazy">
                            </a>
                            <div class="text-box">
                                <a href="/product-family/?product_line=104" data-name="薄盐蚝油">
                                    <h5 class="title p">薄盐蚝油</h5>
                                </a>
                            </div>
                        </div>
                        
                        <div class="swiper-slide">
                            <a class="img-box" href="/product-family/?product_line=104" data-name="薄盐黄豆酱">
                                <img data-src="https://static.haday.com/upload/2026/07/13/fda46de11aa54b37ad2128aa0e5fea6a.png" alt="pic" class="pic lazy">
                                <img data-src="https://static.haday.com/upload/2026/07/13/bc716fea7b77411c8f12598068f79347.png" alt="pic" class="pic-hover lazy">
                            </a>
                            <div class="text-box">
                                <a href="/product-family/?product_line=104" data-name="薄盐黄豆酱">
                                    <h5 class="title p">薄盐黄豆酱</h5>
                                </a>
                            </div>
                        </div>
                        

                    </div>
                </div>
            </div>
        </div>
    </div>

    

    
        

    <div id="i467"></div>
    <div class="c-index-everyday empty ps-size-lg" data-page-section="菜谱">
        <div class="content">
            <div class="title-wrap animate__fadeInUp">
                <h2 class="title mb-h3 ">
                    暑季解腻食光
                </h2>
                <div class="description h5">
                    海天调和百味，鲜爽抚平盛夏余温
                </div>
            </div>

            <div class="swiper-content animate__fadeInRight">
                <div class="c-thumb-swiper" data-page-section="菜谱" data-is-center="" data-slides-per-view="" data-slides-per-view-mb="" data-space-between="" data-slides-autoplay="">
                    <div class="swiper-title-wrap">
                        <div class="text-box">


                            
                            <div class="c-button btn-text" id="" w-class="{'show-loading': canShowLoading}" data-name="查看更多菜谱" data-target-id="" data-target-code-img="" data-target-code-text="">

                                <a class="p" href="/recipes/" target="_self">
                                    <span class="name font-regular">查看更多菜谱</span>
                                    <span class="iconfont icon-arrow p"></span>
                                </a>
                            </div>
                            

                        </div>
                        <div class="swiper-controller hidden-vert">
                            <div class="swiper-button-prev">
                                <span class="iconfont icon-direction-left h5"></span>
                            </div>
                            <div class="swiper-button-next">
                                <span class="iconfont icon-direction-right h5"></span>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-wrap">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">

                                
                                    <div class="swiper-slide">
                                        <div class="thumb-mask">
                                            <a class="img-box" href="/recipes/sweet-and-sourspareribs/" data-name="糖醋排骨"
                                               target="_self">
                                                <img data-src="https://static.haday.com/upload/2026/08/21/d2e3b43c234f49d59d8c3d64f9093262.png" alt="pic" class="pic lazy"></a>
                                        </div>
                                        <div class="text-box">
                                            <a href="/recipes/sweet-and-sourspareribs/" data-name="糖醋排骨">
                                                <h5 class="title">糖醋排骨</h5>
                                            </a>
                                        </div>
                                    </div>
                                
                                    <div class="swiper-slide">
                                        <div class="thumb-mask">
                                            <a class="img-box" href="/recipes/oyster-sauce-three-cup-chicken/" data-name="蚝油三杯鸡"
                                               target="_self">
                                                <img data-src="https://static.haday.com/upload/2026/08/21/60c76409a78c438393a27e3ed6b7319e.png" alt="pic" class="pic lazy"></a>
                                        </div>
                                        <div class="text-box">
                                            <a href="/recipes/oyster-sauce-three-cup-chicken/" data-name="蚝油三杯鸡">
                                                <h5 class="title">蚝油三杯鸡</h5>
                                            </a>
                                        </div>
                                    </div>
                                
                                    <div class="swiper-slide">
                                        <div class="thumb-mask">
                                            <a class="img-box" href="/recipes/marbled-chicken-rolls/" data-name="大理石纹鸡肉卷"
                                               target="_self">
                                                <img data-src="https://static.haday.com/upload/2026/08/21/c5a70146dce84d8794f51680f34b64b2.png" alt="pic" class="pic lazy"></a>
                                        </div>
                                        <div class="text-box">
                                            <a href="/recipes/marbled-chicken-rolls/" data-name="大理石纹鸡肉卷">
                                                <h5 class="title">大理石纹鸡肉卷</h5>
                                            </a>
                                        </div>
                                    </div>
                                
                                    <div class="swiper-slide">
                                        <div class="thumb-mask">
                                            <a class="img-box" href="/recipes/crispy-glutinous-rice-intestine-fruit-salad/" data-name="脆皮糯米大肠拼水果沙拉"
                                               target="_self">
                                                <img data-src="https://static.haday.com/upload/2026/08/21/1bcd0a8b19e2469d9fc058887bd487dd.png" alt="pic" class="pic lazy"></a>
                                        </div>
                                        <div class="text-box">
                                            <a href="/recipes/crispy-glutinous-rice-intestine-fruit-salad/" data-name="脆皮糯米大肠拼水果沙拉">
                                                <h5 class="title">脆皮糯米大肠拼水果沙拉</h5>
                                            </a>
                                        </div>
                                    </div>
                                
                                    <div class="swiper-slide">
                                        <div class="thumb-mask">
                                            <a class="img-box" href="/recipes/sweet-sour-chrysanthemum-rolls/" data-name="糖醋菊花卷"
                                               target="_self">
                                                <img data-src="https://static.haday.com/upload/2026/07/10/718cde1bd9bf40938ed31f304f0362a5.png" alt="pic" class="pic lazy"></a>
                                        </div>
                                        <div class="text-box">
                                            <a href="/recipes/sweet-sour-chrysanthemum-rolls/" data-name="糖醋菊花卷">
                                                <h5 class="title">糖醋菊花卷</h5>
                                            </a>
                                        </div>
                                    </div>
                                

                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    

    
        

    <div id="i466"></div>
    <div class="c-index-quality mbs-size-lg empty" data-page-section="">
        <div class="content">
            <div class="inner-content">

                
                <div class="c-eq-video2 bg-cover"
                     data-video-src="https://static.haday.com/zh-cn/img/index-quality.mp4"
                     data-video-poster="https://static.haday.com/zh-cn/img/index-quality-poster.jpg"
                     data-mb-video-src="https://static.haday.com/zh-cn/img/homepage_jiangxin_mb.ts"
                     data-mb-video-poster="https://static.haday.com/zh-cn/img/index-quality-poster-mb.jpg"
                     data-video-lazy="true"
                     data-video-autoplay="true" data-video-loop="true" data-model-video-poster="">
                    <div class="eq-video-box" w-html="content" data-src="" data-src-mb="">
                    </div>
                </div>
                


                


                <div class="text-wrap">
                    <h2 class="title font-light animate__fadeInUp animate__faster  null"
                    >
                        每一滴 <br class="visible-vert">都是匠心酿造的承诺
                    </h2>
                    <div class="description animate__fadeInUp animate__delay-0-5s animate__faster  h5 "
                    >
                        严选优质原料，<br class="visible-vert">494道工序打造全链品控体系。
                    </div>

                    
                    <div class="btn-box animate__fadeInUp animate__delay-1s animate__faster">

                        <div class="c-button" id="" w-class="{'show-loading': canShowLoading}" data-name="探索品质背后的故事" data-target-id="" data-target-code-img="" data-target-code-text="">

                            <a class="p" href="/quality/" target="_self">
                                <span class="name font-regular">探索品质背后的故事</span>
                                <span class="iconfont icon-arrow p"></span>
                            </a>
                        </div>

                    </div>
                    
                </div>
            </div>
        </div>
    </div>

    

    
        

    <div id="i468"></div>
    <div class="c-index-growth empty ps-size-sm" data-page-section="">
        <div class="content">
            <div class="container">
                <div class="inner-content">

                    <div class="text-wrap animate__fadeInRight">
                        <img data-src="https://static.haday.com/zh-cn/img/index-growth-text.png" alt="text" class="bg lazy">
                        <div class="text-inner-wrap">
                            <h3 class="title mb-h3 ">
                                每一刻<br>都在守护味的初心
                            </h3>
                            <div class="description h5">
                                百年匠心，酿造正宗中国味
                            </div>


                            
                                <div class="c-button" id="" w-class="{'show-loading': canShowLoading}" data-name="了解我们的成长故事" data-target-id="" data-target-code-img="" data-target-code-text="">

                                    <a class="p" href="/about-us/" target="_self">
                                        <span class="name font-regular">了解我们的成长故事</span>
                                        <span class="iconfont icon-arrow p"></span>
                                    </a>
                                </div>
                            


                        </div>
                    </div>

                    <div class="swiper mySwiper animate__zoomIn">
                        <div class="swiper-wrapper">

                            
                            <div class="swiper-slide">

                                
                                <!-- 模块eqVideo -->
                                <div class="c-eq-video bg-cover false" id=""

                                     data-video-src="https://static.haday.com/zh-cn/img/index-growth-1-gang.mp4"
                                     data-video-poster="https://static.haday.com/zh-cn/img/index-growth-1-gang.jpg"
                                     data-mb-video-src="https://static.haday.com/zh-cn/img/index-growth-1-gang.mp4"
                                     data-mb-video-poster="https://static.haday.com/zh-cn/img/index-growth-1-gang.jpg"
                                     data-video-autoplay="false"
                                     data-force-render="true"
                                     style="background-image:url(https://static.haday.com/zh-cn/img/index-growth-1-gang.jpg)"
                                     data-video-lazy="true"
                                     w-html="content">

                                </div>
                                
                                
                            </div>
                            
                            <div class="swiper-slide">

                                
                                <!-- 模块eqVideo -->
                                <div class="c-eq-video bg-cover false" id=""

                                     data-video-src="https://static.haday.com/zh-cn/img/index-growth-2-huangdou.mp4"
                                     data-video-poster="https://static.haday.com/zh-cn/img/index-growth-2-huangdou.jpg"
                                     data-mb-video-src="https://static.haday.com/zh-cn/img/index-growth-2-huangdou.mp4"
                                     data-mb-video-poster="https://static.haday.com/zh-cn/img/index-growth-2-huangdou.jpg"
                                     data-video-autoplay="false"
                                     data-force-render="true"
                                     style="background-image:url(https://static.haday.com/zh-cn/img/index-growth-2-huangdou.jpg)"
                                     data-video-lazy="true"
                                     w-html="content">

                                </div>
                                
                                
                            </div>
                            
                            <div class="swiper-slide">

                                
                                <!-- 模块eqVideo -->
                                <div class="c-eq-video bg-cover false" id=""

                                     data-video-src="https://static.haday.com/zh-cn/img/index-growth-3-soy.mp4"
                                     data-video-poster="https://static.haday.com/zh-cn/img/index-growth-3-soy.jpg"
                                     data-mb-video-src="https://static.haday.com/zh-cn/img/index-growth-3-soy.mp4"
                                     data-mb-video-poster="https://static.haday.com/zh-cn/img/index-growth-3-soy.jpg"
                                     data-video-autoplay="false"
                                     data-force-render="true"
                                     style="background-image:url(https://static.haday.com/zh-cn/img/index-growth-3-soy.jpg)"
                                     data-video-lazy="true"
                                     w-html="content">

                                </div>
                                
                                
                            </div>
                            
                            <div class="swiper-slide">

                                
                                <!-- 模块eqVideo -->
                                <div class="c-eq-video bg-cover false" id=""

                                     data-video-src="https://static.haday.com/zh-cn/img/index-growth-4-production.mp4"
                                     data-video-poster="https://static.haday.com/zh-cn/img/index-growth-4-production.jpg"
                                     data-mb-video-src="https://static.haday.com/zh-cn/img/index-growth-4-production.mp4"
                                     data-mb-video-poster="https://static.haday.com/zh-cn/img/index-growth-4-production.jpg"
                                     data-video-autoplay="false"
                                     data-force-render="true"
                                     style="background-image:url(https://static.haday.com/zh-cn/img/index-growth-4-production.jpg)"
                                     data-video-lazy="true"
                                     w-html="content">

                                </div>
                                
                                
                            </div>
                            

                        </div>
                        <div class="swiper-pagination"></div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    

    
        

    <div id="i469"></div>
    <div class="c-index-cooperation mbs-size-sm ps-size-sm" data-page-section="">
        <div class="content">
            <div class="inner-content">
                <img data-pc="https://static.haday.com/upload/2026/02/12/df5d1af3d7474f2997156458a469cbea.jpg" data-mb="https://static.haday.com/upload/2026/02/12/80d1914f389c469f80cb550f861be639.jpg" alt="bg" class="bg lazy">
                <div class="text-wrap">
                    <div class="text-inner-wrap animate__fadeInUp">
                        <h3 class="title  null">
                            每一味 都追求极致
                        </h3>
                        <div class="description   p ">
                            以数字化技术传承匠心品质，<br class="visible-vert">用智能工厂实现极致交付
                        </div>


                        
                        <div class="c-button" id="" w-class="{'show-loading': canShowLoading}" data-name="合作从这里开始"  data-target-id="" data-target-code-img="" data-target-code-text="">

                            <a class="p" href="https://www.haday.com/service-contact-us/?#model-contact-us" target="_self">
                                <span class="name font-regular">合作从这里开始</span>
                                <span class="iconfont icon-arrow p"></span>
                            </a>
                        </div>
                        

                        
                        <div class="tip-box">
                            <p>
                                <a href="/ultimate-supply-chain/" class="font-regular">探索我们的供应链</a>
                            </p>
                        </div>
                        

                        <div class="attrs">

                            
                            <div class="item">
                                <h4 class="title font-bold">优质原料</h4>
                                <p class="description">全程溯源</p>
                            </div>
                            
                            <div class="item">
                                <h4 class="title font-bold">顶级智造</h4>
                                <p class="description">品质保障</p>
                            </div>
                            
                            <div class="item">
                                <h4 class="title font-bold">“灯塔工厂”</h4>
                                <p class="description">全球首家<br class="visible-xs">酱油酿造行业</p>
                            </div>
                            
                            <div class="item">
                                <h4 class="title font-bold">3天打样，15天交付</h4>
                                <p class="description">敏捷响应需求</p>
                            </div>
                            
                            <div class="item">
                                <h4 class="title font-bold">规模效应</h4>
                                <p class="description">成本优势</p>
                            </div>
                            
                            <div class="item">
                                <h4 class="title font-bold">毛细血管级</h4>
                                <p class="description">渠道优势</p>
                            </div>
                            

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    

    
        

    <div id="i470"></div>

    <div class="c-index-user-suggestions empty ps-size-md" data-page-section="">
        <div class="content">
            <div class="container">
                <div class="inner-content">
                    <div class="text-wrap animate__fadeInLeft">
                        <h3 class="title">每一个微小的改变<br>都是为了不辜负爱</h3>


                        <!-- 有填按钮文字时显示按钮 -->
                        
                        <div class="c-button" id="" w-class="{'show-loading': canShowLoading}" data-name="期待您的建议" data-target-id="" data-target-code-img="" data-target-code-text="">

                            <a class="p" href="https://www.haday.com/service/?#model-contact-us" target="_self">
                                <span class="name font-regular">期待您的建议</span>
                                <span class="iconfont icon-arrow p"></span>
                            </a>
                        </div>
                        

                    </div>

                    <!-- 只有图片没有视频时显示图片组件 -->
                    
                        <div class="img-wrap animate__fadeInRight">
                            <img src="https://static.haday.com/upload/2026/03/09/8d0165ffb91344ffaa8417b88ce9ae93.jpg" alt="bg" class="bg">

                            <!-- 有播放视频时显示播放按钮 -->
                            
                                <div class="play-icon">
                                    <i class="iconfont icon-play1"></i>
                                </div>

                                <div class="c-button-box">

                                    <div class="button-video"
                                         data-video-src="https://static.haday.com/zh-cn/img/little_schoolbag-v2.mp4"
                                         data-video-poster="https://static.haday.com/zh-cn/img/little_schoolbag-v2-poster.jpg"
                                         data-video-poster-mb="https://static.haday.com/zh-cn/img/little_schoolbag-v2-poster.jpg"
                                         data-video-lazy="true"
                                    >

                                        <div class="content">

                                            <div class="c-button iconfont-play" id="" w-class="{'show-loading': canShowLoading}"
                                                 data-name="央视新闻视频" data-target-id="" data-target-code-img="" data-target-code-text="">
                                                <a class="p" href="javascript:;" target="_self">
                                                    <span class="name font-regular">央视新闻视频</span>
                                                    <span class="iconfont icon-play1 p"></span>
                                                </a>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            
                        </div>
                    

                    <!-- 视频不为空是显示视频组件 -->
                    
                </div>
            </div>
        </div>
    </div>

    

    
        

    <div id="i471"></div>
    <div class="c-index-more-wonderful empty ps-size-lg">
        <div class="content">
            <div class="inner-content animate__fadeInRight">
                <div class="c-thumb-swiper layout-mask" data-page-section="更多精彩" data-is-center="" data-slides-per-view="5.5" data-slides-per-view-mb="" data-space-between="" data-slides-autoplay="">
                    <div class="swiper-title-wrap">
                        <div class="text-box">
                            <h3 class="title">更多精彩  等你发现</h3>
                        </div>
                        <div class="swiper-controller hidden-vert">
                            <div class="swiper-button-prev">
                                <span class="iconfont icon-direction-left h5"></span>
                            </div>
                            <div class="swiper-button-next">
                                <span class="iconfont icon-direction-right h5"></span>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-wrap">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                
                                <div class="swiper-slide">
                                    <div class="thumb-mask">
                                        
                                            <a class="img-box" href="/news/haday-global-real-user-ambassador-program/" data-name="海天·全球真实用户“代言人”计划"
                                               target="_blank">
                                                <img data-src="https://static.haday.com/upload/2026/08/05/7a7f314afdc84d7a97b4b21b079f9807.png" alt="pic" class="pic lazy">
                                            </a>


                                            <div class="btn-link-wrap btn-anim">
                                                <div class="c-button" id="" w-class="{'show-loading': canShowLoading}"
                                                     data-name="了解更多" data-target-id=""
                                                     data-target-code-img="" data-target-code-text="">

                                                    <a class="p" href="/news/haday-global-real-user-ambassador-program/" target="_blank">
                                                        <span class="name font-regular">了解更多</span>
                                                        <span class="iconfont icon-arrow p"></span>
                                                    </a>
                                                </div>

                                            </div>
                                        
                                        
                                    </div>
                                    <div class="text-box">
                                        <a href="/news/haday-global-real-user-ambassador-program/" data-name="海天·全球真实用户“代言人”计划">
                                            <h5 class="title">海天·全球真实用户“代言人”计划</h5>
                                            <p class="description">海天·全球真实用户“代言人”计划正式启动。寻找爱分享，更懂味道的您。</p>
                                        </a>
                                    </div>

                                </div>
                                
                                <div class="swiper-slide">
                                    <div class="thumb-mask">
                                        
                                            <a class="img-box" href="/news/first-full-chain-carbon-reduced-soy-sauce/" data-name="碳路者绿链联盟 · 减碳地图正式发布！"
                                               target="_blank">
                                                <img data-src="https://static.haday.com/upload/2026/08/05/97aea741d4c1418b81341645e6108da4.png" alt="pic" class="pic lazy">
                                            </a>


                                            <div class="btn-link-wrap btn-anim">
                                                <div class="c-button" id="" w-class="{'show-loading': canShowLoading}"
                                                     data-name="了解更多" data-target-id=""
                                                     data-target-code-img="" data-target-code-text="">

                                                    <a class="p" href="/news/first-full-chain-carbon-reduced-soy-sauce/" target="_blank">
                                                        <span class="name font-regular">了解更多</span>
                                                        <span class="iconfont icon-arrow p"></span>
                                                    </a>
                                                </div>

                                            </div>
                                        
                                        
                                    </div>
                                    <div class="text-box">
                                        <a href="/news/first-full-chain-carbon-reduced-soy-sauce/" data-name="碳路者绿链联盟 · 减碳地图正式发布！">
                                            <h5 class="title">碳路者绿链联盟 · 减碳地图正式发布！</h5>
                                            <p class="description">国内首个覆盖调味品全产业链的减碳联盟“碳路者绿链联盟”成立一周年。海天减碳有机酱油全新发布。</p>
                                        </a>
                                    </div>

                                </div>
                                
                                <div class="swiper-slide">
                                    <div class="thumb-mask">
                                        
                                            <a class="img-box" href="/news/haday-soy-sauce-ranks-first-cbpi-2026/" data-name="守护每一餐的好味道"
                                               target="_blank">
                                                <img data-src="https://static.haday.com/upload/2026/07/17/6c59339f7342489ab953ba6cc6ce32d1.png" alt="pic" class="pic lazy">
                                            </a>


                                            <div class="btn-link-wrap btn-anim">
                                                <div class="c-button" id="" w-class="{'show-loading': canShowLoading}"
                                                     data-name="了解更多" data-target-id=""
                                                     data-target-code-img="" data-target-code-text="">

                                                    <a class="p" href="/news/haday-soy-sauce-ranks-first-cbpi-2026/" target="_blank">
                                                        <span class="name font-regular">了解更多</span>
                                                        <span class="iconfont icon-arrow p"></span>
                                                    </a>
                                                </div>

                                            </div>
                                        
                                        
                                    </div>
                                    <div class="text-box">
                                        <a href="/news/haday-soy-sauce-ranks-first-cbpi-2026/" data-name="守护每一餐的好味道">
                                            <h5 class="title">守护每一餐的好味道</h5>
                                            <p class="description">2026中国品牌力指数海天四大品类均名列第一！</p>
                                        </a>
                                    </div>

                                </div>
                                
                                <div class="swiper-slide">
                                    <div class="thumb-mask">
                                        
                                            <a class="img-box" href="/news/haday-2025-annual-report-esg/" data-name="2025年年报/ESG报告"
                                               target="_blank">
                                                <img data-src="https://static.haday.com/upload/2026/03/27/0cde3faa9df04820a1a379699212ed7a.jpg" alt="pic" class="pic lazy">
                                            </a>


                                            <div class="btn-link-wrap btn-anim">
                                                <div class="c-button" id="" w-class="{'show-loading': canShowLoading}"
                                                     data-name="了解更多" data-target-id=""
                                                     data-target-code-img="" data-target-code-text="">

                                                    <a class="p" href="/news/haday-2025-annual-report-esg/" target="_blank">
                                                        <span class="name font-regular">了解更多</span>
                                                        <span class="iconfont icon-arrow p"></span>
                                                    </a>
                                                </div>

                                            </div>
                                        
                                        
                                    </div>
                                    <div class="text-box">
                                        <a href="/news/haday-2025-annual-report-esg/" data-name="2025年年报/ESG报告">
                                            <h5 class="title">2025年年报/ESG报告</h5>
                                            <p class="description">海天坚持用户满意至上，用心调味，让每一餐因为海天而变得更美好</p>
                                        </a>
                                    </div>

                                </div>
                                
                                <div class="swiper-slide">
                                    <div class="thumb-mask">
                                        
                                            <a class="img-box" href="/news/spring-campus-recruitment-2026-haday/" data-name="加入我们"
                                               target="_blank">
                                                <img data-src="https://static.haday.com/upload/2026/04/08/30b5cd5e12e4405c831f34a6d619b96b.png" alt="pic" class="pic lazy">
                                            </a>


                                            <div class="btn-link-wrap btn-anim">
                                                <div class="c-button" id="" w-class="{'show-loading': canShowLoading}"
                                                     data-name="了解更多" data-target-id=""
                                                     data-target-code-img="" data-target-code-text="">

                                                    <a class="p" href="/news/spring-campus-recruitment-2026-haday/" target="_blank">
                                                        <span class="name font-regular">了解更多</span>
                                                        <span class="iconfont icon-arrow p"></span>
                                                    </a>
                                                </div>

                                            </div>
                                        
                                        
                                    </div>
                                    <div class="text-box">
                                        <a href="/news/spring-campus-recruitment-2026-haday/" data-name="加入我们">
                                            <h5 class="title">加入我们</h5>
                                            <p class="description">与海天共塑全球饮食文化未来！</p>
                                        </a>
                                    </div>

                                </div>
                                
                                <div class="swiper-slide">
                                    <div class="thumb-mask">
                                        
                                            <a class="img-box" href="/pdp-small-cover/" data-name="「小粉盖 · 为爱特调」公益计划"
                                               target="_blank">
                                                <img data-src="https://static.haday.com/zh-cn/img/index-more-wonderful-pic2.jpg" alt="pic" class="pic lazy">
                                            </a>


                                            <div class="btn-link-wrap btn-anim">
                                                <div class="c-button" id="" w-class="{'show-loading': canShowLoading}"
                                                     data-name="查看小粉盖介绍" data-target-id=""
                                                     data-target-code-img="" data-target-code-text="">

                                                    <a class="p" href="/pdp-small-cover/" target="_blank">
                                                        <span class="name font-regular">查看小粉盖介绍</span>
                                                        <span class="iconfont icon-arrow p"></span>
                                                    </a>
                                                </div>

                                            </div>
                                        
                                        
                                    </div>
                                    <div class="text-box">
                                        <a href="/pdp-small-cover/" data-name="「小粉盖 · 为爱特调」公益计划">
                                            <h5 class="title">「小粉盖 · 为爱特调」公益计划</h5>
                                            <p class="description">每一个微小的需求，都应该被关关注。</p>
                                        </a>
                                    </div>

                                </div>
                                
                                <div class="swiper-slide">
                                    <div class="thumb-mask">
                                        
                                        
                                            <a class="img-box" href="javascript:;" data-name="娅米的阳光城堡" target="_self"
                                               @click.stop="indexCodeDialogClick"
                                               data-target-code-img="https://static.haday.com/zh-cn/img/codemiyabao.jpg"
                                               data-target-code-text="扫一扫更多美味等着你">
                                                <img data-src="https://static.haday.com/zh-cn/img/index-more-wonderful-pic3.jpg" alt="pic" class="pic lazy">
                                            </a>

                                            <div class="btn-link-wrap btn-anim">

                                                <div class="c-button" id="" w-class="{'show-loading': canShowLoading}"
                                                     data-name="了解更多" data-target-id=""
                                                     data-target-code-img="https://static.haday.com/zh-cn/img/codemiyabao.jpg"
                                                     data-target-code-text="扫一扫更多美味等着你"
                                                     @click="indexCodeDialogClick">

                                                    <a class="p" href="javascript:;" target="_self">
                                                        <span class="name font-regular">了解更多</span>
                                                        <span class="iconfont icon-arrow p"></span>
                                                    </a>
                                                </div>

                                            </div>
                                        
                                    </div>
                                    <div class="text-box">
                                        <a href="javascript:;" data-name="娅米的阳光城堡">
                                            <h5 class="title">娅米的阳光城堡</h5>
                                            <p class="description">集游玩、科普和吃喝于一身的全国科普教育基地——娅米的阳光城堡</p>
                                        </a>
                                    </div>

                                </div>
                                
                                <div class="swiper-slide">
                                    <div class="thumb-mask">
                                        
                                            <a class="img-box" href="https://www.haday.com/news/197.html" data-name="中国味合「火」人计划"
                                               target="_blank">
                                                <img data-src="https://static.haday.com/zh-cn/img/index-more-wonderful-pic5.jpg" alt="pic" class="pic lazy">
                                            </a>


                                            <div class="btn-link-wrap btn-anim">
                                                <div class="c-button" id="" w-class="{'show-loading': canShowLoading}"
                                                     data-name="了解更多" data-target-id=""
                                                     data-target-code-img="" data-target-code-text="">

                                                    <a class="p" href="https://www.haday.com/news/197.html" target="_blank">
                                                        <span class="name font-regular">了解更多</span>
                                                        <span class="iconfont icon-arrow p"></span>
                                                    </a>
                                                </div>

                                            </div>
                                        
                                        
                                    </div>
                                    <div class="text-box">
                                        <a href="https://www.haday.com/news/197.html" data-name="中国味合「火」人计划">
                                            <h5 class="title">中国味合「火」人计划</h5>
                                            <p class="description">中国味合「火」人召集令：期待志同道合的组织机构、优秀餐厅、厨师、美食爱好者加入我们！</p>
                                        </a>
                                    </div>

                                </div>
                                

                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    

    
        

    <div id="i472"></div>
    <div class="c-index-join-member empty empty" data-page-section="">
        <div class="content">
            <div class="inner-content">
                <img data-pc="https://static.haday.com/zh-cn/img/index-join-member-bg.jpg" data-mb="https://static.haday.com/zh-cn/img/index-join-member-bg-mb.jpg" alt="bg" class="bg lazy">
                <div class="text-wrap">
                    <div class="text-inner-wrap animate__fadeInUp">
                        <h2 class="title font-regular  null">
                            加入会员·解锁更多美味
                        </h2>
                        <div class="description   h5 ">
                            积分好礼·新品尝鲜·专属菜谱
                        </div>
                        <div class="attrs">

                            
                            <div class="item">
                                <img src="https://static.haday.com/zh-cn/img/index-join-member-icon1.png" alt="icon" class="icon">
                                <p class="title mb-h6">首单礼</p>
                            </div>
                            
                            <div class="item">
                                <img src="https://static.haday.com/zh-cn/img/index-join-member-icon2.png" alt="icon" class="icon">
                                <p class="title mb-h6">锁权加赠</p>
                            </div>
                            
                            <div class="item">
                                <img src="https://static.haday.com/zh-cn/img/index-join-member-icon3.png" alt="icon" class="icon">
                                <p class="title mb-h6">膨胀金</p>
                            </div>
                            
                            <div class="item">
                                <img src="https://static.haday.com/zh-cn/img/index-join-member-icon4.png" alt="icon" class="icon">
                                <p class="title mb-h6">专享券</p>
                            </div>
                            
                            <div class="item">
                                <img src="https://static.haday.com/zh-cn/img/index-join-member-icon5.png" alt="icon" class="icon">
                                <p class="title mb-h6">积分兑礼</p>
                            </div>
                            
                        </div>

                        

                        
                        <div class="c-button" id="" w-class="{'show-loading': canShowLoading}"
                             data-name="立即入会" data-target-id=""
                             data-target-code-img="https://static.haday.com/zh-cn/img/codehaitianmeiwei.jpg"
                             data-target-code-text="扫码立即加入会员~" @click="indexCodeDialogClick">

                            <a class="p" href="javascript:;" target="_self">
                                <span class="name font-regular">立即入会</span>
                                <span class="iconfont icon-arrow p"></span>
                            </a>
                        </div>
                        

                        

                        

                    </div>
                </div>
            </div>
        </div>
    </div>


    

    
        

    <div id="i473"></div>
    <div class="c-index-child-brand empty ps-size-lg bg-white skin-white"  data-page-section="美味家族">
        <div class="content">
            <div class="title-wrap animate__fadeInUp">
                <h2 class="title">美味家族</h2>
                <div class="description   h5 ">
                    让餐桌汇聚更多元的选择
                </div>
            </div>
            <div class="swiper-wrap animate__fadeInRight">
                <div class="swiper-container hidden-vert">
                    <div class="swiper-wrapper">
                        
                        <div class="swiper-slide">
                            <a href="/subbrand-sjt/" data-name="四季亭" class="link"></a>
                            <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic4.jpg" alt="pic" class="pic lazy">
                        </div>
                        
                        <div class="swiper-slide">
                            <a href="/subbrand-mljy/" data-name="茂隆酱园" class="link"></a>
                            <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic3.jpg" alt="pic" class="pic lazy">
                        </div>
                        
                        <div class="swiper-slide">
                            <a href="/subbrand-dq/" data-name="点趣" class="link"></a>
                            <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic8.jpg" alt="pic" class="pic lazy">
                        </div>
                        
                        <div class="swiper-slide">
                            <a href="/subbrand-ddt/" data-name="代代田" class="link"></a>
                            <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic7.jpg" alt="pic" class="pic lazy">
                        </div>
                        
                        <div class="swiper-slide">
                            <a href="/subbrand-joynest/" data-name="喜悦物产" class="link"></a>
                            <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic5.jpg" alt="pic" class="pic lazy">
                        </div>
                        
                        <div class="swiper-slide">
                            <a href="/subbrand-qdy/" data-name="千岛源" class="link"></a>
                            <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic2.jpg" alt="pic" class="pic lazy">
                        </div>
                        
                        <div class="swiper-slide">
                            <a href="/subbrand-yz/" data-name="燕庄" class="link"></a>
                            <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic6.jpg" alt="pic" class="pic lazy">
                        </div>
                        
                        <div class="swiper-slide">
                            <a href="/subbrand-gzh/" data-name="广中皇" class="link"></a>
                            <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic1.jpg" alt="pic" class="pic lazy">
                        </div>
                        
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <div class="swiper-container visible-vert">
                    <div class="swiper-wrapper">

                        
                            <!-- 当索引是偶数（0,2,4...）时，开始新的 swiper-slide -->
                            
                                <div class="swiper-slide">
                                    <!-- 当前项 -->
                                    <div class="swiper-inner-box">
                                        <a href="/subbrand-sjt/"
                                           data-name="四季亭"
                                           class="link"></a>
                                        <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic4.jpg" alt="pic" class="pic lazy">
                                    </div>

                                    <!-- 下一项（如果存在） -->
                                    
                                        
                                            <div class="swiper-inner-box">
                                                <a href="/subbrand-mljy/"
                                                   data-name="茂隆酱园"
                                                   class="link"></a>
                                                <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic3.jpg" alt="pic" class="pic lazy">
                                            </div>
                                        
                                    
                                </div>
                            
                        
                            <!-- 当索引是偶数（0,2,4...）时，开始新的 swiper-slide -->
                            
                        
                            <!-- 当索引是偶数（0,2,4...）时，开始新的 swiper-slide -->
                            
                                <div class="swiper-slide">
                                    <!-- 当前项 -->
                                    <div class="swiper-inner-box">
                                        <a href="/subbrand-dq/"
                                           data-name="点趣"
                                           class="link"></a>
                                        <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic8.jpg" alt="pic" class="pic lazy">
                                    </div>

                                    <!-- 下一项（如果存在） -->
                                    
                                        
                                            <div class="swiper-inner-box">
                                                <a href="/subbrand-ddt/"
                                                   data-name="代代田"
                                                   class="link"></a>
                                                <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic7.jpg" alt="pic" class="pic lazy">
                                            </div>
                                        
                                    
                                </div>
                            
                        
                            <!-- 当索引是偶数（0,2,4...）时，开始新的 swiper-slide -->
                            
                        
                            <!-- 当索引是偶数（0,2,4...）时，开始新的 swiper-slide -->
                            
                                <div class="swiper-slide">
                                    <!-- 当前项 -->
                                    <div class="swiper-inner-box">
                                        <a href="/subbrand-joynest/"
                                           data-name="喜悦物产"
                                           class="link"></a>
                                        <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic5.jpg" alt="pic" class="pic lazy">
                                    </div>

                                    <!-- 下一项（如果存在） -->
                                    
                                        
                                            <div class="swiper-inner-box">
                                                <a href="/subbrand-qdy/"
                                                   data-name="千岛源"
                                                   class="link"></a>
                                                <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic2.jpg" alt="pic" class="pic lazy">
                                            </div>
                                        
                                    
                                </div>
                            
                        
                            <!-- 当索引是偶数（0,2,4...）时，开始新的 swiper-slide -->
                            
                        
                            <!-- 当索引是偶数（0,2,4...）时，开始新的 swiper-slide -->
                            
                                <div class="swiper-slide">
                                    <!-- 当前项 -->
                                    <div class="swiper-inner-box">
                                        <a href="/subbrand-yz/"
                                           data-name="燕庄"
                                           class="link"></a>
                                        <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic6.jpg" alt="pic" class="pic lazy">
                                    </div>

                                    <!-- 下一项（如果存在） -->
                                    
                                        
                                            <div class="swiper-inner-box">
                                                <a href="/subbrand-gzh/"
                                                   data-name="广中皇"
                                                   class="link"></a>
                                                <img data-src="https://static.haday.com/zh-cn/img/index-child-brand-pic1.jpg" alt="pic" class="pic lazy">
                                            </div>
                                        
                                    
                                </div>
                            
                        
                            <!-- 当索引是偶数（0,2,4...）时，开始新的 swiper-slide -->
                            
                        

                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
    </div>

    

    
    </div>
    
        


<footer class="c-footer">
    <div class="footer-main">
        <div class="container main-container">
            <div class="logo-wrap">
                <a href="/"></a>
                <img src="https://static.haday.com/zh-cn/img/logo.png" alt="logo" class="icon-logo">
            </div>
            <div class="line"></div>
            <div class="part-main">
                <div class="main-wrap">
                    <div class="menu-box">

                        
                            <!-- 判断 children 有数据 -->
                            
                        
                            <!-- 判断 children 有数据 -->
                            
                                <div class="item">
                                    <h4 class="menu-title p font-bold">开云（Kaiyun）体育科技股份有限公司官网-开云未来已来<span
                                            class="iconfont icon-arrow-down p visible-vert"></span></h4>
                                    <ul class="p" data-sub-section="开云（Kaiyun）体育科技股份有限公司官网-开云未来已来">
                                        
                                        <li data-name="从古酱园到行业标杆">
                                            <a href="/about-us/" @click="tabTracking">从古酱园到行业标杆</a>
                                        </li>
                                        
                                        <li data-name="独有的中国味道">
                                            <a href="/chinese-flavor/" @click="tabTracking">独有的中国味道</a>
                                        </li>
                                        
                                        <li data-name="东方酱香越重洋">
                                            <a href="/yuechongyang/" @click="tabTracking">东方酱香越重洋</a>
                                        </li>
                                        
                                    </ul>
                                </div>
                            
                        
                            <!-- 判断 children 有数据 -->
                            
                                <div class="item">
                                    <h4 class="menu-title p font-bold">挑剔的滋味哲学<span
                                            class="iconfont icon-arrow-down p visible-vert"></span></h4>
                                    <ul class="p" data-sub-section="挑剔的滋味哲学">
                                        
                                        <li data-name="匠心塑造品质">
                                            <a href="/quality/" @click="tabTracking">匠心塑造品质</a>
                                        </li>
                                        
                                        <li data-name="全系产品橱窗">
                                            <a href="/product-family/" @click="tabTracking">全系产品橱窗</a>
                                        </li>
                                        
                                        <li data-name="美味因您焕新">
                                            <a href="/uservoice/" @click="tabTracking">美味因您焕新</a>
                                        </li>
                                        
                                        <li data-name="探访阳光工厂">
                                            <a href="/visit_sunshine_factory/" @click="tabTracking">探访阳光工厂</a>
                                        </li>
                                        
                                    </ul>
                                </div>
                            
                        
                            <!-- 判断 children 有数据 -->
                            
                                <div class="item">
                                    <h4 class="menu-title p font-bold">全球美味计划<span
                                            class="iconfont icon-arrow-down p visible-vert"></span></h4>
                                    <ul class="p" data-sub-section="全球美味计划">
                                        
                                        <li data-name="极致供应链">
                                            <a href="/ultimate-supply-chain/" @click="tabTracking">极致供应链</a>
                                        </li>
                                        
                                        <li data-name="商用解决方案">
                                            <a href="/business-solution-services/" @click="tabTracking">商用解决方案</a>
                                        </li>
                                        
                                        <li data-name="厨师荟">
                                            <a href="/chefs-gathering/" @click="tabTracking">厨师荟</a>
                                        </li>
                                        
                                        <li data-name="味道科学">
                                            <a href="/flavor-science/" @click="tabTracking">味道科学</a>
                                        </li>
                                        
                                    </ul>
                                </div>
                            
                        
                            <!-- 判断 children 有数据 -->
                            
                                <div class="item">
                                    <h4 class="menu-title p font-bold">投资者关系<span
                                            class="iconfont icon-arrow-down p visible-vert"></span></h4>
                                    <ul class="p" data-sub-section="投资者关系">
                                        
                                        <li data-name="公司治理">
                                            <a href="/corporate-governance/" @click="tabTracking">公司治理</a>
                                        </li>
                                        
                                        <li data-name="公司公告">
                                            <a href="/company-announcement/" @click="tabTracking">公司公告</a>
                                        </li>
                                        
                                        <li data-name="财务摘要">
                                            <a href="/financial-summary/" @click="tabTracking">财务摘要</a>
                                        </li>
                                        
                                        <li data-name="定期报告">
                                            <a href="/periodical-reports/" @click="tabTracking">定期报告</a>
                                        </li>
                                        
                                        <li data-name="投资者联络">
                                            <a href="/investor-contact/" @click="tabTracking">投资者联络</a>
                                        </li>
                                        
                                        <li data-name="ESG可持续发展">
                                            <a href="/sustainable-development/" @click="tabTracking">ESG可持续发展</a>
                                        </li>
                                        
                                    </ul>
                                </div>
                            
                        
                            <!-- 判断 children 有数据 -->
                            
                                <div class="item">
                                    <h4 class="menu-title p font-bold">走进海天<span
                                            class="iconfont icon-arrow-down p visible-vert"></span></h4>
                                    <ul class="p" data-sub-section="走进海天">
                                        
                                        <li data-name="海天动态">
                                            <a href="/news/" @click="tabTracking">海天动态</a>
                                        </li>
                                        
                                        <li data-name="海天公益">
                                            <a href="/haday-public-welfare/" @click="tabTracking">海天公益</a>
                                        </li>
                                        
                                        <li data-name="加入我们">
                                            <a href="/join-us/" @click="tabTracking">加入我们</a>
                                        </li>
                                        
                                    </ul>
                                </div>
                            
                        
                            <!-- 判断 children 有数据 -->
                            
                                <div class="item">
                                    <h4 class="menu-title p font-bold">服务与支持<span
                                            class="iconfont icon-arrow-down p visible-vert"></span></h4>
                                    <ul class="p" data-sub-section="服务与支持">
                                        
                                        <li data-name="消费者">
                                            <a href="/service/" @click="tabTracking">消费者</a>
                                        </li>
                                        
                                        <li data-name="合作伙伴">
                                            <a href="/service-contact-us/" @click="tabTracking">合作伙伴</a>
                                        </li>
                                        
                                        <li data-name="投资者">
                                            <a href="/service-investor/" @click="tabTracking">投资者</a>
                                        </li>
                                        
                                        <li data-name="厨师合作">
                                            <a href="/service-chef/" @click="tabTracking">厨师合作</a>
                                        </li>
                                        
                                        <li data-name="媒体联系">
                                            <a href="/service-media/" @click="tabTracking">媒体联系</a>
                                        </li>
                                        
                                    </ul>
                                </div>
                            
                        

                    </div>
                    <div class="quick-access p">

                        <div class="list-wrap">

                            <div class="list2">
                                
                                    <div class="item" data-sub-section="隐私政策" data-name="隐私政策"><a href="/privacy-policy/" target="" @click="tabTracking">隐私政策</a></div>
                                
                                    <div class="item" data-sub-section="阳光监察" data-name="阳光监察"><a href="/sunshine-oversight/" target="" @click="tabTracking">阳光监察</a></div>
                                
                                    <div class="item" data-sub-section="公告公示" data-name="公告公示"><a href="/announcement/" target="" @click="tabTracking">公告公示</a></div>
                                
                                    <div class="item" data-sub-section="供应链平台" data-name="供应链平台"><a href="https://srm.haday.cn/cdc-app/portalex/sourcing.html" target="" @click="tabTracking">供应链平台</a></div>
                                
                            </div>
                        </div>
                    </div>
                </div>
                <div class="side-wrap p font-regular">
                    <div class="service">
                        <span class="iconfont icon-live_chat h4"></span>
                        <div class="name" data-name="在线客服" data-sub-section="contact"><a href="https://webchat-bj.clink.cn/chat.html?accessId=0dbc06da-ca53-41cf-a931-f8d6f690bad8&amp;amp;language=zh_CN" target="_blank"  @click="tabTracking">在线客服</a></div>
                    </div>
                    <div class="tel">
                        <span class="iconfont icon-call h4"></span>
                        <div class="name" data-name="真诚倾听您的来电" data-sub-section="contact">
                            <div class="text">真诚倾听您的来电</div>
                            <a href="tel:400-8899-813" class="number h5 font-bold"  @click="tabTracking">400-8899-813</a>
                        </div>
                    </div>
                    <div class="email">
                        <span class="iconfont icon-email h4"></span>
                        <div class="name" data-name="服务邮箱" data-sub-section="contact">
                            <div class="text">服务邮箱</div>
                            <a href="mailto:htservice@haday.cn" class="number h5 font-bold"  @click="tabTracking">htservice@haday.cn</a>
                        </div>
                    </div>
                    <div class="media-list p">
                        <div class="name">关注海天</div>
                        <div class="list">
<!--                            <div class="item">-->
<!--                                <a href="javascript:;" target="_self" th:data-code-img="${staticDomain} + 'img/footer-wechat-code.jpg'" data-code-text="海天官方微信" @click="clickMedia"><span class="iconfont icon-meida-wechat h4"></span></a>-->

<!--                            </div>-->
<!--                            <div class="item">-->
<!--                                <a href="javascript:;" target="_self" th:data-code-img="${staticDomain} + 'img/footer-video-code.jpg'" data-code-text="海天官方视频号" @click="clickMedia"><span class="iconfont icon-meida-video h4"></span></a>-->

<!--                            </div>-->
<!--                            <div class="item">-->
<!--                                <a class="mb-link visible-vert" href="https://www.xiaohongshu.com/user/profile/5cdfc803000000001102aa2a" target="_self"><span class="iconfont icon-xiaohongshu h3 mb-h2 h4"></span></a>-->
<!--                                <a href="javascript:;" target="_self" th:data-code-img="${staticDomain} + 'img/follow-us-xhs.jpg'" data-code-text="海天官方小红书" @click="clickMedia"><span class="iconfont icon-xiaohongshu h3 mb-h2 h4"></span></a>-->

<!--                            </div>-->
<!--                            <div class="item">-->
<!--                                <a class="mb-link visible-vert" href="https://weibo.com/u/2783062910" target="_self"><span class="iconfont icon-meida-weibo h4"></span></a>-->
<!--                                <a href="javascript:;" target="_self" th:data-code-img="${staticDomain} + 'img/footer-weibo-code.jpg'" data-code-text="海天官方微博" @click="clickMedia"><span class="iconfont icon-meida-weibo h4"></span></a>-->

<!--                            </div>-->
<!--                            <div class="item">-->
<!--                                <a class="mb-link visible-vert" href="https://v.douyin.com/i2eAUWTd/" target="_self"><span class="iconfont icon-meida-douyin h4"></span></a>-->
<!--                                <a href="javascript:;" target="_self" th:data-code-img="${staticDomain} + 'img/footer-douyin-code.jpg'" data-code-text="抖音-海天官方旗舰店" @click="clickMedia"><span class="iconfont icon-meida-douyin h4"></span></a>-->

<!--                            </div>-->
<!--                            <div class="item">-->
<!--                                <a class="mb-link visible-vert" href="https://space.bilibili.com/1679085335" target="_self"><span class="iconfont icon-meida-bilibili h4"></span></a>-->
<!--                                <a href="javascript:;" target="_self" th:data-code-img="${staticDomain} + 'img/footer-bilibili-code.jpg'" data-code-text="海天官方哔哩哔哩" @click="clickMedia"><span class="iconfont icon-meida-bilibili h4"></span></a>-->

<!--                            </div>-->

                            
                                <div class="item" data-sub-section="关注海天" data-name="海天官方微信">
                                    
                                    <a href="javascript:;" target="_self" data-code-img="https://static.haday.com/zh-cn/img/footer-wechat-code.jpg" data-code-text="海天官方微信" @click="clickMedia"><span class="iconfont  h4 icon-meida-wechat"></span></a>

                                </div>
                            
                                <div class="item" data-sub-section="关注海天" data-name="海天官方视频号">
                                    
                                    <a href="javascript:;" target="_self" data-code-img="https://static.haday.com/zh-cn/img/footer-video-code.jpg" data-code-text="海天官方视频号" @click="clickMedia"><span class="iconfont  h4 icon-meida-video"></span></a>

                                </div>
                            
                                <div class="item" data-sub-section="关注海天" data-name="海天官方小红书">
                                    
                                        <a class="mb-link visible-vert" href="https://www.xiaohongshu.com/user/profile/5cdfc803000000001102aa2a" target="_self"><span class="iconfont  h4 icon-xiaohongshu h3 mb-h2 h4"></span></a>
                                    
                                    <a href="javascript:;" target="_self" data-code-img="https://static.haday.com/zh-cn/img/follow-us-xhs.jpg" data-code-text="海天官方小红书" @click="clickMedia"><span class="iconfont  h4 icon-xiaohongshu h3 mb-h2 h4"></span></a>

                                </div>
                            
                                <div class="item" data-sub-section="关注海天" data-name="海天官方微博">
                                    
                                        <a class="mb-link visible-vert" href="https://weibo.com/u/2783062910" target="_self"><span class="iconfont  h4 icon-meida-weibo"></span></a>
                                    
                                    <a href="javascript:;" target="_self" data-code-img="https://static.haday.com/zh-cn/img/footer-weibo-code.jpg" data-code-text="海天官方微博" @click="clickMedia"><span class="iconfont  h4 icon-meida-weibo"></span></a>

                                </div>
                            
                                <div class="item" data-sub-section="关注海天" data-name="抖音-海天官方旗舰店">
                                    
                                        <a class="mb-link visible-vert" href="https://v.douyin.com/i2eAUWTd/" target="_self"><span class="iconfont  h4 icon-meida-douyin"></span></a>
                                    
                                    <a href="javascript:;" target="_self" data-code-img="https://static.haday.com/zh-cn/img/footer-douyin-code.jpg" data-code-text="抖音-海天官方旗舰店" @click="clickMedia"><span class="iconfont  h4 icon-meida-douyin"></span></a>

                                </div>
                            
                                <div class="item" data-sub-section="关注海天" data-name="海天官方哔哩哔哩">
                                    
                                        <a class="mb-link visible-vert" href="https://space.bilibili.com/1679085335" target="_self"><span class="iconfont  h4 icon-meida-bilibili"></span></a>
                                    
                                    <a href="javascript:;" target="_self" data-code-img="https://static.haday.com/zh-cn/img/footer-bilibili-code.jpg" data-code-text="海天官方哔哩哔哩" @click="clickMedia"><span class="iconfont  h4 icon-meida-bilibili"></span></a>

                                </div>
                            

                        </div>
                    </div>
                    
                        <div class="media-list p last">
                            <div class="name">电商渠道</div>
                            <div class="list">
                                

                                <div class="item" data-sub-section="电商渠道" data-name="海天官方旗舰店">
                                    
                                    
                                        <a href="javascript:;"
                                           target="_self"
                                           data-code-img="https://static.haday.com/zh-cn/img/footer-hadaysc-code.jpg"
                                           data-code-text="海天官方旗舰店" @click="clickMedia">
                                            <span class="iconfont  h4 icon-meida-haday h5"></span>
                                        </a>
                                    

                                </div>
                            

                                <div class="item" data-sub-section="电商渠道" data-name="天猫">
                                    
                                    
                                        <a href="https://haday.tmall.com/"
                                           target="_blank"
                                           data-code-text="天猫" @click="clickMedia">
                                            <span class="iconfont  h4 icon-meida-tmal h5"></span>
                                        </a>
                                    

                                </div>
                            

                                <div class="item" data-sub-section="电商渠道" data-name="京东">
                                    
                                    
                                        <a href="https://mall.jd.com/index-11466213.html?from=pc"
                                           target="_blank"
                                           data-code-text="京东" @click="clickMedia">
                                            <span class="iconfont  h4 icon-meida-jd"></span>
                                        </a>
                                    

                                </div>
                            

                                <div class="item" data-sub-section="电商渠道" data-name="抖音-海天官方旗舰店">
                                    
                                        <a class="mb-link visible-vert" href="https://www.douyin.com/user/MS4wLjABAAAArInw8zdiK4ZiHpureAAieorwqL1dRilkN4VVpapCgEg?from_tab_name=main" target="_self"><span class="iconfont  h4 icon-meida-douyin"></span></a>
                                        <a href="javascript:;" target="_self" data-code-img="https://static.haday.com/zh-cn/img/footer-douyin-code.jpg" data-code-text="抖音-海天官方旗舰店" @click="clickMedia"><span class="iconfont  h4 icon-meida-douyin"></span></a>
                                    
                                    

                                </div>
                            

                                <div class="item" data-sub-section="电商渠道" data-name="快手-海天官方旗舰店">
                                    
                                        <a class="mb-link visible-vert" href="https://app.kwaixiaodian.com/page/kwaishop-store-c-frame-h5/frame?layoutType=4&amp;amp;hyId=kwaishop-store-c-frame-h5&amp;amp;sellerId=1925858352&amp;amp;authorId=1925858352&amp;amp;carrierType=29&amp;amp;carrierId=fva0b4kfnGw&amp;amp;entrance=xdhtlj" target="_self"><span class="iconfont  h4 icon-meida-kuaishou"></span></a>
                                        <a href="javascript:;" target="_self" data-code-img="https://static.haday.com/zh-cn/img/footer-kuaishou-code.jpg" data-code-text="快手-海天官方旗舰店" @click="clickMedia"><span class="iconfont  h4 icon-meida-kuaishou"></span></a>
                                    
                                    

                                </div>
                            

                                <div class="item" data-sub-section="电商渠道" data-name="拼多多-海天官方旗舰店">
                                    
                                        <a class="mb-link visible-vert" href="https://mobile.yangkeduo.com/mall_page.html?ps=7Oav61O1Ue" target="_self"><span class="iconfont  h4 icon-meida-pdd"></span></a>
                                        <a href="javascript:;" target="_self" data-code-img="https://static.haday.com/zh-cn/img/footer-pdd-code.jpg" data-code-text="拼多多-海天官方旗舰店" @click="clickMedia"><span class="iconfont  h4 icon-meida-pdd"></span></a>
                                    
                                    

                                </div>
                            

<!--                            <div class="item">-->
<!--                                <a href="javascript:;" target="_self" th:data-code-img="${staticDomain} + 'img/footer-hadaysc-code.jpg'" data-code-text="海天官方旗舰店" @click="clickMedia"><span class="iconfont icon-meida-haday h5"></span></a>-->
<!--                            </div>-->
<!--                            <div class="item">-->
<!--                                <a href="https://haday.tmall.com/" target="_blank" data-code-img="" data-code-text="" @click="clickMedia"><span class="iconfont icon-meida-tmal h5"></span></a>-->
<!--                            </div>-->
<!--                            <div class="item">-->
<!--                                <a href="https://mall.jd.com/index-11466213.html?from=pc" target="_blank" data-code-img="" data-code-text="" @click="clickMedia"><span class="iconfont icon-meida-jd h4"></span></a>-->
<!--                            </div>-->
<!--                            <div class="item">-->
<!--                                <a class="mb-link visible-vert" href="https://www.douyin.com/user/MS4wLjABAAAAuX4N1ZNBh0DRm7MLty2J2GTwRJcaSn1MauxPCxef8x-cQRq_OJk9hhgxEWUjNzkt" target="_self"><span class="iconfont icon-meida-douyin h4"></span></a>-->
<!--                                <a href="javascript:;" target="_self" th:data-code-img="${staticDomain} + 'img/footer-douyin-code.jpg'" data-code-text="抖音-海天官方旗舰店" @click="clickMedia"><span class="iconfont icon-meida-douyin h4"></span></a>-->
<!--                            </div>-->
<!--                            <div class="item">-->
<!--                                <a class="mb-link visible-vert" href="https://live.kuaishou.com/profile/HaiTian_Haday" target="_self"><span class="iconfont icon-meida-kuaishou h4"></span></a>-->
<!--                                <a href="javascript:;" target="_self" th:data-code-img="${staticDomain} + 'img/footer-kuaishou-code.jpg'" data-code-text="快手-海天官方旗舰店" @click="clickMedia"><span class="iconfont icon-meida-kuaishou h4"></span></a>-->
<!--                            </div>-->
<!--                            <div class="item">-->
<!--                                <a href="javascript:;" target="_self" th:data-code-img="${staticDomain} + 'img/footer-pdd-code.jpg'" data-code-text="拼多多-海天官方旗舰店" @click="clickMedia"><span class="iconfont icon-meida-pdd h4"></span></a>-->
<!--                            </div>-->
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="footer-copyright h6" data-domain="www.haitian-food.com,www.haday.com" data-domain-text1="粤ICP备12054983号-1,粤ICP备12054983号-19" data-domain-text2="粤公网安备44060402002904号,粤公网安备44060402003064号" data-domain-text3="44060402002904,44060402003064">
        <div class="quick-access p visible-vert">
            <div class="list-wrap">
                <div class="list2">
                    
                        <div class="item mb-h6" data-sub-section="隐私政策" data-name="隐私政策"><a href="/privacy-policy/" @click="tabTracking">隐私政策</a></div>
                    
                        <div class="item mb-h6" data-sub-section="阳光监察" data-name="阳光监察"><a href="/sunshine-oversight/" @click="tabTracking">阳光监察</a></div>
                    
                        <div class="item mb-h6" data-sub-section="公告公示" data-name="公告公示"><a href="/announcement/" @click="tabTracking">公告公示</a></div>
                    
                        <div class="item mb-h6" data-sub-section="供应链平台" data-name="供应链平台"><a href="https://srm.haday.cn/cdc-app/portalex/sourcing.html" @click="tabTracking">供应链平台</a></div>
                    
                </div>
            </div>
        </div>
        <div class="container">开云（Kaiyun）体育科技股份有限公司官网-开云未来已来 版权所有 <span><a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer"><em class="icp1">粤ICP备12054983号-19</em></a> <a href="https://beian.mps.gov.cn/#/query/webSearch" target="_blank" rel="noreferrer"><img src="https://static.haday.com/zh-cn/img/footer-icon1.png" alt="icon" class="icon"><em class="icp2">粤公网安备44060402003064号</em></a></span></div>
    </div>

</footer>





    
    <!-- 弹窗download -->
<div class="c-layer-form-tip" w-show="canShowLayer" @click="closeLayer">
    <div class="layer-content" @click.stop="handleLayerContent">
        <div class="btn-close-box" @click="closeLayer">
            <span class="iconfont icon-guanbi h5"></span>
        </div>
        <img src="https://static.haday.com/zh-cn/img/form-success.png" alt="pic" class="sucess-icon">
        <div class="title h3">{$ title $}</div>
        <div class="p description"> {$ description $} </div>
        <div class="btn-wrap">
            <div @click="closeLayer">


                
                <div class="c-button" id="" w-class="{'show-loading': canShowLoading}" data-name="知道了" data-target-id="" data-target-code-img="" data-target-code-text="">

                    <a class="h6" href="javascript:;" target="_self">
                        <span class="name font-regular">知道了</span>
                    </a>
                </div>
                
                
                

            </div>
        </div>
    </div>
</div>
    
    <div class="c-side-nav">
        <div class="content">
            <div class="right-side">
                <div class="fixed-buttons">
                    <div class="button" data-name="在线客服">
                        <i class="iconfont icon-live_chat h4"></i>
                        <div class="popup">
                            <div class="popup-wrap">
                                <!-- 对话框小三角 -->
                                <div class="arrow-icon"></div>
                                <!-- 联系信息列表 -->
                                <div class="relative z-10">
                                    <!-- 在线客服 -->
                                    <div class="contact-item">
                                        <div class="contact-icon">
                                            <i class="iconfont icon-live_chat h4"></i>
                                        </div>
                                        <div class="contact-text p">
                                            在线客服


                                            <a href="https://webchat-bj.clink.cn/chat.html?accessId=0dbc06da-ca53-41cf-a931-f8d6f690bad8&amp;language=zh_CN"
                                               target="_blank" class="link" data-tracking-title="在线客服" @click.stop="tracking"></a>
                                        </div>
                                    </div>
                                    <div class="contact-item">
                                        <div class="contact-icon">
                                            <i class="iconfont icon-call h4"></i>
                                        </div>
                                        <div class="contact-text p">
                                            真诚倾听您的来电

                                            <div class="contact-value p font-bold">400-8899-813</div>

                                            <a href="tel:4008899813" target="" class="link" data-tracking-title="400-8899-813(真诚倾听您的来电)" @click.stop="tracking"></a>
                                        </div>
                                    </div>
                                    <div class="contact-item">
                                        <div class="contact-icon">
                                            <i class="iconfont icon-email h4"></i>
                                        </div>
                                        <div class="contact-text p">
                                            服务邮箱

                                            <div class="contact-value p font-bold">htservice@haday.cn</div>

                                            <a href="mailto:htservice@haday.cn" target="" class="link" data-tracking-title="htservice@haday.cn(服务邮箱)" @click.stop="tracking"></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="button red" data-name="加入会员 解锁更多美味">
                        <i class="iconfont icon-meida-miniprogram h4"></i>
                        <div class="popup qr-code-box">
                            <div class="popup-wrap">
                                <!-- 对话框小三角 -->
                                <div class="arrow-icon"></div>
                                <!-- 联系信息列表 -->
                                <div class="relative z-10">
                                    <!-- 在线客服 -->
                                    <img src="https://static.haday.com/zh-cn/img/side-nav-qr-code.png" alt="haday"
                                         class="pic qr-code">
                                    <h5 class="contact-text-1 mb-p">加入会员<br>解锁更多美味</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="button" @click="scrollTop">
                        <i class="iconfont icon-arrow-top h4"></i>
                    </div>

                </div>
            </div>
        </div>
    </div>




<div class="c-loading" w-class="loadShow">
    <div class="loading-container">
        <div class="loading-spinner">
            <div class="spinner-track"></div>
        </div>
    </div>
</div>

    <div @click="indexCodeDialogClose" class="c-index-code-dialog">
    <div class="content" @click.stop="stop">
        <div class="c-index-code-dialog-close" @click="indexCodeDialogClose">
            <i class="iconfont icon-guanbi p"></i>
        </div>
        <div class="c-index-code-dialog-scroll">
            <div class="c-index-code-dialog-container">
                <div class="c-index-code-dialog-item">
                    <img class="c-index-code-dialog-backImg" src="https://static.haday.com/zh-cn/img/code.png" alt="">
                    <img class="c-index-code-dialog-img" src="">

                    
                    <div class="c-index-code-dialog-item-text">
                        <img class="c-index-code-dialog-backImg-text" src="https://static.haday.com/zh-cn/img/test-background.png" alt="">
                        <h6 class="c-index-code-dialog-item-text-p"></h6>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>


<!-- 弹窗tip -->
<div class="c-layer-tip" w-show="canShowLayer" @click="closeLayer">
    <div class="layer-content" @click.stop="handleLayerContent">
        <p w-html="text"></p>
    </div>
</div>


<!-- 模块popvideo -->
<div class="pop-video" w-class="{'iframe-video': canShowIframe}" w-show="canShow" @click="closePop">
    <div class="pop-close" @click="closePop">
        <span class="iconfont icon-guanbi h3 bolder"></span>
    </div>
    <div class="pop-video-content" w-show="canShowVideo" @click.stop="stop">
        <video :src="src" autoplay controls webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-playsinline="true" x-webkit-airplay="allow"></video>
    </div>
    <div class="pop-video-content" w-show="canShowIframe" @click.stop="stop">
        <iframe :src="iframeSrc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
</div>

<!-- 弹窗download -->
<div class="c-layer-video" w-show="canShowLayer" @click="closeLayer">
    <div class="layer-content" @click.stop="handleLayerContent">
        <div class="btn-close-box" @click="closeLayer">
            <span class="iconfont icon-guanbi"></span>
        </div>

        <div class="video-box">
            <video class="eq-video" id="layer-video" controls webkit-playsinline="true" playsinline="" preload="auto" x5-video-player-type="h5" x5-video-player-fullscreen="true" src="" poster="">
            </video>


            <div class="play-icon" @click="playVideo" id="playIcon">
                <i class="iconfont icon-play1"></i>
            </div>
        </div>

    </div>
</div>


    <script src="https://static.haday.com/zh-cn/js/main-v1.0.1.js?v=6"></script>
    <script src="https://static.haday.com/zh-cn/js/site-zh-cn-v1.0.1.js?v=5"></script>
  </body>
</html>


