<!DOCTYPE>
|
<html>
|
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
|
<meta content="telephone=no" name="format-detection" />
|
<title>环境质量</title>
|
|
<link rel="stylesheet" href="css/common.css" />
|
<link rel="stylesheet" href="css/swipe-menu.css" />
|
<link rel="stylesheet" href="css/swiper-3.3.1.min.css">
|
|
<style>
|
html,
|
body {
|
position: relative;
|
height: 100%;
|
}
|
|
body {
|
color: #000;
|
margin: 0;
|
padding: 0;
|
}
|
|
.swiper-container {
|
width: 100%;
|
height: 100%;
|
}
|
|
.swiper-slide {
|
text-align: center;
|
background: #fff;
|
/* Center slide text vertically */
|
display: -webkit-box;
|
display: -ms-flexbox;
|
display: -webkit-flex;
|
display: flex;
|
-webkit-box-pack: center;
|
-ms-flex-pack: center;
|
-webkit-justify-content: center;
|
justify-content: center;
|
-webkit-box-align: center;
|
-ms-flex-align: center;
|
-webkit-align-items: center;
|
align-items: center;
|
}
|
</style>
|
</head>
|
|
<body style="width:100%; overflow:auto; background:#fafafa;">
|
<div class='main_ul'>
|
<div class="mainUls" style="width:100%; height:19%;">
|
|
<div class="swiper-container">
|
<div class="swiper-wrapper">
|
<div class="swiper-slide">
|
<ul>
|
<li>
|
<a href="notice.html">
|
<div class="topimg"><img src="images/index/icon_notice.png" /></div>
|
<div class="bottomfont">消息通知</div>
|
</a>
|
</li>
|
<li>
|
<a href="monthfocus.html">
|
<div class="topimg"><img src="images/index/icon_mouth.png" /></div>
|
<div class="bottomfont">月度重点</div>
|
</a>
|
</li>
|
<li>
|
<a href="#picture">
|
<div class="topimg"><img src="images/index/icon_check.png" /></div>
|
<div class="bottomfont">安全检查</div>
|
</a>
|
</li>
|
<li>
|
<a href="#">
|
<div class="topimg"><img src="images/index/icon_question.png" /></div>
|
<div class="bottomfont">问题跟踪</div>
|
</a>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul>
|
<li class="lastli">
|
<a href="#">
|
<div class="topimg"><img src="images/index/icon_safe.png" /></div>
|
<div class="bottomfont">保安分析</div>
|
</a>
|
</li>
|
<li class="lastli">
|
<a href="#">
|
<div class="topimg"><img src="images/index/icon_talk.png" /></div>
|
<div class="bottomfont">在线沟通</div>
|
</a>
|
</li>
|
<li class="lastli">
|
<a href="media.html">
|
<div class="topimg"><img src="images/index/icon_vedio.png" /></div>
|
<div class="bottomfont">视频学习</div>
|
</a>
|
</li>
|
<li class="lastli">
|
<a href="environ_list.html?menuCode=12&target=new&title_=生态环境">
|
<div class="topimg"><img src="images/index/icon_questions.png" /></div>
|
<div class="bottomfont">常见问题</div>
|
</a>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<!-- Add Pagination -->
|
<div class="swiper-pagination" style="bottom:0px;!important"></div>
|
</div>
|
</div>
|
</div>
|
|
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
|
<script src="js/swiper-3.3.1.min.js"></script>
|
<script>
|
if(sessionCache.getSessionCashe("userToken") == null){
|
location.href="login.html";
|
}
|
var swiper = new Swiper('.swiper-container', {
|
pagination: '.swiper-pagination',
|
paginationClickable: '.swiper-pagination',
|
nextButton: '.swiper-button-next',
|
prevButton: '.swiper-button-prev',
|
spaceBetween: 30
|
});
|
</script>
|
</body>
|
|
</html>
|
