﻿@charset "utf-8";
/* CSS Document */
.page-main {
  padding-bottom: 40px;
  position: relative;
  background: #ffffff;
  overflow: inherit;
}

.bg-img {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 500px;
  background: url('../images/content-top.png') no-repeat top center;
  background-size: cover;
  z-index: 0;
  
}

.filter-box {
  display: flex;
  margin-left: -15px;
}
.filter-box > div {
  padding: 10px;
  margin-left: 15px;
}

.filter-box select {
  box-sizing: border-box;
  padding: 0 20px 0 10px;
  height: 40px;
  line-height: 40px;
  background: url(../images/arrow23.png) no-repeat 95% center #f2f2f2;
  border: 1px solid rgba(255, 255, 255, 0.2);
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  border-radius: 3px;
	font-size: 15px;
}

.filter-box .zc-select input,
.files-select input {
  box-sizing: border-box;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  outline: none;
  border-radius: 3px;
}

.filter-box .zc-select button,
.files-select button {
  height: 40px;
  line-height: 40px;
  outline: none;
  background-color: #f2f2f2;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
}

.filter-box .files-select .active-but {
  background: linear-gradient(to right, #1cb7f0, #147be2);
  color: #fff;
}

.filter-box .zc-select .active-but {
  background: linear-gradient(to right, #1cb7f0, #147be2);
  color: #fff;
}

.filter-box .zc-select {
  width: 300px;
  background: url('../images/open-bg1.jpg') no-repeat center center;
  background-size: cover;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.zc-select .top-box-img {
  height: 29px;
}

.zc-select .slideZcBox {
  margin-top: 10px;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.zc-select .slideZcBox .hd ul {
  display: flex;
  overflow: inherit;	
}

.zc-select .slideZcBox .hd ul li {
  width: 100px;
  padding: 5px 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #0065ce;
  cursor: pointer;
}

.zc-select .slideZcBox .hd ul .on {
  background: #fff;
  position: relative;
}

.zc-select .slideZcBox .hd ul .on::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #0065ce;
}

.zc-select .slideZcBox .bd {
  background: #fff;
  padding: 25px 10px;
  box-sizing: border-box;
  min-height: 206px;
  height: 100%;
  flex: 1;
}

.zc-select .slideZcBox .bd .type-select {
  margin-bottom: 15px;
}

.zc-select .slideZcBox .bd select {
  width: 100%;
}

.zc-select .slideZcBox .bd .table-box > * {
  width: calc(50% - 10px);
  box-sizing: border-box;
  margin: 10px 0 0 10px;
}

.zc-select .slideZcBox .bd .table-box {
  display: flex;
  flex-flow: row wrap;
  margin: -10px 0 0 -10px;
  box-sizing: border-box;
}

.filter-box .files-select {
  flex: 1;
  background: url('../images/open-bg2.jpg') no-repeat center center;
  background-size: cover;
}

.files-select .slideFilesBox {
  box-sizing: border-box;
}
.files-select .slideFilesBox .hd{width:100%; display: flex; justify-content: flex-start; }
.files-select .slideFilesBox .hd h3{ display: inline-block; height: 28px; margin-right:10px;}

.files-select .slideFilesBox .hd ul {
  display: flex;
  justify-content: flex-start;	
  overflow: inherit;
	width: auto;
}

.files-select .slideFilesBox .hd ul li {
  padding:2px 6px 12px 6px;min-width: 80px;text-align: center;cursor: pointer;margin-right:10px; font-size:18px;
}

.files-select .slideFilesBox .hd ul .on {
  background: #fff;
  position: relative;
  color: #0065ce;
}

.files-select .slideFilesBox .hd ul .on::after{
  content: '';
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #0065ce;
}

.files-select .slideFilesBox .bd {
  background: #fff;
  padding: 25px 10px 15px;
  box-sizing: border-box;
  min-height: 281px;
}

.files-select .slideFilesBox .bd .but-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #eaeaea;
}

.slideFilesBox .bd .but-box button {
  width: 140px;
  margin:0 10px;
}

.filter-box .files-select input,
select {
  border: 1px solid #eaeaea !important;
  color: #7f7f7f !important;
  background-color: #fff !important;
	font-size: 15px;
}

.filter-box .files-select .item-row-1,
.item-row-2 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.filter-box .files-select .item-row-1 label {
  min-width: 75px;
  display: inline-block;
  text-align: right;
}

.filter-box .files-select .item-row-1 .titel-input {
  width: 184px;
}

.filter-box .files-select .item-row-1 .txt-number-input {
  width: 108px;
}

.filter-box .files-select .item-row-1 select {
  width: 80px;
}

.filter-box .files-select .item-row-2 {
  margin-top: 15px;
}

.filter-box .files-select .item-row-2 input {
  width: 232px;
}

.filter-box .files-select .item-row-2 select {
  width: 210px;
}

.filter-box .files-select .item-row-2 label:first-of-type {
  min-width: 77px;
  text-align: right;
}

/* 日历区域 */
.filter-box .zf-date-select {
  width: 320px;
  box-sizing: border-box;
  background: #f4f8fb;
  padding: 10px;
}

.filter-box .zf-date-select #filter-layDate {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

#filter-layDate .layui-laydate-main {
  width: 300px;
}

#filter-layDate .layui-laydate,
#filter-layDate .layui-laydate-hint {
  border: none;
  box-shadow: none;
}

