<div class="header">
    <!-- 网页导航 -->
    <div class="top_nav">
        <div class="content">
            <a class="logo" href="${frontPath}/${site.siteId}"><img src="${resPath}/spdx.images/spkfdx_logo.png"/></a>
            <div class="nav_right">
                <div class="nav_sousuo">
                    <a  href="http://www.ouchn.edu.cn/">国家开放大学</a>
                    <a href="http://www.jlrtvu.jl.cn/">吉林开放大学</a>
                    <div class="search">
                        <form action="${ctxPath}/searchFors"  accept-charset="UTF-8" method="post">
                            <input type="hidden" value="${site.siteId!}" name="siteId">
                            <input type="text" name="keyword"   onblur="if (this.value == ''){this.value = '';}" onfocus="if (this.value == '请输入') {this.value = '';}"/>
                            <button type="submit"  value=""><img src="${resPath}/spdx.images/phone-spkfdx_ss.png"></button>
                        </form>
                    </div>
                </div>
                <hr/>
                <ul class="host_nav">
                    <li>
                        <a onclick="toFirstCategory(this)">学校概况</a>
                        <div class="host_nav_in">
                            <#cms_content_list siteId="${site.siteId}" categoryId="1161" orderBy="2" isHot="0" hasChild="0" isRecommend="0" size="1" titleLen="20" var="bean">
                            <a href="${frontPath}/${site.siteId}/1161/${bean.contentId!}.html" >学校简介</a>
                        </#cms_content_list>
                        <a href="${frontPath}/${site.siteId}/1162.html" >学校章程</a>
                    <#cms_content_list siteId="${site.siteId}" categoryId="1163" orderBy="2" isHot="0" hasChild="0" isRecommend="0" size="1" titleLen="20" var="bean">
                    <a href="${frontPath}/${site.siteId}/1163/${bean.contentId!}.html" >历史沿革</a>
                </#cms_content_list>
                <a  href="${frontPath}/${site.siteId}/1164.html">现任领导</a>
                <a  href="${frontPath}/${site.siteId}/1165.html">组织机构</a>
            </div>
            </li>



            <li>
                <a onclick="toFirstCategory(this)">学校要闻</a>
                <div class="host_nav_in">
                    <#cms_category_list  siteId="${site.siteId}" categoryId="1174" isNav="0" var="bean">
                    <a href="${frontPath}/${site.siteId}/${bean.categoryId}.html">${bean.categoryName}</a>
                </#cms_category_list>
        </div>
        </li>
        <li>
            <a onclick="toFirstCategory(this)" >党建专栏</a>
            <div class="host_nav_in">
                <#cms_category_list  siteId="${site.siteId}" categoryId="1169" isNav="0" var="bean">
                <a href="${frontPath}/${site.siteId}/${bean.categoryId}.html">${bean.categoryName}</a>
            </#cms_category_list>
    </div>
    </li>
    <li>
        <a onclick="toFirstCategory(this)">学历教育</a>
        <div class="host_nav_in">
            <#cms_category_list  siteId="${site.siteId}" categoryId="1177" isNav="0" var="bean">
            <a href="${frontPath}/${site.siteId}/${bean.categoryId}.html">${bean.categoryName}</a>
        </#cms_category_list>
</div>
</li>
<li>
    <a onclick="toFirstCategory(this)">教学活动</a>
    <div class="host_nav_in">
        <#cms_category_list  siteId="${site.siteId}" categoryId="1182" isNav="0" var="bean">
        <a href="${frontPath}/${site.siteId}/${bean.categoryId}.html">${bean.categoryName}</a>
    </#cms_category_list>
    </div>
</li>
<li>
    <a onclick="toFirstCategory(this)">老年教育</a>
    <div class="host_nav_in">
        <#cms_category_list  siteId="${site.siteId}" categoryId="1186" isNav="0" var="bean">
        <a href="${frontPath}/${site.siteId}/${bean.categoryId}.html">${bean.categoryName}</a>
    </#cms_category_list>
    </div>
</li>
<li>
    <a onclick="toFirstCategory(this)">继续教育</a>
    <div class="host_nav_in">
        <#cms_category_list  siteId="${site.siteId}" categoryId="1192" isNav="0" var="bean">
        <a href="${frontPath}/${site.siteId}/${bean.categoryId}.html">${bean.categoryName}</a>
    </#cms_category_list>
    </div>
</li>
<li>
    <a onclick="toFirstCategory(this)">联系我们</a>
    <div class="host_nav_in">
        <#cms_content_list siteId="${site.siteId}" categoryId="1199" orderBy="2" isHot="0" hasChild="0" isRecommend="0" size="1" titleLen="20" var="bean">
        <a href="${frontPath}/${site.siteId}/1199/${bean.contentId!}.html" >联系电话</a>
    </#cms_content_list>
    <a  href="${frontPath}/${site.siteId}/1198.html">地图导航</a>
    </div>
</li>
</ul>
</div>
</div>
</div>

