<!--头部 begin-->
<div class="top">
  <div class="top_in">
    <div class="wz">{label:top}</div>
    <div class="language">
      <div>
        <img src="{pboot:sitedomain}/skin/images/cn.png" /><span>中文</span
        ><span style="color: #666; font-size: 8px; font-weight: bold">▼</span>
      </div>
      <div class="yuyan">
        <a href="{pboot:lgpath}&lg=cn"
          ><img src="{pboot:sitedomain}/skin/images/cn.png" />中文</a
        >
        <a href="{pboot:lgpath}&lg=en"
          ><img src="{pboot:sitedomain}/skin/images/en.png" />英文</a
        >
      </div>
    </div>
    <div class="tel">服务热线：<em>{pboot:companyphone}</em></div>
  </div>
</div>
<!--头部 end-->
<!--logo begin-->
<div class="logo">
  <h1>
    <a href="{pboot:sitedomain}/"
      ><img src="{pboot:sitelogo}" alt="{pboot:sitetitle}"
    /></a>
  </h1>
  <div class="SearchBar">
    <form method="get" action="{pboot:scaction}">
      <input type="hidden" name="scode" value="4" />
      <input name="keyword" type="text" id="KeyWord" placeholder="搜索关键字" />
      <input type="submit" id="search-submit" value=" " />
    </form>
  </div>
</div>
<!--logo end-->
<!--导航 begin-->
<!-- menu -->
<div class="nav_bar">
  <ul class="nav clearfix">
    <!-- 单一菜单 | end -->
    <li class="m {pboot:if(0=='{sort:scode}')}on{/pboot:if}">
      <h3><a href="{pboot:sitedomain}/" title="首页">首页</a></h3>
    </li>
    {pboot:nav}
    <li class="s">|</li>
    <li class="m {pboot:if('[nav:scode]'=='{sort:tcode}')}on{/pboot:if}">
      <h3><a href="[nav:link]" target="_self">[nav:name]</a></h3>
      {pboot:if([nav:soncount]>0)}
      <ul class="sub">
        {pboot:2nav parent=[nav:scode]}
        <li><a href="[2nav:link]">[2nav:name]</a></li>
        {/pboot:2nav}
      </ul>
      {/pboot:if}
    </li>
    {/pboot:nav}
  </ul>
</div>
<script type="text/javascript">
  jQuery(".nav_bar .nav").slide({
    type: "menu",
    titCell: ".m",
    targetCell: ".sub",
    effect: "slideDown",
    delayTime: 300,
    triggerTime: 100,
  });
</script>

<style>
  .language{
    position: absolute;
    top: 10px;
    left: 60%;
    cursor: pointer;
  }
  .language span {
    font-size: 15px;
    vertical-align: middle;
  }
  .language img {
    height: 20px;
    margin-right: 5px;
  }
  .yuyan {
    position: absolute;
    top: 30px;
    left: 0;
    background: #ebebeb;
    width: 122px;
    display: none;
  }
  .yuyan a {
    display: block;
    line-height: 35px;
    font-size: 15px;
    text-align: center;
    text-decoration:none;
    color: #666;
  }
  .yuyan img {
    height: 16px;
    margin-right: 4px;
    vertical-align: -3px;
  }
</style>

<script>
  $(function () {
    $(".language").click(function () {
      $(".yuyan").slideToggle();
    });
  });
</script>