<div class="fix-area">
  <div class="offcanvas__info">
    <div class="offcanvas__wrapper">
      <div class="offcanvas__content">
        <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
          <div class="offcanvas__logo"> <a href="{pboot:sitedomain}/"> <img src="{pboot:sitelogo}" alt="{pboot:sitetitle}"  height="40"> </a> </div>
          <div class="offcanvas__close">
            <button> <i class="fas fa-times"></i> </button>
          </div>
        </div>
        <div class="mobile-menu fix mb-3"></div>
        <div class="offcanvas__contact">
          <h4>联系方式</h4>
          <ul>
            <li class="d-flex align-items-center">
              <div class="offcanvas__contact-icon"> <i class="fal fa-map-marker-alt"></i> </div>
              <div class="offcanvas__contact-text"> <a target="_blank" href="#">{pboot:companyaddress}</a> </div>
            </li>
            <li class="d-flex align-items-center">
              <div class="offcanvas__contact-icon mr-15"> <i class="fal fa-envelope"></i> </div>
              <div class="offcanvas__contact-text"> <a href="mailto:{pboot:companyemail}"><span class="mailto:{pboot:companyemail}">{pboot:companyemail}</span></a> </div>
            </li>
            <li class="d-flex align-items-center">
              <div class="offcanvas__contact-icon mr-15"> <i class="fal fa-clock"></i> </div>
              <div class="offcanvas__contact-text"> <a target="_blank" href="#">Mod-friday, 09am -05pm</a> </div>
            </li>
            <li class="d-flex align-items-center">
              <div class="offcanvas__contact-icon mr-15"> <i class="far fa-phone"></i> </div>
              <div class="offcanvas__contact-text"> <a href="tel:{pboot:companyphone}">{pboot:companyphone}</a> </div>
            </li>
          </ul>
          {pboot:sort scode=9}<div class="header-button mt-4"> <a href="[sort:link]" class="theme-btn text-center"> [sort:name] </a> </div>{/pboot:sort}
        </div>
      </div>
    </div>
  </div>
</div>
<div class="offcanvas__overlay"></div>

<!-- Header Area Start -->
<header>
  <div class="header-top">
    <div class="container">
      <div class="header-top-wrapper">
        <ul>
          <li> <i class="fal fa-map-marker-alt me-2"></i> {pboot:companyaddress} </li>
        </ul>
        <div class="social-icon d-flex align-items-center"> 
          <div class="ab_yuyan">
            <ul>
              <li><a href="javascript:translate.changeLanguage('chinese_simplified');"><img src="{pboot:sitedomain}/skin/images/cn.png" height="16"> 中文</a></li>
              <li><a href="javascript:translate.changeLanguage('english');"><img src="{pboot:sitedomain}/skin/images/en.png" height="16"> English</a></li>
            </ul>
          </div>
		<ul>
			<li> <i class="fal fa-envelope me-2"></i> <a href="mailto:{pboot:companyemail}"><span class="mailto:{pboot:companyemail}">{pboot:companyemail}</span></a> </li> 
		</ul>
		</div>
      </div>
    </div>
  </div>
  <div id="header-sticky" class="header-2">
    <div class="container">
      <div class="mega-menu-wrapper">
        <div class="header-main">
          <div class="header-left">
            <div class="logo"> <a href="{pboot:sitedomain}/" class="header-logo"> <img src="{pboot:sitelogo}" alt="{pboot:sitetitle}"> </a> </div>
            <div class="mean__menu-wrapper d-none d-lg-block">
              <div class="main-menu">
                <nav id="mobile-menu">
                  <ul>
                    <li class="has-dropdown active menu-thumb"> <a href="{pboot:sitedomain}/"> 网站首页 </a></li>
                    {pboot:nav}
                    <li class="has-dropdown"> <a href="[nav:link]"> [nav:name] {pboot:if([nav:soncount]>0)}<i class="fas fa-angle-down"></i>{/pboot:if} </a>
					  {pboot:if([nav:soncount]>0)}
                      <ul class="submenu">
						{pboot:2nav parent=[nav:scode]}
                        <li class="has-dropdown"> <a href="[2nav:link]"> [2nav:name] {pboot:2if([2nav:soncount]>0)}<i class="fas fa-angle-down"></i>{/pboot:2if} </a>
						  {pboot:2if([2nav:soncount]>0)}
                          <ul class="submenu">
                            {pboot:3nav parent=[2nav:scode]}
                            <li><a href="[3nav:link]">[3nav:name]</a></li>
							{/pboot:3nav}
                          </ul>
						  {/pboot:2if}
                        </li>
                        {/pboot:2nav}
                      </ul>
					  {/pboot:if}
                    </li>
                    {/pboot:nav}
                  </ul>
                </nav>
              </div>
            </div>
          </div>
          <div class="header-right d-flex justify-content-end align-items-center"> <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
            <div class="header__hamburger d-lg-none my-auto">
              <div class="sidebar__toggle"> <i class="far fa-bars"></i> </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</header>

<!-- Search Area Start -->
<div class="search-wrap">
  <div class="search-inner"> <i class="fas fa-times search-close" id="search-close"></i>
    <div class="search-cell">
      <form action="{pboot:scaction}" method="get">
        <div class="search-field-holder">
          <input type="search" name="keyword" class="main-search-input" placeholder="Search...">
        </div>
      </form>
    </div>
  </div>
</div>