#filter-layDate .layui-laydate .layui-this {
  background-color: #ee5f14 !important;
}

#filter-layDate .layui-laydate-header i:hover,
#filter-layDate .layui-laydate-header span:hover {
  color: #ee5f14;
}

#filter-layDate .layui-laydate-content td:hover,
#filter-layDate .layui-laydate-list li:hover {
  background-color: #ee5f14 !important;
  color: #fff;
}

/* 存在事项 */
#filter-layDate .layui-laydate .active {
  color: #ee5f14;
}

#filter-layDate .layui-laydate-content table {
  width: 100%;
}

#filter-layDate .layui-laydate-content tr {
  display: flex;
  justify-content: space-between;
  padding: 3px 0;
}

#filter-layDate .layui-laydate-content td,
#filter-layDate .layui-laydate-content th {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#filter-layDate .name {
  position: absolute;
  font-size: 22px;
  font-weight: bold;
  z-index: 99;
  left: 10px;
  top: 7px;
  color: #116ecd;
}

/* 头部样式调整 */
#filter-layDate .layui-laydate-header .laydate-set-ym span[lay-type='month'],
#filter-layDate .layui-laydate-header .laydate-set-ym span[lay-type='year'],
#filter-layDate .layui-laydate-header .laydate-prev-m,
#filter-layDate .layui-laydate-header .laydate-prev-y,
#filter-layDate .layui-laydate-header .laydate-next-m,
#filter-layDate .layui-laydate-header .laydate-next-y {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  user-select: none;
}

#filter-layDate .layui-laydate-header {
  border-bottom: 1px dashed #e2e2e2;
}

#filter-layDate .layui-laydate-header .laydate-set-ym span[lay-type='month'] {
  right: 20px;
}

#filter-layDate .layui-laydate-header .laydate-set-ym span[lay-type='year'] {
  left: 45%;
}

#filter-layDate .layui-laydate-header .laydate-prev-m {
  right: 52px;
  left: inherit;
}

#filter-layDate .layui-laydate-header .laydate-next-m {
  right: 0;
}

#filter-layDate .layui-laydate-header .laydate-prev-y {
  left: 35%;
}

#filter-layDate .layui-laydate-header .laydate-next-y {
  left: 65%;
  width: 28px;
}

#filter-layDate .layui-laydate-content .active {
  position: relative;
}

#filter-layDate .layui-laydate-content .active .list-box {
  position: absolute;
  width: 280px;
  min-height: 60px;
  background: #ff9630;
  color: #fff;
  bottom: calc(100% + 8px);
  border-radius: 4px;
  z-index: 999;
  overflow: inherit;
  display: none;
  padding: 15px 0;
}

#filter-layDate .layui-laydate-content .active:hover .list-box {
  display: block;
}

#filter-layDate .layui-laydate-content .active .list-box::before {
  position: absolute;
  content: '';
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  border: 10px solid transparent;
  border-top-color: #ff9630;
}

#filter-layDate .layui-laydate-content .active .list-box::after {
  position: absolute;
  content: '';
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: rgba(0, 0, 0, 0);
}

#filter-layDate .layui-laydate-content .active .list-box li {
  padding: 0 15px 15px 20px;
  position: relative;
  text-align: left;
}

