<div id="preloader">
    <div class="spinner"></div>
</div>
<!-- Contact Modal template -->
<!-- END Contact Modal template -->

<nav class="navbar navbar-default navbar-fixed-top with-topbar nav-transparent-secondary-logo ">
    <!-- Topbar template -->
    <div class="topbar second-template">
        <div class="container">
            <div class="topbar-socials">
                <ul class="redux-social-media-list clearfix">
                    <li style="list-style: none;">
                        <a href="javascript:void(0);">
                            <i class="fa fa-weixin" style='color:rgb(255, 255, 255);background-color:transparent;' title=""></i>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="topbar-menu-search">
                <!-- <div class="topbar-search">
                    <form role="search" method="get" class="search-form" action="">
                        <label>
                            <span class="screen-reader-text">搜索：</span>
                            <input type="search" class="search-field" placeholder="搜索&hellip;" value="" name="s">
                        </label>
                        <input type="submit" class="search-submit" value="搜索">
                    </form> <span class="toggle-search fa-search fa"></span>
                </div> -->
                <!-- WooCommerce Cart -->
                <!-- END WooCommerce Cart -->
            </div>
        </div>
    </div>
    <!-- END Topbar template -->
    <div class="menubar">
        <div class="container">
            <div id="logo">
                <!-- Image logo -->
                <a class="logo" href="/index" data-wpel-link="internal">
                    <img class="fixed-logo" src="/static/index/picture/logo.png" width=" 140px" alt=" ">
                    <img class="nav-logo" src="/static/index/picture/logo.png" width=" 140px" alt="">
                </a>
            </div>
            <style>
                #logo {
                    position: absolute;
                    top: -55px;
                    left: 0
                }

                @media screen and (max-width: 1200px) {
                    #logo {
                        position: relative;
                        top: 0;
                        left: 0;
                    }
                }
            </style>
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-menu">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div class="mobile-cart">
                </div>
            </div>
            <div id="main-menu" class="collapse navbar-collapse  navbar-right">
                <ul id="menu-main-menu-stratasys" class="nav navbar-nav">
                    {foreach $categories as $menu}
                    {eq name="menu.url" value="contactus"}
                        <a class="modal-menu-item menu-item tt_button tt_primary_button btn_primary_color default_header_btn" target="_self" href="/contactus" data-wpel-link="internal">联系我们</a>
                    {else/}
                        {notempty name="menu.child"} 
                        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7656 dropdown">
                            <a title="{$menu.name}">{$menu.name}</a>
                            <ul role="menu" class=" dropdown-menu">
                                {foreach $menu.child as $childmenu}
                                {notempty name="childmenu.child"}
                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-6512 dropdown">
                                    <a title="{$childmenu.name}" href="/{$childmenu.url}" data-wpel-link="internal">{$childmenu.name}</a>
                                    <ul role="menu" class=" dropdown-menu">
                                        {foreach $childmenu.child as $grandmenu}
                                        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7631">
                                            <a title="{$grandmenu.name}" href="/{$grandmenu.url}" data-wpel-link="internal">{$grandmenu.name}</a>
                                        </li>
                                        {/foreach}
                                    </ul>
                                </li>
                                {else/}
                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6512">
                                    <a title="{$childmenu.name}" href="/{$childmenu.url}" data-wpel-link="internal">{$childmenu.name}</a>
                                </li>
                                {/notempty}
                                {/foreach}
                            </ul>
                        </li>
                        {else/}
                        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7628">
                            <a title="{$menu.name}" href="/{$menu.url}" data-wpel-link="internal">{$menu.name}</a>
                        </li>
                        {/notempty}
                    {/eq}
                    {/foreach}
                </ul> 
            </div>
        </div>
    </div>
</nav>