﻿.page-main { 
  position: relative;
  background: #ffffff;
}


/* 公共列表样式 */
.newlist li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  height: 38px;
  line-height: 38px;
  background: url('../images/arow1.png') no-repeat left;
}

.newlist li a {
  flex: 1;
  max-width: 80%;
}

.newlist li .date {
  font-size: 14px;
  color: #636363;
}

/* 公共slide-box 样式 */
.base-slide-box .hd {
  position: relative;
  background: url('../images/line-bg.png') repeat-x center center;
}

.base-slide-box .hd .moer-box {
  position: absolute;
  right: 0;
  top: 0;
  width: 56px;
  height: 100%;
  padding-left: 10px;
  background: #fff;
}

.base-slide-box .hd .moer-box a {
  color: #5d85b9;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.base-slide-box .hd .moer-box a .iconfont {
  font-size: 12px;
  margin-left: 4px;
}

.base-slide-box .hd .moer-box a:hover {
  color: #e61101;
}

.base-slide-box .hd ul {
  display: flex;
  margin-left: 20px;
  overflow: inherit;
}

.base-slide-box .hd ul li {
  font-size: 20px;
  position: relative;
  background: #fff;
  padding: 0 10px;
  cursor: pointer;
}

.base-slide-box .hd ul li:not(:first-of-type) {
  padding-left: 20px;
}

.base-slide-box .hd ul .on {
  color: #0e5fca;
  font-weight: bold;
  position: relative;
}

.base-slide-box .hd ul .on::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-bottom-color: #0e5fca;
}

.base-slide-box .bd {
  margin-top: 15px;
}

/* content背景图片 */
.page-content-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  background: url('../images/content-top.png') no-repeat top center;
  background-size: cover;
  z-index: 0;
}

/*-------当前位置-----*/
.location {
  line-height: 26px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #666;
}
.location a {
  margin: 0px 5px;
  color: #666;
}
.location .icon-weizhi1 {
  color: #949494;
}

.neiCenter {
  margin-top: 15px;
}

.neiCenter2 {
  width: 100%;
  margin: 0 auto;
  margin-top: 15px;
}

/* 筛选栏 */
.fitler-box {
  margin-top: 15px;
}

.fitler-box .filter-item-title {
  font-size: 18px;
  font-weight: bold;
  color: #0d8fcd;
  background: url('../images/zcjd-fbg.png') repeat-x center center;
}

.fitler-box .filter-item-title span {
  display: inline-block;
  height: 100%;
  width: 85px;
  background: #fff;
}

.fitler-box .f-list {
  display: flex;
  margin: 15px 0;
}

.fitler-box .f-list li {
  padding-right: 20px;
  cursor: pointer;
  transition: all 0.25s;
}

.fitler-box .f-list li:hover {
  color: #0d8fcd;
}

.fitler-box .f-list .active {
  color: #0d8fcd;
}

.select-box {
  display: flex;
  align-items: center;
  padding: 15px 0 0;
  border-top: 1px solid #b7cbf0;
}

.select-box .tip-box {
  padding: 5px 10px;
  color: #fff;
  background: #3aa1e3;
  border-radius: 2px;
}

.select-box .active-item {
  margin-left: 15px;
  border: 1px solid #c3dcfa;
  background: #f7faff;
  color: #409bd2;
  padding: 5px 20px;
  letter-spacing: 1px;
  border-radius: 2px;
}

.select-box .clear-box {
  color: #989898;
  cursor: pointer;
  margin-left: 15px;
}

.interpretBox{ display: flex; justify-content: space-between;}
.screenBox{ width:49%;}

/* 轮播图 本市政策图解  中省政策图解 */
.head-content {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-top:-25px;	
}

.head-content > div {
  width: calc(50% - 15px);
  margin: 15px 0 0 15px;
}

/* 轮播图 */
.banner-slide-box {
  height: 100%;
  position: relative;
}

.banner-slide-box .bd {
  height: 100%;
}

.banner-slide-box .bd li {
  height: 100%;
  position: relative;
}

.banner-slide-box .bd li a {
  width: 100%;
  height: 100%;
  display: block;
}

.banner-slide-box .bd li a img {
  width: 100%;
  height: 100%;
}

.banner-slide-box .bd li .name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 0 130px 0 20px;
  box-sizing: border-box;
  text-align: left;
}

.banner-slide-box .hd ul {
  position: absolute;
  right: 15px;
  bottom: 17px;
  z-index: 9;
  display: flex;
  justify-content: flex-end;
}

.banner-slide-box .hd ul li {
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  margin-right: 8px;
}

.banner-slide-box .hd ul .on {
  background: #e42929;
}

/* 政策吹风会 */
.zccf-box {
  background: url('../images/zcjd-bg.jpg') no-repeat center center;
  background-size: cover;
	padding-bottom:25px;
}

