/******************** 解读回应 ********************/
.section { padding: 25px 0; overflow: hidden;}

/* 政策解读 */
.zcjd { float: left; width: 770px;}

/* 回应关切 */
.hygq { float: right; width: 405px;}
.hygq .list { margin-top: 0; padding-top: 8px;}
.hygq .list li { background: #edf5fa; line-height: 57px; margin-top: 12px;}
.hygq .list li span { right: 15px;}

/* 政策图解 */
.zctj { background: #f5f5f5;}
.zctj-list { margin-top: 20px; overflow: hidden;}
.zctj-list li {position: relative;float: left;padding: 10px;width: 335px;height: 260px;background: #fff;margin: 0 12px;overflow: hidden;}
.zctj-list li .pic {width: 335px;height: 175px;overflow: hidden;}
.zctj-list li img { width: 100%; min-height: 120px; transform: scale(1); transition: all .5s;}
.zctj-list li .pic:hover img { transform: scale(1.05); transition: all .5s;}
.zctj-list li h3 { font-size: 16px; font-weight: normal; line-height: 20px; margin-top: 15px;}
.zctj-list li h3 a:hover { color: #0d7abf;}
.zctj-list li p { position: absolute; left: 10px; bottom: 15px; font-size: 16px; color: #707070;}

/* 在线访谈 */
.zxft { float: left; width: 770px;}
.zxft-list { background: #edf5fa; padding: 10px 10px 20px; margin-top: 20px; overflow: hidden;}
.zxft-list .zxft-pic { float: left; width: 350px; height: 240px; overflow: hidden;}
.zxft-list .zxft-pic img { width: 100%; height: 100%; transform: scale(1); transition: all .5s;}
.zxft-list .zxft-pic:hover img { transform: scale(1.05); transition: all .5s;}
.zxft-list .zxft-text { position: relative; height: 220px; margin-left: 350px; padding: 20px 40px 0 20px;}
.zxft-list .zxft-text p { position: relative; line-height: 20px; padding-left: 80px; margin-bottom: 20px;}
.zxft-list .zxft-text span { position: absolute; left: 0; top: 0; font-weight: bold; display: block; }
.zxft-list .zxft-text .more { position: absolute; right: 40px; bottom: 0; color: #df1110;}

/* 统计解读 */
.tjjd { float: right; width: 405px;}



/******************** 走进 ********************/
/* 轮播图 */
.slideBox { position: relative; width: 1200px; height: 400px; margin: 30px auto 0; overflow: hidden;}
.slideBox .prev,.slideBox .next { position: absolute; left: 0; top: 50%; display: block; width: 30px; height: 70px; text-align: center; line-height: 70px; font-size: 30px; color: #fff; font-family: simsun; font-weight: bold; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); margin-top: -35px;}
.slideBox .next { left: auto; right: 0;}
.slideBox .prev:hover,.slideBox .next:hover { background:rgba(0,0,0,1); color:#d4d6d4 !important;}
.slideBox .bd { width: 1200px; height: 400px;}
.slideBox .bd li { position: relative; width: 1200px; height: 400px;}
.slideBox .bd li .text { position:absolute; left: 115px; top:0; width: 260px; height: 300px; padding: 50px 20px; background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);}
.slideBox .bd li .text h3 { font-size: 26px; line-height: 30px; text-align: center; color: #fff;}
.slideBox .bd li .text p { color: #fff; line-height: 30px; text-indent: 2em; text-align: justify; margin-top: 30px;}
.slideBox .bd li img { width: 100%; height: 100%; transform: scale(1); transition: all .3s;}
.slideBox .bd li:hover img { transform: scale(1.05); transition: all .3s;}
.slideBox .hd { position: absolute; right: 60px; bottom: 30px; z-index: 8;}
.slideBox .hd li { float: left; width: 30px; height: 4px; background: #fff; margin-left: 10px;}
.slideBox .hd li.on { background: #0d7abf;}

/* 概况 */
.survey { padding: 50px 0;}
.survey-tit { float: left; width: 220px;}
.survey-text { margin-left: 220px; padding-top: 50px;}
.survey-text p { line-height: 30px; text-indent: 2em; text-align: justify;}
.survey-text p a { color: #e60000;}
.survey-list { margin-top: 50px; overflow: hidden;}
.survey-list li { float: left; border: 1px solid #cacaca; width: 348px; height: 385px; margin-left: 75px; overflow: hidden;}
.survey-list li:first-child { margin-left: 0;}
.survey-list li .pic { width: 348px; height: 219px; overflow: hidden;}
.survey-list li img { width: 100%; height: 100%; transform: scale(1); transition: all .5s;}
.survey-list li .pic:hover img { transform: scale(1.05); transition: all .5s;}
.survey-list li .text { padding: 20px;}
.survey-list li .text h3 { font-size: 20px;}
.survey-list li .text p { line-height: 30px; text-align: justify; margin-top: 10px;}
.survey-list li .text p a { color: #e60000;}

/* 经济 */
.economics { background: #f5f5f5; padding: 50px 0;}
.economics .survey-text { margin-left: 240px; padding-top: 15px;}
.economics-list { float: right; margin-top: 50px; margin-right: 100px;}
.economics-list ul { float: left;}
.economics-list ul li { margin: 0 1px 1px 0; overflow: hidden;}
.economics-list ul li img { transform: scale(1); transition: all .5s;}
.economics-list ul li:hover img { transform: scale(1.05); transition: all .5s;}


/******************** 列表页 ********************/
.column-left { float: left; width: 270px; background: #f2f2f2; padding-bottom: 1000px; margin-bottom: -1000px;}
.column-left h2 { background: #0d7abf; font-size: 18px; color: #fff; text-align: center; line-height: 25px; padding: 10px;}
.column-left ul { padding: 0 10px 50px;}
.column-left ul li { margin-top: 10px;}
.column-left ul li a { display: block; width: 227px; border-left: 3px solid #ccc; background: #fff; text-align: center; line-height: 20px; padding: 13px 10px;} 
.column-left ul li.active a,.column-left ul li a:hover { background: #409ee1; border-color: #136eaf; color: #fff;}
.column-right { margin-left: 290px;}
.column-item { margin-bottom: 20px;}
.column-tit { border-bottom: 1px solid #e0e0e0; height: 37px;}
.column-tit h3 { float: left;}
.column-tit h3 a { display: block; border-bottom: 2px solid #2976cc; height: 36px; font-size: 18px; line-height: 30px; font-weight: normal;}
.column-right .list { margin-top: 0;}
.column-right .list li {height: 50px; border-bottom: 1px dashed #e0e0e0; line-height: 50px; }


/******************** 文章页 ********************/
.content {/* padding: 20px 50px; *//* border: 1px solid #e8e8e8; *//* -webkit-box-shadow: 0 0 10px #dfe0e2; *//* box-shadow: 0 0 10px #dfe0e2; */}
.content .art-tit { font-size: 24px; line-height: 30px; text-align: center;}
.content .info { border-bottom: 1px solid #e8e8e8; text-align: center; padding-bottom: 10px; margin-top: 30px; overflow: hidden;}
.content .info p { font-size: 14px; }
.content .info span { font-size: 14px; padding: 0 10px; }
.content .info a:hover{ color: #0d7abf;}
.content .dozoom img{ margin-top: -2px;  }
.content .dozoom a{ margin: 0 5px; font-size: 14px; }
.content .dozoom .on{ opacity: 0.6; }
.content-main { margin-top: 30px; overflow: hidden;}
.content-main,.content-main * { font-size: 16px; font-family: "宋体"; line-height: 1.5; max-width:100%; box-sizing: border-box; }
.content-main img { max-width: 100%; height: auto;} 
.content-main table { table-layout: fixed; width: auto !important; max-width: 100%;}
.content-main table td { border: 1px solid #e1e1e1;}
.content-bottom { margin-top: 30px; overflow: hidden;}
.content-bottom .fr a:hover { color: #0d7abf;}
.content .bdsharebuttonbox { float: left; background: url(2020css_bm_share.png) no-repeat left center; padding-left: 25px;}
.content .qrcode { text-align: center; margin-top: 50px;}
.content .qrcode p { font-size: 16px; line-height: 20px; padding-bottom: 10px;}


/******************** 领导信息 ********************/
.leader-wrap { padding-bottom: 20px;}
.leader-box { padding: 20px; background: #fff; margin-top: 20px; overflow: hidden;}
.leader-box .title { background: none; padding-left: 0;}
.leader-box .title .more a { background: url(2020css_qx_leader_more.png) no-repeat right center;}
.leader-box .list li { background-image: url(leader_dot.png);}
.leader-box .left1 { float: left; width: 607px;}
.leader-box .right1 { float: right; width: 520px;}
.leader-head { height: 35px; line-height: 35px; background: #ededed;}
.leader-head ul { float: left;}
.leader-head ul li { float: left;}
.leader-head ul li a { display: block; padding: 0 15px; font-size: 18px; color: #666;}
.leader-head ul li.on a { background: #0d7abf; color: #fff;}
.ldhd .first { border-bottom: 1px dashed #e7e7e7; padding: 10px 0; overflow: hidden;}
.ldhd .first h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ldhd .first h3 a { color: #666;}
.ldhd .first h3 a:hover { color: #006eab;}
.ldhd .first p { height: 60px; font-size: 14px; color: #999; line-height: 30px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ldhd .first p  a { color: #c62422;}
.zfgzbg { float: left; width: 350px;}
.zfgzbg-list { padding-top: 10px;}
.zfgzbg-list a { display: block; border: 1px solid #f5f5f5; height: 48px; font-size: 20px; text-align: center; line-height: 48px; margin-top: 8px;}
.zfgzbg-list a:hover { border-color: #0d7abf; color: #0d7abf;}
.zfgzbg .ldjg { display: block; height: 83px; background: #006eab; font-size: 18px; font-weight: bold; letter-spacing: 3px; color: #fff; line-height: 83px; text-align: center; margin-top: 20px; transition: all .5s;}
.zfgzbg .ldjg:hover { box-shadow: 4px 4px 8px #cdced0; transition: all .5s;}
.zfcwhy { float: right; width: 780px;}
.leader-list { position: relative; padding-left: 80px; margin-top: 20px; overflow: hidden;}
.leader-list h3 { position: absolute; top: 0; left: 0; width: 100px; text-align: center; font-size: 18px; color: #006eab;}
.leader-list ul { width: 450px; overflow: hidden;}
.leader-list ul li { float: left; margin: 0 10px 20px;}
.leader-list ul li .pic{ width: 92px; height: 115px;}
.leader-list ul li .pic img { width: 100%; height: 100%;}
.leader-list ul li p { font-size: 18px; color: #666; line-height: 30px; text-align: center;}
.leader-list ul li p a { color: #666;}
.leader-list.first ul li .pic { float: left; width: 115px; height: 161px;}
.leader-list.first ul li .text { margin-left: 140px; padding-top: 15px;}
.leader-list.first ul li .text h4 { font-size: 18px; font-weight: normal; }
.leader-list.first ul li .text h4 a { color: #006eab;}
.leader-list.first ul li .text p { font-size: 18px; color: #666; text-align: left; margin-top: 20px;}



/******************** media ********************/
@media only screen and (max-width: 1199px) {
    .section,.main { padding: 10px; margin: 0 10px; width:calc(100% - 20px)}

    .zcjd,.hygq,.zxft,.tjjd { width: 100%;}
    .tjjd { margin-top: 10px;}
    .zctj-list { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0;}
    .zctj-list li { width: calc(100% / 4 - 5px); margin: 10px 0 0;}
    .zctj-list li .pic { width: 100%;}

    .column-left { float: none; width: 100%; padding-bottom: 0; margin-bottom: 0;}
    .column-left ul { padding-bottom: 10px;}
    .column-left ul li a { width: 100%;}
    .column-right { margin-left: 0; margin-top: 10px;}

    .content { padding: 10px;}

    .leader-wrap { padding-bottom: 0;}
    .mt20,.zfcwhy,.leader-list { margin-top: 10px;}
    .leader-box { margin: 0; padding: 10px;}
    .leader-box .right1 { float: none; width: 100%;}
    .leader-list ul,.leader-box .left1,.zfgzbg,.zfcwhy { width: 100%;}

    .slideBox { width: auto; height: auto; margin: 10px 10px 0;}
    .slideBox .bd,.slideBox .bd li { width: 100%; height: auto;}
    .slideBox .hd { width: 100%; left: 0; bottom: 10px; text-align: center;}
    .slideBox .hd li { display: inline-block; float: none;}
    .slideBox .bd li .text { position: static; width: 100%; height: auto; padding: 20px 20px 30px;}
    .slideBox .bd li .text h3 { font-size: 20px;}
    .slideBox .bd li .text p { font-size: 14px; line-height: 24px; margin-top: 10px;}
    .survey-tit { float: none; width: 100%; text-align: center;}
    .survey-text { margin-left: 0; padding-top: 10px;}
    .survey-list { margin-top: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
    .survey-list li { width: calc(100% / 3 - 5px); height: auto; margin-left: 0; margin-top: 10px;}
    .survey-list li .pic { width: 100%;}
    .economics .survey-text { margin-left: 0;}
    .economics-list { width: 100%; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
    .economics-list ul { width: 33%;}
    .economics-list ul li { margin-right: 0;}
    .economics-list ul li img { width: 100%;}
	
	#zzjg{ padding: 10px 0; }
    #zzjg .organization ul{ padding-left:0; }
    #zzjg .organization li{ width: 50%; padding: 0;  }
    #zzjg .organization li a{ margin-left: 10px; }

}

@media only screen and (max-width: 768px) {
    .zctj-list li { width: calc(100% / 2 - 5px);}
    .zxft-list .zxft-pic,.zxft-list .zxft-pic img { float: none; width: 100%; height: auto;}
    .zxft-list .zxft-text { margin-left: 0; padding: 10px; height: auto;}
    .zxft-list .zxft-text .more { position: static; float: right;}

    .survey-list li { width: 100%;}
    .survey-list li .pic { height: auto;}
}

@media only screen and (max-width: 480px) {
    .zctj-list li { width: 100%;}

    .leader-list { padding-left: 0;}
    .leader-list h3 { position: static; width: 100%; margin-bottom: 10px;}
    .leader-list ul li { width: 33.33%; margin-left: 0; margin-right: 0;}
    .leader-list ul li .pic { margin: 0 auto;}
    .leader-list.first ul li { width: 100%;}

    .economics-list ul { width: 100%;}
    .economics-list ul li { margin-top: 10px; margin-bottom: 0;}
    .economics-list ul li img { height: auto;}
}
/**分页区域**/
.cutPage {
	height: 30px;
	margin: 20px;
}
#kkpager {
	color: #999;
	padding: 5px 0px 5px 0px;
	font-size: 13px;
}
#kkpager a {
	border: 1px solid #ccc;
	display: inline;
	padding: 3px 7px 3px 7px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #fff;
	text-decoration: none;
	color: #999;
}
#kkpager span.disabled {
	display: inline;
	padding: 3px 7px 3px 7px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #DFDFDF;
	background-color: #FFF;
	color: #DFDFDF;
}
#kkpager span.curr {
	border: 1px solid #006699;
	display: inline;
	padding: 3px 7px 3px 7px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #E6F1F7;
	color: #006699;
}
#kkpager a:hover {
	border: 1px solid #006699;
	background-color: #006699;
	color: #fff;
}
#kkpager span.normalsize {}
#kkpager_gopage_wrap {
	position: relative;
	left: 0px;
	top: 0px;
}
#kkpager_btn_go {
	width: 44px;
	height: 18px;
	border: 0px;
	overflow: hidden;
	line-height: 140%;
	padding: 0px;
	margin: 0px;
	text-align: center;
	cursor: pointer;
	background-color: #006699;
	color: #FFF;
	position: absolute;
	left: 0px;
  top: 1px;
  border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: none;
}
#kkpager_btn_go_input {
	width: 36px;
	height: 16px;
	color: #999;
	text-align: center;
	margin-left: 1px;
	margin-right: 1px;
	border: 1px solid #DFDFDF;
  position: relative;
  border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	left: 0px;
	top: 0px;
	outline: none;
}
#kkpager_btn_go_input.focus {
	border-color: #006699;
}
#kkpager .pageBtnWrap {
	float: left;
}
#kkpager .infoTextAndGoPageBtnWrap {
	float: right;
	margin-right: 35px;
}
#kkpager .spanDot {
	margin-right: 5px;
}
#kkpager .currPageNum {
	color: #006699;
}
#kkpager .infoTextAndGoPageBtnWrap {
	padding-top: 5px;
}


/*************机构细览***********/
	.content .wjxx {
    background: #f7f7f7;
    border: 1px solid #dddddd;
    padding: 10px 0;
    margin-bottom: 30px;
   
}
 .content .wjxx li {
    width: 33.33%;
    float: left;
    font-size: 16px;
    padding: 7px 0;
}
.content .wjxx li span {
    display: block;
    margin-left: 30px;
}

@media only screen and (max-width: 600px) {
	 .content .wjxx li {
    width: 100%;
    float: left;
    font-size: 16px;
    padding: 7px 0;
}
	}