<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Vazyme - For Science For Health</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="viewport"
      content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="app-mobile-web-app-capable" content="yes">
<meta name="app-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="keywords" id="page-keywords" content="">
<meta name="description" id="page-description" content="">
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" media="screen"  />
<link rel="stylesheet" href="/css/nwzgjgw.css" />
<link rel="stylesheet" href="/css/ueditor-list.css" />
<link rel="stylesheet" href="/css/swiper-bundle.min.css" />
<link rel="stylesheet" href="/css/iconfont.css" />
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/swiper-bundle.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script src="/js/jquery.pagination.min.js"></script>
<script src="/js/flowup.js"></script>
<script src="/js/axios.js"></script>
<script src="/js/sha256.min.js"></script>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WD9F8XQF');</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SGB07BL8ML"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-SGB07BL8ML');
</script>

<script>
    const appId = 3
    const baseUrl = 'https://www.vazymeglobal.com/website-api-service'
    const shopFrontUrl = 'https://www.vazymeglobal.com/product-center'
    const shopMgrUrl = 'https://www.vazymeglobal.com/vazyme-shop-api'
    const i18n = 'en'
    // const siteUrl = 'https://www.vazymeglobal.com'
    axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
</script>
<link rel="stylesheet" href="/css/jquery.pagination.css">
<script charset="UTF-8" id="LA_COLLECT" src="/js/js-sdk-pro.min.js"></script>
<script>
    LA.init({
        id: "K57I50oXL0SdoqK0",
        ck: "K57I50oXL0SdoqK0",
        autoTrack:true,
        hashMode:true
    })
</script>
<style>
    [v-cloak] {
        display: none;
    }
</style></head>

<body>

<!--back-top 返回顶部-->
<!DOCTYPE html>
<!--back-top 返回顶部-->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WD9F8XQF"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div class="nwzgj-header" id="headerTopClass">
  <div class="logo" id="logoHome"></div>
  <div id="openc" class="s-country"><!--加上open-c展开，去掉open-c收起-->
    <a class="s-link" onclick="toggleNationOpen()">
      <span class="current-nation"></span>
    </a>
    <div class="s-item">
      <input id="searchNationVal" type="text" maxlength="20" oninput="searchNation('pc')"/>
      <div id="nation-list"></div>
    </div>
  </div>
  <!--h-logo 导航栏logo-->
  <div class="menu" id="h-menu">
    <ul class="meun-list" id="dlNavBarUrl">
      <li class="menu-list"><a href="/index.html" dataType="home" aa-category-id="0" class="menu-link">Home</a></li>
    </ul>
  </div>
  <!--h-menu 导航栏菜单-->

  <div class="btns" id="btnsAdd"><!--加上open-ser展开搜索框，去掉则隐藏-->
    <a class="btn-1 open-btn" id="open-btn"><img src="/images/icon-search.svg" alt="Search Icon" /><span>Search</span></a>
    <a class="btn-1" id="cart"><img src="/images/icon-cart.svg" alt="Cart Icon" /><span>Cart</span><span class="figure" style="display: none;" id="figure"></span></a>
    <a class="btn-2" id="myVazyme"><img src="/images/icon-user.svg" alt="User Icon" /><span>My Vazyme</span></a>
    <div class="more-search">
      <div class="search-box">
        <input type="text" id="content" placeholder="Search by product name, catalog number"  value="" />
        <a class="search-btn" id="search"></a>
        <a class="close-btn" id="close-btn"></a>
      </div>
      <div class="search-list" id="search_list" style="display: none;">
        <ul class="associate-list" id="list"></ul>
      </div>
    </div><!--more-search 搜索框-->
  </div>
</div>


<div class="phone-header" id="open"><!--加上open-ser打开搜索栏，加上open-menu打开菜单-->
  <div class="logo" id="logoHome-phone"></div>
  <div class="btns">
    <a class="btn-1" id="cart-phone">
      <span class="figure" style="display: none;" id="figure-phone"></span>
    </a>
    <a class="btn-2" id="myVazyme-phone"></a>
    <a class="sear-btn"></a>
    <a class="opens-btn"><em></em></a>
    <div class="menu-box">
      <ul class="ce">
        <li><a href="/index.html">Home</a></li>
        <li class="s-country" id="mobileDlNavBarUrl"><!--加上open-c展开，去掉open-c收起-->
          <a>
            <img src="/images/icon-earth.svg"  alt="" />
            <span class="current-nation"></span>
          </a>
          <i onclick="toggleNationOpen()" class="icon iconfont icon-xiangxiajiantou"></i>
          <div id="openc-m" class="er" style="display: none;">
            <input id="searchNationMobileVal" type="text" maxlength="20" oninput="searchNation('mobile')"/>
            <ul id="nation-list-m">
            </ul>
          </div>
        </li>
      </ul>
    </div><!--menu-box 菜单--->

    <div class="more-searchs">
      <div class="search-box">
        <img src="/images/icon-search.svg" alt="Search Icon" id="search-phone">
        <input type="text" placeholder="Search by product name, catalog number" id="content-phone"  value="" />
      </div>
      <div class="search-list">
        <ul class="associate-list" id="list-phone">
        </ul>
      </div>
    </div><!--more-searchs 搜索--->
  </div>
</div><!--phone-header 移动端导航栏-->

