<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>四平开放大学</title>
    <meta name="description" content="四平开放大学"/>
    <meta name="keywords" content=“四平开放大学">
    <meta name="baidu-site-verification" content="codeva-w1q67iEt2t" />
    <meta name="360-site-verification" content="ac1d77a90ab640d1ed148970ee798545" />
    <link rel="icon" type="image/png"  href="${resPath}/spdx.images/spkfdx_sjlogo (2).png">
    <link rel="preload" as="style" href="${resPath}/spdx.images/main.css" onload="this.onload=null;this.rel='stylesheet'">
    <link  rel="stylesheet" href="${resPath}/spdx.images/index.css">
    <link type="text/css"  rel="stylesheet" href="${resPath}/spdx.images/phone.css">
    <link type="text/css"  rel="stylesheet" href="${resPath}/spdx.images/responsive.css">
    <link  rel="stylesheet" href="${resPath}/spdx.images/media.css">
    <script type="text/javascript" src="${resPath}/spdx.images/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="${resPath}/spdx.images/jquery.min.js"></script>
    <!--	图片轮播-->
    <script type="text/javascript" src="${resPath}/spdx.images/wySilder.min.js"></script>
    <!--	图片滚动轮播-->
    <script type="text/javascript" src="${resPath}/spdx.images/Lunbo.js"></script>
    <!-- 	首页 js-->
    <script type="text/javascript" src="${resPath}/spdx.images/index.js"></script>

</head>

<!--招生简章飘窗 -->
<#cms_content_list siteId="${site.siteId}" categoryId="1178" orderBy="2" isHot="0" hasChild="0" isRecommend="1" size="1" titleLen="10" var="bean">
    <a  href="${frontPath}/${site.siteId}/1178/${bean.contentId!}.html">
        <img id="floating-window" class="floating-window" src="${bean.thumb!}" alt="" style="background-size: auto 100%;">
    </a>
</#cms_content_list>
<!--招生简章飘窗 -->
<body>

    <!-- 网页导航 -->
    <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/" target="_blank">国家开放大学</a>
                        <a href="http://www.jlrtvu.jl.cn/" target="_blank">吉林开放大学</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 ><img src="${resPath}/spdx.images/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">
                        <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><img src="${resPath}/spdx.images/phone-spkfdx_ss.png"></button>
                        </form>
                    </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 href="javascript:void(0);" onclick="toggleSubCategories(this)">学校要闻</a>
                        <div class="phone_nav_in" style="display: none;">
                            <#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 href="javascript:void(0);" onclick="toggleSubCategories(this)">党建专栏</a>
                        <div class="phone_nav_in" style="display: none;">
                            <#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 href="javascript:void(0);" onclick="toggleSubCategories(this)">学历教育</a>
                        <div class="phone_nav_in" style="display: none;">
                            <#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 href="javascript:void(0);" onclick="toggleSubCategories(this)">教学活动</a>
                        <div class="phone_nav_in" style="display: none;">
                            <#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 href="javascript:void(0);" onclick="toggleSubCategories(this)">老年教育</a>
                        <div class="phone_nav_in" style="display: none;">
                            <#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 href="javascript:void(0);" onclick="toggleSubCategories(this)">继续教育</a>
                        <div class="phone_nav_in" style="display: none;">
                            <#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;
            }
            //限制主栏目跳转
            function toggleSubCategories(element) {
                const subCategories = element.nextElementSibling;

                if (subCategories.style.display === 'none') {
                    subCategories.style.display = 'block';
                    element.removeAttribute('href'); // 阻止父栏目的跳转
                } else {
                    subCategories.style.display = 'none';
                    element.setAttribute('href', 'javascript:void(0);'); // 恢复父栏目的跳转
                }
            }
        </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>
    <!--  	头部 开始-->

