sunwei
/
jianDemo_edu


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658
							<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglibf.jsp"%>

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>${fns:getConfig("productName")}</title>
    <script src="${ctxStaticWeb}/js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="${ctxStaticWeb}/css/base.css" />
    <link rel="stylesheet" href="${ctxStaticWeb}/css/index.css" />
    <link href="${ctxStaticWeb}/css/chinaz.css" type="text/css" rel="stylesheet">
    <script src="${ctxStaticWeb}/js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="${ctxStatic}/common/js/vendor.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="${ctxStaticWeb}/css/zzsc.css">

    <style>
        #main{position: fixed;right:13px;bottom:0}
        .mainChild{position: relative;}
        .mainChild span{ width: 26px;height:26px; display: block;position: absolute;top:-13px;right:-13px;cursor:pointer}
        .line{height: 5px;}

        /* CSS Document */
        body,
        html {
            height: 100%;
            width: 100%;
        }

        * {
            margin: 0;
            padding: 0;
            -moz-box-sizing: border-box;
            /*火狐浏览器*/
            -webkit-box-sizing: border-box;
            /*火狐浏览器*/
            box-sizing: border-box;
            /*padding和border算在盒子内*/
        }

        body {
            font-size: 16px;
            font-family: "微软雅黑";
            color: #333;
            background-color: #faf7e7;
        }

        b {
            font-weight: normal
        }

        i {
            font-style: normal
        }

        a,
        a:hover,
        a:active {
            text-decoration: none;
            color: #333;
        }

        input,
        textarea,
        select {
            outline: none
        }

        img {
            border: none;
            vertical-align: top;
        }

        li {
            list-style: none;
        }

        .c {
            width: 1200px;
            margin: 0 auto;
        }

        .fl {
            float: left
        }

        .fr {
            float: right
        }

        .clearfix::after {
            content: "";
            display: table;
            clear: both;
        }
        /* 通知公告 */
        #scroll_div {
            line-height: 50px;
            height: 50px;
            overflow: hidden;
            white-space: nowrap;
            width: 100%;
            text-align: center;
            font-size: 16px;

        }

        #scroll_begin,
        #scroll_end {
            display: inline;
        }

        .tempWrap {
            width: 1000px;
            float: left;
        }

        .tzgg {

            height: 50px;
            background: #f1f1f1;
            overflow: hidden;
        }

        .tzgg h3 {
            float: left;
            width: auto;
            height: 50px;
            line-height: 50px;
            font-size: 20px;
            font-weight: bold;
            color: #e51414;
            padding: 0 10px 0 70px;
            background: url(${ctxStaticWeb}/img/tzgg.png)no-repeat 20px center;
            overflow: hidden;
        }

        #scroll_begin a {
            margin: 0px 15px;
            color: #333;
        }

        #scroll_begin a span {
            margin-left: 10px;
            color: #999;
            display: inline-block;
        }

    </style>

    <script>
        function addImgLink(list, idx, tpl, row) {
            $(list).append(Mustache.render(tpl, {
                idx: idx, row: row
            }));
        }
        function closeImgUrl(idx) {
            var main = '#main'+idx;
            $(main).css("display","none");
        }
    </script>
</head>

<body>
<%@ include file="/webpage/modules/web/top.jsp"%>
<div class="tzgg c">
    <h3>通知公告：</h3>
    <div class="tempWrap">
        <div id="scroll_div" class="fl" onmouseenter="document.getElementById('marquee').stop();" onmouseleave="document.getElementById('marquee').start();">
            <marquee direction="left"  scrolldelay="150" id="marquee">
            <div id="scroll_begin">
                <c:forEach items="${tzNewsList}" var="obj" >
                    <a href="${ctxF}/news/detail?typeId=2&id=${obj.id}" class="red_txt" target="_blank">
                        ${obj.title}
                        <span><fmt:formatDate value="${obj.createDate}" pattern="yyyy-MM-dd"/></span>
                    </a>
                </c:forEach>
            </div>
            </marquee>
        </div>
    </div>