<script>
  var b2cToken = $.cookie("b2cToken")
  var siteUrl = 'http://localhost:8089/dev-mcms-us-website'

  function isNotNull(value){
    if(value != null && value != undefined && value != '' && value.length > 0){
      return true
    }
    return false
  }

  //渲染pc端
  function pcEs(res){
    var dataInfo = res.data.data
    var ulElement = document.getElementById('dlNavBarUrl');
    ulElement.insertAdjacentHTML('beforeend', dataInfo.pcHtml);
  }

  function mobileEs(res){
    //移动端开始
    var mobileDataInfo = res.data.data

    var ulElement = document.getElementById('mobileDlNavBarUrl');
    ulElement.insertAdjacentHTML('beforebegin', mobileDataInfo.mobileHtml);
  }

  //获取导航栏菜单
  axios({
    method: 'get',
    params: {},
    url: baseUrl + `/createMenuHTML`,
    //url: siteUrl + `/createMenuHTML`,
    headers: {
      Authorization: b2cToken,
      local: i18n,
      'header-country': (JSON.parse(sessionStorage.getItem('currentNation')) || { code: '' }).code,
    }
  }).then((res) => {
    if(res.data.code != 200){
      return
    }
    if (window.innerWidth <= 1000) {
      //移动端渲染
      mobileEs(res)
    }else{
      //pc端渲染
      pcEs(res)
    }
  })
</script>
<div class="fixed-box">
  <ul class="list">
    <li>
      <a class="link" href="mailto:info.biotech@vazyme.com"><img src="/images/icons-email.svg" alt="Email Icon" /><span>Email</span></a>
      <div class="hover-text">
        <div class="title">Email</div>
        <div class="text">info.biotech@vazyme.com</div>
      </div>
    </li>
    <li>
      <a class="link" id="contact"><img src="/images/icons-contact.svg" alt="Contact Icon" /><span>Contact Us</span></a>
    </li>
  </ul>
  <a class="top-btn" id="toTop"><img src="/images/icons-top.svg" alt="Top Icon" /><span>TOP</span></a>
</div><!--fixed-btn-box 固定在右边按钮-->

<script type="text/javascript">

  /**
   * 默认
   * @param event
   */
  function handleMouseOverDefault(event){
    var datatype = event.target.getAttribute("datatype");
    if(datatype == 'product'){
      // 获取第一列的元素
      var firstColumnLinks = document.querySelectorAll('#firstColumn .link');

      firstColumnLinks.forEach((link,index) => {
        if(index == 0 ){
          render(link.getAttribute("id"))
        }
      });
    }
  }
  //产品中心-第一列触发事件
  function handleMouseOver(event){
    var idValue = event.target.id;

    render(idValue)
  }
  function render(idValue){
    // 获取第一列的元素
    var firstColumnLinks = document.querySelectorAll('#firstColumn .link');
    // 获取第二列的元素
    var secondColumnLinks = document.querySelectorAll('#secondColumn .link');
    //第三列id
    var thirdColumnList = document.getElementById('thirdColumn');

    // 第一列样式更新
    firstColumnLinks.forEach(link => {
      link.className = 'link';
    });
    // 第二列样式更新
    secondColumnLinks.forEach(link => {
      link.className = 'link';
    });
    // 显示具有匹配id属性的链接
    firstColumnLinks.forEach(link => {
      if (link.getAttribute('id') == idValue) {
        link.className = 'link arrow active';
      }
    });
    thirdColumnList.style.visibility = 'hidden';
    // 根据id渲染第二列
    renderSecondColumn(idValue,2);
  }
  //产品中心-第二列触发事件
  function secondColumnHandle(event){
    // 获取第二列的元素
    var secondColumnLinks = document.querySelectorAll('#secondColumn .link');
    //第三列id
    var thirdColumnList = document.getElementById('thirdColumn');
    //第三列的元素
    var thirdColumnLinks = document.querySelectorAll('#thirdColumn .link');


    var idValue = event.target.id;
    var id = null;

    // 第二列样式更新
    secondColumnLinks.forEach(link => {
      link.className = 'link';
    });
    // 显示具有匹配id属性的链接
    secondColumnLinks.forEach(link => {
      if (link.getAttribute('id') == idValue) {
        link.className = 'link arrow active';
      }
    });

    // 隐藏第二列中的所有链接
    thirdColumnLinks.forEach(link => {
      link.style.display = 'none';
    });

    // 显示具有匹配name属性的链接
    thirdColumnLinks.forEach(link => {
      if (link.getAttribute('name') == idValue) {
        link.style.display = 'flex';
      }
    });
    thirdColumnList.style.visibility = 'visible';
  }

  /**
   * 根据id渲染第二列的函数
   * @param id
   * @param showNumber 显示的列数
   */
  function renderSecondColumn(id, showNumber) {
    // 获取第二列的容器
    var secondColumnList = document.getElementById('secondColumn');
    // 获取第二列的元素
    var secondColumnLinks = document.querySelectorAll('#secondColumn .link');
    //第三列id
    var thirdColumnList = document.getElementById('thirdColumn');
    // 获取第二列的容器
    //第三列的元素
    var thirdColumnLinks = document.querySelectorAll('#thirdColumn .link');


    if(showNumber == 2){
      // 隐藏第二列中的所有链接
      secondColumnLinks.forEach(link => {
        link.style.display = 'none';
      });
      // 隐藏第3列中的所有链接
      thirdColumnLinks.forEach(link => {
        link.style.display = 'none';
      });

      let active = false
      // 显示具有匹配name属性的链接
      secondColumnLinks.forEach((link,index) => {
        if (link.getAttribute('name') == id) {
          link.style.display = 'flex';
          if(!active){
            active = true
            link.className = 'link arrow active';

            renderSecondColumn(link.getAttribute("id"),3)
          }
        }
      });
      secondColumnList.style.visibility = 'visible';
    }

    if(showNumber == 3){
      // 隐藏第3列中的所有链接
      thirdColumnLinks.forEach(link => {
        link.style.display = 'none';
      });
      // 显示具有匹配name属性的链接
      thirdColumnLinks.forEach(link => {
        if (link.getAttribute('name') == id) {
          link.style.display = 'flex';
        }
      });
      thirdColumnList.style.visibility = 'visible';
    }
  }
