<header>
  <div class="head-top">
    <div class="l-wrap" style="display: flex; justify-content: space-between; align-items: center;">
      <p class="text">{label:topen}</p>
      <div class="lang-switcher">
        <ul style="margin: 0; padding: 0; list-style: none; display: flex;">
            <li style="margin-left: 15px;"><a href="{pboot:lgpath}&lg=cn" {pboot:if('{pboot:sitelanguage}'=='cn')}class="active"{/pboot:if} style="color: #fff; text-decoration: none;">中文</a></li>
            <li style="margin-left: 15px;"><a href="{pboot:lgpath}&lg=en" {pboot:if('{pboot:sitelanguage}'=='en')}class="active"{/pboot:if} style="color: #fff; text-decoration: none;">English</a></li>
            <li style="margin-left: 15px;"><a href="{pboot:lgpath}&lg=ru" {pboot:if('{pboot:sitelanguage}'=='ru')}class="active"{/pboot:if} style="color: #fff; text-decoration: none;">Русский</a></li>
            <li style="margin-left: 15px;"><a href="{pboot:lgpath}&lg=ko" {pboot:if('{pboot:sitelanguage}'=='ko')}class="active"{/pboot:if} style="color: #fff; text-decoration: none;">한국어</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="head-info">
    <div class="l-wrap">
      <div class="head-logo"> <a href="{pboot:sitedomain}/" title="{pboot:sitetitle}"><img src="{pboot:sitelogo}" width="120" height="60" alt="{pboot:sitetitle}"><span></span></a> </div>
      <div class="head-list">
        <div class="item">
          <div class="icon"><em class="iconfont icon-email"></em></div>
          <div class="info"><span>Email</span>
            <p>{pboot:companyemail}</p>
          </div>
        </div>
        <div class="item">
          <div class="icon"><em class="iconfont icon-telephone"></em></div>
          <div class="info"><span>Tel</span>
            <p><a href="tel:{pboot:companyphone}">{pboot:companyphone}</a></p>
          </div>
        </div>
        <div class="item">
          <div class="icon"><em class="iconfont icon-whatsapp"></em></div>
          <div class="info"><span>Whatsapp</span>
            <p><a href="https://web.whatsapp.com/send?l=en&phone={label:Whatsapp}" id="T8" rel="nofollow" target="_blank">{label:Whatsapp}</a></p>
          </div>
        </div>
      </div>
      <div class="head-share">
        <ul>
          <li><a href="{label:facebook}" class="social-item fb" rel="nofollow" target="_blank" title="Facebook"><i class="iconfont icon-facebook"></i></a></li>
          <!--<li><a href="{label:twitter}" class="social-item tw" rel="nofollow" target="_blank" title="twitter"><i class="iconfont icon-twitter"></i></a></li>-->
          <li><a href="{label:linkedin}" class="social-item lk" rel="nofollow" target="_blank" title="linkedin"><i class="iconfont icon-linkedin"></i></a></li>
          <!--<li><a href="{label:instagram}" class="social-item ins" rel="nofollow" target="_blank" title="instagram"><i class="iconfont icon-instagram"></i></a></li>-->
        </ul>
      </div>
      <div class="m-menu"><span></span><span></span><span></span></div>
    </div>
  </div>
  <div class="head-nav">
    <div class="l-wrap">
      <ul class="nav-ul">
        <li id="liHome"> <a href="{pboot:sitedomain}/" {pboot:if(0=='{sort:scode}')}class="inmenu_1"{/pboot:if}>HOME</a></li>
        {pboot:nav}
        <li id="liabout-us"> <a {pboot:if('[nav:scode]'=='{sort:tcode}')}class="inmenu_1"{/pboot:if} href="[nav:link]">[nav:name]</a>
          {pboot:if([nav:soncount]>0)}
          <ul class="submenu">
            {pboot:2nav parent=[nav:scode]}
            <li class="menu-item LiLevel1"> <a href="[2nav:link]">[2nav:name]</a> </li>
            {/pboot:2nav}
          </ul>
          {/pboot:if}
        </li>
        {/pboot:nav}
      </ul>
      <div class="search-box">
        <form method="get" action="{pboot:scaction}">
          <div class="head-search">
            <button type="button"><em class="iconfont icon-search"></em></button>
          </div>
          <div class="search-input">
            <input type="text" name="keyword" id="keywords" placeholder="Keyword">
            <button class="search-btn" type="submit"><em class="iconfont icon-search" aria-hidden="true"></em></button>
          </div>
        </form>
      </div>
      <div class="m-lang">
        <ul style="margin: 0; padding: 15px 0; list-style: none; display: flex; justify-content: space-around; border-bottom: 1px solid #eee; margin-bottom: 10px;">
            <li><a href="{pboot:lgpath}&lg=cn" {pboot:if('{pboot:sitelanguage}'=='cn')}class="active"{/pboot:if} style="color: #333; font-size: 15px;">中文</a></li>
            <li><a href="{pboot:lgpath}&lg=en" {pboot:if('{pboot:sitelanguage}'=='en')}class="active"{/pboot:if} style="color: #333; font-size: 15px;">English</a></li>
            <li><a href="{pboot:lgpath}&lg=ru" {pboot:if('{pboot:sitelanguage}'=='ru')}class="active"{/pboot:if} style="color: #333; font-size: 15px;">Русский</a></li>
            <li><a href="{pboot:lgpath}&lg=ko" {pboot:if('{pboot:sitelanguage}'=='ko')}class="active"{/pboot:if} style="color: #333; font-size: 15px;">한국어</a></li>
        </ul>
      </div>
    </div>
  </div>
</header>