<style>
  .sub-content{
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 10px;
  }
  .sub-content img,.language-flag img{
   margin-right: 4px;
  }
</style>
<header class="web_head">
  <div class="layout">
    <div class="head_top">
      <figure class="logo"><a href="{eyou:global name='web_basehost' /}"><img src="{eyou:global name='web_logo' /}" alt="{eyou:global name='web_name' /}"></a></figure>
      <div class="head_left">
        <div class="top_sv_item"> <i class="item_ico item_ico_tel"></i>
          <div class="item_cont">
            <div class="item_tit">{eyou:lang name='phone' /}</div>
            <div class="item_desc">{eyou:global name='web_attr_3' /}</div>
          </div>
        </div>
      </div>
      <div class="head_right">
        <ul class="head_sns">
          <li><a href="{eyou:global name='web_attr_14' /}"><img src="{eyou:global name='web_templets_pc' /}/skin/images/sns01.png" alt="{eyou:global name='web_attrname_14' /}"></a></li>
          <li><a href="{eyou:global name='web_attr_4' /}"><img src="{eyou:global name='web_templets_pc' /}/skin/images/sns02.png" alt="{eyou:global name='web_attrname_4' /}"></a></li>
          <li><a href="{eyou:global name='web_attr_15' /}"><img src="{eyou:global name='web_templets_pc' /}/skin/images/sns03.png" alt="{eyou:global name='web_attrname_15' /}"></a></li>
          <li><a href="{eyou:global name='web_attr_16' /}"><img src="{eyou:global name='web_templets_pc' /}/skin/images/sns04.png" alt="{eyou:global name='web_attrname_16' /}"></a></li>
        </ul>
      </div>
    </div>
    <nav class="nav_wrap">
      <ul class="head_nav">
        <li class="{eyou:eq name='$Request.param.m' value='Index'}nav-current{/eyou:eq}"><a href="{eyou:global name='web_basehost' /}"><em>{eyou:lang name='home' /}</em></a></li>
        {eyou:models type="top" id="field" currentstyle="nav-current" loop='5'}
        <li class="{$field.currentstyle}"><a href="{$field.typeurl}"><em>{$field.typename}</em></a> {eyou:notempty name="$field.children"}
          <ul>
            {eyou:models name="$field.children" id="field2"}
            <li><a href="{$field2.typeurl}"><em>{$field2.typename}</em></a> {eyou:notempty name="$field2.children"}
              <ul>
                {eyou:models name="$field2.children" id="field3"}
                <li><a href="{$field3.typeurl}"><em>{$field3.typename}</em></a></li>
                {/eyou:models}
              </ul>
              {/eyou:notempty} </li>
            {/eyou:models}
          </ul>
          {/eyou:notempty} </li>
        {/eyou:models}
      </ul>
      <b id="btn-search" class="btn--search"></b>
      <div class="change-language ensemble">
          <div class="change-language-title medium-title">
            <div class="language-flag">
              <a href="javascript:;"><img src="{$eyou.global.lang_logo}"/>{$eyou.global.lang_title}</a>
            </div>
          </div>
          <div class="change-language-cont sub-content">
            {eyou:language type='default'}
            <a href="{$field.url}"><img src="{$field.logo}" alt="{$field.title}">{$field.title}</a>
          {/eyou:language}
          </div>
        </div>
    </nav>
  </div>
</header>

<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16831647744"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-16831647744'); </script>