</script>
<script type="text/javascript">
  var flag = document.cookie.indexOf("b2cToken=");
  let customer = {}
  if(flag<0){
    customer = {}
  }else{
    var b2cToken = $.cookie("b2cToken")
    axios({
      method: 'get',
      params: {},
      url: shopMgrUrl + `/p/user/userInfo`,
      headers: {
        Authorization: b2cToken,
        local: i18n,
        'header-country': (JSON.parse(sessionStorage.getItem('currentNation')) || { code: '' }).code,
      }
    }).then((res) => {
      if(res.data.code == '00000' && res.data.data){
        let nonce = new Date().getTime()
        let timestamp = new Date().getTime()
        let web_token = res.data.data.mobile
        let sign_str =  "nonce="+nonce+"&timestamp="+timestamp+"&web_token="+web_token+"&fc510480f786c928cd0f692be0bf1d3b"
        sign_str = sha256(sign_str)
        sign_str = sign_str.toUpperCase()
        customer.nonce = nonce
        customer.signature = sign_str
        customer.timestamp = timestamp
        customer.web_token = web_token
        customer.encryption_algorithm = "SHA256"
        customer.c_name = res.data.data.nickName
        customer.c_email =  web_token
        customer.c_phone = res.data.data.tel
        customer.c_org = res.data.data.org + ' ' + res.data.data.dept
      }
    })
  }
  (function(a,h,c,b,f,g){
    a["UdeskApiObject"]=f;
    a[f]=a[f]||function(){
      (a[f].d=a[f].d||[]).push(arguments)
    };
    g=h.createElement(c);
    g.async=1;
    g.charset="utf-8";
    g.src=b;
    c=h.getElementsByTagName(c)[0];
    c.parentNode.insertBefore(g,c)
  })
  (window,document,"script","https://assets-cli.s5.udesk.cn/im_client/js/udeskApi.js","ud");
  if (shopFrontUrl.includes('vazymeglobal.com')) {
    ud({
      "customer": customer,
      "code": "8e7b17",
      "link": "https://vazyme-international.s5.udesk.cn/im_client/?web_plugin_id=1724&group_id=1245&language=en-us"
    });
  }else{
    ud({
      "customer": customer,
      "code": "8e7b17",
      "link": "https://vazyme-international.s5.udesk.cn/im_client/?web_plugin_id=1749&group_id=1261&language=en-us"
    });
  }

  $(function () {
    //当点击跳转链接后，回到页面顶部位置
    $("#toTop").click(function () {
      $('body,html').animate({ scrollTop: 0 }, 500);
      return false;
    });
  });

  $("#content,#content-phone").keypress(function(e){
    var eCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
    if (eCode == 13){
      var content = $('#content').val();
      if(!content){
        content = $('#content-phone').val();
      }
      window.location.href= shopFrontUrl + "/search?content=" + content
    }
  })
  getCartCount()
  /**
   * 获取购物车商品数量
   */
  function getCartCount(){
    var flag = document.cookie.indexOf("b2cToken=");
    if(flag<0){
      let totalCartCount = 0
      let cartShopList = JSON.parse(localStorage.getItem('cartShopList'))
      if(cartShopList !==null && cartShopList.length>0){
        cartShopList.forEach((item) => {
          totalCartCount = parseInt(totalCartCount) + parseInt(item.count)
        })
      }else{
        totalCartCount = 0
      }
      if(totalCartCount === 0){
        $("#figure,#figure-phone")[0].setAttribute("style", "display:none");
        $("#figure,#figure-phone")[1].setAttribute("style", "display:none");
      }else{
        $("#figure,#figure-phone")[0].setAttribute("style", "display:block");
        $("#figure,#figure-phone")[1].setAttribute("style", "display:block");
      }

      if(totalCartCount>999){
        totalCartCount = "999+"
      }
      $("#figure,#figure-phone").text(totalCartCount)
    }else{
      var b2cToken = $.cookie("b2cToken")
      axios({
        method: 'get',
        params: {},
        url: shopMgrUrl + `/p/shopCart/prodCount`,
        headers: {
          Authorization: b2cToken,
          local: i18n,
          'header-country': (JSON.parse(sessionStorage.getItem('currentNation')) || { code: '' }).code,
        }
      }).then((res) => {
        if(res.data.code == '00000' && res.data.data > 0){
          if(res.data.data>999){
            $("#figure,#figure-phone").text("999+")
          }else{
            $("#figure,#figure-phone").text(res.data.data)
          }
          $("#figure,#figure-phone")[0].setAttribute("style", "display:block");
          $("#figure,#figure-phone")[1].setAttribute("style", "display:block");
        }
      })
    }
  }
  $("#content").on("input propertychange",function (e){
    var content = $("#content").val();
    if(content == undefined || content == ''){
      $("#search_list")[0].setAttribute("style", "display:none");
      $("#list li").remove();
    }else{
      likeSearch()
    }
  })
  $("#content-phone").on("input propertychange",function (e){
    var content = $("#content-phone").val();
    if(content == undefined || content == ''){
      $("#list-phone li").remove();
    }else{
      likeSearch()
    }
  })
  function likeSearch(){
    var content = $("#content").val();
    if(!content){
      $("#content-phone").val();
    }
    axios({
      method: 'get',
      params: {
        size: 8,
        current: 1,
        total: 0,
        pages:1,
        content:encodeURIComponent(content)
      },
      headers: {
        locale: i18n,
        'header-country': (JSON.parse(sessionStorage.getItem('currentNation')) || { code: '' }).code,
      },
      url: shopMgrUrl + `/prod/productSearchAll`,
    }).then((res) => {
      if (res.data.code === '00000') {
        if(res.data.data.records.length>0){
          $("#search_list")[0].setAttribute("style", "display:flex");
        }else{
          $("#search_list")[0].setAttribute("style", "display:none");
        }
        $("#list li").remove();
        $("#list-phone li").remove();
        for(var i=0;i<res.data.data.records.length;i++){
          var html = "";
          if (res.data.data.records[i].skuId && res.data.data.records[i].skuId !== '') {
            var _itemNo = ''
            for (let j in res.data.data.records[i].properties.split(';')) {
              if (res.data.data.records[i].properties.split(';')[j].split(':')[0] === 'catNo') {
                _itemNo = res.data.data.records[i].properties.split(';')[j].split(':')[1]
              }
            }
            var url = '/' + res.data.data.records[i].categoryUrlName + '/' + res.data.data.records[i].prodUrlName + '/' + _itemNo
            html = '<li class="li-lis"><a href="'+shopFrontUrl+ url +'" target="_blank">' + res.data.data.records[i].prodName + '</a><li>'
            $("#list").append(html);
          } else {
            var url = '/' + res.data.data.records[i].categoryUrlName + '/' + res.data.data.records[i].prodUrlName
            html = '<li class="li-lis"><a href="'+shopFrontUrl+ url +'" target="_blank">' + res.data.data.records[i].prodName + '</a><li>'
            $("#list").append(html);
            $("#list-phone").append(html);
          }
        }

      }
    })
  };

  /**
   * 替换元素中的alt
   * @param content 替换模块
   * @param title   替换内容
   * @param type    替换元素
   */
  function replaceAlt(content,title,type){
    //添加alt
    var content = document.getElementById(content);
    var element = content.querySelectorAll(type);
    for (var i = 0; i < element.length; i++) {
      if(document.getElementById(title) != null && document.getElementById(title) != ''
              && document.getElementById(title) != undefined){
        element[i].setAttribute("alt", document.getElementById(title).textContent);
      }
    }
  };
  // 如果导航栏菜单click时
  $('.menu-list').click(function (e) {
    $('.menu-list').removeClass('active')
    e.currentTarget.classList.add("active")
  });
  $("#open-btn").click(function (e){
    $('#btnsAdd').addClass("open-ser")
  });
  $("#close-btn").click(function (e){
    $('#btnsAdd').removeClass("open-ser")
  });
  $("#myVazyme,#myVazyme-phone").click(function (e){
    window.location.href= shopFrontUrl + "/my-orders"
  });
  $("#contact").click(function (e){
    window.location.href= shopFrontUrl + "/contact"
  });
  $("#cart,#cart-phone").click(function (e){
    window.location.href= shopFrontUrl + "/cart"
  });
  $("#logoHome,#logoHome-phone").click(function (e){
    window.location.href= 'https://www.vazymeglobal.com'
  });


  //绑定搜索事件
  $('#search,#search-phone').click(function (e){
    var content = $('#content').val();
    if(!content){
      content = $('#content-phone').val();
    }
    window.location.href= shopFrontUrl + "/search?content=" + content
  });