#filter-layDate .layui-laydate-content .active .list-box li:last-of-type {
  padding-bottom: 0;
}

#filter-layDate .layui-laydate-content .active .list-box li::after {
  content: '';
  position: absolute;
  top: 7px;
  left: 10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
}

#filter-layDate .layui-laydate-content .active .list-box a {
  color: #fff;
}

#filter-layDate .layui-laydate-content .active .list-box a:hover {
  text-decoration: underline;
}

/* 公开 */
.gk-files-box {
  margin-top: 10px;
  display: flex;
}

.gk-files-box .gk-file-list {
  box-sizing: border-box;
  flex: 1;
}

.gk-files-box .gk-file-list .hd ul {
  width: auto;
  display: flex;
  border-bottom: 1px solid #c4d6ec;
  padding: 0 0 0 70px;
  background: url('../images/open-tit3.png') left center no-repeat;
  background-size: 55px;
}

.gk-files-box .gk-file-list .hd ul li {
  font-size: 20px;
  padding: 10px;
  position: relative;
  margin-left: 10px;
  cursor: pointer;
}

.gk-files-box .gk-file-list .hd ul li:first-of-type::after {
  content: '';
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  width: 1px;
  background: #c4d6ec;
}

.gk-files-box .gk-file-list .hd ul li::before {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  background: #0065ce;
  bottom: 0;
  left: 0;
  transition: width 0.3s;
}

.gk-files-box .gk-file-list .hd ul .on,.gk-files-box .gk-file-list .hd ul .on a {
  color: #0f60c9;
  font-weight: bold;
}

.gk-files-box .gk-file-list .hd ul .on::before {
  width: 100%;
}

.gk-files-box .gk-file-list .bd > ul {
  padding-top: 8px;
}

.gk-files-box .gk-file-list .bd > ul li {
  padding: 8px 10px 8px 15px;
  background: url('../images/arow1.png') no-repeat left center;
  display: flex;
  align-items: center;
}

.gk-files-box .gk-file-list .bd > ul li a {
  max-width: 810px; font-size: 18px;
  flex: 1;
}

.gk-files-box .gk-file-list .bd > ul li span {
  color: #7b7b7b;
  font-size: 16x;
}

.gk-files-box .gk-right-box {
  width: 320px;
  margin-left: 15px;  
   
	flex-wrap: wrap;
    flex-direction: row;
	justify-content: flex-start;
 
}

.gk-files-box .gk-right-box .item-box {
  background: #f3f6fb;
  width: 45%;
  height: 130px;
	margin-right:10px;
	margin-bottom:10px;
	float: left;
}

.gk-files-box .gk-right-box .item-box a {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}

.gk-right-box .item-box .img-box {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
	margin-top:-5px;
}

.gk-right-box .item-box:hover .img-box {
  transform: rotateY(360deg);
  transition: all 0.5s linear;
}

.gk-right-box .item-box:first-of-type .img-box {
  background: url('../images/openlm-icon1.png') no-repeat center 0px;
}

.gk-right-box .item-box:nth-of-type(2) .img-box {
  background: url('../images/openlm-icon1.png') no-repeat center -70px;
}

.gk-right-box .item-box:nth-of-type(3) .img-box {
  background: url('../images/openlm-icon1.png') no-repeat center -140px;
}

.gk-right-box .item-box:nth-of-type(4) .img-box {
  background: url('../images/openlm-icon1.png') no-repeat center -210px;
}

.gk-rightBox2{ width:315px;margin-left:14px;margin-top:10px;}
.gklmbox{ width:100%;}
.gklmbox ul{ display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row;}
.gklmbox ul li{ width:50%; height: 32px; line-height: 32px; overflow: hidden;margin-bottom:18px; font-size:18px;}
.gklmbox ul li i,.gklmbox ul li span{ display: block; float: left;}
.gklmbox ul li i{ width:31px; height: 31px; background: url(../images/gkpicnew1.png) no-repeat 0 0;}
.gklmbox ul li span{ line-height: 31px; margin-left: 13px; }