</div>
<div class="new w">
    <div class="new_left fl">
        <div class="Slide" id="slide">
            <ul class="slide-cont">
                <c:forEach items="${columnList}" var="obj" >
                <li class="slide-item">

                    <c:if test="${obj.isOuterChain == 1}">
                        <a href="${obj.url}" target="blank"><img src="${obj.cover}"></a>
                    </c:if>
                    <c:if test="${obj.isOuterChain ==null || obj.isOuterChain == ''|| obj.isOuterChain ==2}">
                        <a href="${ctxF}/columnNews/list?columnId.id=${obj.id}" target="_blank"><img src="${obj.cover}"></a>
                    </c:if>
                    <div class="slide-txt">
                        <div class="txt_bg"></div>
                        <c:if test="${obj.isOuterChain == 1}">
                        <a href="${obj.url}" target="blank">${fns:abbr(obj.title,80)}</a>
                    </c:if>
                    <c:if test="${obj.isOuterChain ==null || obj.isOuterChain == ''|| obj.isOuterChain ==2}">
                        <a href="${ctxF}/columnNews/list?columnId.id=${obj.id}" target="_blank">${fns:abbr(obj.title,80)}</a>
                    </c:if>
                    </div>
                </li>

                </c:forEach>
            </ul>
            <div class="slide-nav">
                <a href="javascript:" class="nownav">1</a>
                <a href="javascript:">2</a>
                <a href="javascript:">3</a>
                <a href="javascript:">4</a>
            </div>
            <div class="slide-loading"></div>

        </div>
        <script src="${ctxStaticWeb}/js/zzsc.js" type="text/javascript"></script>
    </div>
    <div class="new_right fr">
        <h2>
            <div class="core_showcase_top">
                <ul>
                    <li class="hui huang "><a href="javascript:void(0);" class="a1">党建资讯&nbsp;/</a><span id="more1"><a href="${ctxF}/news?typeId=1" >更多</a></span></li>
                    <%--<li class="hui"><a href="javascript:void(0);" class="a2">通知公告&nbsp;/</a><span id="more2" style="display: none"><a href="${ctxF}/news?typeId=2">更多</a></span></li>--%>
                    <li class="hui"><a href="javascript:void(0);" class="a3">&nbsp;政策法规</a><span id="more3" style="display: none"><a href="${ctxF}/news?typeId=4">更多</a></span></li>
                </ul>
            </div>
        </h2>

        <div class="core_showcase_cont" id="itme1" >
            <ul class="list_rq clearfix">
                <c:forEach items="${yjNewsList}" var="obj" >
                <li>
                    <a href="${ctxF}/news/detail?typeId=1&id=${obj.id}" title="${obj.title}" class="red_txt" target="_blank"><i>·</i>${fns:abbr(obj.title,50)}</a>
                </li>
                </c:forEach>
            </ul>
        </div>
        <%--<div class="core_showcase_cont" id="itme2" style="display: none;" onmouseenter="document.getElementById('marquee').stop();" onmouseleave="document.getElementById('marquee').start();">
            <ul class="list_rq clearfix">
                <c:forEach items="${tzNewsList}" var="obj" >
                    <li>
                        <a href="${ctxF}/news/detail?typeId=2&id=${obj.id}" class="red_txt" target="_blank"><i>·</i>${obj.title}</a>
                    </li>
                </c:forEach>
            </ul>
        </div>--%>
        <div class="core_showcase_cont" id="itme6" style="display: none;" onmouseenter="document.getElementById('marquee').stop();" onmouseleave="document.getElementById('marquee').start();">
            <ul class="list_rq clearfix">
                <c:forEach items="${zcNewsList}" var="obj" >
                    <li>
                        <a href="${ctxF}/news/detail?typeId=3&id=${obj.id}" title="${obj.title}" class="red_txt" target="_blank"><i>·</i>${fns:abbr(obj.title,50)}</a>
                    </li>
                </c:forEach>
            </ul>
        </div>
    </div>
</div>

</div>
</div>