</script>


<script type="text/javascript">
  $( ".sear-btn" ).click(function() {
    $("#open").toggleClass( "open-sear" );
    $("#open").toggleClass( "open-menu" );
  });
  $( ".opens-btn" ).click(function() {
    $("#open").removeClass( "open-sear" );
  });
  $( ".opens-btn" ).click(function() {
    $("#open").toggleClass( "open-menu" );
  });
</script><!----移动端搜索框展开折叠---->

<script type="text/javascript">

</script><!----移动端菜单展开折叠---->

<!---- 渠道推广 ---->
<script type="text/javascript">
  if (getUrlParam('channel') !==  '') {
    axios({
      method: 'post',
      data: window.location.href,
      url: shopMgrUrl + `/channel/info`,
      headers: {
        'header-country': (JSON.parse(sessionStorage.getItem('currentNation')) || { code: '' }).code,
      },
    }).then((res) => {
      if (res.data.data) {
        localStorage.setItem('shopChannelId', res.data.data.channelId)
      }
    })
  }
  function getUrlParam(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
    var context = "";
    if (r != null)
      context = decodeURIComponent(r[2]);
    reg = null;
    r = null;
    return context == null || context == "" || context == "undefined" ? "" : context;
  }
</script>

<!-- 国家切换 -->
<script>
  let nationList = []

  async function getNationList() {
    return axios({
      url: shopMgrUrl + `/region/level/NATION`,
      method: 'GET',
      headers: {
        'header-country': (JSON.parse(sessionStorage.getItem('currentNation')) || { code: '' }).code,
      },
    })
            .then((res) => {
              nationList = res.data.data
              nationOptionInit(nationList);
            })
  }

  function nationOptionInit(_nationList) {
    let innerHTML = ''
    for (let i = 0, cnt = _nationList.length; i < cnt; i++) {
      const nation = _nationList[i]
      innerHTML += '<div class="nation-' + nation.id + ' items" onclick="handleNationChange(\'' + nation.code + '\', true)">'
      innerHTML += nation.enName + '（' + nation.cnName + '）'
      innerHTML += '</div>'
    }
    if (innerHTML == '') {
      innerHTML = '<div style="color: gray; text-align: center;">无数据</div>'
    }
    $('#nation-list').html(innerHTML)

    let innerHTMLm = ''
    for (let i = 0, cnt = _nationList.length; i < cnt; i++) {
      const nation = _nationList[i]
      innerHTMLm += '<li class="nation-' + nation.id + '" onclick="handleNationChange(\'' + nation.code + '\', true)">'
      innerHTMLm += '<a>' + nation.enName + '（' + nation.cnName + '）' + '</a>'
      innerHTMLm += '</li>'
    }
    if (innerHTMLm == '') {
      innerHTMLm = '<li><a style="color: gray;">无数据</a></li>'
    }
    $('#nation-list-m').html(innerHTMLm)
  }

  function handleNationChange(nationCode, refresh) {
    const nation = nationList.find((nation) => nation.code === nationCode)
    sessionStorage.setItem('currentNation', JSON.stringify(nation))
    document.cookie = "header-country="+nationCode+";path=/"
    const currentNation = this.getCurrentNation() || {}
    $(".nation-" + currentNation.id).toggleClass('active')
    $('.current-nation').text(nation.enName + '（' + nation.cnName + '）')
    if (refresh) {
      location.reload()
    }
  }

  function toggleNationOpen() {
    $("#openc").toggleClass("open-c")
    $("#openc-m").toggleClass("open")
  }

  function searchNation(type) {
    let val = $("#searchNationVal").val().toLowerCase()
    if (type == "mobile") {
      val = $("#searchNationMobileVal").val().toLowerCase()
    }
    if (!val || val == '') {
      nationOptionInit(nationList);
    }
    let _nationList = nationList.filter(t => t.enName.toLowerCase().indexOf(val) > -1 || t.cnName.toLowerCase().indexOf(val) > -1)
    nationOptionInit(_nationList);
  }

  function setCurrentNation() {
    let currentNation = this.getCurrentNation()
    if (currentNation) {
      this.handleNationChange(currentNation.code)
    } else {
      axios({
        url: shopMgrUrl + `/region/current-nation?acceptDefault=true`,
        method: 'GET',
        headers: {
          'header-country': (JSON.parse(sessionStorage.getItem('currentNation')) || { code: '' }).code,
        },
      })
              .then((res) => {
                this.handleNationChange(res.data.data.code)
              })
    }
  }

  function getCurrentNation() {
    return JSON.parse(sessionStorage.getItem("currentNation"))
  }

  if ($.cookie("b2Admin") == 1) {
    getNationList()
            .then(setCurrentNation)
  } else {
    $('.s-country').hide()
  }

  $(document).ready(function() {
    $("body").on("click", ".ce > li > i", function() {
      $(this).parents().siblings().find(".er").hide(300);
      $(this).siblings(".er").toggle(300);
      $(this).toggleClass("open");
    });

    $("body").on("click", ".er > li > i", function() {
      $(this).parents().siblings().find(".thr").hide(300);
      $(this).siblings(".thr").toggle(300);
      $(this).toggleClass("open");
    });

    $("body").on("click", ".thr > li > i", function() {
      $(this).parents().siblings().find(".thr_nr").hide(300);
      $(this).siblings(".thr_nr").toggle(300);
      $(this).toggleClass("open");
    });
  });

