@charset "utf-8";

/* 通用标题切换 */
.tab-nav1{height:50px;border-bottom: 1px solid #ddd ;margin-bottom: 10px}
.tab-nav1 li{float: left; height: 50px; line-height: 50px; font-size:1.25em; text-align: center; padding: 0 15px;}
.tab-nav1 li.cur{border-bottom: 2px solid #006cab}
.tab-nav1 li.cur>a{color: #006cab}

.container .con1 {
	margin-top: 24px;
	margin-bottom: 24px;
}

.container .con_left {
	width: 64.2%;
	box-sizing: border-box;
	background-color: #fff;
}

.container .con_right {
	width: 34%;
	box-sizing: border-box;
	background-color: #fff;
}

/* 公众监督 */
/* .container .con1 .gzjd{
	height:524px;
	padding:24px;
} */
.container .con1 .gzjd {
	/* height: 648px; */
	padding: 24px;
}

.container .con1 .gzjd h2 {
	font-size: 1.25rem;
	color: #005293;
}

/* 信件查询 */
.letter_query {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	background-color: #ecf7ff;
	margin-top: 10px;
	position: relative;
}

.letter_query .lq_left img {
	margin-top: 10px;
}

.letter_query .lq_left span {
	display: inline-block;
	color: #005293;
	padding-left: 8px;
}

.letter_query .lq_left {
	position: absolute;
	left: 15px;
	color: #666;
}

.letter_query .lq_right {
	width: calc(100% - 130px);
	margin-left: 130px;
}

.letter_query .lq_right form input {
	border: 0;
	height: 24px;
	padding: 0 8px;
}

.letter_query .lq_right .button {
	display: inline-block;
	width: 76px;
	height: 24px;
	padding: 0 8px;
	background-color: #005293;
	line-height: 24px;
	color: #fff;
	margin-left: 8px;
}

.letter_query .lq_right .button img {
	padding-right: 8px;
}

.input-text {
	border: 0;
	width: calc(100% - 150px);
	height: 24px;
	padding: 0 8px;
	margin-top: -4px;
}

.input-find {
	background: url(../new_images/zmhd_icon_search.png) no-repeat;
	border: 0px;
	width: 72px;
	height: 28px;
	position: absolute;
	right: 0px;
	top: 5px;
}



/* 信件展示 */
.letter_show {
	margin-top: 20px;
}

.letter_show table {
	width: 100%;
}

.letter_show table thead tr {
	background-color: #f2f2f2;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: #015293;
}

.letter_show table tbody tr {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

.letter_show table thead tr th,
tbody tr td {
	text-align: center;
}

.letter_show table .col01 {
	width: 20%;
}

.letter_show table .col02 {
	width: 40%;
	text-align: left;
}

.letter_show table .col03 {
	width: 20%;
}

.letter_show table .col04 {
	width: 20%;
}

/* 征集调查 */
.container .con1 .zjdc {
	/* height:648px; */
	padding: 24px;
}

.container .con1 .zjdc h2 {
	font-size: 1.25rem;
	color: #005293;
}

.container .con1 .zjdc ul li {
	margin-top: 12px;
	background-color: #f7f7f7;
	position: relative;
}

.container .con1 .zjdc ul li a:hover {
	color: #c01a1b;
}

.container .con1 .zjdc ul li time {
	display: inline-block;
	color: #666666;
	font-size: 14px;
	width: 90px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -20px;
}

.container .con1 .zjdc ul li h3 {
	display: block;
	margin-left: 115px;
	margin-right: 5%;
	padding: 18px 0;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
}


.container .con2 {
	height: 304px;
	margin: 24px 0;
}

.zxft {
	height: 240px;
	padding: 24px;

}

.zxft h2 {
	font-size: 1.25rem;
	color: #005293;
}

.zxft ul.zxft_link {
	width: 70px;
	padding: 4px 0;
}

.zxft ul.zxft_link li {
	padding: 0 8px;
	height: 16px;
	font-size: 14px;
	line-height: 16px;
}

.zxft ul.zxft_link li:last-child {
	padding-right: 0;
}

.zxft .zxft_cont {
	padding-top: 40px;
}

.zxft .zxft_cont ul li .zc_img {
	display: block;
	width: 37%;
}

.zxft .zxft_cont ul li .zc_con {
	width: 60%;
}

.zxft .zxft_cont ul li .ft_text {
	line-height: 32px;
	margin-bottom: 15px;
}

.zxft .zxft_cont ul li .zc_con .ft_text label {
	display: inline-block;
	background-color: #f5f9fe;
	color: #0067a3;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	padding: 0 15px;
}

.zxft .zxft_cont ul li .zc_con .ft_text h3 {
	width: 348px;
	height: 32px;
	font-size: 16px;
	line-height: 32px;
}

/* 统计数据 */
.gzjd_tjsj {
	border-top: 1px solid #f7f7f7;
	/* margin:8px 0 24px; */
	padding-top:16px;
	margin-bottom:8px;
}

.gzjd_tjsj ul {
	margin: 8px -8px;
}

.gzjd_tjsj ul li {
	width: 20%;
	padding: 6px 8px;
	background-color: #f7f7f7;
	float: left;
	margin: 4px 8px;
}

.gzjd_tjsj ul li .item_nd {
	color: #0b6dd0;
}

.gzjd_tjsj ul li.item {
	background-color: #f5f9fe;
}

.gzjd_tjsj ul li.item .item_nd {
	color: #ff9723;
}

.xxrx {
	padding: 24px 2%;
	margin-top: 24px;
}

.xxrx .xxrx_btn {
	height: 127px;
	position: relative;
	background: url(../new_images/zmhd_bgicon_bg.jpg) center no-repeat;
	background-size: cover;
	line-height: 127px;
	margin-bottom: 20px;
}

.xxrx .xxrx_btn:last-child {
	margin-bottom: 0;
}

.xxrx .xxrx_btn a {
	display: block;
}

.xxrx .xxrx_btn a span {
	color: #fff;
	font-size: 1.5rem;
	height: 24px;
	line-height: 32px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 20px;
	padding-bottom: 10px;
}

.xxrx .xxrx_btn a img {
	vertical-align: middle;
	margin-left: 13%;
	width: 20%;
}


@media(max-width: 1024px) {
	.gzjd_tjsj ul li {
		width: 28%;
	}
}

@media(max-width:768px) {
	.gzjd_tjsj ul li {
		width: 28%;
	}
}

@media(max-width:414px) {
	.gzjd_tjsj ul li {
		width: 22%;
		height: 38px;
		padding: 6px 11px;
		margin: 4px 10px;
	}
}

@media(max-width:412px) {
	.gzjd_tjsj ul li {
		width: 24%;
		height: 38px;
		padding: 6px 10px;
		margin: 4px 7px;
	}
}

@media(max-width:375px) {
	.gzjd_tjsj ul li {
		width: 38%;
		height: 38px;
		padding: 6px 10px;
		margin: 4px 10px;
	}
}

@media(max-width:360px) {
	.gzjd_tjsj ul li {
		width: 40%;
		height: 38px;
		padding: 6px 8px;
		margin: 4px 8px;
	}
}

@media(max-width:320px) {
	.gzjd_tjsj ul li {
		width: 30%;
		height: 38px;
		padding: 6px 18px;
		margin: 4px 10px;
	}
}

@media(max-width: 780px) {
	.container .con_left {
		width: 100%;
		margin-bottom: 20px;
	}

	.container .con_right {
		width: 100%;
	}

	.container .con1 .gzjd {
		height: auto;
	}

	.container .con1 .zjdc {
		height: auto;
	}

	.xxrx .xxrx_btn {
		width: 48%;
		margin: 0 1%;
		float: left;
	}

}

@media(max-width: 480px) {

	.leftbox,
	.rightbox {
		width: 98%;
		margin: 0 1% 10px;
	}

	.xxrx .xxrx_btn {
		width: 98%;
		margin: 0 1% 20px;
	}

	.zxft {
		height: auto;
		padding: 24px;

	}

}