<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<link href="themes/css/global.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="themes/css/layout.css" />
<link href="themes/css/fkpagetransitions.min.css" rel="stylesheet" />
<link rel="stylesheet" href="dist/MODALit.min.css">
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/base.js"></script>
</head>
<style>
.new_page_content1{
width: 500px;
height: 500px;
margin-left: -25px;
bottom: 60px;
left: 3%;
}
.person{
position: absolute;
width: 400px;
height: 660px;
right: 30px;
}
.person1{
left: 10px;
top: 160px !important;
}
.person2{
left: 220px;
top: 160px !important;
}
.new_page_time{
right:100px;
top: 45px;
}
.myfkpage{
margin: 0 auto !important;
}
.cardDiv .card-tag:first-child{
margin-left: 0;
}
.cardDiv .card-tag{
margin: 0;
}
.new_page_btn{
width: 400px;
height: 340px;
position: relative;
top: 300px;
}
.new_page_btn ul li{
width: 400px;
height: 65px;
margin-bottom: 20px;
position: relative;
z-index: 9999;
}
.new_page_btn ul li a{
width: 400px;
height: 65px;
display: block;
text-align: center;
padding-top: 15px;
}
.new_page_btn ul li:nth-child(1){
background: url(images/new_page_btn1.png);
}
.new_page_btn ul li:nth-child(2){
background: url(images/new_page_btn2.png);
}
.new_page_btn ul li:nth-child(3){
background: url(images/new_page_btn3.png);
}
.new_page_btn ul li:nth-child(4){
background: url(images/new_page_btn4.png);
}
</style>
<script type="text/javascript">
var i=1;
$(function(){
$(".btn-Sort").hover(function(){
$(this).parent().removeClass();
var addClassName = $(this).attr("id");
$(this).parent().addClass(addClassName);
},function(){
$(this).parent().removeClass();
});
$(".cardDiv .card-tag").eq(0).addClass("click-on");
setInterval('autoTag();', 3000);
$("#dlDiv").click(function(){
$(this).hide();
});
})
function autoTag(){
$(".cardDiv .card-tag").removeClass("click-on");
$(".cardDiv .card-tag").eq(i).addClass("click-on");
if(i<4){
++i;
} else {
i=0;
}
}
</script>
<body>
<div id="logo"></div>
<div style="position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;display:none" id="dlDiv">
<div style="position:absolute;width:454px;height:288px;left:50%;top:50%;margin-left:-227px;margin-top:-144px;">
<img src="themes/images/dl.png" width="454" height="288" usemap="#Map" />
<map name="Map">
<area shape="rect" coords="50,192,404,240" href="#" id="btnDL">
</map>
</div>
</div>-->
<ul class="myfkpage">
<li>
<div onClick="fkpage.goToNextSlide();"></div>
<div class="person">
<p class="system-Time new_page_time">
<i></i>
</p>
<p class="userNum person1">
在矫人员
<i>4403人</i>
</p>
<p class="userNum person2">
实时定位人数
<i>3209人</i>
</p>
<div class="new_page_btn">
<ul>
<li><a href="new_page1.html"></a></li>
<li><a href="new_page2.html"></a></li>
<li><a href="new_page3.html"></a></li>
<li><a href="new_page4.html"></a></li>
</ul>
</div>
</div>
<div id="indexBg">
<iframe src="pb_yhfb.html" class="iframeTest" style="height:100%;width:100%;" frameborder="0"></iframe>
</div>
<div class="new_page_content1 cardDiv">
<div class="card-tag">
<h6>银川市</h6>
<p><span>1627人</span>在矫人员：</p>
<p><span>930人</span>定位人数：</p>
<p><span>22人</span>社矫工作人员：</p>
</div>
<div class="card-tag">
<h6>石嘴山市</h6>
<p><span>664人</span>在矫人员：</p>
<p><span>492人</span>定位人数：</p>
<p><span>18人</span>社矫工作人员：</p>
</div>
<div class="card-tag">
<h6>吴忠市</h6>
<p><span>1260人</span>在矫人员：</p>
<p><span>809人</span>定位人数：</p>
<p><span>19人</span>社矫工作人员：</p>
</div>
<div class="card-tag">
<h6>固原市</h6>
<p><span>695人</span>在矫人员：</p>
<p><span>406人</span>定位人数：</p>
<p><span>17人</span>社矫工作人员：</p>
</div>
<div class="card-tag">
<h6>中卫市</h6>
<p><span>820人</span>在矫人员：</p>
<p><span>572人</span>定位人数：</p>
<p><span>18人</span>社矫工作人员：</p>
</div>
</div>
</div>
</div>
</li>
<li style="height:100%;width:100%">
<div id="homeBg" onClick="fkpage.goToNextSlide();">
<div id="home-contentDiv">
<div id="btn-Div">
<div class="btn-Sort btn-1" id="bgImg1" onClick="window.top.location='default.html'"><span></span></div>
<div class="btn-Sort btn-2" id="bgImg2" onClick="window.top.location='zxjs.html'"><span></span></div>
<div class="btn-Sort btn-3" id="bgImg3" onClick="window.top.location='zyys.html'"><span></span></div>
<div class="btn-Sort btn-4" id="bgImg4" onClick="window.top.location='xmsh.html'"><span></span></div>
<div class="btn-Sort btn-5" id="bgImg5" onClick="window.top.location='sngd.html'"><span></span></div>
<div class="btn-Sort btn-6" id="bgImg6" onClick="window.top.location='wngh.html'"><span></span></div>
</div>
</div>
</div>
</li> -->
<div id="homeBg">
<div id="zd-contentDiv">
<div id="zd-btn-Div">
<div class="btn-Sort zdbtn-1" id="bgImg1" onClick="window.location.href='tzxs1.html'"><span></span></div>
<div class="btn-Sort zdbtn-2" id="bgImg2" onClick="window.location.href='zhfx.html'"><span></span></div>
<div class="btn-Sort zdbtn-3" id="bgImg3" onClick="window.location.href='default.html'"><span></span></div>
<div class="btn-Sort zdbtn-4" id="bgImg4"><span></span></div>
<div class="btn-Sort zdbtn-5" id="bgImg5" onClick="window.location.href='tzxs.html'"><span></span></div>
</div>
</div>
</div>
</li>
</ul>-->
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/fkpagetransitions.min.js"></script>
<script type="text/javascript">
var fkpage,cindex = 5;
function showLeftTime(){
var now=new Date();
var year=now.getFullYear();
var month=now.getMonth()+1;
var day=now.getDate();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds();
var zq=now.getDay();
var Week = ['日','一','二','三','四','五','六'];
if(seconds<10){
seconds = "0"+seconds;
}
if(minutes<10){
minutes = "0"+minutes;
}
var systemTime = "<i>"+hours+":"+minutes+":"+seconds+"</i>"+year+"年"+month+"月"+day+"日 星期"+Week[zq];
$(".system-Time").html(systemTime);
}
function shownewts(){
if (cindex<0) cindex =5;
var tmp = fkpage.setSlideMode(cindex);
fkpage.goToNextSlide();
cindex --;
}
$(document).ready(function(){
showLeftTime();
setInterval('showLeftTime()', 1000);
fkpage = $('.myfkpage').FKPageTransitions();
});
</script>
</body>
</html>