li.gklm1 i{ background-position: 0 0;}
li.gklm2 i{ background-position: 0 -31px !important;}
li.gklm3 i{ background-position: 0 -62px !important;}
li.gklm4 i{ background-position: 0 -93px !important;}
.gklmbox ul li:hover i{
	webkit-transition: -webkit-transform 0.7s ease-out;
    -moz-transition: -moz-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
}
.xwfbh{ width:100%;margin-top:-10px;}
.xwfbh .tit{ width:100%;border-bottom: 1px solid #c4d6ec; height: 44px; position: relative;}
.xwfbh .tit h3{ color:#0f60c9; border-bottom: 3px solid #0f60c9;padding:0 10px;font-size: 20px;font-weight: bold; position: absolute; left: 0; top:0; height: 44px; line-height: 44px;}
.xwfbh .tit h3 a{ color:#0f60c9;}
.xwenbox{ width:100%; margin-top:15px; display: flex; justify-content: space-between;}
.xwenbox .xwpic{ width:135px; height: 96px; background: #B13D3F; borer-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow: hidden;zoom:1; text-align: center;}
.xwenbox .xwpic img{ width:100%; height: 96px;}
.xwNei{ width:167px;}
 .xwNei p,.xwenbox .xwNei span{ display: block;}
.xwNei p{ line-height: 30px; font-size:18px;}
.xwNei span{ margin-top:10px; line-height: 26px;}



/* 信息公开专栏 */
.special-clo-box {
	margin-top:5px;
  padding: 25px 10px;
  background: url('../images/open-bg3.jpg') no-repeat center center;
  background-size: cover;
  border-radius: 3px;
}

.special-clo-box .title-box {
  color: #fff;
  font-size: 20px;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.special-clo-box .list-box {
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 18px;
}

.special-clo-box .list-box li {
  width: calc(100% / 6 - 15px);
  background: #ffffff;
  border-radius: 2px;
  box-sizing: border-box;
}

.special-clo-box .list-box li .img-box {
  height: 60px;
  width: 50px;
  margin-bottom: 10px;
  transition: all 0.3s;
}

.special-clo-box .list-box li:nth-of-type(1) .img-box {
  background: url('../images/openlm-icon2.png') no-repeat 0 0;
}

.special-clo-box .list-box li:nth-of-type(2) .img-box {
  background: url('../images/openlm-icon2.png') no-repeat 0 -60px;
}

.special-clo-box .list-box li:nth-of-type(3) .img-box {
  background: url('../images/openlm-icon2.png') no-repeat 0 -120px;
}

.special-clo-box .list-box li:nth-of-type(4) .img-box {
  background: url('../images/openlm-icon2.png') no-repeat 0 -180px;
}

.special-clo-box .list-box li:nth-of-type(5) .img-box {
  background: url('../images/openlm-icon2.png') no-repeat 0 -240px;
}

.special-clo-box .list-box li:nth-of-type(6) .img-box {
  background: url('../images/openlm-icon2.png') no-repeat 0 -300px;
}

.special-clo-box .list-box li:hover .img-box {
  background-position-x: -55px;
}

.special-clo-box .list-box li a {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.special-clo-box .tag-list-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  padding: 10px 20px;
  box-sizing: border-box;
  gap: 15px 40px;
}

.special-clo-box .tag-list-box .tag-item {
  padding-left: 20px;
  background: url('../images/open-arrow1.png') left center no-repeat;
  background-size: 9px;
  color: #fff;
  min-width: 145px;
  line-height: 30px
}

.special-clo-box .tag-list-box .tag-item a {
  color: #fff; font-size:18px;
}

.special-clo-box .tag-list-box .tag-item a:hover {
  color: #e61101;
}

/* 解读 */
.jiedu-box {
  margin-top: 10px; 
	overflow: hidden;
}

.jiedu-box .jiedu-file-list {
  box-sizing: border-box;
  flex: 1;
	width:891px; float:left;
}

.jiedu-box .jiedu-file-list .hd ul {
  width: auto;
  display: flex;
  border-bottom: 1px solid #c4d6ec;
  padding: 0 0 0 70px;
  background: url('../images/open-tit4.png') left center no-repeat;
  background-size: 55px;
}

.jiedu-box .jiedu-file-list .hd ul li {
  font-size:20px;
  padding: 10px;
  position: relative;
  margin-left: 10px;
  cursor: pointer;
}

.jiedu-box .jiedu-file-list .hd ul li:first-of-type::after {
  content: '';
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  width: 1px;
  background: #c4d6ec;
}

.jiedu-box .jiedu-file-list .hd ul li::before {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  background: #0065ce;
  bottom: 0;
  left: 0;
  transition: width 0.3s;
}

.jiedu-box .jiedu-file-list .hd ul .on,.jiedu-box .jiedu-file-list .hd ul .on a {
  color: #0f60c9;
  font-weight: bold;
}

.jiedu-box .jiedu-file-list .hd ul .on::before {
  width: 100%;
}

.jiedu-box .jiedu-file-list .bd > ul {
  padding-top: 10px;
}

.jiedu-box .jiedu-file-list .bd > ul li {
  padding-left:15px;
  background: url('../images/arow1.png') no-repeat left center;
  display: flex;
  align-items: center;
	line-height:40px;
	font-size:18px;
}

.jiedu-box .jiedu-file-list .bd > ul li a {
  max-width: 810px;font-size:18px;
  flex: 1;
}

.jiedu-box .jiedu-file-list .bd > ul li span {
  color: #7b7b7b;
  font-size: 16px;
}

.jiedu-box .jiedu-right-box {
  width: 316px; 
	float: right;
}

.jiedu-right-box .title-box {
  border-bottom: 1px solid #c4d6ec;
}

.jiedu-right-box .title-box .txt-box {
  display: inline-block;
  padding: 0 10px;
  height: 44px;
  line-height: 44px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  color: #0f60c9;
  border-bottom: 3px solid #0f60c9;
}
.jiedu-right-box .title-box .txt-box a{ color: #0f60c9;}

/* 公报栏目 */

.gbBoximg .hd {
  width: 100%;
  position: relative;
  padding-left: 5%;
}

.gb-ylimg {
  width: 180px;
  margin: 0 auto;
  margin-top: 20px;
}

.gb-ylimg img {
  width: 100%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transition: all 0.2s;
}

.gb-ylimg img:hover {
  transform: translateY(-10px);
}

.imglistli {
  width: 98%;
  float: left;
  padding-top: 2%;
  font-size: 18px;
}

.imglistli li {
  padding: 6px 15px;
  float: left;
  color: #757575;
  margin: 15px 10px 0px 15px;
  background: #f5f5f5;
}

.imglistli li a:hover {
  color: #296fc0;
}

.gbBoximg .hd a {
  display: block;
  width: 41px;
  height: 40px;
  position: absolute;
  top: -260px;
}

.gbBoximg .hd a.prev {
  left: 10px;
}

.gbBoximg .hd a.next {
  right: 0;
}

.zd-info-box .title-list-box {
  width: auto;
  display: flex;
  border-bottom: 1px solid #c4d6ec;
}

.zd-info-box .title-list-box li {
  font-size: 22px;
  padding: 10px;
  position: relative;
  margin-right: 15px;
  cursor: pointer;
}

.zd-info-box .title-list-box li::before {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  background: #0065ce;
  bottom: 0;
  left: 0;
  transition: width 0.3s;
}

.zd-info-box .title-list-box .on,.zd-info-box .title-list-box .on a {
  color: #0f60c9;
  font-weight: bold;
}

.zd-info-box .title-list-box .on::before {
  width: 100%;
}

.zd-info-box .bd .tag-list {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start; 
 flex-direction: row;
   flex-wrap: wrap;	
	
}

.zd-info-box .tag-list li {
  border: 1px solid #c4d6ec;
  box-sizing: border-box;
  height: auto;
	margin:7px 7px;
	width:138px;
}

.zd-info-box .tag-list li a {
  padding: 15px;
  box-sizing: border-box;
  display: block;
  color: #1b76c9;
  width: 145px;
  text-align: center;
  font-size:18px;
}

.zd-info-box .tag-list li a:hover {
  background: #1b76c9;
  color: #fff;
  transition: all 0.25s;
}

/* 政务公开 */
.zw-gk-box {
  margin-top: 25px;
}

.zw-gk-box .title-box {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.zw-gk-box .title-box .line {
  width: 20px;
  height: 1px;
  background: #c4d6ec;
}

.zw-gk-box .title-box img {
  margin: 0 15px;
}

.zw-gk-box .title-box .line-2 {
  flex: 1;
  height: 1px;
  background: #c4d6ec;
  position: relative;
}

.zw-gk-box .title-box .line-2::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0165cc;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.zw-gk-box .list-box {
  display: flex;
  justify-content: space-around;
}

.zw-gk-box .list-box > li {
  width: calc(100% / 5 - 15px);
}

.zw-gk-box .list-box .item-box {
  padding: 10px 10px 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 2px;
  height: 256px;
  position: relative;
  overflow: hidden;
}

.zw-gk-box .list-box .item-box > * {
  flex-shrink: 0;
}

.zw-gk-box .list-box .item-box .img-box {
  width: 86px;
  height: 86px;
  margin-bottom: 10px;
  transition: all 0.3s;
}

.zw-gk-box .list-box .item-box:nth-of-type(1) {
  border: 1px solid #d5eafd;
  background: #fcfdff;
}

.zw-gk-box .list-box .item-box:nth-of-type(2) {
  border: 1px solid #d6efcf;
  background: #fcfefb;
}

.zw-gk-box .list-box .item-box:nth-of-type(3) {
  border: 1px solid #fadfd4;
  background: #fffcf7;
}

.zw-gk-box .list-box .item-box:nth-of-type(4) {
  border: 1px solid #ddd7fb;
  background: #fbfaff;
}

.zw-gk-box .list-box .item-box:nth-of-type(5) {
  border: 1px solid #ffdcb7;
  background: #fdfcf7;
}

.zw-gk-box .list-box .item-box:nth-of-type(1) .img-box {
  background: url('../images/openlm-icon3.png') no-repeat center 0px;
}

.zw-gk-box .list-box .item-box:nth-of-type(2) .img-box {
  background: url('../images/openlm-icon3.png') no-repeat center -113px;
}

.zw-gk-box .list-box .item-box:nth-of-type(3) .img-box {
  background: url('../images/openlm-icon3.png') no-repeat center -214px;
}

.zw-gk-box .list-box .item-box:nth-of-type(4) .img-box {
  background: url('../images/openlm-icon3.png') no-repeat center -316px;
}

.zw-gk-box .list-box .item-box:nth-of-type(5) .img-box {
  background: url('../images/openlm-icon3.png') no-repeat center -424px;
}

.zw-gk-box .list-box .item-box .name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  transition: all 0.3s;
}

.zw-gk-box .list-box .item-box ul {
  display: flex;
  flex-flow: row wrap;
  margin: -10px 0 0 -5px;
  transition: all 0.3s;
}

.zw-gk-box .list-box .item-box ul li {
  margin: 15px 0 0 5px;
  min-width: calc(50% - 5px);
  padding-left: 10px;
  box-sizing: border-box;
  background: url('../images/open-arrow2.png') no-repeat left center;
}

.zw-gk-box .list-box .item-box:nth-of-type(1) .open-moer {
  background: #fcfdff;
}

.zw-gk-box .list-box .item-box:nth-of-type(2) .open-moer {
  background: #fcfefb;
}

.zw-gk-box .list-box .item-box:nth-of-type(3) .open-moer {
  background: #fffcf7;
}

.zw-gk-box .list-box .item-box:nth-of-type(4) .open-moer {
  background: #fbfaff;
}

.zw-gk-box .list-box .item-box:nth-of-type(5) .open-moer {
  background: #fdfcf7;
}

.zw-gk-box .list-box .item-box .open-moer {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #cacac8;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  z-index: 9;
  background: #fff;
}

.zw-gk-box .list-box .item-box .open-moer .iconfont {
  font-size: 20px;
  font-weight: bold;
  transition: all 0.3s;
  display: inline-block;
}

.zw-gk-box .list-box .item-box:hover .open-moer .iconfont {
  transform: rotateZ(180deg);
}

.zw-gk-box .list-box .item-box:hover .img-box {
  transform: translateY(-100px);
}

.zw-gk-box .list-box .item-box:hover .name {
  transform: translateY(-130px);
}

.zw-gk-box .list-box .item-box:hover ul {
  transform: translateY(-140px);
}







/*---政务五公开---*/
.wgkzl .hd{  width:100%;}
.wgkzl .hd li{ float:left;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;width:229px; margin-right:16px; }
.wgkzl .hd li a{ display: block;width:100%;overflow: hidden;zoom:1;}

.wgkzl .hd li:last-child{ margin-right:0;}
.wgkzl .hd li i.tupic,.wgkzl .hd li span{ display:inline-block; float: left;}
.wgkzl .hd li i.tupic{  width:120px; height:103px; background:url(../images/openlm-icon3.png) no-repeat 0 0;margin-top:-13px;}
.wgkzl .hd li span{ height: 103px; line-height: 103px; font-size:19px;text-align:center;color:#333; font-weight: bold;margin-top:-13px;}
li.wgk1{ border: 1px solid #d7e8ff;}
li.wgk1 i.tupic{ background-position:0 0;}

li.wgk2{ border: 1px solid #d8edd1;}
li.wgk2 i.tupic{ background-position:0 -103px !important;}

li.wgk3{ border: 1px solid #fdded9; }
li.wgk3 i.tupic{ background-position:0 -206px !important;}

li.wgk4{ border: 1px solid #ddd6fc;}
li.wgk4 i.tupic{ background-position:0 -309px !important;}

li.wgk5{ border: 1px solid #feddb5;}
li.wgk5 i.tupic{ background-position:0 -412px !important}


.wgkzl .bd{ width:auto; padding:20px 20px 15px 20px;background:#f5f9fe;margin-top:13px;position:relative;  }
.wgknr{ width:100%;  display: flex;justify-content:flex-start;flex-direction: row;flex-wrap: wrap; }

.wgknr2,.wgknr3{ width:48%;  padding-right:2%; display: flex; justify-content: flex-start;}
.wgknr3{ padding-right:0 !important; border-right:none; }

.wgknr2 h4{ display:block; width:150px;  font-size:18px; font-weight:bold; color:#075fc3;line-height:30px;}
.wgknr3 h4{ display:block; width:160px;  font-size:18px; font-weight:bold; color:#075fc3;line-height:30px;}

.wgknr2 ul,.wgknr3 ul{ display:block;}
.wgknr2 ul li,.wgknr3 ul li{width:60%; background:url(../images/arow3.png) no-repeat 0 12px; line-height:30px; padding-left:25px; float: left; box-sizing:border-box;font-size:18px;}
.wgknr-dl ul li{ width:40%;}

.glgk{ width:100%; }
.glgk li{ float:left; margin-right:20px;background:url(../images/arow3.png) no-repeat left; text-indent:20px; font-weight:bold; line-height:36px; }
.glgk li a{ color:#075fc3;}

.guangli{ width:100%;}
.guangli ul{ float:left !important;  width:700px !important; }
.guangli ul li{ width: 220px !important;}


.wgkzl .hd li:hover i.tupic{
	webkit-transition: -webkit-transform 0.7s ease-out;
    -moz-transition: -moz-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
}
.wgkzl .hd li .open-moer{text-align: center;margin-bottom:10px;margin-top:-25px;}
.wgkzl .hd li .open-moer .iconfont {
  font-size: 20px;
  font-weight: bold;
  transition: all 0.3s;
  display: inline-block;
	color: #e1e0e0;
}

.wgkzl .hd li:hover .open-moer .iconfont,.wgkzl .hd li.on .open-moer .iconfont {
  transform: rotateZ(180deg);
	color: #777;
}

.wgkzl .hd li:hover .img-box {
  transform: translateY(-100px);
}

.wgkzl .hd li:hover .name {
  transform: translateY(-130px);
}

.wgkzl .hd li:hover ul {
  transform: translateY(-140px);
}

.gk-file-list .hd,.jiedu-file-list .hd{ position: relative;}
h3.gkbiaoti{ display: block; width: 75px; position: absolute; left: 0; height:40px; line-height: 40px;z-index: 9;}
h3.gkbiaoti a{ display: block; width:100%; height: 40px;}



.dmjdBox{ width:107%; display: flex; justify-content: flex-start; flex-direction: row;flex-wrap: wrap;margin-left:-28px;margin-top:5px; }
.dmjdBox .dmlist{ width:31.5%;margin-left:16px; margin-bottom:16px; box-sizing: border-box; position: relative; background: #9E6465; }
.dmlist .imglist{ width:100%; height: 156px;overflow: hidden;}
.dmlist .imglist img{ width:100%;}
.dmlist .tit{ height: 35px; line-height: 35px; background: url(../images/fous-bg.png) repeat-x; *background:rgba(0,0,0,0.5); width:100%; padding:0 10px; box-sizing: border-box;
 position: absolute; left: 0; bottom:0; color: #fff; text-align: center;}
.dmlist .tit{ color: #fff;}
.dmlist a{ display: block; width:100%;}
.dmlist a .tit{ color: #fff;}