</script>
<!--h-btn 导航栏右侧-->
<div class="nwzgj-banner banner-home" id="banner">
    <div class="swiper mySwiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide" data-url="https://www.vazymeglobal.com/product-center/fluorescence-quantimeter/high-throughput-single-dual-channel-fluorescence-quantimeter">
                <img src="https://vazyme-singapore-website-prod.s3.ap-southeast-1.amazonaws.com/d46f9ae6bc0344cab5f74a8c5e0e5bc0" alt="home"/>
            </div>
            <div class="swiper-slide" data-url="https://www.vazymeglobal.com/applications/1864249972575776769.html">
                <img src="https://vazyme-singapore-website-prod.s3.ap-southeast-1.amazonaws.com/dc6fc4e465e242cdb44dfa88eec026f1" alt="home"/>
            </div>
            <div class="swiper-slide" data-url="https://www.vazymeglobal.com/product-center/western-blot/pvdf-membrane-0-45-m">
                <img src="https://vazyme-singapore-website-prod.s3.ap-southeast-1.amazonaws.com/13905df67937423cb60d1ccc1e310bdb" alt="home"/>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <!--swiper-->
</div>
<div class="nwzgj-box">
    <div class="nwzgj-title1">Products & Solutions</div>
    <div class="home-list1" id="productFooterNavTS">
    </div><!--home-list1-->
</div><!--nwzgj-box-->

<div class="nwzgj-box" style="min-height: 600px;">
    <div class="nwzgj-title1">Applications</div>
    <div class="home-list2" id="applications">
        <div class="list" onclick="goHref('/applications/Drug Discovery/1916446081125265409.html')">
            <div class="list-img"><img src="https://vazyme-singapore-website-prod.s3.ap-southeast-1.amazonaws.com/9e678ec4b8274be38c51d693e7b30668" alt="mRNA Vaccine/Drug Solution"/></div>
            <div class="list-cont">
                <div class="title-2"><a title="mRNA Vaccine/Drug Solution">mRNA Vaccine/Drug Solution</a></div>
                <div class="btns"><a class="btn" href="/applications/Drug Discovery/1916446081125265409.html">Learn More</a></div>
            </div>
        </div>
        <div class="list" onclick="goHref('/applications/Drug Discovery/1920546881938206722.html')">
            <div class="list-img"><img src="https://vazyme-singapore-website-prod.s3.ap-southeast-1.amazonaws.com/5794be8ead8748eba624bcf1a824d3f3" alt="Antibody Drug Solution"/></div>
            <div class="list-cont">
                <div class="title-2"><a title="Antibody Drug Solution">Antibody Drug Solution</a></div>
                <div class="btns"><a class="btn" href="/applications/Drug Discovery/1920546881938206722.html">Learn More</a></div>
            </div>
        </div>
        <div class="list" onclick="goHref('/applications/Drug Discovery/1920586229542891522.html')">
            <div class="list-img"><img src="https://vazyme-singapore-website-prod.s3.ap-southeast-1.amazonaws.com/f45be49d7af84b84bd189613522ac613" alt="Small Molecule Drug HTS Solution"/></div>
            <div class="list-cont">
                <div class="title-2"><a title="Small Molecule Drug HTS Solution">Small Molecule Drug HTS Solution</a></div>
                <div class="btns"><a class="btn" href="/applications/Drug Discovery/1920586229542891522.html">Learn More</a></div>
            </div>
        </div>
    </div><!--home-list2-->
</div><!--nwzgj-box-->
<div class="nwzgj-box">
    <div class="nwzgj-title1">Featured Products</div>
    <div class="home-list2" id="products">
    </div><!--home-list2-->
</div><!--nwzgj-box-->

