﻿/* body,
html {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
} */

html,
body {
  margin: 0px;
  font-family: '微软雅黑';
  font-weight: 400;
  width: 100%;
}

a {
  text-decoration: none;
}
ul,
li {
  padding: 0px;
  list-style: none;
}
/* .lrspace{background-color: white;} */
.bg {
  background-image: url(../images/homebg.png);
  background-repeat: no-repeat;
  margin: 0px auto;
  background-position: top center;
}
.box {
  width: 1050px;
  margin: 0px auto; /* display:flex;*/
  /* display:-webkit-flex;/* Safari */
  /* flex-direction:column;*/
}
.logo {
  width: 400px;
  margin-top: 55px;
  margin-bottom: 30px;
}
/* 导航栏 */
.nav {
  width: 1050px;
  height: 40px;
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #ed2c25;
}
.nav li {
  display: flex;
  justify-content: center;
  list-style: none;
  min-width: 90px;
  width: 150px;
  height: 40px;
  flex-grow: 1;
}
.nav li a {
  color: white;
  text-decoration: none;
  line-height: 40px;
  font-size: 18px;
  letter-spacing: 2px;
  min-width: 90px;
  width: 150px;
  text-align: center;
}
.navAct {
  background-color: #cc0000;
}
/* .nav li:hover{background-color:#cc0000;}*/
.container {
  width: 1020px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 15px;
  padding-bottom: 25px;
  background-color: #ffffff;
}
.box0 {
  display: flex;
  overflow: hidden;
  margin-bottom: 20px;
  height: 320px;
}
.box1 {
  flex: 1;
  overflow: hidden;
}
.box2 {
  flex: 1;
  margin-left: 20px;
  overflow: hidden;
}

.box1T {
  width: 580px;
  height: 320px;
}

/*** 滚动  **/
#slideplay {
  width: 580px;
  height: 320px;
  position: relative;
  overflow: hidden;
  float: left;
}
#slideplay ul {
  position: absolute;
  margin: 0px;
}
#slideplay ul li {
  height: 580px;
  height: 320px;
  position: relative;
  float: left;
  background: #000;
}
/* #slideplay ul li div{position:absolute;} */
#slideplay ul li img {
  width: 580px;
  height: 320px;
  padding: 0px;
  margin: 0px;
}
#title {
  display: inline-block;
  height: 30px;
  padding-left: 10px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: #fff;
  line-height: 30px;
  z-index: 999999;
}

#slideplay .btnBg {
  width: 580px;
  height: 30px;
  position: absolute;
  left: 0px;
  bottom: 0;
  background: #000;
}
#slideplay .btn {
  height: 30px;
  padding-right: 5px;
  position: absolute;
  right: 15px;
  bottom: 0;
  text-align: center;
}
#slideplay .btn span {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-top: 10px;
  margin-left: 5px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
}
#slideplay .btn span.on {
  background: #fff;
}

/* 轮播图/新闻动态/通知公告 */
.tab {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 18px;
  letter-spacing: 0px;
  color: #353535;
  padding: 8px;
  line-height: 35px;
  background-color: #dfdfdf;
}
.tabActivity {
  background-color: #cc0000;
  color: white;
}
.more {
  float: right;
  margin-right: 15px;
  color: #888888;
  font-size: 15px;
  font-weight: 100;
  line-height: 35px;
}
/* 政策法规/保密文化 */
.tab1 {
  font-size: 16px;
  font-stretch: normal;
  line-height: 18px;
  letter-spacing: 0px;
  color: #888888;
  padding-bottom: 5px;
}
.tab1Act {
  color: #cc0000;
}
.edutab {
  border-bottom: 1px solid #b2b2b2;
  margin-top: 8px;
  padding-bottom: 5px;
}
.tab2 {
  font-size: 16px;
  font-stretch: normal;
  line-height: 18px;
  letter-spacing: 0px;
  color: #888888;
  padding-bottom: 5px;
}
.tab2Act {
  color: #cc0000;
}
/* 分割图 */
/* .split{
 margin-top:20px;margin-bottom:20px;min-width:400px;height:90px;display:flex;justify-content:center;}
.split img{
 width:100%;height:100%;} */

/** 横幅 **/
#wrap {
  width: 1020px;
  height: 100px;
  padding: 0px;
  margin-bottom: 30px;
  margin-top: 10px;
}
#packet {
  width: 1020px;
  height: 100px;
  overflow: hidden;
  position: relative;
  padding: 0px;
  margin: 0px;
}
#packet ul {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px;
  margin: 0px;
}
#slide li {
  width: 1020px;
  height: 100px;
  position: relative;
  top: 0;
  left: 0;
  margin: 0px;
}
#slide li img {
  width: 1020px;
  height: 100px;
  padding: 0px;
  margin: 0px;
}