<!--榜样风采-->
<div class="new w">
    <div class="new_left fl">
        <div class="byfc clearfix">
            <h2><a  href="${ctxF}/videonews?typeId=1">更多</a></h2>
            <ul>
                <c:forEach items="${byVideoNewsList}" var="obj" >
                <li>
                    <a href="${ctxF}/videonews/detail?typeId=2&id=${obj.id}"><img src="${obj.cover}" width="230" height="145"><i></i></a>
                </li>
                </c:forEach>
            </ul>
        </div>
    </div>
    <div class="new_right fr">
        <div class="dszs">
            <h2><a  href="${ctxF}/news?typeId=3">更多</a></h2>
            <c:forEach items="${dsNewsList}" var="obj" >
            <div class="dszs_list">
                <ul>
                    <li class="dszs_list_tit">
                        <h4><a href="${ctxF}/news/detail?typeId=1&id=${obj.id}" title="${obj.title}">${fns:abbr(obj.title,80)}</a></h4>
                        <p>${obj.content}</p>
                    </li>
                    <li class="dszs_list_img"><img src="${obj.cover}" width="100" height="80"></li>
                </ul>
            </div>
            </c:forEach>
        </div>
    </div>
</div>
<div class="new w">
    <div class="ad1 ">
        <a href="http://47.94.164.55:8080/talent/talent_web" target="_blank">
            <img src="${ctxStaticWeb}/images/rc_index_18.jpg" width="1200" height="82"  alt=""/>
        </a>
    </div>
</div>
<!--最新视频-->
<div class="new w clearfix">
    <div class="new_left fl">
        <div class="zxsp">
            <h2><a  href="#"></a></h2>
            <c:forEach items="${zxVideoNewsList}" var="obj" begin="0" end="0">

            <div class="zxsp_one clearfix">
                <div class="zxsp_one_left fl"><a href="${ctxF}/videonews/detail?typeId=${obj.typeId}&id=${obj.id}"><img src="${obj.cover}" width="270" height="150"> </a></div>
                <a href="${ctxF}/videonews/detail?typeId=${obj.typeId}&id=${obj.id}" title="${obj.title}">
                <div class="zxsp_one_right fr">
                    <h3>${fns:abbr(obj.title,60)}</h3>
                    <p>${obj.contents}</p>
                </div>
                </a>
            </div>

            </c:forEach>
            <div class="clear"></div>
            <ul class="list_rq clearfix">
                <c:forEach items="${zxVideoNewsList}" var="obj" begin="1">
                <li >
                    <a href="${ctxF}/videonews/detail?typeId=${obj.typeId}&id=${obj.id}" title="${obj.title}"><i>·</i>${fns:abbr(obj.title,80)}</a><span class="fr"><fmt:formatDate value="${obj.createDate}" pattern="yyyy-MM-dd"/></span><div class="clear"></div>
                </li>
                </c:forEach>
            </ul>
        </div>
    </div>
    <div class="new_right fr">
        <div class="spph">
            <h2><a  href="#"></a></h2>
            <div class="accordion_container">
                <div class="accordion">
                    <c:forEach items="${phVideoNewsList}" var="obj" begin="0" end="0">
                    <div class="first current">
                        <div class="content">
                            <a href="${ctxF}/videonews/detail?typeId=${obj.typeId}&id=${obj.id}"><img src="${obj.cover}" width="446" height="200"></a>
                        </div>
                        <div class="tab"><strong><a href="${ctxF}/videonews/detail?typeId=${obj.typeId}&id=${obj.id}" title="${obj.title}"><i class="red">1</i>${fns:abbr(obj.title,48)}</a></strong> </div>
                    </div>
                    </c:forEach>
                    <c:forEach items="${phVideoNewsList}" var="obj" begin="1" end="1">
                    <div class="second">
                        <div class="content second">
                            <a href="${ctxF}/videonews/detail?typeId=${obj.typeId}&id=${obj.id}"><img src="${obj.cover}" width="446" height="200"></a>
                        </div>
                        <div class="tab"><strong><a href="${ctxF}/videonews/detail?typeId=${obj.typeId}&id=${obj.id}"title="${obj.title}"  target="_blank"><i class="red">2</i>${fns:abbr(obj.title,48)}</a></strong></div>
                    </div>
                    </c:forEach>
                    <c:forEach items="${phVideoNewsList}" var="obj" begin="2" end="2">
                    <div class="third">
                        <div class="content third">
                            <a href="${ctxF}/videonews/detail?typeId=${obj.typeId}&id=${obj.id}"><img src="${obj.cover}" width="446" height="200"></a>
                        </div>
                        <div class="tab"><strong><a href="${ctxF}/videonews/detail?typeId=${obj.typeId}&id=${obj.id}" title="${obj.title}" ><i class="red">3</i>${fns:abbr(obj.title,48)}</a></strong> </div>

                    </div>
                    </c:forEach>
                    <c:forEach items="${phVideoNewsList}" var="obj" begin="3" end="3">
                    <div class="four">
                        <div class="content four">
                            <a href="${ctxF}/videonews/detail?typeId=${obj.typeId}&id=${obj.id}"><img src="${obj.cover}" width="446" height="200"></a>
                        </div>
                        <div class="tab"><strong><a href="${ctxF}/videonews/detail?typeId=${obj.typeId}&id=${obj.id}" target="_blank" title="${obj.title}"><i >4</i>${fns:abbr(obj.title,48)}</a></strong> </div>

                    </div>
                    </c:forEach>
                    <c:forEach items="${phVideoNewsList}" var="obj" begin="4" end="4">
                    <div class="five">
                        <div class="content five">
                            <a href="${ctxF}/videonews/detail?typeId=${obj.typeId}&id=${obj.id}" title="${obj.title}" ><img src="${obj.cover}" width="446" height="200"></a>
                        </div>
                        <div class="tab"><strong><a href="${ctxF}/videonews/detail?typeId=${obj.typeId}&id=${obj.id}" title="${obj.title}" ><i >5</i>${fns:abbr(obj.title,48)}</a></strong> </div>
                    </div>
                </div>
                </c:forEach>
            </div>
            <script type="text/javascript" src="${ctxStaticWeb}/js/j-accordin.min.js"></script>
            <script type="text/javascript">
                $(document).ready(function() {
                    $('.accordion').jaccordion();
                });
            </script>
            <!-- 代码 结束 -->
        </div>
    </div>