<div class="nwzgj-box bg-1">
    <div class="nwzgj-title1">Latest News & Events</div>
    <div class="home-list2 new-event-list">
        <div class="list" onclick="goHref('/News/MediaReleases/1839244850611433473.html')">
            <div class="list-img"><img src="https://vazyme-singapore-website-prod.s3.ap-southeast-1.amazonaws.com/2133992c4e0348b7b23226713fd2f086" alt="What's  behind our  commitment to quality? "/></div>
            <div class="list-cont">
                <div class="title-2"><a title="What's  behind our  commitment to quality? ">What's  behind our  commitment to quality? </a></div>
                <div class="text"><a title="At Vazyme, we believe that "Quality is all in the details." This principle is deeply ingrained in our corporate culture and represents a shared commitment among all employees. ">At Vazyme, we believe that "Quality is all in the details." This principle is deeply ingrained in our corporate culture and represents a shared commitment among all employees. </a></div>
                <div class="btns"><a class="btn" href="/News/MediaReleases/1839244850611433473.html">Learn More</a></div>
            </div>
        </div>
        <div class="list" onclick="goHref('/News/MediaReleases/1914922697421828098.html')">
            <div class="list-img"><img src="https://vazyme-singapore-website-prod.s3.ap-southeast-1.amazonaws.com/a6f3967968564f55bd5cdf109249002e" alt="Important Update on Lab Consumables Product Availability"/></div>
            <div class="list-cont">
                <div class="title-2"><a title="Important Update on Lab Consumables Product Availability">Important Update on Lab Consumables Product Availability</a></div>
                <div class="text"><a title=" "> </a></div>
                <div class="btns"><a class="btn" href="/News/MediaReleases/1914922697421828098.html">Learn More</a></div>
            </div>
        </div>
        <div class="list" onclick="goHref('/News/MediaReleases/1924432604890214402.html')">
            <div class="list-img"><img src="https://vazyme-singapore-website-prod.s3.ap-southeast-1.amazonaws.com/76759a1ce3dd4cd9bd62a9ff3e3f69fa" alt="Vazyme ESG Report 2024: Caring Science, Lasting Future "/></div>
            <div class="list-cont">
                <div class="title-2"><a title="Vazyme ESG Report 2024: Caring Science, Lasting Future ">Vazyme ESG Report 2024: Caring Science, Lasting Future </a></div>
                <div class="text"><a title="In 2024, we focused on refining how we work—enhancing operational efficiency, supporting our people, reducing our environmental footprint, and strengthening governance.">In 2024, we focused on refining how we work—enhancing operational efficiency, supporting our people, reducing our environmental footprint, and strengthening governance.</a></div>
                <div class="btns"><a class="btn" href="/News/MediaReleases/1924432604890214402.html">Learn More</a></div>
            </div>
        </div>
    </div><!--home-list2-->
</div><!--nwzgj-box-->

<div class="nwzgj-box bg-1">
    <div class="home-box1">
        <div class="title">About <h1>Vazyme</h1></div>
        <div class="text">For Science For Health</div>
        <button class="el-button el-button--default" id="learn">Learn More</button>
    </div><!--home-box1-->
</div><!--nwzgj-box-->
<!--nwzbody-box-->
<!-- 栏目属性为关于我们，排序为1的研发实力-->
<div class="nwzgj-footer">
  <div class="logo-list">
    <div class="logo"></div>
    <a class="btn-1" href="https://www.facebook.com/Vazyme/" target="_blank" alt="facebook" aria-label="facebook-label"></a>
    <a class="btn-2" href="https://www.linkedin.com/company/vazyme/jobs/?viewAsMember=true" target="_blank" alt="linkedin" aria-label="linkedin-label"></a>
    <a class="btn-3" href="https://twitter.com/VazymeBiotech/" target="_blank" alt="twitter" aria-label="twitter-label"></a>
    <a class="btn-4" href="https://www.youtube.com/c/Vazyme/" target="_blank" alt="youtube" aria-label="youtube-label"></a>
    <a class="btn-5" href="https://www.instagram.com/vazymebiotech/" target="_blank" alt="instagram" aria-label="instagram-label"></a>
  </div>
  <div class="menu-map">
    <div class="list">
      <div class="title">Products</div>
      <div class="text" id="productFooter">
      </div>
    </div>
    <div class="list">
      <div class="title">News</div>
      <div class="text" id="newsFooter">
      </div>
    </div>
    <div class="list">
      <div class="title">Events</div>
      <div class="text" id="eventsFooter">
      </div>
    </div>

    <div class="list">
      <div class="title">Service and Support</div>
      <div class="text" id="serviceSupportFooter"></div>
    </div>


    <div class="list">
      <div class="title">About Us</div>
      <div class="text" id="aboutFooter"></div>
      <div class="text">
        <p class="txt">Vazyme(688105.SH)</p>
        <p class="txt teltxt"><span>Tel: +86 400-168-5000（Global）</span><span>+86 400-600-9335（China）</span></p>
        <a class="txt" href="mailto:info.biotech@vazyme.com">E-mail: info.biotech@vazyme.com</a>
        <p class="txt">Address: Red Maple Hi-tech Industry Park, Nanjing, PRC</p>
      </div>
    </div>
    <!--<div class="list">
  <div class="title">More Links</div>
  <div class="text">
    <a href="/index.html" class="txt">Home</a>
            <a class="txt" href="https://www.vazymeglobal.com/News/Events/index.html">Events</a>
        <a class="txt" href="https://www.vazymeglobal.com/product-center">Product Center</a>
        <a class="txt" href="https://www.vazymeglobal.com/product-center/contact">Contact Us</a>
        <a class="txt" href="">Resource</a>
        <a class="txt" href="https://www.vazymeglobal.com/News/index.html">News</a>
        <a class="txt" href="https://www.vazymeglobal.com/Resources/Product Brochures/index.html">Product Brochures</a>
        <a class="txt" href="https://www.vazymeglobal.com/AboutUs/index.html">About Us</a>
        <a class="txt" href="https://bio.vazyme.com/">CN</a>
  </div>
</div>-->
    <!--<div class="list">
  <div class="title">Contact Us</div>
  <div class="text">
    <p class="txt">Vazyme(688105.SH)</p>
    <p class="txt teltxt"><span>Tel: +86 400-168-5000（Global）</span><span>+86 400-600-9335（China）</span></p>
    <a class="txt" href="mailto:info.biotech@vazyme.com">E-mail: info.biotech@vazyme.com</a>
    <p class="txt">Address: Red Maple Hi-tech Industry Park, Nanjing, PRC</p>
  </div>