/* 宣传教育/以案说法/视频*/
/** 底部footer */
.footer {
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column;
  flex: 1;
  clear: both;
}
.link {
  position: relative;
  display: flex;
  padding: 10px;
  width: 1030px;
  max-height: 60px;
  flex: 1;
  margin: 0px auto;
}
.link span {
  display: flex;
}
.link a {
  padding: 10px;
  display: flex;
  height: 40px;
}
.linkcode {
  position: absolute;
  right: 0;
  bottom: 60px;
  margin-right: 20px;
}
.link a img {
  flex: 1;
}
.line {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 20px;
}
.webinfo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  min-width: 900px;
}
.info {
  display: flex;
  flex-direction: column;
}
.info span {
  font-size: 12px;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0px;
  color: #353535;
  margin-bottom: 2px;
}

/* 视屏 */
.video_box_con {
  width: 445px;
}
.videotilte {
  border-bottom: 1px solid #cc0000;
  height: 30px;
  margin-bottom: 1px;
}
.videotilte span {
  line-height: 30px;
  font-family: PingFang SC;
  color: #cc0000;
}
.videoname {
  margin-top: -5px;
  padding-left: 8px;
  background-color: #ff5252;
  color: #fff;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.video-box {
  position: relative;
}
.video-box video {
  display: inline-block;
  vertical-align: baseline;
  width: 100%;
  height: 250px;
  margin-top: 0px;
  padding: 0px;
}
.video-box .video-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  z-index: 99;
  background: url(../images/play.png) no-repeat;
  background-size: 30 30;
  cursor: pointer;
}

.list {
  clear: both;
  height: 30px;
  line-height: 30px;
  padding-right: 15px;
}
.list .title {
  float: left;
  color: #353535;
}
.list .time {
  float: right;
  color: #353535;
}

.edu_box {
  flex: 1;
  overflow: hidden;
}
.caserole_box {
  flex: 1;
  overflow: hidden;
  margin-left: 30px;
}
.secrit_box {
  /*flex:2.4;overflow:hidden;*/
  width: 275px;
  height: 250px;
  margin-left: 30px;
}

/*** 政策法规 */
.role_con {
  width: 530px;
  margin-left: 30px;
}
.roletitle {
  border-bottom: 1px solid #cc0000;
  height: 30px;
}
.roletitle span {
  line-height: 30px;
  font-family: PingFang SC;
  color: #cc0000;
  padding-bottom: 8px;
}

.roletab {
  border-bottom: 1px solid #b2b2b2;
  margin-top: 8px;
  padding-bottom: 5px;
}

.roletabmore {
  float: right;
  color: #888888;
  font-weight: 100;
}

/***宣传教育 */
.edu {
  border-bottom: 1px solid #cc0000;
  height: 30px;
}

.edu span {
  line-height: 30px;
  font-family: PingFang SC;
  color: #cc0000;
}

.edu a {
  float: right;
  color: #888888;
  font-weight: 100;
  line-height: 30px;
}

/*** 议案说法 */
.caserole {
  border-bottom: 1px solid #cc0000;
  height: 30px;
}

.caserole span {
  line-height: 30px;
  font-family: PingFang SC;
  color: #cc0000;
}
.caserole a {
  float: right;
  color: #888888;
  font-weight: 100;
  line-height: 30px;
}

/** 保密举报 */
.secrit {
  border: 1px #dfdfdf solid;
}

.secrittitle {
  margin: 10px auto;
  text-align: center;
  color: #353535;
  font-size: 20px;
}

.secritcon {
  padding: 10px;
  color: #353535;
  margin-top: -10px;
  font-size: 14px;
}

/* background-image:url(../images/secrback.png) ; background-repeat:no-repeat; */

.secritimg {
  color: #353535;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 15px;
}
.secritback {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.secritpc {
  z-index: 9999;
  display: flex;
  align-items: center;
  margin-left: 10px;
  position: relative;
  bottom: 15px;
}
.secritphone {
  color: #cc0000;
  margin-left: 10px;
  font-size: 22px;
}

/* .secritback{
    width: 100%; height: auto; margin-top: -25px; background-image:url(../images/secrback.png);
} */

/** 保密文化 */
.cur {
  border-bottom: #cc0000 solid 1px;
  color: #cc0000;
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.cur span {
  color: #cc0000;
}

/* 图片滚动 */
#container {
  width: 1020px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
#container ul {
  list-style: none;
  width: 10000px;
  position: absolute;
}
#container ul li {
  float: left;
  margin-right: 20px;
  height: 150px;
}
#container ul li img {
  height: 150px;
}