<!--   	头部 结束-->
<!--   	中间内容 开始-->
<div>
    <div class="con_div1">
        <div class="con1350 clearfix">
            <div class="xydt_lb fl">
                <div class="js-silder">
                    <div class="silder-scroll">
                        <div class="silder-main">
                            <#cms_content_list siteId="${site.siteId}" categoryId="1175" orderBy="2" isHot="1" hasChild="0" isRecommend="1" size="5" titleLen="20" var="bean" >
                            <a class="silder-main-img" href="${frontPath}/${site.siteId}/1175/${bean.contentId!}.html" ><img src="${bean.thumb! }"></a>
                        </#cms_content_list>
                        </div>
                    </div>
                </div>
                <div class="xydt_tit">
                    <b>NEWS</b>
                    <a href="${frontPath}/${site.siteId}/1175.html" class="xydt_a">校园动态</a>
                </div>
            </div>
            <ul class="xydt_list fr">
                <#cms_content_list siteId="${site.siteId}" categoryId="1175" orderBy="2" isHot="0" hasChild="0" isRecommend="0" size="8" titleLen="25" var="bean">
                <li>
                    <div class="list_data fl">
                        <u> ${bean.inputdate,dateFormat="MM-dd"} </u>
                    </div>
                    <a  class="list_txt fl" href=${frontPath}/${site.siteId}/1175/${bean.contentId!}.html" >
                        <p>${bean.title!}</p>
                    </a>
                </li>
            </#cms_content_list>
        <a href="${frontPath}/${site.siteId}/1175.html" class="xydt_more">查看更多新闻</a>
            </ul>
    </div>



<div class="con_div1_bg"></div>
    </div>
<!--中间轮播图-->
    <div class="con_div2">
        <div class="con1350 Box">
            <div class="content_box">
                <div class="Box_con clearfix">
                    <span class="btnl btn" id="btnl"></span>
                    <span class="btnr btn" id="btnr"></span>
                    <div class="conbox" id="BoxUl">
                        <ul>
                            <#cms_content_list siteId="${site.siteId}" categoryId="1201" orderBy="2" isHot="0" hasChild="0" isRecommend="1" size="5" titleLen="20" var="bean">
                            <li class="cur">
                                <a href="${frontPath}/${site.siteId}/1201/${bean.contentId!}.html"><img  src="${bean.thumb!}" alt=""/>
                                </a>
                            </li>
                        </#cms_content_list>
                        </ul>
                    </div>
                    <p class="BoxSwitch" id="BoxSwitch">
                        <span class="cur"></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </p>
            </div>
            </div>
        </div>
    </div>
    <div class="con_div3 con1350 clearfix">
        <div class="spkfdx_tzgg fl">
            <div class="spkfdx_tit">
                <a href="${frontPath}/${site.siteId}/1176.html" class="on">通知公告</a>
            </div>
            <ul class="ul_list">
                <#cms_content_list siteId="${site.siteId}" categoryId="1176" orderBy="2" isHot="0" hasChild="1" isRecommend="0" size="4" titleLen="30" var="bean">
                <li>
                    <div class="list_data fl">
                        <u> ${bean.inputdate,dateFormat="MM-dd"}</u>
                    </div>
                    <a  href="${frontPath}/${site.siteId}/1176/${bean.contentId!}.html"  class="list_txt fl">
                        <p>${bean.title!}</p>
                    </a>
                </li>
            </#cms_content_list>
            </ul>
        </div>
        <div class="spkfdx_jxjw fl">
            <div class="spkfdx_tit tab_tit1">
                <a class="on" href="${frontPath}/${site.siteId}/1205.html">教学教务</a>
            </div>
            <ul class="ul_list tab_list1">
                <#cms_content_list siteId="${site.siteId}" categoryId="1205" orderBy="2" isHot="0" hasChild="1" isRecommend="0" size="4" titleLen="30" var="bean">
                <li>
                    <div class="list_data fl">
                        <u>${bean.inputdate,dateFormat="MM-dd"}</u>
                    </div>
                    <a  href="${frontPath}/${site.siteId}/1205/${bean.contentId!}.html"  class="list_txt fl">
                        <p>${bean.title!}</p>
                    </a>
                </li>
            </#cms_content_list>
            </ul>
        </div>
        <div class="spkfdx_zsjx fl">
            <div class="spkfdx_tit tab_tit2">
                <a href="${frontPath}/${site.siteId}/1185.html" >教学活动 </a>
            </div>
            <div class="jxhd_div tab_list2">
                <ul class="ul_list2">
                    <li>
                        <#cms_content_list siteId="${site.siteId}" categoryId="1185" orderBy="2" isHot="0" hasChild="0" isRecommend="1" size="5" titleLen="20" var="bean">
                        <div>
                            <video src="${bean.thumb!}" controls></video>
                        </div>
                        <a class="silder-main-img" href="${frontPath}/${site.siteId}/1185/${bean.contentId!}.html" >${bean.title!}</a>
                    </#cms_content_list>
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <div class="con_div4">
        <div class="con1350 clearfix ">
            <div class="lnjy_div fl">
                <div class="spkfdx_tit ">
                    <a  class="on" href="${frontPath}/${site.siteId}/1191.html">老年教育</a>
                </div>
                <div class="js-silder">
                    <div class="silder-scroll">
                        <div class="silder-main">

                            <#cms_content_list siteId="${site.siteId}" categoryId="1191" orderBy="2" isHot="0" hasChild="0" isRecommend="1" size="5" titleLen="20" var="bean">
                            <div class="silder-main-img" >

                                <img src="${bean.thumb!}">

                                <p><a href="${frontPath}/${site.siteId}/1191/${bean.contentId!}.html" >${bean.title!}</a></p>
                            </div>
                        </#cms_content_list>
                    </div>
                </div>
            </div>
        </div>
        <div class="lnjy_div fl">
            <div class="spkfdx_tit">
                <a  class="on" href="${frontPath}/${site.siteId}/1177.html">学历教育</a>
            </div>
            <div class="js-silder">
                <div class="silder-scroll">
                    <div class="silder-main">
                        <#cms_content_list siteId="${site.siteId}" categoryId="1208" orderBy="2" isHot="0" hasChild="0" isRecommend="1" size="5" titleLen="20" var="bean">
                        <div class="silder-main-img" >
                            <img src="${bean.thumb!}">
                            <p>${bean.title!}</p>
                        </div>
                    </#cms_content_list>
                </div>
            </div>
        </div>
    </div>
    <div class="lnjy_div fr" style="margin: 0;" >
        <div class="spkfdx_tit">
            <a  class="on" href="${frontPath}/${site.siteId}/1192.html">继续教育</a>
        </div>
        <div class="js-silder">
            <div class="silder-scroll">
                <div class="silder-main">
                    <#cms_content_list siteId="${site.siteId}" categoryId="1207" orderBy="2" isHot="0" hasChild="0" isRecommend="1" size="5" titleLen="20" var="bean">
                    <div class="silder-main-img" >
                        <img src="${bean.thumb!}">
                        <p><a href="${frontPath}/${site.siteId}/1207/${bean.contentId!}.html" >${bean.title!}</a></p>
                    </div>
                </#cms_content_list>
            </div>
        </div>
    </div>
    </div>
    </div>
    </div>
    </div>