</div>-->
  </div>
  <div class="copyright">
    <p>Copyright @ 2024 Vazyme International LLC. All Rights Reserved</p>
    <p><a href="https://www.vazymeglobal.com/product-center/privacy">Privacy Policy</a> ; <a href="https://www.vazymeglobal.com/product-center/use">Terms
      of Use</a></p>
  </div>
</div><!--nwzgj-footer 底部-->

<div class="cookies-dialogs" style="display:none" id="cookies">
  <div class="dialog-box">
    <div class="dialog-content">
      <div class="title">Welcome to Vazyme</div>
      <div class="text">This website uses cookies to improve your overall experience, make your next visit to
        the river website easier and faster, and provide you with better service. Please refer to the <a
                href="https://www.vazymeglobal.com/product-center/privacy" target="_blank">Privacy Policy for details</a>；<a
                href="https://www.vazymeglobal.com/product-center/use" target="_blank">Terms of Use</a></div>
      <div class="btn-box">
        <a class="btn" href="javascript:;" style="background-color:#c5c5c5;" id="reject">Reject</a>
        <a class="btn" href="javascript:;" id="accept">Accept All</a>
      </div>
    </div>
  </div>
</div><!--cookies-dialogs 弹框-->
<script type="text/javascript">
  getCookieAgreement();
  $("#accept").click(function (e) {
    agree()
  })
   $("#reject").click(function (e) {
    $("#cookies")[0].setAttribute("style", "display:none");
  })

  function agree() {
    axios({
      method: 'post',
      data: {
        status: 'Y',
        systemName: '',
        browser: '',
        cookieEnabled: ''
      },
      headers: {
        locale: i18n,
        'header-country': (JSON.parse(sessionStorage.getItem('currentNation')) || {code: ''}).code,
      },
      url: shopMgrUrl + `/cookieAgreement`,
    }).then((res) => {
      if (res.data.code === '00000') {
        $("#cookies")[0].setAttribute("style", "display:none");
      }
    })
  };

  function getCookieAgreement() {
    axios({
      method: 'get',
      params: {},
      headers: {
        locale: i18n,
        'header-country': (JSON.parse(sessionStorage.getItem('currentNation')) || {code: ''}).code,
      },
      url: shopMgrUrl + `/cookieAgreement/info`,
    }).then((res) => {
      if (res.data.code === '00000') {
        if (res.data.data) {
          $("#cookies")[0].setAttribute("style", "display:flex");
        }
      }
    })
  };

  var b2cToken = $.cookie("b2cToken")
  var siteUrl = 'http://localhost:8089/dev-mcms-us-website'

  function isNotNull(value) {
    if (value != null && value != undefined && value != '' && value.length > 0) {
      return true
    }
    return false
  }

  //获取导航栏菜单
  axios({
    method: 'get',
    params: {},
    url: baseUrl + `/getMenu`,
    //url: siteUrl + `/getMenu`,
    headers: {
      Authorization: b2cToken,
      local: i18n,
      'header-country': (JSON.parse(sessionStorage.getItem('currentNation')) || {code: ''}).code,
    }
  }).then((res) => {
    if (res.data.code != 200) {
      return
    }
    var dataInfo = res.data.data
    var productFooterHtml = "";
    var newsFooterHtml = "";
    var eventsFooterHtml = "";
    var aboutFooterHtml = "";
    var serviceSupportFooterHtml = "";
    for (var dataItem of dataInfo) {
      if(!(dataItem.categoryFlag == 'nav' || dataItem.categoryFlag == 'footNav')){
        continue;
      }
      if (isNotNull(dataItem.children)) {
        if (dataItem.typetitle == 'News') {
          for (var dataItem2 of dataItem.children) {
            if (dataItem2.typetitle != 'Events') {
              if (dataItem2.type == '3') {
                newsFooterHtml += '<a class="txt" href="' + dataItem2.typeurl + '">' + dataItem2.typetitle + '</a>'
              } else if (dataItem2.type == '1' || dataItem2.type == '2') {
                newsFooterHtml += '<a class="txt" href="' + dataItem2.typelink + '">' + dataItem2.typetitle + '</a>'
              }
            }
          }
        }


        for (var dataItem2 of dataItem.children) {
          if (dataItem2.typetitle == 'Events') {
            if (dataItem2.children != null && dataItem2.children.length > 0) {
              for (var dataItem3 of dataItem2.children) {
                if (dataItem3.type == '3') {
                  eventsFooterHtml += '<a class="txt" href="' + dataItem3.typeurl + '">' + dataItem3.typetitle + '</a>'
                } else if (dataItem3.type == '1' || dataItem3.type == '2') {
                  eventsFooterHtml += '<a class="txt" href="' + dataItem3.typelink + '">' + dataItem3.typetitle + '</a>'
                }
              }
            }
          }
        }

        if (dataItem.typetitle == 'Service and Support') {
          var supportListImgElement = document.getElementById('support_list_img');
          if(supportListImgElement != null && supportListImgElement != ''){
            supportListImgElement.src = dataItem.typelitpic
          }

          for (var dataItem2 of dataItem.children) {
              if (dataItem2.type == '3') {
                serviceSupportFooterHtml += '<a class="txt" href="' + dataItem2.typeurl + '">' + dataItem2.typetitle + '</a>'
              } else if (dataItem2.type == '1' || dataItem2.type == '2') {
                serviceSupportFooterHtml += '<a class="txt" href="' + dataItem2.typelink + '">' + dataItem2.typetitle + '</a>'
              }
          }
        }



        if (dataItem.typetitle == 'About Us') {
          for (var dataItem2 of dataItem.children) {
            if (dataItem2.type == '3') {
              aboutFooterHtml += '<a class="txt" href="' + dataItem2.typeurl + '">' + dataItem2.typetitle + '</a>'
            } else if (dataItem2.type == '1' || dataItem2.type == '2') {
              aboutFooterHtml += '<a class="txt" href="' + dataItem2.typelink + '">' + dataItem2.typetitle + '</a>'
            }
          }
        }

        if (dataItem.typetitle == 'Product Center') {
          for (var dataItem2 of dataItem.children) {
            productFooterHtml += '<a class="txt" href="' + dataItem2.typeurl + '">' + dataItem2.typetitle + '</a>'
          }
        }


      }
    }

    var newsElement = document.getElementById('newsFooter');
    var eventsElement = document.getElementById('eventsFooter');
    var aboutElement = document.getElementById('aboutFooter');
    var productElement = document.getElementById('productFooter');
    var serviceElement = document.getElementById('serviceSupportFooter');

    newsElement.insertAdjacentHTML('beforeend', newsFooterHtml);
    eventsElement.insertAdjacentHTML('beforeend', eventsFooterHtml);
    serviceElement.insertAdjacentHTML('beforeend', serviceSupportFooterHtml);
    aboutElement.insertAdjacentHTML('beforeend', aboutFooterHtml);
    productElement.insertAdjacentHTML('beforeend', productFooterHtml);
  })