.zccf-box .content-box {
  background: rgba(0, 0, 0, 0);
}

.base2-slide-box .hd {
  padding: 10px 0;
  margin-bottom: 10px;
}

.base2-slide-box .hd ul {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url('../images/zcjd-title-left.png') no-repeat left center,
    url('../images/zcjd-title-right.png') no-repeat right center;
  background-size: 38%;
  overflow: inherit;
}

.base2-slide-box .hd ul li {
  font-size: 24px;
  position: relative;
  padding: 0 10px;
  cursor: pointer;
  color: #828282;
}

.base2-slide-box .hd ul .on {
  color: #0e5fca;
  font-weight: bold;
}

.base2-slide-box .hd ul .on::after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  border: 8px solid transparent;
  border-bottom-color: #0e5fca;
}

.zccf-slide-box .bd {
  background: url('../images/zctjbg2.png') top no-repeat;  
  height: 401px;
}

.news-item-box {
  display: flex;
}

.news-item-box .left-box {
  flex: 1;
  padding: 15px 15px;
  display: flex;
  box-sizing: border-box;
  width: 820px;
}

.news-item-box .left-box .img-box {
  width: 460px;
  height: 320px;
}

.news-item-box .left-box .img-box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.news-item-box .left-box .txt-box {
  flex: 1;
  padding: 0 40px 0 15px;
  box-sizing: border-box;
  width: 45%;
}

.news-item-box .left-box .txt-box p {
  line-height: 32px;
}

.news-item-box .left-box .txt-box p span {
  font-weight: bold;
  width: 78px;
  text-align: right;
  display: inline-block;
}

.news-item-box .left-box .txt-box p .jianjie {
  letter-spacing: 1em;
}

.news-item-box .left-box .txt-box .info-but {
  border: 1px solid #0e61c9;
  color: #0e61c9;
  padding: 5px 10px;
  border-radius: 2px;
  margin-top: 20px;
  display: inline-block;
}

.news-item-box .left-box .txt-box .info-but:hover {
  background: #0e61c9;
  color: #fff;
}

.news-item-box .right-box {
  width: 415px;
  position: relative;
  padding: 15px;
  box-sizing: border-box;
  padding-left: 15px;
}

.news-item-box .right-box .moer-but {
  position: absolute;
  display: block;
  padding: 10px;
  right: 5px;
  top: 5px;
  color: #aeaeae;
  transition: all 0.25s;
}

.news-item-box .right-box .moer-but:hover {
  color: #0f60c9;
}

.news-item-box .right-box ul {
  padding: 20px 0 0 25px;
  border-left: 1px solid #eaeaea;
  box-sizing: border-box;
  overflow: inherit;
  margin: 40px 0 0 10px;
  width: auto;
}

.news-item-box .right-box ul li {
  padding: 30px 10px 15px;
  box-shadow: 0 0 5px 0 rgb(214, 211, 211);
  box-sizing: border-box;
  position: relative;
	width:95%;
}

.news-item-box .right-box ul li .date {
  position: absolute;
  top: -17px;
  left: 0;
  padding: 5px 10px;
  color: #fff;
  background: #0f60c9;
  border-radius: 4px;
}

.news-item-box .right-box ul li:not(:first-of-type) {
  margin-top: 40px;
}

.news-item-box .right-box ul li::after {
  content: '';
  position: absolute;
  top: -5px;
  left: -30px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1264d4;
  box-shadow: 0 0 2px 3px #bdd6f5;
}

/* 音视解读 动漫数字人 */
.jd-box {
  display: flex;
 justify-content: space-between;
  margin-top:10px;
}

.jd-box .item-box { 
	width:49.45%;  

}

/* 其他图解 */
.qt-box{margin-bottom:10px;}
.qt-box .content-box {
  background: rgba(0, 0, 0, 0);
	padding:0;
	margin-top:0px;
}

.qt-slide-box .hd ul {
  background-size: 44%;
}
.qt-slide-box .hd ul .on::after{border: none;}


.qt-img-list {
  display: flex;
  justify-content: space-between;
}

.qt-img-list li {
  border-radius: 4px;
  width: calc(100% / 3 - 15px);
  position: relative;
  height: 230px;
}

.qt-img-list li a {
  width: 100%;
  height: 100%;
  display: block;
}

.qt-img-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.qt-img-list li .txt-box {
  position: absolute;
  width: 94%;
  left: 3%;
  bottom: 4%;
  padding: 6px 4px;
  background: #fff;
  border-radius: 2px;
}

.newlist .line {
  border-bottom: 1px dashed #e5e5e5;
  margin: 15px 0;
  height: 1px;
  overflow: hidden;
  padding: 0;
  background: none;
}

.reslut-paging {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.minddle-main .content-box{ margin-top:20px;}