</div>
<div class="new w">
    <div class="ztzl">
        <h2><a  href="${ctxF}/columnNews">更多</a></h2>videonews
        <ul>
            <c:forEach items="${columnList}" var="obj" begin="0" end="2" >
            <li>
                <c:if test="${obj.isOuterChain == 1}">
                    <a href="${obj.url}" target="blank"><img src="${obj.cover}" width="380" height="100"></a>
                </c:if>
                <c:if test="${obj.isOuterChain ==null || obj.isOuterChain == ''|| obj.isOuterChain ==2}">
                    <a href="${ctxF}/columnNews/list?columnId.id=${obj.id}"><img src="${obj.cover}" width="380" height="100"></a>
                </c:if>
            </li>
            </c:forEach>
        </ul>
    </div>
</div>
<!--统计-->
<div class="new " style=" background: url(${ctxStaticWeb}/img/bj.jpg) repeat-x;overflow: hidden;margin-top:30px;">
    <div class="w po_r">
        <div class="xyph_tit">
            <h2 class="red_txt">学习分数统计</h2>
        </div>
        <div class="xyph">
            <div>
                <div class="da_box" style=" position: relative;">
                    <img src="${ctxStaticWeb}/img/index_50.png">
                    <div style=" position: absolute;top:51px;right:210px;">
                        <div>
                            <c:forEach items="${scoreCount}" var="obj"  varStatus="status">
                                <c:if test="${obj.area=='宁江区'}">
                                <div style=" position: absolute;top:2px;right:-40px;">
                                <div id="box" class="nj">
                                    <div class="one"></div>
                                    <div class="tow">
                                        ${obj.area}:${obj.sums}分
                                    </div>
                                </div>
                            </div>
                                </c:if>
                                <c:if test="${obj.area=='前郭县'}">
                                <div style=" position: absolute;top:100px;right:-10px;">
                                <div id="box" class="fy">
                                    <div class="one" style="height:50px;"></div>
                                    <div class="tow">
                                         ${obj.area}:${obj.sums}分
                                    </div>
                                </div>
                            </div>
                                </c:if>
                                <c:if test="${obj.area=='乾安县'}">
                                <div style=" position: absolute;top:100px;right:80px;">
                                    <div id="box" class="fy">
                                        <div class="one"></div>
                                        <div class="tow">
                                             ${obj.area}:${obj.sums}分
                                        </div>
                                    </div>
                                </div>
                                </c:if>
                                <c:if test="${obj.area=='扶余市'}">
                                <div style=" position: absolute;top:54px;right:-155px;">
                                <div id="box" class="fy">
                                    <div class="one"></div>
                                    <div class="tow">
                                         ${obj.area}:${obj.sums}分
                                    </div>
                                </div>
                            </div>
                                </c:if>
                                <c:if test="${obj.area=='长岭县'}">
                                <div style=" position: absolute;top:254px;right:117px;">
                                <div id="box" class="fy">
                                    <div class="one"></div>
                                    <div class="tow">
                                         ${obj.area}:${obj.sums}分
                                    </div>
                                </div>
                            </div>
                                </c:if>
                            </c:forEach>
                        </div>
                    </div>
                </div>
                <div class="map_txt">
                    <div class="core_showcase_top2">
                        <ul>
                            <li class="hui huang ">
                                <a href="javascript:void(0);" class="a1">注册人数排行&nbsp;/</a>
                            </li>
                            <li class="hui">
                                <a href="javascript:void(0);" class="a2">学习时长排行&nbsp;</a>
                            </li>
                           <%-- <li class="hui">
                                <a href="javascript:void(0);" class="a3">学习分数排行</a>
                            </li>--%>
                        </ul>
                    </div>
                    <div class="core_showcase_cont2" id="itme3">

                        <ul class=" phang">
                            <c:forEach items="${registerCount}" var="obj"  varStatus="status">
                                <c:if test="${status.index==0}">
                                    <li><i class="red">01</i><strong>${obj.area}</strong><span >${obj.sums}人</span></li>
                                </c:if>
                                <c:if test="${status.index==1}">
                                    <li><i class="yellow">02</i><strong>${obj.area}</strong><span >${obj.sums}人</span></li>
                                </c:if>
                                <c:if test="${status.index==2}">
                                    <li><i class="yellow_l">03</i><strong>${obj.area}</strong><span >${obj.sums}人</span></li>
                                </c:if>
                                <c:if test="${status.index==3}">
                                    <li><i class="grey">04</i><strong>${obj.area}</strong><span >${obj.sums}人</span></li>
                                </c:if>
                                <c:if test="${status.index==4}">
                                    <li><i class="grey">05</i><strong>${obj.area}</strong><span >${obj.sums}人</span></li>
                                </c:if>
                            </c:forEach>
                        </ul>
                    </div>
                    <div class="core_showcase_cont2" id="itme4" style="display: none;">
                        <ul class=" phang">
                            <c:forEach items="${timeCount}" var="obj"  varStatus="status">
                                <c:if test="${status.index==0}">
                                    <li><i class="red">01</i><strong>${obj.area}</strong><span >${obj.sums}分钟</span></li>
                                </c:if>
                                <c:if test="${status.index==1}">
                                    <li><i class="yellow">02</i><strong>${obj.area}</strong><span >${obj.sums}分钟</span></li>
                                </c:if>
                                <c:if test="${status.index==2}">
                                    <li><i class="yellow_l">03</i><strong>${obj.area}</strong><span >${obj.sums}分钟</span></li>
                                </c:if>
                                <c:if test="${status.index==3}">
                                    <li><i class="grey">04</i><strong>${obj.area}</strong><span >${obj.sums}分钟</span></li>
                                </c:if>
                                <c:if test="${status.index==4}">
                                    <li><i class="grey">05</i><strong>${obj.area}</strong><span >${obj.sums}分钟</span></li>
                                </c:if>
                            </c:forEach>
                        </ul>
                    </div>
                   <%-- <div class="core_showcase_cont2" id="itme5" style="display: none;">
                        <ul class=" phang">
                            <li><i class="red">01</i><strong>松原市</strong><span class="fr">560分</span></li>
                            <li><i class="yellow">02</i><strong>宁江区</strong><span class="fr">560分</span></li>
                            <li><i class="yellow_l">03</i><strong>前郭尔罗斯蒙古族自治县</strong><span class="fr">560分</span></li>
                            <li><i class="grey">04</i><strong>长岭县</strong><span class="fr">560分钟</span></li>
                            <li><i class="grey">05</i><strong>乾安县</strong><span class="fr">560分钟</span></li>
                            <li><i class="grey">06</i><strong>扶余市</strong><span class="fr">560分钟</span></li>
                        </ul>
                    </div>--%>
                </div>
            </div>
        </div>
    </div>

    <div class="new  w">
        <div class="yqlj">
            <h2></h2>
            <c:forEach items="${linksList}" var="link">
                <a href="${link.url}" target="_blank">${link.name}</a>
            </c:forEach>
        </div>
    </div>
    <div id="main">
    </div>

    <%@ include file="/webpage/modules/web/footer.jsp"%>
    <script type="text/template" id="linksTpl">//<!--
		<div  id="main{{idx}}" class="mainChild">
            <span id="close{{idx}}" onclick="closeImgUrl({{idx}})"><img src="${ctxStaticWeb}/img/close.png" width="100%" ></span>
            <a href="{{row.url}}" target="_blank"><div><img src="{{row.imageUrl}}" width="240" height="140"></div></a>
        </div>
        <div class="line"></div>
        //-->
    </script>

    <script type="text/javascript">
        var imgLinksIdx = 1, linksTpl = $("#linksTpl").html().replace(/(\/\/\<!\-\-)|(\/\/\-\->)/g,"");
        $(document).ready(function() {
            var data = ${fns:toJson(imgLinks)};
            for (var i=0; i<data.length; i++){
                addImgLink('#main', imgLinksIdx, linksTpl, data[i]);
                imgLinksIdx = imgLinksIdx + 1;
            }
        });
    </script>

    <script>
        $(".core_showcase_top a.a1").click(
            function() {
                $(".core_showcase_top li ").removeClass("huang");
                $(this).parents("li").addClass("huang");
                $("#itme1").css("display", "block");
                //$("#itme2").css("display", "none");
                $("#itme6").css("display", "none");

                $("#more1").css("display", "block");
                //$("#more2").css("display", "none");
                $("#more3").css("display", "none");

            }

        );

        $(".core_showcase_top a.a2").click(
            function() {
                $(".core_showcase_top li ").removeClass("huang");
                $(this).parents("li").addClass("huang");
                //$("#itme2").css("display", "block");
                $("#itme6").css("display", "none");
                $("#itme1").css("display", "none");

                $("#more1").css("display", "none");
                $("#more3").css("display", "none");
                //$("#more2").css("display", "block");

            }

        );
        $(".core_showcase_top a.a3").click(
            function() {
                $(".core_showcase_top li ").removeClass("huang");
                $(this).parents("li").addClass("huang");
                $("#itme6").css("display", "block");
                $("#itme2").css("display", "none");
                $("#itme1").css("display", "none");

                $("#more1").css("display", "none");
                $("#more2").css("display", "none");
                $("#more3").css("display", "block");

            }

        );

        $(".core_showcase_top2 a.a1").click(
            function() {
                $(".core_showcase_top2 li ").removeClass("huang");
                $(this).parents("li").addClass("huang");
                $("#itme3").css("display", "block");
                $("#itme4").css("display", "none");
                //$("#itme5").css("display", "none");
            }

        );

        $(".core_showcase_top2 a.a2").click(
            function() {
                $(".core_showcase_top2 li ").removeClass("huang");
                $(this).parents("li").addClass("huang");
                $("#itme4").css("display", "block");
                $("#itme3").css("display", "none");
                //$("#itme5").css("display", "none");
            }
        );

        $(".core_showcase_top2 a.a3").click(
            function() {
                $(".core_showcase_top2 li ").removeClass("huang");
                $(this).parents("li").addClass("huang");
                $("#itme5").css("display", "block");
                $("#itme4").css("display", "none");
                $("#itme3").css("display", "none");
            }
        );

    </script>
</body>
</html>