/*列表*/
.navigation {
  width: 1030px;
  float: left;
  background: url(../images/p.png) 1px no-repeat;
  padding-left: 30px;
  font-size: 14px;
}
.navigation a {
  color: black;
}
.navigation a:hover {
  color: red;
}
.listd {
  width: 1030px;
  background: #fff;
  padding: 20px;
}
.listcon {
  width: 1045px;
  height: 850px;
  background: #fff;
  padding-left: 25px;
}
.list_l {
  width: 225px;
  float: left;
  height: 800px;
  margin-top: 20px;
}
.list_r {
  width: 800px;
  float: left;
  height: 800px;
  margin-top: 20px;
  margin-left: 20px;
}

.list_menu {
  width: 225px;
  float: left;
  font-family: '微软雅黑';
}
.list_menu b {
  width: 206px;
  padding-left: 20px;
  float: left;
  background: url(../images/ico8.png) no-repeat red;
  background-position: 70px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 18px;
}
/* .list_menu .b1{ width:205px; padding-left:20px; float:left; background:url(../images/ico8.png) no-repeat red; background-position:20px; text-align:center;height:60px; line-height:60px;color:#fff; font-size:18px;} */
.list_menu b a {
  color: #fff;
  font-size: 18px;
}
.list_menu ul {
  margin-top: 0px;
  width: 205px;
  float: left;
  padding-left: 20px;
  border: #ddd solid 1px;
  border-top: none;
  height: 750px;
}
.list_menu ul li {
  line-height: 25px;
  width: 200px;
  background: url(../images/ico9.png) right no-repeat;
  padding: 12px 0px;
  border-bottom: #ddd dotted 1px;
  font-size: 16px;
  float: left;
}
.list_menu ul li a {
  color: black;
}
.list_menu ul li a:hover {
  color: red;
}
.list_menu .on {
  line-height: 25px;
  width: 200px;
  background: url(../images/ico10.png) right no-repeat;
  font-size: 16px;
  float: left;
  color: red;
  font-weight: bold;
}
.list_menu .on a {
  color: red;
  font-weight: bold;
}

.lmlist {
  width: 800px;
  float: left;
}
.lmlist li span.time {
  float: right;
  color: #999;
  margin-right: 40px;
}
.lmlist .ques {
  float: left;
  width: 65%;
  margin-right: 20px;
}
.lmlist ul {
  width: 800px;
  float: left;
}
.lmlist li {
  font-size: 16px;
  width: 780px;
  float: left;
  line-height: 30px;
  padding-left: 20px;
  background: url(../images/li.png) 1px no-repeat;
  font-size: 14px;
}
.lmlist li span {
  color: #999;
}
.lmlist li a {
  color: black;
}
.lmlist li a:hover {
  color: red;
}
.lmlist ul li.line {
  background-image: none;
  height: 1px;
  line-height: 1px;
  border-bottom: #ddd dashed 1px;
  margin: 15px 0px;
}
.list_r .title2 {
  width: 98%;
  height: 45px;
  line-height: 45px;
  background: #f7f7f7;
  margin-bottom: 10px;
}
.list_r .title2 span {
  display: block;
  float: left;
  height: 45px;
  padding: 0 15px;
  background: red;
  font-size: 18px;
  color: #fff;
}
.list_r .title2 span i {
  float: left;
  display: block;
  width: 0px;
  height: 0;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  margin-top: 16px;
  margin-right: 5px;
}

/*分页样式*/
.page_info {
  text-align: center;
  margin-top: 10px;
  color: #333;
}
.page_info span {
  padding: 0 2px;
  font-weight: bold;
}
.page_list {
  height: 24px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0;
  font-family: 'Arial Black';
  font-size: 12px;
  margin-top: 20px;
}
.page_list a {
  display: inline-block;
  color: #898989;
  border: 1px solid #e8e8e8;
  background: #f8f8f8;
  text-align: center;
  padding: 0 8px;
  margin: 0 1px;
}
.page_list a:hover {
  color: #fff;
  border: 1px solid #898989;
  background: #898989;
}
.page_list a.on {
  color: #333;
  border: 1px solid #ccc;
  background: #e5edf2;
}

/***正文内容 */
.article {
  width: 1030px;
  float: left;
  padding: 0px 0px 10px 0px;
  border: #efefef solid 1px;
  margin: 20px 0px;
}
.art_tit {
  width: 1030px;
  float: left;
  text-align: center;
}
.art_tit h2 {
  line-height: 20px;
  text-align: center;
  color: #333;
  font-size: 24px;
  font-family: 'Microsoft Yahei';
}

.art_2 {
  width: 1000px;
  margin: 0px 10px;
  font-size: 12px;
  float: left;
  border-bottom: #ddd solid 1px;
  border-top: #ddd solid 1px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #999;
  margin-bottom: 10px;
}
.art_2 a {
  color: #999;
  font-size: 12px;
}
.art_txt {
  width: 1000px;
  float: left;
  padding: 14px 10px;
  line-height: 35px;
  color: #000;
  font-family: '宋体';
  font-size: 16px;
}
