|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
|
<title>甘肃省人民检察院兰铁分院</title>
|
|
|
|
|
|
<link th:href="@{/home/base/favicon.ico}" rel="shortcut icon"/>
|
|
|
|
|
|
<link href="/home/lib/css/layui.css" th:href="@{/home/lib/css/layui.css}" rel="stylesheet"/>
|
|
|
|
|
|
<link th:href="@{/css/font-awesome.min.css?v=4.7.0}" rel="stylesheet"/>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
/* 页面整体布局 */
|
|
|
|
|
|
html, body {
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
}
|
|
|
|
|
|
.layui-nav-item {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
margin: 0 10px;
|
|
|
|
|
|
padding: 0 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 设置内容区域自动填充剩余高度 */
|
|
|
|
|
|
#content {
|
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
|
padding-bottom: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.time {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.newslist li a{
|
|
|
|
|
|
line-height: 35px;
|
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.newslist-to li a{
|
|
|
|
|
|
line-height: 35px;
|
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
margin-left: 15px
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.newslist-to li:before {
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
margin-top: -3px;
|
|
|
|
|
|
width: 6px;
|
|
|
|
|
|
height: 6px;
|
|
|
|
|
|
background: #0558b0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.newslist-to li {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.zhuanti{
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
height: 400px;
|
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.zhuanti li{
|
|
|
|
|
|
margin:9px;
|
|
|
|
|
|
margin-bottom: -7px;
|
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
white-space: nowrap; /* 防止文本换行 */
|
|
|
|
|
|
text-overflow: ellipsis; /* 显示省略号 */
|
|
|
|
|
|
}.zhuanti li span{
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
max-width: 286px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.zhuanti li img{
|
|
|
|
|
|
transition: all 0.3s;
|
|
|
|
|
|
}
|
|
|
|
|
|
.zhuanti li:hover img{
|
|
|
|
|
|
transform:scale(1.1)
|
|
|
|
|
|
}
|
|
|
|
|
|
.more a {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
width: 58px;
|
|
|
|
|
|
height: 24px;
|
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
|
color: #1b6ec4;
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 6px;
|
|
|
|
|
|
top: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.zhuantidept{
|
|
|
|
|
|
//display: flex;
|
|
|
|
|
|
//flex-wrap: wrap;
|
|
|
|
|
|
height: 400px;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
|
padding-left:15px;
|
|
|
|
|
|
padding-top:20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.zhuantidept li{
|
|
|
|
|
|
transition: all 0.3s;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin-bottom: 50px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.zhuantidept li:hover{
|
|
|
|
|
|
transform: translateY(-5%);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.zhuantidept li a{
|
|
|
|
|
|
width:150px;
|
|
|
|
|
|
height:50px;
|
|
|
|
|
|
margin:0 25px 0 25px;
|
|
|
|
|
|
display:flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
|
padding-left:10px;
|
|
|
|
|
|
background-image:url(/home/base/dept.png);
|
|
|
|
|
|
background-position-x:-30px;
|
|
|
|
|
|
box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a:hover{
|
|
|
|
|
|
color: #006fc4;
|
|
|
|
|
|
}
|
|
|
|
|
|
.zhuantiContent{
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
|
height:162px;
|
|
|
|
|
|
transition: transform 0.5s ease-in-out;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
|
width: 125%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.zhuantiContent li{
|
|
|
|
|
|
margin: 20px;
|
|
|
|
|
|
margin-bottom:18px;
|
|
|
|
|
|
width:122px;
|
|
|
|
|
|
height:122px;
|
|
|
|
|
|
border:1px dashed #ccc;
|
|
|
|
|
|
display:flex;
|
|
|
|
|
|
align-items:center;
|
|
|
|
|
|
justify-content:center;
|
|
|
|
|
|
background-color: rgba(30,159,255,0.11);
|
|
|
|
|
|
transition: all 0.3s;
|
|
|
|
|
|
}
|
|
|
|
|
|
.zhuantiContent li:hover {
|
|
|
|
|
|
transform: translateY(-5%);
|
|
|
|
|
|
}
|
|
|
|
|
|
.zhuantiContent li span{
|
|
|
|
|
|
display:inline-block;
|
|
|
|
|
|
width:50px;
|
|
|
|
|
|
height:50px;
|
|
|
|
|
|
border-radius:50%;
|
|
|
|
|
|
font-size:28px;
|
|
|
|
|
|
line-height:50px;
|
|
|
|
|
|
background-color:rgba(27, 110, 196, 0.68);
|
|
|
|
|
|
}
|
|
|
|
|
|
.systemSlider .system-left, .systemSlider .system-right {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
width: 16px;
|
|
|
|
|
|
height: 25px;
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
z-index: 22;
|
|
|
|
|
|
background-image: url(/home/base/i122.png);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
|
}
|
|
|
|
|
|
.systemSlider .system-left{
|
|
|
|
|
|
left: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.systemSlider .system-right {
|
|
|
|
|
|
right: 10px;
|
|
|
|
|
|
background-position: right top;
|
|
|
|
|
|
}
|
|
|
|
|
|
.systemSlider{
|
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ztgg {
|
|
|
|
|
|
height: 60px;
|
|
|
|
|
|
margin: 25px auto 0px auto;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
align-item:center;
|
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
padding: 0 8px 0 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ztgg .ztgg_box{
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
padding-left: 6px;
|
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ztgg .ztgg_box .images{
|
|
|
|
|
|
transition: transform 0.5s ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ztgg .arrow-left{
|
|
|
|
|
|
left: -20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ztgg .arrow-left, .ztgg .arrow-right {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
width: 16px;
|
|
|
|
|
|
height: 25px;
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
z-index: 22;
|
|
|
|
|
|
background-image: url(/home/base/i122.png);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ztgg .arrow-right {
|
|
|
|
|
|
right: -20px;
|
|
|
|
|
|
background-position: right top;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ariaskiptheme{
|
|
|
|
|
|
margin:0;
|
|
|
|
|
|
margin-right:30px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ariaskiptheme img{
|
|
|
|
|
|
width: 300px;
|
|
|
|
|
|
height: 70px;
|
|
|
|
|
|
box-shadow: 0 0 10px 4px #ddd;
|
|
|
|
|
|
transition: all 0.3s;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
#back-to-top {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
bottom: 12%;
|
|
|
|
|
|
right: 2%;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
transition: opacity 0.3s;
|
|
|
|
|
|
width: 50px;
|
|
|
|
|
|
height: 50px
|
|
|
|
|
|
}
|
|
|
|
|
|
#back-to-top img {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%
|
|
|
|
|
|
}
|
|
|
|
|
|
#back-to-top:hover {
|
|
|
|
|
|
opacity: 0.7;
|
|
|
|
|
|
}
|
|
|
|
|
|
.lantieContent{
|
|
|
|
|
|
width:100%;
|
|
|
|
|
|
display:flex;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
}
|
|
|
|
|
|
.lantieContent .right{
|
|
|
|
|
|
width:100%;
|
|
|
|
|
|
display:flex;
|
|
|
|
|
|
flex-wrap:wrap;
|
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
|
overflow:auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
.lantieContent .right li span{
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
max-width: 190px;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.lianjieBox{
|
|
|
|
|
|
width:100%;
|
|
|
|
|
|
display:flex;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
}
|
|
|
|
|
|
.lianjieList li:before {
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
left: 9px;
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
margin-top: -3px;
|
|
|
|
|
|
width: 6px;
|
|
|
|
|
|
height: 6px;
|
|
|
|
|
|
background: #0558b0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.lianjieList li{
|
|
|
|
|
|
width:100%;
|
|
|
|
|
|
height: 45px;
|
|
|
|
|
|
line-height: 45px;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
border-bottom:1px solid #ccc;
|
|
|
|
|
|
padding-left:30px;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
font-size:16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.lianjieList{
|
|
|
|
|
|
width:30%;
|
|
|
|
|
|
height:100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.map{
|
|
|
|
|
|
width:50%;
|
|
|
|
|
|
height:100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.map li{
|
|
|
|
|
|
width:100%;
|
|
|
|
|
|
height:100%;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.map li a img{
|
|
|
|
|
|
transition: all 0.3s;
|
|
|
|
|
|
}
|
|
|
|
|
|
.map li a img:hover{
|
|
|
|
|
|
transform: translateY(-5%);
|
|
|
|
|
|
}
|
|
|
|
|
|
.map .gantie{
|
|
|
|
|
|
width:30px;
|
|
|
|
|
|
height:28px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 58%;
|
|
|
|
|
|
top: 45%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.map .lantie{
|
|
|
|
|
|
width:30px;
|
|
|
|
|
|
height:28px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right:57%;
|
|
|
|
|
|
top: 52%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.map .wutie{
|
|
|
|
|
|
width:30px;
|
|
|
|
|
|
height:28px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 60%;
|
|
|
|
|
|
top: 28%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.map .xitie{
|
|
|
|
|
|
width:30px;
|
|
|
|
|
|
height:28px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 66%;
|
|
|
|
|
|
top: 43%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.map .yintie{
|
|
|
|
|
|
width:30px;
|
|
|
|
|
|
height:28px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 50%;
|
|
|
|
|
|
top: 31%;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body class="layui-bg-gray" style="">
|
|
|
|
|
|
<div id="content">
|
|
|
|
|
|
<!--头部-->
|
|
|
|
|
|
<th:block th:include="home_head1 :: home_head"/>
|
|
|
|
|
|
<div id="back-to-top" onclick="scrollToTop()">
|
|
|
|
|
|
<img th:src="@{/home/base/fanhui.png}">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-container">
|
|
|
|
|
|
<div class="layui-row layui-col-space1" style="padding-top: 50px">
|
|
|
|
|
|
<div class="layui-col-md6">
|
|
|
|
|
|
<div class="layui-carousel" id="ID-carousel-demo-image" style="width: 650px;height: 433px;">
|
|
|
|
|
|
<div carousel-item>
|
|
|
|
|
|
<tbody th:each="url,status : ${urlList}">
|
|
|
|
|
|
<img th:src="${url.noticeUrl}">
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-col-md6">
|
|
|
|
|
|
<div class="layui-card">
|
|
|
|
|
|
<div class="layui-card-header">
|
|
|
|
|
|
<i class="layui-icon layui-icon-notice" style="display: inline-block;font-size: 21px;
|
|
|
|
|
|
font-weight: bold;border-bottom: 3px solid #006fc4;height: 100%;line-height: 40px;color: #006fc4;">最新通知</i>
|
|
|
|
|
|
<span class="more">
|
|
|
|
|
|
<a href="announce_view.html" target="_blank">更多+</a>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-card-body">
|
|
|
|
|
|
<ul class="newslist-to">
|
|
|
|
|
|
<li th:each="notice,status : ${noticeList}">
|
|
|
|
|
|
<a th:href="@{/public_view.html(type=1,id=${notice.noticeId})}" th:title="${notice.noticeTitle}" target="_blank" >[[${#strings.abbreviate(notice.noticeTitle,33)}]]</a>
|
|
|
|
|
|
<span class="time" >[[${#dates.format(notice.createTime, 'yyyy年MM月dd日')}]] </span>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- 宣传图-->
|
|
|
|
|
|
<div class="layui-container" style="padding-top: 50px">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<img th:src="@{/home/data/announceimg/20da.png}" style="width: 100%">
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!--工作动态、内设部门-->
|
|
|
|
|
|
<div class="layui-container" style="padding-top: 50px">
|
|
|
|
|
|
<div class="layui-row layui-col-space15">
|
|
|
|
|
|
<div class="layui-col-md6">
|
|
|
|
|
|
<div class="layui-card">
|
|
|
|
|
|
<div class="layui-card-header"><i class="layui-icon layui-icon-note" style="display: inline-block;font-size: 21px;
|
|
|
|
|
|
font-weight: bold;border-bottom: 3px solid #006fc4;height: 100%;line-height: 40px;color: #006fc4;">工作动态</i>
|
|
|
|
|
|
<span class="more">
|
|
|
|
|
|
<a href="work_view.html" target="_blank">更多+</a>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-card-body">
|
|
|
|
|
|
<ul class="newslist-to">
|
|
|
|
|
|
<li th:each="work,status : ${workList}">
|
|
|
|
|
|
<a th:href="@{/public_view.html(type=2,id=${work.workId})}" th:title="${work.workTitle}" target="_blank">[[${#strings.abbreviate(work.workTitle,28)}]]</a>
|
|
|
|
|
|
<span class="time">[[${#dates.format(work.createTime, 'yyyy年MM月dd日')}]]</span>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-col-md6">
|
|
|
|
|
|
<div class="layui-card">
|
|
|
|
|
|
<div class="layui-card-header"><i class="layui-icon layui-icon-user" style="display: inline-block;font-size: 21px;
|
|
|
|
|
|
font-weight: bold;border-bottom: 3px solid #006fc4;height: 100%;line-height: 40px;color: #006fc4;">部门动态</i>
|
|
|
|
|
|
<span class="more">
|
|
|
|
|
|
<a href="dept_trends_view.html" target="_blank">更多+</a>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-card-body">
|
|
|
|
|
|
<ul class="newslist zhuantidept">
|
|
|
|
|
|
<li th:each="trend,status : ${deptColumns}">
|
|
|
|
|
|
<a th:href="@{/dept_trends_view.html(columnId=${trend.columnId})}" style="color:#fff;" th:title="${trend.columnName}" target="_blank">
|
|
|
|
|
|
<!-- <i class="fa fa-bar-chart-o" th:class="${trend.icon}"></i>-->
|
|
|
|
|
|
<img th:src="@{/home/base/bumen.png}" style="height: 30px;width: 29px;">
|
|
|
|
|
|
[[${trend.columnName}]]
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<hr style="padding-top: 25px">
|
|
|
|
|
|
<!-- 跳转链接-->
|
|
|
|
|
|
<div class="layui-container" style="padding-top: 25px">
|
|
|
|
|
|
<div class="layui-card">
|
|
|
|
|
|
<div class="layui-card-header"><i class="layui-icon layui-icon-website" style="display: inline-block;font-size: 21px;
|
|
|
|
|
|
font-weight: bold;border-bottom: 3px solid #006fc4;height: 100%;line-height: 40px;color: #006fc4;">应用系统</i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-card-body layui-row systemSlider">
|
|
|
|
|
|
<ul class="newslist zhuantiContent">
|
|
|
|
|
|
<li th:each="content,status : ${contentList}">
|
|
|
|
|
|
<a target="_blank" th:href="@{${content.contentUrl}}" th:title="${content.contentTitle}">
|
|
|
|
|
|
<!--<img th:unless="${#strings.isEmpty(content.contentLogo)}" style="height:80px;width: 80px;" th:src="${content.contentLogo}">
|
|
|
|
|
|
<img th:if="${#strings.isEmpty(content.contentLogo)}" style="height:80px;width: 80px;" alt="无法显示图片" th:src="@{/home/base/noimage2.png}">-->
|
|
|
|
|
|
<span>
|
|
|
|
|
|
<i style="color: #fff;" class="fa fa-bar-chart-o" th:class="${content.icon}"></i>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<p style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:120px;color: #006fc4;">
|
|
|
|
|
|
[[${content.contentTitle}]]
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
<span class="button">
|
|
|
|
|
|
<a class="system-left"></a>
|
|
|
|
|
|
<a class="system-right"></a>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<hr style="padding-top: 25px">
|
|
|
|
|
|
<div class="layui-container" style="padding-top: 25px">
|
|
|
|
|
|
<div class="layui-row layui-col-space15">
|
|
|
|
|
|
<div class="layui-col-md6">
|
|
|
|
|
|
<div class="layui-card">
|
|
|
|
|
|
<div class="layui-card-header"><i class="layui-icon layui-icon-tabs" style="display: inline-block;font-size: 21px;
|
|
|
|
|
|
font-weight: bold;border-bottom: 3px solid #006fc4;height: 100%;line-height: 40px;color: #006fc4;">检察业务</i>
|
|
|
|
|
|
<span class="more">
|
|
|
|
|
|
<a href="business_view.html" target="_blank">更多+</a>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-card-body">
|
|
|
|
|
|
<ul class="newslist-to">
|
|
|
|
|
|
<li th:each="business,status : ${businessList}">
|
|
|
|
|
|
<a th:href="@{/public_view.html(type=4,id=${business.businessId})}" th:title="${business.businessTitle}" target="_blank">[[${#strings.abbreviate(business.businessTitle,28)}]]</a>
|
|
|
|
|
|
<span class="time">[[${#dates.format(business.createTime, 'yyyy年MM月dd日')}]]</span>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-col-md6">
|
|
|
|
|
|
<div class="layui-card">
|
|
|
|
|
|
<div class="layui-card-header"><i class="layui-icon layui-icon-theme" style="display: inline-block;font-size: 21px;
|
|
|
|
|
|
font-weight: bold;border-bottom: 3px solid #006fc4;;height: 100%;line-height: 40px;color: #006fc4;">专题活动</i>
|
|
|
|
|
|
<span class="more">
|
|
|
|
|
|
<a href="special_view.html" target="_blank">更多+</a>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-card-body">
|
|
|
|
|
|
<ul class="newslist zhuanti">
|
|
|
|
|
|
<li th:each="column,status : ${specialColumns}">
|
|
|
|
|
|
<a th:href="@{/special_view.html(columnId=${column.columnId})}" th:title="${column.columnName}" target="_blank">
|
|
|
|
|
|
<img style="height:155px;width: 190px " th:src="${column.columnUrl}">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<span style="margin-top: 5px;font-size: 15px;color: black;">[[${column.columnName}]]</span >
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<hr style="padding-top: 25px">
|
|
|
|
|
|
<!-- 兰铁之窗-->
|
|
|
|
|
|
<div class="layui-container" style="padding-top: 25px">
|
|
|
|
|
|
<div class="layui-card">
|
|
|
|
|
|
<div class="layui-card-header"><i class="layui-icon layui-icon-website" style="display: inline-block;font-size: 21px;
|
|
|
|
|
|
font-weight: bold;border-bottom: 3px solid #006fc4;height: 100%;line-height: 40px;color: #006fc4;">兰铁视窗</i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-card-body layui-row">
|
|
|
|
|
|
<div class="lantieContent">
|
|
|
|
|
|
<ul class="right">
|
|
|
|
|
|
<li th:each="content,status : ${windowColumns}" style="width:22%;text-align:center;">
|
|
|
|
|
|
<video th:src="${content.columnUrl}" class="video" style="width:100%;"></video>
|
|
|
|
|
|
<span style="font-size: 15px;color: black;">[[${content.columnName}]]</span>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<hr style="padding-top: 25px">
|
|
|
|
|
|
<!-- 友情链接 -->
|
|
|
|
|
|
<div class="layui-container" style="padding-top: 25px">
|
|
|
|
|
|
<div class="layui-card">
|
|
|
|
|
|
<!-- <div class="layui-card-header"><i class="layui-icon layui-icon-website" style="display: inline-block;font-size: 21px;-->
|
|
|
|
|
|
<!-- font-weight: bold;border-bottom: 3px solid #006fc4;height: 100%;line-height: 40px;color: #006fc4;">兰铁视窗</i>-->
|
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
<div class="layui-card-body layui-row">
|
|
|
|
|
|
<div class="lianjieBox">
|
|
|
|
|
|
<ul class="lianjieList">
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a target="_blank" href="https://www.spp.gov.cn">中华人民共和国最高人民检察院</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a target="_blank" href="http://www.gansu.jcy.gov.cn">甘肃省人民检察院</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a target="_blank" href="http://www.lanzhoutiejian.jcy.gov.cn">兰州铁路运输检察院</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a target="_blank" href="http://www.wuweitielu.jcy.gov.cn" >武威铁路运输检察院</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a target="_blank" href="http://www.qh.jcy.gov.cn/c/xntj/">西宁铁路运输检察院</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a target="_blank" href="https://nx.jcy.gov.cn/tjsy/">银川铁路运输检察院</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
<ul class="map">
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<img th:src="@{/home/base/map3.png}">
|
|
|
|
|
|
<!-- <a target="_blank" href="https://www.spp.gov.cn" title="中华人民共和国最高人民检察院">-->
|
|
|
|
|
|
<!-- <img th:src="@{/home/base/2Dmap.png}" class="zuigao">-->
|
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
|
<a target="_blank" href="http://www.gansu.jcy.gov.cn" title="甘肃省人民检察院">
|
|
|
|
|
|
<img th:src="@{/home/base/2Dmap.png}" class="gantie">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a target="_blank" href="http://www.lanzhoutiejian.jcy.gov.cn" title="兰州铁路运输检察院">
|
|
|
|
|
|
<img th:src="@{/home/base/2Dmap.png}" class="lantie">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a target="_blank" href="http://www.wuweitielu.jcy.gov.cn" title="武威铁路运输检察院">
|
|
|
|
|
|
<img th:src="@{/home/base/2Dmap.png}" class="wutie">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a target="_blank" href="http://www.qh.jcy.gov.cn/c/xntj/" title="西宁铁路运输检察院">
|
|
|
|
|
|
<img th:src="@{/home/base/2Dmap.png}" class="xitie">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a target="_blank" href="https://nx.jcy.gov.cn/tjsy/" title="银川铁路运输检察院">
|
|
|
|
|
|
<img th:src="@{/home/base/2Dmap.png}" class="yintie">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- <div class="ztgg">-->
|
|
|
|
|
|
<!-- <div class="ztgg_box">-->
|
|
|
|
|
|
<!-- <div class="images" style="display: flex">-->
|
|
|
|
|
|
<!-- <a target="_blank" href="https://www.spp.gov.cn" class="ariaskiptheme">-->
|
|
|
|
|
|
<!-- <img th:src="@{/home/base/supreme_procuratorate.jpg}">-->
|
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
|
<!-- <a target="_blank" href="http://www.gansu.jcy.gov.cn" class="ariaskiptheme">-->
|
|
|
|
|
|
<!-- <img th:src="@{/home/base/peopel_procuratorate.jpg}">-->
|
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
|
<!-- <a target="_blank" href="http://www.lanzhoutiejian.jcy.gov.cn" class="ariaskiptheme">-->
|
|
|
|
|
|
<!-- <img th:src="@{/home/base/lanzhou_procuratorate.jpg}">-->
|
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
|
<!-- <a target="_blank" href="http://www.wuweitielu.jcy.gov.cn" class="ariaskiptheme">-->
|
|
|
|
|
|
<!-- <img th:src="@{/home/base/wuwei_procuratorate.jpg}">-->
|
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
|
<!-- <a target="_blank" href="http://www.qh.jcy.gov.cn/c/xntj/" class="ariaskiptheme">-->
|
|
|
|
|
|
<!-- <img th:src="@{/home/base/xining_procuratorate.jpg}">-->
|
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
|
<!-- <a target="_blank" href="https://nx.jcy.gov.cn/tjsy/" class="ariaskiptheme">-->
|
|
|
|
|
|
<!-- <img th:src="@{/home/base/yinchuan_procuratorate.jpg}">-->
|
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
|
<!-- <a target="_blank" href="http://www.qh.jcy.gov.cn/c/xntj/" class="ariaskiptheme">-->
|
|
|
|
|
|
<!-- <img th:src="@{/home/base/xining_procuratorate.jpg}">-->
|
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
|
<!-- <a target="_blank" href="https://nx.jcy.gov.cn/tjsy/" class="ariaskiptheme">-->
|
|
|
|
|
|
<!-- <img th:src="@{/home/base/yinchuan_procuratorate.jpg}">-->
|
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
<!-- <a class="arrow-left"></a>-->
|
|
|
|
|
|
<!-- <a class="arrow-right"></a>-->
|
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!--底部-->
|
|
|
|
|
|
<th:block th:include="home_footer :: home_footer"/>
|
|
|
|
|
|
<script th:src="@{/home/lib/layui.js}"></script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
window.addEventListener('DOMContentLoaded', function () {
|
|
|
|
|
|
var currentUrl = location.href;
|
|
|
|
|
|
// 获取所有的<a>标签
|
|
|
|
|
|
var links = document.querySelectorAll('a');
|
|
|
|
|
|
// 遍历每个链接，并判断其href属性是否与当前URL相同
|
|
|
|
|
|
for (var i = 0; i < links.length; i++) {
|
|
|
|
|
|
if (links[i].href === currentUrl) {
|
|
|
|
|
|
// 添加layui-this类名到对应的父元素的class中
|
|
|
|
|
|
links[i].parentNode.classList.add('layui-this');
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
layui.use(function () {
|
|
|
|
|
|
var carousel = layui.carousel;
|
|
|
|
|
|
// 渲染 - 图片轮播
|
|
|
|
|
|
carousel.render({
|
|
|
|
|
|
elem: '#ID-carousel-demo-image',
|
|
|
|
|
|
autoplay: true,
|
|
|
|
|
|
interval: 4000,
|
|
|
|
|
|
indicator: 'outside',
|
|
|
|
|
|
width: '650px',
|
|
|
|
|
|
height: '433px',
|
|
|
|
|
|
anim: 'fade',
|
|
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
//应用系统图片
|
|
|
|
|
|
var systemSlider = document.querySelector('.systemSlider');
|
|
|
|
|
|
var systemSlides = document.querySelector('.zhuantiContent');
|
|
|
|
|
|
var systemPrevBtn = document.querySelector('.system-left');
|
|
|
|
|
|
var systemNextBtn = document.querySelector('.system-right');
|
|
|
|
|
|
var systemSlideWidth = systemSlider.clientWidth;
|
|
|
|
|
|
var systemVisible = 8;
|
|
|
|
|
|
var systemIndex = 0;
|
|
|
|
|
|
|
|
|
|
|
|
function systemMoveSlides(direction) {
|
|
|
|
|
|
if (direction === 'systemPrevBtn') {
|
|
|
|
|
|
systemIndex--;
|
|
|
|
|
|
if (systemIndex < 0) {
|
|
|
|
|
|
systemIndex = systemSlides.childElementCount - systemVisible;
|
|
|
|
|
|
}
|
|
|
|
|
|
} else if (direction === 'systemNextBtn') {
|
|
|
|
|
|
systemIndex++;
|
|
|
|
|
|
if (systemIndex > systemSlides.childElementCount - systemVisible) {
|
|
|
|
|
|
systemIndex = 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
systemSlides.style.transform = 'translateX(-' + (systemIndex * (systemSlideWidth / systemVisible)) + 'px)';
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
systemPrevBtn.addEventListener('click', function() {
|
|
|
|
|
|
systemMoveSlides('systemPrevBtn');
|
|
|
|
|
|
});
|
|
|
|
|
|
systemNextBtn.addEventListener('click', function() {
|
|
|
|
|
|
systemMoveSlides('systemNextBtn');
|
|
|
|
|
|
});
|
|
|
|
|
|
//专题图片
|
|
|
|
|
|
//var slider = document.querySelector('.ztgg_box');
|
|
|
|
|
|
//var slides = document.querySelector('.images');
|
|
|
|
|
|
//var prevBtn = document.querySelector('.arrow-left');
|
|
|
|
|
|
//var nextBtn = document.querySelector('.arrow-right');
|
|
|
|
|
|
//var slideWidth = slider.clientWidth;
|
|
|
|
|
|
//var visibleSlides = 4;
|
|
|
|
|
|
//var slideIndex = 0;
|
|
|
|
|
|
//
|
|
|
|
|
|
//function moveSlides(direction) {
|
|
|
|
|
|
// if (direction === 'prev') {
|
|
|
|
|
|
// slideIndex--;
|
|
|
|
|
|
// if (slideIndex < 0) {
|
|
|
|
|
|
// slideIndex = slides.childElementCount - visibleSlides;
|
|
|
|
|
|
// }
|
|
|
|
|
|
// } else if (direction === 'next') {
|
|
|
|
|
|
// slideIndex++;
|
|
|
|
|
|
// if (slideIndex > slides.childElementCount - visibleSlides) {
|
|
|
|
|
|
// slideIndex = 0;
|
|
|
|
|
|
// }
|
|
|
|
|
|
// }
|
|
|
|
|
|
// slides.style.transform = 'translateX(-' + (slideIndex * (slideWidth / visibleSlides)) + 'px)';
|
|
|
|
|
|
//}
|
|
|
|
|
|
//
|
|
|
|
|
|
//prevBtn.addEventListener('click', function() {
|
|
|
|
|
|
// moveSlides('prev');
|
|
|
|
|
|
//});
|
|
|
|
|
|
//nextBtn.addEventListener('click', function() {
|
|
|
|
|
|
// moveSlides('next');
|
|
|
|
|
|
//});
|
|
|
|
|
|
|
|
|
|
|
|
//返回顶部
|
|
|
|
|
|
window.onscroll = function() {scrollFunction()};
|
|
|
|
|
|
function scrollFunction() {
|
|
|
|
|
|
var backToTopBtn = document.getElementById("back-to-top");
|
|
|
|
|
|
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
|
|
|
|
|
|
backToTopBtn.style.display = "block";
|
|
|
|
|
|
} else {
|
|
|
|
|
|
backToTopBtn.style.display = "none";
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function scrollToTop() {
|
|
|
|
|
|
window.scrollTo({
|
|
|
|
|
|
top:0,
|
|
|
|
|
|
behavior:"smooth"
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
//视频
|
|
|
|
|
|
var videos = document.getElementsByTagName("video");
|
|
|
|
|
|
var videoHover = document.querySelector('.right').getElementsByTagName("li");
|
|
|
|
|
|
|
|
|
|
|
|
for (var i = 0; i < videos.length; i++) {
|
|
|
|
|
|
videos[0].autoplay = true;
|
|
|
|
|
|
videos[0].loop = true;
|
|
|
|
|
|
videos[0].preload = true;
|
|
|
|
|
|
videos[0].muted = true;
|
|
|
|
|
|
// 使用闭包确保在事件监听器中能够正确访问到当前的 video 元素
|
|
|
|
|
|
(function(index) {
|
|
|
|
|
|
videos[index].addEventListener('mouseover', function() {
|
|
|
|
|
|
videos[index].controls = true;
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
videos[index].addEventListener('mouseout', function() {
|
|
|
|
|
|
videos[index].controls = false;
|
|
|
|
|
|
});
|
|
|
|
|
|
})(i);
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
