<template>
	<header class="rc-header" data-js-header-scroll="" data-activated="true">
	  <nav class="rc-header__nav rc-header__nav--primary">
	    <ul class="rc-list rc-list--blank rc-list--inline rc-list--align" role="menubar">
	      <li class="rc-list__item rc-xl-down">
	      <button class="rc-btn rc-btn--icon-label rc-icon rc-menu--xs rc-iconography rc-md-up" data-modal-trigger="main-nav-modal" aria-label="Menu" role="menuitem">
	      	菜单
	      </button>
	      <button class="rc-btn rc-btn--icon rc-icon rc-menu--xs rc-iconography rc-md-down" data-js-trigger="mobile-push-nav" aria-label="Menu" role="menuitem">
			<span class="rc-screen-reader-text">
				translations.feature.headerbar.menu
			</span>
	      </button>
	      </li>
	    </ul>
	    <a href="/" class="rc-header__brand">
	      <h1>
	        <span class="rc-screen-reader-text">translations.feature.headerbar.alternatelogotext</span>
	        <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 223 83.75" class="rc-header__logo">
	          <title>Royal Canin logo - animated</title>
	          <path class="cls-1 rc-header__logo-text" d="M98,74.8h-6l0,0c-0.2,0-0.3-0.2-0.3-0.3V56.4c0.1-0.3,0.1-0.7,0-1c-0.3-1.7-1.9-2.8-3.6-2.6  c-1.7,0.3-2.8,1.9-2.6,3.6v22.6c0,0.9,0.7,1.7,1.7,1.8H98c0.1,0,0.2,0,0.3,0c1.6-0.1,2.8-1.5,2.7-3.1C101,75.8,99.7,74.7,98,74.8z   M76.3,54.3l-16,21.6c-0.4,0.5-0.6,1.1-0.6,1.8c0,0.9,0.4,1.9,1.3,2.4c1.4,0.9,3.1,0.6,4.1-0.6l3.1-4.2h7.5v2.4  c0.1,1.7,1.5,3,3.1,2.9l0,0c1.7,0,2.9-1.4,2.9-2.9V56.3c0-0.9-0.4-1.8-1-2.3C79.4,52.8,77.4,52.9,76.3,54.3z M75.6,69.2h-2.8  c-0.1,0-0.2-0.1-0.2-0.2V69l3-4.1C75.6,64.8,75.6,69.2,75.6,69.2z M67.5,56.4c0-1.6-1.3-2.9-2.8-2.9c-0.8,0-1.6,0.3-2.1,0.8  l-6.8,7.1c-0.1,0.1-0.2,0.1-0.3,0.1s-0.2,0-0.2-0.1l-6.8-7.1c-0.5-0.5-1.3-0.9-2.1-0.9c-1.6,0-2.8,1.3-2.8,2.8c0,0.7,0.3,1.5,0.7,2  l8.3,9.5l0.1,10c0,1.6,1.3,2.9,2.9,2.9c1.6,0,2.9-1.3,2.9-2.9l0.2-9.9l8.1-9.5C67.3,57.7,67.5,57,67.5,56.4z M32.4,53.4  c-7.5,0-13.6,6.1-13.6,13.6s6.1,13.6,13.6,13.6S46,74.4,46,66.9C46,59.6,39.9,53.5,32.4,53.4z M32.4,74.2c-4.1,0-7.3-3.2-7.3-7.3  s3.2-7.3,7.3-7.3s7.3,3.2,7.3,7.3C39.7,71,36.5,74.2,32.4,74.2z M175.9,52.8c-1.5,0.1-2.7,1.3-2.7,2.7v12.7c0,0.1-0.1,0.2-0.2,0.2  c-0.1,0-0.1,0-0.1-0.1l-7.4-13.1c-1.1-2-3.7-2.6-5.6-1.4c-1.1,0.7-1.9,2-2,3.3v20.8c0.1,1.7,1.6,2.9,3.1,2.8s2.7-1.3,2.8-2.8V65.2  c0-0.1,0.1-0.2,0.2-0.2s0.1,0,0.1,0.1l7.6,13.4c1,1.9,3.4,2.5,5.3,1.5c1.3-0.7,2-2,2-3.3V55.6C178.9,54,177.6,52.7,175.9,52.8z   M14,69.5c2.4-1.5,4-4.1,3.9-6.9c0,0,0,0,0-0.1c0.1-4.9-3.9-9-8.8-9.1c-2.4-0.2-4.9,0.6-6.6,2.3C0.6,57.6,0,60,0,62.6l0.4,15.1  c0,1.6,1.3,2.9,2.9,2.9s2.9-1.3,2.9-2.9l0.1-7.2l0,0c0-0.2,0.1-0.3,0.3-0.3c0,0,0.1,0,0.2,0l7.1,9.7c0.5,0.5,1.1,0.7,1.9,0.7  c1.6,0,2.8-1.3,2.9-2.8c0-0.4-0.1-0.8-0.3-1.3L14,69.5z M8.9,65.3c-0.2,0-0.3,0-0.5,0c-1.7-0.1-2.8-1.6-2.7-3.1  c0.1-1.7,1.6-2.8,3.1-2.7c0.2,0,0.3,0,0.5,0c1.7,0.1,2.8,1.6,2.7,3.1C11.9,64.2,10.4,65.7,8.9,65.3z M129.8,71.5  c-0.4,0-0.9,0.1-1.4,0.3l-2.4,1.6c-1.1,0.7-2.5,1.1-3.9,1.1c-4.2-0.2-7.3-3.8-7.1-7.8c0.2-3.9,3.2-6.9,7.1-7.1  c1.4,0,2.7,0.4,3.9,1.1l2.3,1.6c0.4,0.2,0.8,0.3,1.4,0.3c1.6,0,2.9-1.3,2.9-2.9l0,0c0-0.6-0.2-1.4-0.7-1.9c-2.3-2.7-5.7-4.3-9.4-4.3  c-7.5,0-13.6,6.1-13.6,13.6l0,0c0,7.2,5.6,13.2,12.8,13.6c3.9,0,7.5-1.6,10.2-4.4c0.4-0.5,0.7-1.1,0.6-1.9  C132.8,72.8,131.4,71.5,129.8,71.5z M185.4,52.7c-1.8,0-3.1,1.5-3.1,3.1v21.9c0,1.8,1.5,3.1,3.1,3.1c1.8,0,3.1-1.5,3.1-3.1V55.8  C188.5,54.1,187.2,52.7,185.4,52.7z M139.9,54.2c-0.6-0.6-1.5-1-2.4-1c-1.8,0-3.1,0.8-3.1,2.6v21.9l0,0c0,1.7,1.4,2.9,3,2.9  s3-1.3,3.1-2.9v-2.4h7.5l3.1,4.2c0.5,0.7,1.5,1.1,2.4,1.1c1.7,0,2.9-1.4,2.9-2.9c0-0.6-0.2-1.3-0.6-1.8L139.9,54.2z M143.5,69  c0,0.1-0.1,0.2-0.2,0.2h-2.8v-4.5l3,4.2C143.6,68.9,143.6,68.9,143.5,69z M209.9,52.8c-1.5,0.1-2.7,1.3-2.7,2.7v12.7  c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.1,0-0.2-0.1l-7.3-13.1c-1.1-2-3.7-2.6-5.6-1.4c-1.1,0.7-1.9,2-2,3.3v20.8c0,1.7,1.4,3,3,3  s3-1.4,3-3V65.2c0-0.1,0.1-0.2,0.2-0.2s0.1,0,0.1,0.1l7.6,13.4c1,1.9,3.4,2.5,5.3,1.5c1.3-0.7,2-2,2-3.3V55.6  C212.9,54,211.5,52.7,209.9,52.8z M220.7,55.3c0-0.1,0-0.1,0-0.2c0-0.8-0.6-1-1.3-1h-0.9c-0.3,0-0.4,0.2-0.4,0.3v2.7  c0,0.3,0.1,0.4,0.4,0.4s0.4-0.2,0.4-0.4v-1h0.2l0.5,1c0.1,0.2,0.2,0.4,0.5,0.4s0.4-0.1,0.4-0.3c0-0.1,0-0.1,0-0.2l-0.6-0.9  C220.3,56.2,220.7,55.7,220.7,55.3z M219.5,55.5h-0.6v-0.8h0.6c0.3,0,0.5,0.1,0.5,0.4S219.8,55.5,219.5,55.5z M219.4,52.6  L219.4,52.6c-1.8,0-3.2,1.5-3.2,3.2s1.5,3.2,3.2,3.2s3.2-1.5,3.2-3.2C222.5,54.1,221.1,52.6,219.4,52.6z M219.4,58.2L219.4,58.2  c-1.4,0-2.4-1-2.4-2.4s1-2.4,2.4-2.4s2.4,1,2.4,2.4C221.8,57.1,220.7,58.2,219.4,58.2z" style="fill:#e2001a"></path>
	          <path class="cls-1 rc-header__logo-crown" d="M132.7,38.8c-6.4-4.7-16-7.5-25.9-7.5s-19.6,2.8-25.9,7.5c-0.6,0.4-0.9,1.1-0.9,1.9c0,1.4,1,2.4,2.4,2.4l0,0  c0.5,0,1-0.2,1.5-0.5C88.2,39.4,96.5,36,107,36s18.7,3.4,23,6.6l0.1,0.1c1,0.7,2.6,0.5,3.3-0.6C134,41,133.8,39.5,132.7,38.8z   M106.8,37c-9.2,0-17.9,2.7-23.3,7.2c0,0,0,0-0.1,0c-0.6,0.6-0.7,1.6-0.2,2.3c0.3,0.4,0.7,0.6,1.3,0.6c0.4,0,0.7-0.1,1-0.4  c4.8-4,12.8-6.5,21.2-6.5s16.3,2.4,21.2,6.5c0.7,0.6,1.8,0.5,2.3-0.2c0.6-0.7,0.5-1.8-0.2-2.3C124.6,39.8,115.9,37,106.8,37z   M71.8,12.8L71.8,12.8L71.8,12.8L71.8,12.8z M77,19.7c0.7-2.9-1-5.8-4-6.7c-0.4-0.1-0.9-0.2-1.4-0.2c-3,0-5.4,2.4-5.4,5.4  s2.4,5.4,5.4,5.4C74.3,23.8,76.4,22.1,77,19.7z M106.8,28.1c3,0,5.4-2.4,5.4-5.4s-2.4-5.4-5.4-5.4s-5.4,2.4-5.4,5.4  S103.7,28.1,106.8,28.1z M106.8,14.3c3,0,5.4-2.4,5.4-5.4s-2.4-5.5-5.4-5.5s-5.4,2.4-5.4,5.4C101.3,11.9,103.7,14.3,106.8,14.3z   M90.8,19.2C87.9,20,86.2,23.1,87,26c0.6,2.3,2.8,3.9,5.2,4h0.1c0.4,0,0.9-0.1,1.4-0.2c2.9-0.8,4.6-3.8,3.9-6.7  C97,20.7,94.8,19,92.3,19C91.7,19,91.3,19.1,90.8,19.2z M84,31.5c0.7-2.9-1-6-4-6.7c-0.4-0.1-0.9-0.2-1.4-0.2l0,0  c-0.9,0-1.9,0.3-2.8,0.7c-1.3,0.7-2.2,2-2.5,3.3c-0.4,1.5-0.2,2.9,0.6,4.2c0.9,1.7,2.7,2.6,4.7,2.7c0.9,0,2-0.2,2.8-0.7  C82.7,34.1,83.7,32.9,84,31.5z M119.9,29.7c0.5,0.1,0.9,0.2,1.5,0.2c3,0,5.4-2.5,5.4-5.4c0-2.5-1.7-4.6-4-5.2  c-0.5-0.1-0.9-0.2-1.5-0.2c-3,0-5.4,2.5-5.4,5.5C115.8,26.9,117.5,29.1,119.9,29.7z M123.5,16.5c0.4,0.1,0.9,0.2,1.5,0.2  c3,0,5.4-2.5,5.4-5.4c0-2.5-1.7-4.6-4-5.2c-0.5-0.1-0.9-0.2-1.5-0.2c-3,0-5.4,2.5-5.4,5.5C119.5,13.6,121.2,15.8,123.5,16.5z   M137.7,25.4c-0.8-0.5-1.8-0.7-2.7-0.7c-3,0-5.4,2.4-5.4,5.4c0,0.4,0.1,0.9,0.2,1.4c0.3,1.4,1.3,2.6,2.5,3.3c2.6,1.6,6,0.6,7.5-2  c0.7-1.3,0.9-2.7,0.6-4.2C139.8,27.4,138.9,26.2,137.7,25.4z M147.2,17c-0.3-1.4-1.3-2.6-2.5-3.3c-2.6-1.6-6-0.6-7.5,2  c-0.7,1.3-0.9,2.7-0.6,4.2c0.3,1.4,1.3,2.6,2.5,3.3c2.6,1.6,6,0.7,7.5-1.9C147.4,19.9,147.6,18.2,147.2,17z M88.7,16.7L88.7,16.7  c0.5,0,1-0.1,1.5-0.2c2.9-0.8,4.6-3.9,3.9-6.7c-0.6-2.4-2.8-4-5.2-4c-0.5,0-0.9,0.1-1.5,0.2c-2.9,0.8-4.6,3.9-3.9,6.7  C84.1,15,86.2,16.7,88.7,16.7z" style="fill:#e2001a"></path>
	        </svg>
	      </h1>
	    </a>
	    <ul class="rc-list rc-list--blank rc-list--inline rc-list--align rc-header__right" role="menubar">
	      <li class="rc-list__item rc-inline-flex" role="menubar">
	      	<a href="https://weibo.com/chinaroyalcanin?topnav=1&amp;wvr=6&amp;topsug=1&amp;is_all=1" target="_blank" class="rc-lg-up rc-btn rc-btn--icon rc-icon ts-weibo--xs rc-iconography rc-interactive" aria-label="weibo">
	      		<span class="rc-screen-reader-text">
					微博
				</span>
			</a>
			<a href="javascript:;" @mouseenter="bindTracking(this)" evt-name="页内弹窗" evt-cat="headerBtnClick" evt-val="微信扫一扫" class="rc-lg-up rc-btn rc-btn--icon rc-icon ts-wechat--xs rc-iconography rc-interactive" aria-label="wechat">
				<span class="rc-screen-reader-text">
					微信
				</span>
				<div class="ts-hover-show">
					<span class="rc-text--center">微信扫一扫</span>
					<img src="../assets/image/royalcanincn-qrcode.jpg">
				</div>
			</a>
	        <a href="#" data-modal-trigger="modal-whereToBuy" onclick="bindTracking(this)" evt-name="页内弹窗" evt-cat="headerBtnClick" evt-val="在哪购买" class="rc-btn rc-btn--icon rc-icon rc-pin--xs rc-iconography rc-interactive rc-xs-up" aria-label="pin">
		        <span class="rc-screen-reader-text">
					translations.feature.headerbar.pin
				</span>
	        </a>
			
			<nuxt-link :to="`../../productdetails/userdetails/`" @click="bindTracking(this)" evt-name="页内弹窗" evt-cat="headerBtnClick" evt-val="全文搜索" class="rc-btn rc-btn--icon rc-icon rc-search--xs rc-iconography rc-interactive" role="menuitem">
	          <span class="rc-screen-reader-text">translations.feature.headerbar.search</span>
			</nuxt-link>
	      </li>
	    </ul>
	
	  </nav>
	  <nav class="rc-header__nav rc-header__nav--secondary rc-md-up" data-component="nav-track" data-nav-name="Header navigation">
	  	<!-- Menu section-->
	  	<div class="rc-container">
	    <ul class="rc-list rc-list--blank rc-list--inline rc-list--align rc-header__center">
	      <li class="rc-list__item">
	        <a href="/cats" class="rc-list__header" data-ref="nav-link" role="menuitem" title="猫">猫</a>
	      </li>
	      <li class="rc-list__item">
	        <a href="/dogs" class="rc-list__header" data-ref="nav-link" role="menuitem" title="犬">犬</a>
	      </li>
	      <li class="rc-list__item">
	        <a href="/tailored-nutrition" class="rc-list__header" data-ref="nav-link" role="menuitem" title="定制营养方案">定制营养方案</a>
	      </li>
	      <li class="rc-list__item">
	        <a href="/about" class="rc-list__header" data-ref="nav-link" role="menuitem" title="关于我们">关于我们</a>
	      </li>
	    </ul>
	    <div class="submenu rc-layout-container rc-one-column rc-margin--none rc-xl-up">
	    	<!-- Sub menu -->
	    	<div class="rc-full-width rc-max-width--xl rc-padding--sm">
		    	<ul class="rc-list rc-list--blank rc-list--align ts-list--four-column" role="menubar">
				  <li class="rc-list__item rc-list__item--group">
	          <img src="../assets/image/sub-nav/sub-nav-1.jpg" class="ts-head-img rc-margin-bottom--xs">
	          <a href="/cats" class="rc-list__header rc-margin--none" role="menuitem">猫</a>
							    <ul class="rc-list rc-list--blank rc-list--align test" role="menu">
				      <li class="rc-list__item">
				        <a href="/cats/products" class="rc-list__link" role="menuitem">产品</a>
				      </li>
				      <li class="rc-list__item">
				        <a href="/cats/breeds" class="rc-list__link" role="menuitem">品种</a>
				      </li>
				      <li class="rc-list__item">
				        <a href="/cats/getting-a-kitten" class="rc-list__link" role="menuitem">想养猫吗</a>
				      </li>
				      <li class="rc-list__item">
				        <a href="/cats/kitten" class="rc-list__link" role="menuitem">幼猫</a>
				      </li>
				      <li class="rc-list__item">
				        <a href="/cats/kitten/health" class="rc-list__link" role="menuitem">健康和心情</a>
				      </li>
				    </ul>
				  </li>
				  <li class="rc-list__item rc-list__item--group">
	          <img src="../assets/image/sub-nav/sub-nav-2.jpg" class="ts-head-img rc-margin-bottom--xs">
	          <a href="/dogs" class="rc-list__header rc-margin--none" role="menuitem">犬</a>
				    <ul class="rc-list rc-list--blank rc-list--align test" role="menu">
				      <li class="rc-list__item">
				        <a href="/dogs/products" class="rc-list__link" role="menuitem">产品</a>
				      </li>
				      <li class="rc-list__item">
				        <a href="/dogs/breeds" class="rc-list__link" role="menuitem">品种</a>
				      </li>
				      <li class="rc-list__item">
				        <a href="/dogs/getting-a-puppy" class="rc-list__link" role="menuitem">想养只狗</a>
				      </li>
				      <li class="rc-list__item">
				        <a href="/dogs/puppy" class="rc-list__link" role="menuitem">幼犬</a>
				      </li>
				      <li class="rc-list__item">
				        <a href="/dogs/puppy/health" class="rc-list__link" role="menuitem">健康和心情</a>
				      </li>
				    </ul>
				  </li>
				  <li class="rc-list__item rc-list__item--group">
	          <img src="../assets/image/sub-nav/sub-nav-3.jpg" class="ts-head-img rc-margin-bottom--xs">
	          <a href="/tailored-nutrition" class="rc-list__header rc-margin--none" role="menuitem">定制营养方案</a>
				    <ul class="rc-list rc-list--blank rc-list--align test" role="menu">
				      <li class="rc-list__item">
				        <a href="/cats/products" class="rc-list__link" role="menuitem">猫系列</a>
				      </li>
				      <li class="rc-list__item">
				        <a href="/dogs/products" class="rc-list__link" role="menuitem">狗系列</a>
				      </li>
				    </ul>
				  </li>
				  <li class="rc-list__item rc-list__item--group">
	          <img src="../assets/image/sub-nav/sub-nav-4.jpg" class="ts-head-img rc-margin-bottom--xs">
	          <a href="/about" class="rc-list__header rc-margin--none" role="menuitem">关于我们</a>
				    <ul class="rc-list rc-list--blank rc-list--align test" role="menu">
				      <li class="rc-list__item">
				        <a href="/about#growth-phase1" class="rc-list__link" role="menuitem">我们的历史</a>
				      </li>
				      <li class="rc-list__item">
				        <a href="/about" class="rc-list__link" role="menuitem">我们的价值观</a>
				      </li>
				    </ul>
				  </li>
				</ul>
			</div>
			<!-- Sub menu end -->
	    </div>
	    </div>
	    <!-- Menu section end-->
	  </nav>            
	  </header>
</template>
<script>

export default {
  data() {
    return {
  headerScroll:false

    };
  },
  mounted() {
	
  },

  methods: {
	bindTracking: function(){
		console.log('bindTracking');
	}
 
  },
};
</script>
<style lang="less" scoped>
@import url("../assets/css/global.less");
@import url("../assets/css/clip.less");
</style>