<!-- 手机导航 -->
<div class="phone_nav">
    <div class="phone_nav_top">
        <a class="phone_logo" href="${frontPath}/${site.siteId}"><img src="${resPath}/spdx.images/spkfdx_sjlogo1.png"/></a>
        <img class="menu" src="${resPath}/spdx.images/icon-menu.png"/>
        <img class="close" src="${resPath}/spdx.images/menu-close.png"/>
    </div>
    <div class="phone_menu_in">
        <div class="phone_search">
            <input type="text">
            <button><img src="${resPath}/spdx.images/phone-spkfdx_ss.png"></button>
        </div>
        <ul class="phone_menu_nav">
            <li>
                <a onclick="toFirstCategory(this)">学校概况</a>
                <div class="phone_nav_in">
                    <#cms_content_list siteId="${site.siteId}" categoryId="1161" orderBy="2" isHot="0" hasChild="0" isRecommend="0" size="1" titleLen="20" var="bean">
                    <a href="${frontPath}/${site.siteId}/1161/${bean.contentId!}.html" >学校简介</a>
                </#cms_content_list>
                <a href="${frontPath}/${site.siteId}/1162.html" >学校章程</a>
            <#cms_content_list siteId="${site.siteId}" categoryId="1163" orderBy="2" isHot="0" hasChild="0" isRecommend="0" size="1" titleLen="20" var="bean">
            <a href="${frontPath}/${site.siteId}/1163/${bean.contentId!}.html" >历史沿革</a>
        </#cms_content_list>
        <a  href="${frontPath}/${site.siteId}/1164.html">现任领导</a>
        <a  href="${frontPath}/${site.siteId}/1165.html">组织机构</a>
    </div>
    </li>


    <li>
        <a onclick="toFirstCategory(this)">学校要闻</a>
        <div class="phone_nav_in">
            <#cms_category_list  siteId="${site.siteId}" categoryId="1174" isNav="0" var="bean">
            <a href="${frontPath}/${site.siteId}/${bean.categoryId}.html">${bean.categoryName}</a>
        </#cms_category_list>
</div>
</li>
<li>
    <a onclick="toFirstCategory(this)">党建专栏</a>
    <div class="phone_nav_in">
        <#cms_category_list  siteId="${site.siteId}" categoryId="1169" isNav="0" var="bean">
        <a href="${frontPath}/${site.siteId}/${bean.categoryId}.html">${bean.categoryName}</a>
    </#cms_category_list>
    </div>
</li>
<li>
    <a onclick="toFirstCategory(this)">学历教育</a>
    <div class="phone_nav_in">
        <#cms_category_list  siteId="${site.siteId}" categoryId="1177" isNav="0" var="bean">
        <a href="${frontPath}/${site.siteId}/${bean.categoryId}.html">${bean.categoryName}</a>
    </#cms_category_list>
    </div>
</li>
<li>
    <a onclick="toFirstCategory(this)">教学活动</a>
    <div class="phone_nav_in">
        <#cms_category_list  siteId="${site.siteId}" categoryId="1182" isNav="0" var="bean">
        <a href="${frontPath}/${site.siteId}/${bean.categoryId}.html">${bean.categoryName}</a>
    </#cms_category_list>
    </div>
</li>
<li>
    <a onclick="toFirstCategory(this)">老年教育</a>
    <div class="phone_nav_in">
        <#cms_category_list  siteId="${site.siteId}" categoryId="1186" isNav="0" var="bean">
        <a href="${frontPath}/${site.siteId}/${bean.categoryId}.html">${bean.categoryName}</a>
    </#cms_category_list>
    </div>
</li>
<li>
    <a onclick="toFirstCategory(this)">继续教育</a>
    <div class="phone_nav_in">
        <#cms_category_list  siteId="${site.siteId}" categoryId="1192" isNav="0" var="bean">
        <a href="${frontPath}/${site.siteId}/${bean.categoryId}.html">${bean.categoryName}</a>
    </#cms_category_list>
    </div>
</li>
<li>
    <a onclick="toFirstCategory(this)">联系我们</a>
    <div class="phone_nav_in">
        <#cms_content_list siteId="${site.siteId}" categoryId="1199" orderBy="2" isHot="0" hasChild="0" isRecommend="0" size="1" titleLen="20" var="bean">
        <a href="${frontPath}/${site.siteId}/1199/${bean.contentId!}.html" >联系电话</a>
    </#cms_content_list>
    <a  href="${frontPath}/${site.siteId}/1198.html">地图导航</a>
    </div>
</li>
</ul>
</div>
</div>

<script>
    $(function () {
        /* 手机端导航 */
        $(".phone_nav_top .menu").click(function () {
            $(this).hide();
            $(".phone_nav_top .close").show();
            $(".phone_menu_in").show();
            $(".phone_nav").addClass("active");
            $(".phone_nav_top").addClass("active1");
            $("body").css("overflow", "hidden");
        });
        $(".phone_nav_top .close").click(function () {
            $(this).hide();
            $(".phone_nav_top .menu").show();
            $(".phone_menu_in").hide();
            $(".phone_nav").removeClass("active");
            $(".phone_nav_top").removeClass("active1");
            $("body").css("overflow", "auto");
        });
    })

    //跳转第一个子栏目
    function toFirstCategory(_this){
        let href = $(_this).next().children(":first").attr("href");
        location.href = href;
    }
</script>



<!--    <div class="banner">-->
<!--        <div class="js-silder">-->
<!--            <div class="silder-scroll">-->
<!--                <div class="silder-main">-->
<!--                    <#cms_content_list siteId="${site.siteId}" categoryId="1200" orderBy="2" isHot="0" hasChild="0" isRecommend="1" size="5" titleLen="20" var="bean">-->
<!--                    <div class="silder-main-img" ><img src="${bean.thumb!}" alt=""></div>-->
<!--                    </#cms_content_list>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->

</div>
123