<!--   	中间内容 结束-->
<!-- 底部开始 -->
<div class="footer_in">
    @includeFileTemplate("/www/spdx/include/footer.html"){}
</div>
<!-- 底部结束 -->
<script>
    // 如果需要，你可以使用 JavaScript 动态处理飘窗的显示/隐藏、位置等行为
    let windowElement = document.getElementById("floating-window");

    let x = 20 // 初始水平位置
    let y = 20 // 初始垂直位置
    const speed = 2 // 飘窗移动速度（每个定时器周期移动的距离）

    let directionX = Math.random() < 0.5 ? -1 : 1 // 水平方向（-1表示向左移动，1表示向右移动）
    let directionY = Math.random() < 0.5 ? -1 : 1 // 垂直方向（-1表示向上移动，1表示向下移动）

    function moveFloatingWindow () {
        const windowWidth = window.innerWidth
        const windowHeight = window.innerHeight

        // 更新位置
        x += speed * directionX
        y += speed * directionY

        // 边界检测
        if (x <= 0 || x + windowElement.offsetWidth >= windowWidth) {
            directionX = -directionX // 反向移动
        }
        if (y <= 0 || y + windowElement.offsetHeight >= windowHeight) {
            directionY = -directionY // 反向移动
        }

        // 移动飘窗
        windowElement.style.transform = 'translate('+x+'px, '+y+'px)';
    }

    // 每10毫秒调用moveFloatingWindow()函数一次，实现定时更新位置
    let timer = setInterval(moveFloatingWindow, 20);

    windowElement.addEventListener('mouseover', () => {
        clearInterval(timer)
    })
    windowElement.addEventListener('mouseleave', () => {
        timer = setInterval(moveFloatingWindow, 20);
    })




</script>
<!--	层叠图片轮播-->
<script type="text/javascript" src="${resPath}/spdx.images/slider.js">
    function toFirstCategory(_this){
        let href = $(_this).next().children(":first").attr("href");
        location.href = href;
    }

</script>

</body>
</html>