</script>
<!--wzdz-box-->
<script>
    var swiper = new Swiper(".mySwiper", {
        centeredSlides: true,
        autoplay: {
            delay: 4000,
            disableOnInteraction: false,
        },
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        }
    });

    var b2cToken = $.cookie("b2cToken")
    var siteUrl = 'http://localhost:8089/dev-mcms-us-website'

    function isNotNull(value){
        if(value != null && value != undefined && value != '' && value.length > 0){
            return true
        }
        return false
    }


    //获取导航栏菜单
    axios({
        method: 'get',
        params: {},
        url: baseUrl + `/getMenu`,
        // url: siteUrl + `/getMenu`,
        headers: {
            Authorization: b2cToken,
            local: i18n,
            'header-country': (JSON.parse(sessionStorage.getItem('currentNation')) || { code: '' }).code,
        }
    }).then((res) => {
        if(res.data.code != 200){
            return
        }
        var dataInfo = res.data.data
        var productFooterHtml = "";
        for(var dataItem of dataInfo){
            if(isNotNull(dataItem.children)){
                if(dataItem.dataType == 'product'){
                    for(var dataItem2 of dataItem.children){
                        productFooterHtml += '<div class="list" onClick="goHref("' + dataItem2.typeurl + ')>'
                        productFooterHtml += '<div class="list-img"><img src="' + dataItem2.typelitpic + '"alt="' + dataItem2.typetitle + '"/>' + '</div>'
                        productFooterHtml += '<div class="list-cont">'
                        productFooterHtml += '<div class="title">'
                        productFooterHtml += '<a href="' + dataItem2.typeurl +'" title="' + dataItem2.typetitle + '">' + dataItem2.typetitle + '</a>'
                        productFooterHtml += '</div>'
                        productFooterHtml += '</div>'
                        productFooterHtml += '</div>'
                    }
                }

            }
        }

        var productElement = document.getElementById('productFooterNavTS');
        productElement.insertAdjacentHTML('beforeend', productFooterHtml);

    })
</script>
<script type="text/javascript">
    $(function () {
        // 查询首页推荐产品
        getProducts()
    });

    $("#toTop").click(function(){
        $('body,html').animate({scrollTop:0},500);
        return false;
    });
    $("#contact").click(function (e){
        window.location.href= shopFrontUrl +"/contact"
    });
    $("#learn").click(function (e){
        window.location.href= "https://www.vazymeglobal.com" +"/AboutUs/index.html"
    });

    function goHref(url){
        window.location.href = url
    };

    function getProducts(){
        var b2cToken = $.cookie("b2cToken")
        axios({
            method: 'get',
            params: {},
            url: shopMgrUrl + `/prod/homeList`,
            headers: {
                'header-country': (JSON.parse(sessionStorage.getItem('currentNation')) || { code: '' }).code,
                Authorization: b2cToken,
                locale: i18n
            },
        }).then((res) => {
            if (res.data.code === '00000') {
                $("#products div").remove();
                for(var i=0;i<res.data.data.length;i++){
                    var product =res.data.data[i]
                    var html = '<div class="list" onclick="goHref(\''+shopFrontUrl+'/'+ product.categoryUrlName+'/'+ product.prodUrlName+'\')"> ' +
                        '<div class="list-img"><img src="'+product.pic+'" alt="'+product.categoryName+'"/></div>' +
                        '<div class="list-cont">' +
                        '<div class="sm-title">' +
                        '<a title="'+product.categoryName+'">'+product.categoryName +'</a>' +
                        '</div>' +
                        '<div class="title-2">' +
                        '<a title="'+product.prodName+'">'+product.prodName+'</a>' +
                        '</div>' +
                        '<div class="text">' +
                        '<a title="'+product.brief+'">'+product.brief+'</a>' +
                        '</div>' +
                        '<div class="btns">' +
                        '<a class="btn" href="'+shopFrontUrl+'/'+ product.categoryUrlName+'/'+ product.prodUrlName +'">Learn More</a>' +
                        '</div>' +
                        '</div>' +
                        '</div>'
                    $("#products").append(html);
                }
            }
        })
    }
</script>
<script>
    var swiperList = document.getElementById('banner').querySelectorAll('.swiper-slide');
    for (var i = 0; i < swiperList.length; i++) {
        swiperList[i].onclick = function (e) {
            if (e.currentTarget.dataset.url) {
                window.open(e.currentTarget.dataset.url, '_self')
            }
        }
    }
    document.getElementById('page-description').setAttribute('content', 'Vazyme is a global technology and service provider that specializes in the design, manufacture, and application of bioactive compounds.');
    document.getElementById('page-keywords').setAttribute('content', 'Nucleic Acid Extraction Reagents, Molecular Biology Reagents, Cell and Protein Research Reagents, NGS Library Preparation Reagents, Reagents for Bio-Medicine');
</script>
</body>

</html>