<div style="height:10px;width:100%;"></div>    <div class="main">        <div class="kv">            <ul class="kv_pic">                <li><img src="images/index_kv1.jpg" alt="" /></li>                <li><img src="images/index_kv2.jpg" alt="" /></li>                <li><img src="images/index_kv3.jpg" alt="" /></li>                <li><img src="images/index_kv4.jpg" alt="" /></li>            </ul>            <div class="kv_Word">                <ul>                    <li>                        <h3 class="tit1">家屬開放日</h3>                        <h3 class="tit2">感謝有你 一路同行</h3>                        <p>為感謝家人們對居士們的默默支持與理解，西山居會在每一年邀請家屬們參加一年一度的家屬開放日，感受西山居的環(huán)境文化和辦公氛圍。</p>                    </li>                    <li>                        <h3 class="tit1">2014神覓會</h3>                        <h3 class="tit2">玩轉(zhuǎn)創(chuàng)意 游戲穿越</h3>                        <p>是否幻想過把游戲場景搬到現(xiàn)實生活中？是否憧憬過穿越進游戲里當一回英雄俠士馳騁江湖？西山居士玩轉(zhuǎn)創(chuàng)意，將夢想中的世界在你我身邊呈現(xiàn)。我們在辦公中游戲，在游戲中辦公??！</p>                    </li>                    <li>                        <h3 class="tit1">西山居俱樂部</h3>                        <h3 class="tit2">Hello，西山居俱樂部！</h3>                        <p>在這里，我們?yōu)槟銓ふ抑就篮系呐笥眩辉谶@里，我們?yōu)槟阖S富枯燥的業(yè)余生活。攝影、羽毛球、乒乓球、足球、游泳、籃球&hellip;…準備好加入我們了嗎？</p>                    </li>                    <li>                        <h3 class="tit1">2015西山居年會</h3>                        <h3 class="tit2">縱情聚·變  同享盛事</h3>                        <p>每一年總有一晚，我們把酒言歡，共敘期許；每一年總有一刻，我們擁抱佳績，共聚一堂。這是一個大家庭，這是一個大江湖，各路英雄豪杰共進西山居年夜飯，滿載而歸結(jié)束一年的辛勞。</p>                    </li>                </ul>            </div>            <div class="control">                <div class="

 $(document).ready(function () {            var kv_num = 0;            function nextKv() {                $(".control").attr("style", "pointer-events:none");                kv_num++;                if (kv_num == 4) { kv_num = 0; }                $(".kv_pic").animate({ left: -1000 * kv_num }, {                    easing: 'easeInOutQuad', duration: 500, complete: function () {                        $(".control").attr("style", "pointer-events:auto");                    }                });                $(".kv_word>ul").stop().animate({ left: -340 * kv_num }, { easing: 'easeInOutQuad', duration: 800, complete: function () { } });                $(".kv_dot ul li").removeClass("action").eq(kv_num).addClass("action");            }            function prevKv() {                $(".control").attr("style", "pointer-events:none");                kv_num--;                if (kv_num == -1) { kv_num = 3; }                $(".kv_pic").animate({ left: -1000 * kv_num }, {                    easing: 'easeInOutQuad', duration: 500, complete: function () {                        $(".control").attr("style", "pointer-events:auto");                    }                });                $(".kv_word>ul").stop().animate({ left: -340 * kv_num }, { easing: 'easeInOutQuad', duration: 800, complete: function () { } });            }            $(".control .next").on("click", nextKv);            $(".control .prev").on("click", prevKv);            // 自動輪播            setInterval(nextKv, 3500);            var top = $(".footer").offset().top;            if ((top + 80) <= $(window).height()) {                $(".footer").attr("style", "position:fixed; bottom:0;");            }        });