@charset "UTF-8";

/* ========== 信箱选登 start ========== */
.letterTop {
	height: 50px;
	border: 1px solid rgba(204, 204, 204, 0.2);
	border-radius: 50px;
	background: rgba(242, 242, 242, 0.2);
	overflow: hidden;
	line-height: 50px;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}

.letterTop .state {
	width: 132px;
	margin-left: 82px;
}

.letterTop .time {
	width: 220px;
}

.letterTop .number {
	width: 295px;
}

.letterTop .title {
	overflow: hidden;
}

.letterList dd {
	padding: 20px 0;
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.letterList dd .state {
	width: 132px;
	margin-left: 82px;
	font-size: 16px;
	color: #666666;
	text-align: center;
	padding: 0 5px;
	box-sizing: border-box;
}

.letterList dd .time {
	width: 220px;
	font-size: 16px;
	color: #666666;
	text-align: center;
	padding: 0 5px;
	box-sizing: border-box;
}

.letterList dd .number {
	width: 295px;
	font-size: 16px;
	color: #666666;
	text-align: center;
	padding: 0 5px;
	box-sizing: border-box;
}

.letterList dd .title {
	overflow: hidden;
	line-height: 40px;
	height: 40px;
	padding-right: 30px;
}

.letterList dd .title a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	transition: all 0.3s linear;
}

.letterList dd .title:hover a {
	color: #d63031;
}

/* ========== 信箱选登 end  ========== */
/* ========== 政民互动 start ========== */
.zmhdColumn1 {
	background: #ffffff;
	overflow: hidden;
	padding-bottom: 25px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.zmhdColumn1L {
	width: 68.4615%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.zmhdColumn1L .zmhdColumn1LBox {
	overflow: hidden;
}

.zmhdColumn1R {
	width: 31.5385%;
}

.zmhdTop {
	padding: 0 20px;
}

.zmhdConTitle {
	height: 65px;
	font-weight: bold;
	border-bottom: 2px solid #f5f5f5;
	font-size: 24px;
	color: #333333;
	line-height: 65px;
	padding-top: 13px;
	position: relative;
}

.zmhdConTitle:before {
	position: absolute;
	display: block;
	content:
		"";
	left: -13px;
	width: 70px;
	height: 45px;
	background: url("../images/zmhd/zmhdConTitleBj.png")no-repeat center center;
}

.zmhConMore {
	font-size: 16px;
	color: #808080;
	line-height: 65px;
	padding-right: 15px;
	background: url("../images/zmhd/zmhdConMoreBj.png") no-repeat right center;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transform: translateY(13px);
	z-index: 100;
	position: relative;
}

.zmhdColumn2More {
	line-height: 45px;
	font-weight: normal;
}

.zmhdColumn2More:hover a {
	color: #d63031;
}

.zmhConMore:hover {
	color: #d63031;
}

.zmhdConTitle span {
	display: inline-block;
	border-bottom: 2px solid #d63031;
}

.zmhdColumn1LBoxBot {
	overflow:
		hidden;
	padding-top: 10px;
}

.zmhdColumn1LBoxBot table .zmhdTableTop {
	text-align: center;
	font-weight: bold;
	color: #333333;
	font-size: 16px;
}

.zmhdColumn1LBoxBot table {
	width: 100%;
	padding-top: 10px;
}

.zmhdColumn1LBoxBot table td {
	padding: 0 20px;
	height: 50px;
	font-size: 16px;
	color: #666;
	line-height: 50px;
	overflow: hidden;
	text-align: center;
}

.zmhdColumn1LBoxBot table tr:hover td a {
	color: #d63031;
}

.zmhdColumn1RBoxBot {
	padding-right: 20px;
	padding-left: 18px;
}

.zmhdRkList {
	overflow: hidden;
	margin: 0 -10px 10px;
	padding-top: 10px;
	padding-left: 10px;
}

.zmhdRkList dd {
	width: 50%;
	overflow: hidden;
	float: left;
	padding: 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.zmhdRkList dd .con {
	position: relative;
	height: 80px;
	font-size: 16px;
	color: #333;
	border-radius: 5px;
	overflow: hidden;
	display: block;
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
}

.zmhdRkList dd .con .conBox {
	display: inline-block;
	overflow: hidden;
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.zmhdRkList dd .icon {
	width: 40px;
	height: 40px;
	float: left;
	display: inline-block;
	margin-right: 10px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center center;
}

.zmhdRkList dd .conBox span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.zmhdRkList dd.dd1 .con {
	background-color: #ecf4ff;
}

.zmhdRkList dd.dd1 .icon {
	background-color: #257cff;
}

.zmhdRkList dd.dd2 .con {
	background-color: #fff9e3;
}

.zmhdRkList dd.dd2 .icon {
	background-color: #febd00;
}

.zmhdRkList dd.dd3 .con {
	background-color: #e8f6f6;
}

.zmhdRkList dd.dd3 .icon {
	background-color: #36c3b5;
}

.zmhdRkList dd.dd4 .con {
	background-color: #ffeeea;
}

.zmhdRkList dd.dd4 .icon {
	background-color: #fe2a1b;
}

.zmhdRkList dd.dd5 .con {
	background-color: #fff3ea;
}

.zmhdRkList dd.dd5 .icon {
	background-color: #ff790d;
}

.zmhdRkList dd.dd6 .con {
	background-color: #eff9f1;
}

.zmhdRkList dd.dd6 .icon {
	background-color: #2ac593;
}

.zmhdRkList dd .con:hover {
	color: #d62f30;
	transform: translateY(-2px);
	-webkiet-transform: translateY(-2px);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08);
}


.zmhdColumn1Bot {
	overflow: hidden;
	margin: 0 -10px;
	padding: 0 20px;
}

.zmhdColumn1Bot dd {
	width: 25%;
	float: left;
	display: inline-block;
}

.zmhdColumn1Bot dd .con {
	font-weight: bold;
	height: 73px;
	font-size: 18px;
	color: #333;
	line-height: 73px;
	text-align: center;
	margin: 0 10px;
	border: 1px solid #ffc9c9;
	border-radius: 4px;
	background: url("../images/zmhd/zmhdColumn1BotBj.png")no-repeat center center;
}

.zmhdColumn1Bot dd .con span {
	color: #d63031;
}


.zmhdColumn2 {
	overflow: hidden;
}

.zmhdColumn2L {
	height: 380px;
	background: #fff;
	border-radius: 10px;
	margin-right: 20px;
	width: 65.38%;
	padding-right: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.zmhdColumn2R {
	height: 380px;
	overflow: hidden;
	background: #fff;
	padding-right: 30px;
	border-radius: 10px;
}

.zmhdColumn2LTabC {
	padding-left: 30px;
}

.zmhdColumn2ZjList {

	padding-top: 10px;
}

.zmhdColumn2ZjList dd {
	color: #666666;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	margin-bottom: 5px;
}

.zmhdColumn2ZjList .ddzmhdColumn2TextC {
	overflow: hidden;
}

.zmhdColumn2ZjList dd .zmhdColumn2Status {
	font-size: 14px;
	padding: 0px 8px;
	border-radius: 12px;
	line-height: 22px;
	margin-right: 10px;
	transform: translateY(14px);
}

.zmhdColumn2ZjList dd .zmhdColumn2Status.zjIng {
	color: #fff;
	border: 1px solid #d62f30;
	background: #d62f30;
}

.zmhdColumn2ZjList dd .zmhdColumn2Status.zjEnd {
	border: 1px solid #fc694d;
	background: #fff5ef;
	color: #fc694d;
}

.zmhdColumn2ZjList dd .zmhdColumn2Time {
	margin-left: 70px;
}

.zmhdColumn2ZjList dd:hover .zmhdColumn2TextC {
	color: #d63031;
}

.zmhdConTitle .tabTitle {
	cursor: pointer;
}

.zmhdConTitle .tabTitle.hover,
.zmhdConTitle .tabTitle:hover {
	border-bottom: 2px solid #d63031
}

.zmhdConTitle .tabTitle:last-child {
	margin-left: 60px;
}

.zmhdquestionList {
	padding: 16px 30px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}

.zmhdquestionList dd {
	padding-left: 35px;
	position: relative;
	margin-bottom: 5px;
}

.zmhdquestionList dd a {
	color: #666666;
	transition: .4s;
}

.zmhdquestionList dd:before {
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url("../images/zmhd/zmhdquestionListFront.png")no-repeat center center;
}

.zmhdquestionList dd:hover a {
	color: #d63031;
}

/* ========== 政民互动 end ========== */


/* ========== 常见问题 start ========== */
.questionList dd {
	background-color: #fafafa;
	border-radius: 10px;
	margin-bottom: 20px;
}

/* 标题*/
.questionList dd .titlebox {
	overflow: hidden;
	margin-bottom: 10px;
}

.questionList dd .titlebox .title {
	float: left;
}

.questionList dd .titlebox .title .sp1 {
	display: inline-block;
	width: 49px;
	height: 47px;
	background: url(../images/questionIcon1.png) center center no-repeat;
	vertical-align: middle;
	padding-left: 14px;
	padding-right: 10px;
}

.questionList dd .titlebox .title .sp2 {
	font-size: 16px;
	color: #333333;
	line-height: 68px;
	font-weight: bold;
}

/* 时间 */
.questionList dd .titlebox .time {
	float: right;
	line-height: 68px;
	padding-right: 24px;
}

.questionList dd .titlebox .time .sp1 {
	font-size: 16px;
	color: #cccccc;
}

.questionList dd .titlebox .time .sp2 {
	font-size: 16px;
	color: #333333;
}

/* 内容 */
.questionList .textC {
	padding: 28px 30px;
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 10px;
}

.questionList .textC span {
	height: 60px;
	overflow: hidden;
	font-size: 16px;
	color: #808080;
	line-height: 30px;
}

.questionList .textC a {
	color: #d63031;
	font-size: 16px;
	padding-left: 30px;
}

/* ========== 常见问题 end ========== */

/* ========== 民意调查 start ========== */
.yjdcDl dd {
	padding: 6px 0;
	border-bottom: 1px dashed rgba(0, 0, 0, .1);
	position: relative;
}

.yjdcDl dd::before {
	position: absolute;
	display: block;
	content: '征集结束';
	background: url(../images/yjdcIcon1.png) center center no-repeat;
	width: 124px;
	height: 36px;
	top: 50%;
	right: 0;
	margin-top: -18px;
	color: #333333;
	text-align: center;
	line-height: 36px;
	font-size: 16px;
}

.yjdcDl dd.hover::before {
	content: '正在征集';
	background: url(../images/yjdcIcon2.png) center center no-repeat;
	color: #fff;
	line-height: 30px;
}

.yjdcDl dd:hover .yjdcTitle a {
	color: #d63031;
}

.yjdcDl dd .yjdcTitle a {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	line-height: 62px;
	margin-bottom: 5px;
	display: block;
}

.yjdcDl dd .yjdcTime {
	line-height: 62px;
}

.yjdcDl dd .yjdcTime .sp1 {
	font-size: 16px;
	color: #cccccc;
}

.yjdcDl dd .yjdcTime .sp2 {
	font-size: 16px;
	color: #333333;
}

/* ========== 民意调查 end ========== */

/* ========== 意见反馈 start ========== */
.yjfkDl dd {
	padding: 10px 0;
	border-bottom: 1px dashed rgba(0, 0, 0, .1);
	position: relative;
}

.yjfkDl dd .yjfkTitle a {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	line-height: 58px;
	display: block;
}

.yjfkDl dd .yjfkTime {
	line-height: 58px;
}

.yjfkDl dd .yjfkTime .sp1 {
	font-size: 16px;
	color: #cccccc;
}

.yjfkDl dd .yjfkTime .sp2 {
	font-size: 16px;
	color: #333333;
}

.yjfkDl dd:hover a {
	color: #d63031;
}

/* ========== 意见反馈 end ========== */

/* ========== 我要写信 start ========== */
.letter {
	background-color: #fff;
}

.letterTitle {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	line-height: 70px;
	text-align: center;
}

.LetterWritingInstructions {
	margin-bottom: 40px;
	padding: 0 90px;
	line-height: 50px;
	font-size: 16px;
	color: #808080;
}

.letterBtn {
	padding: 0 90px;
	padding-bottom: 50px;
	padding-top: 45px;
}

.letterBtn .btnL,
.letterBtn .btnR {
	height: 60px;
	line-height: 60px;
	display: inline-block;
	background: #d63031 url(../images/letterIcon1.png) bottom center no-repeat;
	background-size: 100% 24px;
	padding: 0 132px;
	font-size: 18px;
	color: #ffffff;
	border-radius: 10px;
	margin-right: 20px;
	border: 1px solid #f1f0f5;
}

.letterBtn .btnR {
	padding: 0 66px;
	background: #e5e5e5 url(../images/letterIcon2.png) center center no-repeat;
	background-size: 100% 24px;
}

.from6 .inp input[type=radio] {
	display: none;
}

.from6 input {
	background-color: #1369c0;
}

.epistolize {
	background: #fff;
	z-index: 2;
	position: relative;
	top: -1px;
	padding: 65px 65px 42px;
}

.epistolizeCon {
	padding: 38px 85px 495px;
	background: #fafafa;
	position: relative;
	border-radius: 12px;
}

.epistolizeCon:before {
	display: block;
	content: '';
	background: url(../images/epistolizeBg.png) no-repeat center center;
	background-size: cover;
	bottom: 0;
	left: -30px;
	position: absolute;
	width: 1130px;
	height: 605px;
}

.epistolizeText .title {
	font-size: 16px;
	color: #333333;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	margin-bottom: 24px;
}

.epistolizeText .text {
	line-height: 26px;
	font-size: 14px;
	color: #666666;
}

.epistolizeText .textPs {
	font-size: 14px;
	color: #d80909;
	line-height: 26px;
	margin-bottom: 10px;
}

.epistolizeText {
	border-bottom: 1px solid #e4e4e4;
}

.epistolize-form {
	overflow: hidden;
	padding-top: 25px;
	padding: 0 75px;
}

.epistolize-form .form_cssRadioBox {
	margin: 14px 25px 0 0;
}

.epistolize-form .form_cssRadioBox {
	margin: 14px 25px 0 0;
}

.epistolize-form .form_cssRadio_icn {
	width: 14px;
	height: 14px;
}

.epistolize-form .form_cssRadio_text {
	line-height: 15px;
}

.epistolize-form .form_cssSelect .form_selectBox {
	cursor: pointer;
	border: solid 1px #ececec;
	position: relative;
	background: #fff;
}

.epistolize-form .form_cssSelect .form_selectLt {
	font-size: 16px;
	color: #000;
}

.epistolize-form .form_cssSelect .form_optionBox span {
	font-size: 14px;
}

.epistolize-form .form-form-label span {
	font-size: 14px;
	color: #d80909;
	margin-right: 8px;
	position: relative;
	line-height: 50px;
}

.epistolize-form .form-form-label {
	float: left;
	display: inline;
	line-height: 50px;
	font-size: 14px;
	color: #999999;
	text-align: left;
	padding: 0 10px;
}

.epistolize-form .form-formC {
	background: #f7f7f7;
	margin: 0 15px;
}

.epistolize-form .form-form-input {
	background: none;
	position: relative;
	border-radius: 2px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: none;
	padding: 0 10px;
	outline: none;
	float: left;
	display: inline;
	background: none;
	font-size: 14px;
	color: #333;
}

.epistolize-form .form-form-item {
	padding: 15px 0;
	float: left;
	display: inline;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.epistolize-form .form-form-item1 textarea {
	background: none;
	position: relative;
	border-radius: 2px;
	width: 100%;
	height: 184px;
	line-height: 32px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: none;
	padding: 6px 10px 0;
	outline: none;
	float: left;
	display: inline;
	background: none;
	font-size: 14px;
	color: #333;
}

.epistolize-form .form-form-item1 textarea::-webkit-input-placeholder {
	font-size: 14px;
	color: #999999;
}

.epistolize-form .form-form-yzm .form-form-input {
	width: 100px;
}

.epistolize-form .episImg {
	float: left;
	display: inline;
}

.epistolize-form .episImg img {
	width: 100px;
	height: 50px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	margin: 0 30px;
}

.epistolize-form .episImg span {
	line-height: 44px;
	font-size: 14px;
	color: #666666;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
}

.epistolizeBtn {
	position: relative;
}

.epistolizeBtn a {
	width: 96px;
	height: 96px;
	line-height: 96px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	border-radius: 50%;
	background: rgba(184, 11, 11, 0.1);
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: -48px;
	bottom: -144px;
}

.epistolizeBtn a:before {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #b80b0b;
	display: block;
	content: '';
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 50%;
	margin-top: -35px;
	margin-left: -35px;
}

.form-form-yzm .form-formC {
	background: none;
}

.form-form-yzm .form-formC .form-form-label,
.form-form-yzm .form-formC input {
	background: #f7f7f7;
	height: 50px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 50px;
}

.form-form-item .privacy {
	background: none;
}

/* ========== 我要写信 end ========== */


/* ========== 民意征集详情 start ========== */
.newsView2 .articleTitle {
	padding: 0 200px;
}

.newsView2 .articleHandTitle {
	font-weight: bold;
	color: #333333;
	font-size: 18px;
	line-height: 40px;
}

.newsView2 .fuJianList {
	font-size: 16px;
}

.newsView2 .articleHand {
	border-bottom: 1px solid #f2f2f2;
	padding: 10px 0px 15px 0;
}

.newsView2 .fuJianList dd {
	margin-bottom: 10px;
}

.newsView2 .fuJianList dd a {
	color: #666666;
	background: transparent;
	padding: 0;
}

.newsView2 .fuJianList dd:hover a {
	color: #d63031;
}

.newsView2 .newsTable {
	width: 100%;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

.newsView2 .newsTable tr {
	height: 60px;
	border-bottom: 1px solid #e6e6e6;
}

.newsView2 .newsTable tr th {
	color: #333333;
	font-weight: bold;
	font-size: 18px;
	background: #f2f2f2;
}

.newsView2 .newsTable tr td {
	padding: 0 20px;
	color: #333333;
	font-size: 16px;
	background: #fff;
}

.newsView2 .newsTable tr td.newsZjStatus {
	color: #d63031;
}

.newsView2 .NewsArticeC {
	color: #808080;
	line-height: 30px;
	font-size: 16px;
}

.newsInscribed {
	font-size: 16px;
	line-height: 30px;
}

.newsInscribed .newsDepartant {
	text-align: right;
}

.newsInscribed .newsTime {
	text-align: right;
}

/* ========== 民意征集详情 end ========== */
/* ========== 政务公开 start ========== */
.zwgkPage {
	position: relative;
	padding-top: 54px;
	z-index: 2;
}

.zwgkPageC1 {
	margin-bottom: 49px;
}

.zwgkPageC1List {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between
}

.zwgkPageC1List dd {
	width: 10.71%;
	display: flex;
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #FFDDB6;
}

.zwgkPageC1List dd .leftCon {
	width: 150px;
	height: 134px;
	position: relative;
	z-index: 1;
	border-radius: 10px;
	overflow: hidden;
}

.zwgkPageC1List dd .leftCon a {
	display: block;
	height: 100%;
}

.zwgkPageC1List dd .leftCon a .leftBox {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5px 0;
}

.zwgkPageC1List dd .leftCon a .leftBox .icon {
	width: 69px;
	height: 49px;
	position: relative;
}

.zwgkPageC1List dd .leftCon a .leftBox .icon img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	transition: all 0.3s ease-in;
}

.zwgkPageC1List dd .leftCon a .leftBox .leftTitle {
	font-size: 18px;
	line-height: 24px;
	color: #111111;
	font-weight: 700;
	margin-top: 19px;
}

.zwgkPageC1List dd .rightCon {
	width: calc(100% - 150px);
	background: #fff;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	display: none;

}

.zwgkPageC1List dd .rightCon .rightConC {
	height: 100%;
	position: relative;
	z-index: 1;
}

.zwgkPageC1List dd .rightConList {
	display: flex;
	flex-wrap: wrap;
}

.zwgkPageC1List dd .rightConList li {
	width: 33.33%;
	padding-left: 15px;
	position: relative;
	display: flex;
	height: 24px;
	align-items: center;
	margin-top: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.zwgkPageC1List dd .rightConList li::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 5px;
	height: 5px;
	background: #C61613;
	border-radius: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.zwgkPageC1List dd .rightConList li a {
	display: block;
	font-size: 16px;
	color: #111111;
	transition: .5s;
	-webkit-transition: .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.zwgkPageC1List dd:nth-child(4) .rightConList li {
	width: 50%;
	margin-top: 5px;
}

.zwgkPageC1List dd:nth-child(4) .rightConList li a {
	font-size: 14px;
}

.zwgkPageC1List dd .rightConList li:hover a {
	color: #C61613;
	font-weight: 700;
}

.zwgkPageC1List dd.on {
	width: 50.71%;
}

.zwgkPageC1List dd.on .rightCon {
	width: calc(100% - 150px);
	padding: 7px 20px;
	opacity: 1;
	visibility: visible;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
}

.zwgkPageC1List dd.on .leftCon {
	background: #C4100D;
}

.zwgkPageC1List dd.on .leftCon .leftBox .leftTitle {
	color: #fff;
}

.zwgkPageC2 {
	margin-bottom: 42px;
}

.zwgkPageC2Block1 {
	margin-bottom: 67px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.zwgkPageC2Block1 .leftCon {
	width: 71.28%;
	align-self: flex-start;
}

.zwgkPageC2Block1 .leftCon .zwgkPageC2Title {
	margin-bottom: 43px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.zwgkPageC2Block1 .leftCon .zwgkPageC2Title .item {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	cursor: pointer;
	margin-right: 40px;
}

.zwgkPageC2Title .item span {
	display: block;
}

.zwgkPageC2Title .item .span3,
.zwgkPageC2Title .item .span2 {
	font-size: 30px;
	line-height: 52px;
	color: #000000;
	font-family: 'SiYuanSongTi';
}

.zwgkPageC2Title .item .span1 {
	font-size: 48px;
	line-height: 1;
	color: #C61613;
	font-family: 'YunFengFeiYunTi';
	position: relative;
	margin-right: 12px;
	transform: translateY(8px);
	-webkit-transform: translateY(8px);
	display: none;
}

.zwgkPageC2Title .item .span1:after {
	position: absolute;
	content: '';
	right: -10px;
	top: -27px;
	bottom: -2px;
	width: 72px;
	background: url("../images/zwkgC2TitleIcon.png") no-repeat 50%/100% 100%;
}

.zwgkPageC2Title .item.active .span1 {
	display: block;
}

.zwgkPageC2Title .item.active .span2 {
	display: none;
}

.zwgkPageC2Title .icon {
	display: block;
	flex: 1;
}

.zwgkPageC2Title .icon img {
	display: block;
	width: 100%;
	height: 17px;
	object-fit: cover;
	object-position: left center;
}

.zwgkPageC2Title .more {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #C61613;
	line-height: 24px;
}

.zwgkPageC2Title .more a {
	color: #C61613;
	display: none;
}

.zwgkPageC2Title .more a.active {
	display: block;
}
.zwgkPageC2Block1 .leftConTab{
	height: 400px;
	overflow: hidden;
}

.zwgkPageC2Block1 .leftConTab .leftConTabC {
	display: none;
}

.zwgkPageC2Block1 .leftConTab .leftConTabC.active {
	display: block;
}

.zwgkPageC2LList {
	opacity: 0;
	transform: translate(0, 10px);
	-webkit-transform: translate(0, 10px);
	animation: fadeXS 0.4s linear forwards;
}

.zwgkPageC2LList dd {
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: space-between;
}

.zwgkPageC2LList dd a {
	width: 82%;
	font-size: 18px;
	color: #111111;
	padding-left: 30px;
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.zwgkPageC2LList dd:hover a {
	color: #C61613;
	font-weight: 700;
}

.zwgkPageC2LList dd a::before {
	position: absolute;
	content: '';
	left: 10px;
	top: 50%;
	width: 5px;
	height: 5px;
	background: #C61613;
	border-radius: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.zwgkPageC2LList dd a span {
	position: relative;
	background-image: linear-gradient(#C22A3C, #C22A3C);
	background-position: 0 100%;
	background-size: 0 1px;
	background-repeat: no-repeat;
	transition: background-size .5s;
	-webkit-transition: background-size .5s;
}

.zwgkPageC2LList dd a:hover span {
	background-size: 100% 1px;
	color: #C22A3C;
}

.zwgkPageC2LList dd .time {
	display: block;
	font-size: 18px;
	color: #9E9E9E;
	flex-shrink: 0;
}

.zwgkPageC2Block1 .rightCon {
	width: 25%;
}

.zwgkPageC2RList {
	padding: 15px 40px 14px;
	background: #fff;
	border: 1px solid #FFDDB6;
}

.zwgkPageC2RList dd {
	border-bottom: 1px dashed #F6D0CF;
}

.zwgkPageC2RList dd:last-child {
	border: none;
}

.zwgkPageC2RList dd a {
	padding: 19px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.zwgkPageC2RList dd a .icon {
	width: 38px;
	height: 40px;
	position: relative;
	margin-right: 22px;
}

.zwgkPageC2RList dd a .icon img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

.zwgkPageC2RList dd a .text {
	width: calc(100% - 60px);
	font-size: 20px;
	line-height: 40px;
	color: #111111;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .5s;
	-webkit-transition: .5s;
}

.zwgkPageC2RList dd:hover a .text {
	color: #C71D19;
	font-weight: 700;
}

@keyframes fadeXS {
	0% {
		opacity: 0;
		transform: translate(0, 10px);
	}

	100% {
		opacity: 1;
		transform: translate(0, 0px);
	}
}

.zwgkPageC2Block2 {
	padding: 34px 27px 34px 31px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #FFFBF6;
}

.zwgkPageC2Block2 .leftCon {
	width: 84px;
	position: relative;
	align-self: flex-end;
}

.zwgkPageC2Block2 .leftCon::after {
	position: absolute;
	content: '';
	width: 2px;
	height: 24px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #AA2525;
	-webkit-transform: translateY(-50%);
}

.zwgkPageC2Block2 .leftCon .leftConC span {
	display: block;
	font-size: 28px;
	line-height: 1;
	font-family: 'SiYuanSongTi';
}

.zwgkPageC2Block2 .leftCon .leftConC span.span1 {
	color: #C4100D;
}

.zwgkPageC2Block2 .leftCon .leftConC span.span2 {
	color: #E5A102;
}

.zwgkPageC2Block2 .rightCon {
	width: calc(100% - 108px);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.zwgkPageC2Block2 .rightCon .rightConC {
	width: 100%;
}

.zwgkPageC2Block2 .rightConCon {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.zwgkPageC2Block2 .rightConCon .item:nth-child(1) {
	width: 36%;
}

.zwgkPageC2Block2 .rightConCon .item:nth-child(2) {
	width: 50%;
}

.zwgkPageC2Block2 .rightConCon .item:nth-child(3) {
	width: 12%;
}

.zwgkPageC2Block2 .rightConCon .item .itemC {
	display: flex;
	align-items: center;
	width: 100%;
	height: 55px;
	background: #FFFFFF;
	border-radius: 3px;
	padding: 0 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.zwgkPageC2Block2 .rightConCon .item .itemC .icon {
	width: 17px;
	height: 22px;
	margin-right: 8px;
	background-position: 50%;
	background-repeat: no-repeat;
}

.zwgkPageC2Block2 .rightConCon .item:nth-child(1) .itemC .icon {
	background-image: url(../images/zwkgC2SearchIcon1.png);
	background-size: 17px;
}

.zwgkPageC2Block2 .rightConCon .item:nth-child(2) .itemC .icon {
	background-image: url(../images/zwkgC2SearchIcon2.png);
	background-size: 15px;
}

.zwgkPageC2Block2 .rightConCon .item .itemC .input input {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 55px;
	color: #111111;
	font-size: 18px;
	border: none;
	outline: none !important;
	background: transparent;
}

.zwgkPageC2Block2 .rightConCon .item .itemC .input {
	position: relative;
	width: calc(100% - 25px);
}

.zwgkPageC2Block2 .rightConCon .item:nth-child(2) .itemC .input {
	padding-right: 40px;
	padding-left: 10px;
}

.zwgkPageC2Block2 .rightConCon .item .itemC .itemCon .input::before {
	display: block;
	content: "";
	position: absolute;
	width: 34px;
	height: 100%;
	top: 0;
	right: 0;
	background: url(../images/zwkgC2SearchIcon.svg) no-repeat 50% 50%;
}

.zwgkPageC2Block2 .rightConCon .item .itemC .input input::placeholder {
	font-size: 18px;
	color: #111;
}

.zwgkPageC2Block2 .rightConCon .item .itemC .itemCon {
	display: flex;
	align-items: center;
}

.zwgkPageC2Block2 .rightConCon .item:nth-child(3) button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 55px;
	line-height: 55px;
	font-size: 18px;
	color: #fff;
	background: #C4100D;
	border-radius: 3px;
	cursor: pointer;
	border: none;
}

.zwgkPageC2Block2 .rightConCon .item:nth-child(3) button img {
	display: block;
	width: 16px;
	margin-right: 9px;
}

.zwgkPageC2Block2 .rightConCon .item .itemC span.span1 {
	color: #333;
	font-size: 16px;
}

.zwgkPageC3 {
	margin-bottom: 90px;
}

.zwgkPageC3 .indexTitle {
	margin-bottom: 17px;
}

.zwgkPageC3C {
	padding: 51px 20px 26px;
	background: url(../images/zwkgC3ConBg.png) no-repeat 50% / 100% 100%;
}

.zwgkPageC3CScroll {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.zwgkPageC3CScroll .con {
	display: block;
}

.zwgkPageC3CScroll .con .icon {
	position: relative;
	width: 112px;
	height: 112px;
	margin: 0 auto;
	background: url(../images/zwkgC3ConCircle.png) no-repeat 50% / cover;
}

.zwgkPageC3CScroll .con .icon img {
	max-width: 42px;
	max-height: 42px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

.zwgkPageC3CScroll .con .text {
	font-size: 20px;
	line-height: 26px;
	color: #111111;
	text-align: center;
	margin-top: 21px;
}

.zwgkPageC3CScroll .con:hover img {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}

.zwgkPageC3CDot {
	font-size: 0;
	position: static;
	margin-top: 37px;
	text-align: center;
}

.zwgkPageC3CDot span {
	width: 13px;
	height: 13px;
	margin: 0 10px !important;
	background: #CAAAAA;
	opacity: 1;
}

.zwgkPageC3CDot span.swiper-pagination-bullet.active {
	background-color: #C71D19;
}

.zwgkPageC4 {
	margin-bottom: 18px;
}

.zwgkPageC4 .indexTitle {
	margin-bottom: 43px;
}

.zwgkPageC4List {
	margin-right: -45px;
}

.zwgkPageC4List dd {
	width: 33.3333%;
	float: left;
	display: inline;
	margin-bottom: 55px;
}

.zwgkPageC4List dd a {
	display: block;
	position: relative;
	margin-right: 45px;
	border-radius: 40px 0 40px;
	overflow: hidden;
	background: url("../images/zwkgC4ConBg.png") no-repeat bottom center/cover;
	box-shadow: 0px 0px 15px 0px rgba(200, 74, 74, 0.3);
}

.zwgkPageC4List dd a .conBg {
	position: relative;
	overflow: hidden;
	opacity: 0;
	transition: .5s;
}

.zwgkPageC4List dd a .conBg .conBgC {
	padding-top: 210px;
	background: url("../images/zwkgC4ConBgH.png") no-repeat bottom center/cover;
}

.zwgkPageC4List dd a .conTop {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 39px 24px 41px 41px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	z-index: 3;
}

.zwgkPageC4List dd a .conTop .text {
	font-size: 18px;
	line-height: 32px;
	color: #333333;
	height: 64px;
	width: 100%;
}

.zwgkPageC4List dd a .tag {
	display: flex;
	width: 100%;
	position: relative;
}

.zwgkPageC4List dd a .tag i {
	position: absolute;
	right: 22px;
	bottom: -3px;
	width: 51px;
	height: 51px;
	background: url("../images/zwkgC4ConIcon.png") no-repeat 50%;
}

.zwgkPageC4List dd:hover a .conBg {
	opacity: 1;
}

.zwgkPageC4List dd:hover a .conTop .text {
	color: #fff;
}

.zwgkPageC4List dd:hover a .tag i {
	background-image: url("../images/zwkgC4ConIconH.png");
	background-size: 100% 100%;
}

.zwgkPageC5 {
	padding-bottom: 90px;
}

.zwgkPageC5CScroll {
	overflow: hidden;
	position: relative;
}

.zwgkPageC5CScroll .swiper-wrapper .swiper-slide {
	width: 25%;
	float: left;
	display: inline;
}

.zwgkPageC5CScroll .con {
	display: block;
}

.zwgkPageC5CScroll .con .pic {
	overflow: hidden;
}

.zwgkPageC5CScroll .con .pic::before {
	padding-top: 51.4372%;
}

.zwgkPageC5Prev {
	width: 15px;
	height: 27px;
	position: absolute;
	top: 50%;
	margin-top: -13px;
	background: no-repeat 50%/100%;
	transition: .5s;
	left: 10px;
	z-index: 2;
	cursor: pointer;
	background-image: url("../images/zwkgC5PrevIcon.png");
}

.zwgkPageC5Next {
	width: 15px;
	height: 27px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	margin-top: -13px;
	background: no-repeat 50%/100%;
	transition: .5s;
	right: 10px;
	z-index: 2;
	background-image: url("../images/zwkgC5NextIcon.png");
}

.zwgkPageC5Prev:hover {
	background-image: url("../images/zwkgC5PrevIconH.png");
}

.zwgkPageC5Next:hover {
	background-image: url("../images/zwkgC5NextIconH.png");
}

/* ========== 政务公开 end ========== */
/* ========== 领导信箱 start ========== */
.leaderMailboxList {
	width: 70%;
	margin: auto;
}

.leaderMailboxList dd {
	width: 45%;
	height: 96px;
	float: left;
	margin: 0 20px;
	background: #bd1a2d;
}

.leaderMailboxList dd a {
	display: block;
	height: 96px;
	line-height: 96px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.leaderMailboxList dd a img {
	vertical-align: middle;
	margin-right: 13px;
}

/* ========== 领导信箱 end ========== */
/* ========== 咨询建言 start ========== */
.adviceBox .title {
	padding-top: 16px;
	padding-bottom: 25px;
	margin-bottom: 30px;
	border-bottom: 1px solid #dcdcdc;
}

.adviceBox .title .titleC {
	font-size: 30px;
	line-height: 38px;
	color: #333333;
	text-align: center;
	font-weight: 700;
}

.adviceBoxC {
	line-height: 41px;
	font-size: 18px !important;
	text-indent: 2em;
	color: #333333 !important;
}

.adviceBoxBtn {
	text-align: center;
	padding-bottom: 20px;
}

.adviceBoxBtn a {
	text-align: center;
	background: #be151b;
	color: #fff;
	padding: 13px;
	font-size: 16px;
	display: inline-block;
	border-radius: 3px;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.adviceBoxBtn a:hover{
	background: #dc9b1d;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
	opacity: .9;
}
/* ========== 咨询建言 end ========== */
/* ========== 民意征集 start ========== */
.publicOpinionBox {
	padding-bottom: 30px;
}

.publicOpinionBox .title {
	border-bottom: 1px solid #ebebeb;
}

.publicOpinionBox .title .titleC {
	display: inline-block;
	padding: 10px 30px 16px;
	font-size: 20px;
	color: #bd1a2d;
	border-bottom: solid 2px #bd1a2d;
}

.publicOpinionList dd .con {
	padding: 10px 20px;
	border-bottom: 1px dashed #cccccc;
}

.publicOpinionList dd:last-of-type .con {
	border: none;
}

.publicOpinionList dd .con .conStatus {
	float: left;
	display: inline;
	margin-right: 20px;
	padding: 0 20px;
	line-height: 30px;
	height: 30px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #c00000;
}

.publicOpinionList dd .con .conTime {
	line-height: 30px;
	height: 30px;
	margin-left: 20px;
	font-size: 14px;
	color: #666;
	float: right;
	display: inline;
}

.publicOpinionList dd .con .conC {
	overflow: hidden;
}

.publicOpinionList dd .con .conC a {
	display: block;
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	color: #333;
}

/* ========== 民意征集 end ========== */
/* ========== 民意征集 详情start ========== */
.articleBoxList {
	height: 65px;
	line-height: 65px;
	margin: 0px auto;
	margin-top: 10px;
	border-bottom: 1px #dddddd solid;
	text-align: center;
}

.articleBoxList dd {
	display: inline-block;
	margin: 0px 40px;
}

.articleBoxList dd .con {
	cursor: pointer;
	height: 65px;
	line-height: 65px;
	margin-bottom: 0px;
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.articleBoxList dd.hover .con {
	height: 65px;
	line-height: 65px;
	color: #bd1a2d;
	border-bottom: 3px #bd1a2d solid;
}

/* ========== 民意征集 详情end ========== */
/* ========== 建议提案办理 start ========== */
.wrapCon {
	max-width: 1200px;
	margin: 0px auto;
	padding: 30px 0;
}

.suggestedTitle {
	position: relative;
	padding: 0 20px;
	font-size: 16px;
	height: 45px;
	color: #ba0c31;
	font-weight: bold;
	line-height: 45px;
	background-color: #f6f6f6;
	border-left: 3px solid #ba0c31;
	margin-bottom: 20px;
}

.suggestedTitle .icon {
	float: right;
	display: inline;
	width: 25px;
	height: 25px;
	margin-top: 10px;
	margin-left: 20px;
}

.suggestedTitle .icon a {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/jytaIcon1.png") no-repeat center center / 25px;
}

.suggestedTitle .title {
	overflow: hidden;
}

.suggestedProposalC {
	padding: 20px 40px;
	background: #f6f6f6;
	line-height: 26px;
	font-size: 18px;
	margin-bottom: 20px;
	color: #333;
}

.suggestedProposalC img {
	max-width: 100%;
	border: 1px solid #ccc;
}
.suggestedTable{margin-bottom: 20px;}
.suggestedTable table {
	width: 100%;
}

.suggestedTable table thead tr td {
	font-size: 12pt;
	border: 1px #ecc197 solid;
	height: 40px;
	line-height: 40px;
	color: #666;
	background-color: #eaf0f9;
	text-align: center;
}

.suggestedTable table tbody tr td {
	border: 1px #ecc197 solid;
	height: 40px;
	line-height: 40px;
	color: #000;
	font-size: 15px;
	background-color: #fff;
	text-align: left;
	padding: 0 15px;
}

.suggestedTable table tbody tr td a {
	display: block;
	color: #000;
	font-size: 15px;
}

.suggestedTable table tbody tr td.time {
	text-align: center;
}

.suggestedDl {
	margin-right: -45px;
}

.suggestedDl dd {
	float: left;
	display: inline;
	width: 16.6666%;
	margin-bottom: 25px;
}

.suggestedDl dd a {
	display: block;
	margin-right: 45px;
	border: 1px #ecc197 solid;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	color: #333;
}

/* ========== 建议提案办理 end ========== */
/* ========== 我要留言 start ========== */
.messageBox{padding-bottom: 45px;}
.messageBoxSearch{
	width: 50%;
    margin: 0 auto 38px auto;
}
.messageBoxSearchC{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.messageBoxSearchC .input{
	width: calc(100% - 120px);
    display: block;
    position: relative;
    background: #fff;
    height: 44px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    padding: 0 10px 0 52px;
    border: 1px solid rgba(196, 16, 13, 0.26);
    border-radius: 3px;
}
.messageBoxSearchC .input img{
	position: absolute;
    width: 17px;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.messageBoxSearchC .input input{
	display: block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	color: rgba(17, 17, 17, 0.24);
	font-size: 16px;
	border: none;
	background: none;
}
.messageBtn{
	width: 110px;
}
.messageBtn a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 44px;
	background: #C61613;
	border-radius: 3px;
	font-size: 18px;
	color: #fff;
	justify-content: center;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.messageBtn a:hover{
	background: #dc9b1d;
}
.messageBtn a img{
	display: block;
    width: 16px;
    margin-right: 9px;
    cursor: pointer;
}
.messageBoxC table{width: 100%;background: #fff;}
.messageBoxC table tr td{
	border: 1px #f6e2e2 solid;
	font-size: 16px;
	padding: 5px 10px;
	color: #333 !important;
	background: transparent !important;
}
.messageBoxC table tr td:first-child{
	font-weight: bold;
}
.messageBoxC table tr td span{
	color: #BC1616;
}
.messageBoxC table tr td select{
	color: #000;
	width: 250px;
	border: 1px solid #d5d5d5;
	height: 36px;
	padding: 0 10px;
	box-sizing: border-box;
	border-radius: 6px;
}
.messageBoxC table tr td input{
	padding: 0 10px;
	height: 36px;
	font-size: 14px;
	color: #333;
	border: 1px solid #d5d5d5;
	width: 250px;
	box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border-radius: 3px;
}
.messageBoxC table tr td textarea{
	background: #fff !important;
	border: 1px solid #d5d5d5;
	padding: 10px;
	font-size: 12px;
	color: #333;
	width: 100%;
	box-sizing: border-box;
	border-radius: 6px;
	resize: none;
}
.messageBoxC table tr td.sex select{
	width: 250px;
}
.messageBoxC table tr td.title input{
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.messageBoxC table tr td.yzmTd span{
	font-size: 16px;
	color: #333;
	font-weight: bold;

}
.messageBoxC table tr td.yzmTd input{
	height: 36px;
	width: 220pxpx;
	border: 1px solid #BAD3E6;
	color: #000;
}
.messageBoxC table tr td.yzmTd img{/* width: 55px; */height: 36px;cursor: pointer;vertical-align: middle;}
.messageBoxC table tr td.yzmTd span.yzmText{
	color: #666;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
}
.messageBoxC table tr td.yzmTd span.yzmText:hover{
	color: #C61613;
}
a.tableSubmit{
	font-size: 16px;
	line-height: 26px;
	padding: 0 20px;
	color: #fff;
	background: #C61613 !important;
	border-radius: 5px;
	margin-left: 10px;
	border: none;
	display: block;
	width: 120px;
	box-sizing: border-box;
	margin: 0 auto;
	height: 44px;
	line-height: 44px;
	text-align: center;
	transition: all .4s;
	-webkit-transition: all .4s;
}
a.tableSubmit:hover{
	background: #dc9b1d !important;
}
/* ========== 我要留言 end ========== */
/* 咨询建言列表页start */
.zwfwTel{
	height: 60px;
	text-align: right;
	padding-top: 38px;
	line-height: 30px;
    float: right;
    color: #c61613;
    font-size: 22px;
    font-weight: bold;
}
.zxjyList thead{
	background: #C61613;
}
.zxjyList td{
	text-align: center;
	padding: 5px;
	line-height: 34px;
	border: 1px solid #F0C1C0;
	box-sizing: border-box;-webkit-box-sizing: border-box;
}
.zxjyList thead td{
	font-weight: bold;
	color: #fff;
	font-size: 16px;
}
.zxjyList tbody td{
	font-size: 16px;
	color: #999;
}
.zxjyList tbody td a{
	font-size: 16px;
	color: #333;
	text-align: left;
}
.zxjyList tbody tr:nth-child(2n){
	background: #ffffec;
}
.zxjygOmessage{
	text-align: right;
}
.zxjygOmessage a{
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #c61613;
}
/* 咨询建言列表页 end*/
/* 咨询建言详情页 start*/
.zxjyView table{
	background: #fff;
	width: 100%;
}
.zxjyView table td{
	text-align: left;
	padding: 0 !important;
	border: 1px solid #f6e2e2;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.zxjyView table td .title{
	padding: 10px 15px;
	line-height: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.zxjyView table td:nth-child(1){
	background: #C61613;
}
.zxjyView table td .content{
	line-height: 30px;
	font-size: 16px;
	color: #555;
	padding: 10px 15px;
	
}
.zxjyView table td textarea{
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	line-height: 30px;
	font-size: 16px;
	color: #555;
	padding: 10px 15px;
	resize: none;
	border: none;
}
.surveyListw a{
	flex: 1;
}
/* 咨询建言详情页 end*/

/* 专题民生信息 start */
.msxxTitle{
	height: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../images/zt/msztBg.jpg) no-repeat center center;
	font-size: 70px;
    line-height: 80px;
    color: #3762C1;
    font-weight: 700;
    text-align: center;
}
.msxxDl{
	padding: 20px 0;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	margin: 0 -27px;
	text-align: center;
}
.msxxDl dd{
	display: inline-block;
	width: 20%;
	font-size: 0;
	padding: 22px 0;
}
.msxxDl dd .con{
	margin: 0 27px;
	display: flex;
    height: 170px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #F0E8E7;
    transition: .5s;
}
.msxxDl dd .con .icon{
	position: relative;
	width: 55px;
	height: 55px;
	transition: all 0.3s ease-in;
} 
.msxxDl dd .con .icon img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.msxxDl dd .con .title{
    font-size: 18px;
    line-height: 30px;
    color: #111;
    text-align: center;
    margin-top: 16px;
}
.msxxDl dd .con:hover{
	border-color: #bd1a2d;
}
.msxxDl dd .con:hover .icon{
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
/* 专题民生信息 end */


/* 统计数据 start */
.tjsjTab{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	padding: 10px 0;
}
.tjsjTab dd{
	width: 14.2857%;
	padding: 10px 0;
}
.tjsjTab dd a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0 10px;
	height: 68px;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #fff;
	font-size: 18px;
	color: #111;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.tjsjTab dd a:hover,.tjsjTab dd.hover a{
	background: #C61613;
	color: #fff;
}
.tjsjTabContent{
	padding: 25px;
	background: #fff;
	height: 650px;
	overflow:hidden;
	margin-bottom: 70px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.tjsjTabChart{
	height: 600px;
}
.tjsjColumn2Dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tjsjColumn2Dl dd{
	width: 48%;
	position: relative;
	z-index: 1;
}
.tjsjColumn2Dl dd a::before{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	mask-image: url(../images/zt/tjmask.png);
    -webkit-mask-image: url(../images/zt/tjmask.png);
	background:#C61613;
    mask-size: 100% 121px;
    -webkit-mask-size: 100% 121px;
    overflow: hidden;
    mask-mode: alpha;
    -webkit-mask-mode: alpha;
  
}
.tjsjColumn2Dl dd a{
	display: block;
	height: 121px;
	padding: 48px 10px 23px;
	position: relative;
	z-index: 1;
	text-align: center;
	transition: transform .5s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 24px;
    color: #111111;
    line-height: 50px;
    font-weight: 700;
}
.tjsjColumn2Dl dd span{
	position: relative;
	z-index: 3;
	display: inline-block;
	height: 50px;
	padding-left: 56px;
	background-position: left center;
	background-repeat: no-repeat;
	
}
.tjsjColumn2Dl dd a:hover{
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	color: #C61613;
}
.tjsjColumn2{
	margin-bottom: 70px;
}
.tjsjColumn3Dl{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.tjsjColumn3Dl dd{
	width: 20%;
	padding: 10px 0;
}
.tjsjColumn3Dl dd a{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px;
	position: relative;
	background: #FCF2F2;
    transition: .5s;
	overflow: hidden;
	height: 73px;
}
.tjsjColumn3Dl dd a::before{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-left: 1px solid #C61613;
	border-bottom: 1px solid #C61613;
	transition: all .5s;
	-webkit-transition: all .5s;
	transform: scale(0);
	-webkit-transform: scale(0);
	transform-origin: left bottom;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.tjsjColumn3Dl dd a::after{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	border-top: 1px solid #C61613;
	border-right: 1px solid #C61613;
	transform: scale(0);
	-webkit-transform: scale(0);
	transform-origin: right top;
	transition: all .5s;
	-webkit-transition: all .5s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.tjsjColumn3Dl dd a:hover::before,
.tjsjColumn3Dl dd a:hover::after{
	transform: scale(1);
	-webkit-transform: scale(1);
}
.tjsjColumn3Dl dd .icon{
	width: 45px;
	height: 45px;
	position: relative;
	margin-right: 10px;
}
.tjsjColumn3Dl dd .icon{
	width: 45px;
	height: 45px;
	position: relative;
}
.tjsjColumn3Dl dd .icon img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    transition: all 0.3s ease-in;
}
.tjsjColumn3Dl dd .text{
    font-size: 20px;
    color: #111111;
    line-height: 71px;
    min-width: 80px;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.tjsjColumn3Dl dd a:hover .text{
	padding: 0 5px;
	font-weight: bold;
	color: #C61613;
}
.tjsjColumn3{
	padding-bottom: 95px;
}
/* 统计数据 end */

/* 专题专栏 start */
.ztzlColumn2Swiper{
	position: relative;
	height: 165px;
}
.ztzlColumn2Swiper::before{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	border-bottom: 1px dashed #D8D8D8;
	left: 0;
}
.ztzlColumn2Swiper .bd{
	margin: 0 -10px;
}
.ztzlColumn2Swiper .swiper-slide{
	float: left;
	display: inline;
	width: 14.2857%;
}
.ztzlColumn2Swiper .swiper-slide .con{
	margin: 0 10px;
	position: relative;
	height: 165px;
}
.ztzlColumn2Swiper .swiper-slide .slideCon {
	position: absolute;
	width: 250%;
	height: 72px;
	left: -75%;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.ztzlColumn2Swiper .swiper-slide .slideCon a{
	display: inline-block;
	height: 73px;
	font-size: 18px;
	color: #111111;
	max-width: 100%;
	padding: 0 20px;
	line-height: 60px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	position: relative;
	z-index: 5;
}
.ztzlColumn2Swiper .swiper-slide .slideCon a::before{
	display: block;
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: #C4100D;
	border-radius: 50%;
	left: 50%;
	margin-left: -4px;
}
.ztzlColumn2Swiper .swiper-slide .slideCon a::before{
	bottom: -15px;
	top: auto;
}
.ztzlColumn2Swiper .swiper-slide:nth-child(even) .slideCon a::before{
	top: -15px;
	bottom: auto;
}
.ztzlColumn2Swiper .swiper-slide .slideCon{
	top: 0;
	bottom: auto;
}
.ztzlColumn2Swiper .swiper-slide:nth-child(even) .slideCon{
	bottom: 0;
	top: auto;
}
.ztzlColumn2Swiper .swiper-slide .slideCon a{
	background: url(../images/zt/ztzlBg1.png) no-repeat center bottom;
	background-size: 100% 100%;
	padding-bottom: 13px;
}
.ztzlColumn2Swiper .swiper-slide:nth-child(even) .slideCon a{
	background: url(../images/zt/ztzlBg.png) no-repeat center bottom;
	background-size: 100% 100%;
	padding-top: 13px;
	line-height: 60px;
}
.ztzlColumn2Swiper .swiper-slide a:hover{
	color: var(--themeColor);
}
.ztzlColumn3Dl{
	margin: 0 -19px;
	display: flex;
	flex-wrap: wrap;
}
.ztzlColumn3Dl dd{
	width: 33.33334%;
	padding: 19px 0;
}
.ztzlColumn3Dl dd a{
	display: block;
	padding: 0 48px;
	height: 75px;
	position: relative;
	font-size: 18px;
	color: #111111;
	line-height: 75px;
	background: #F7E9E9;
	margin: 0 19px;
	border-radius: 2px;
}
.ztzlColumn3Dl dd a::before{
	display: block;
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: #C4100D;
	border-radius: 50%;
	left: 20px;
	top:50%;
	margin-top: -4px;
}
.ztzlColumn3Dl dd a:hover{
	font-weight: bold;
}
/* 专题专栏 end */


/*问卷调查 start*/
.commonYzm{
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #666;
}
.commonYzmBox input{
	padding: 0 10px;
	height: 36px;
	font-size: 16px;
	color: #333;
	border: 1px solid #d5d5d5;
	width: 150px;
	box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border-radius: 3px;
}
.commonYzmBox img{
	display: block;
	margin: 0 10px;
	height: 36px;
	border-radius: 3px;
	cursor: pointer;
}
.commonYzmBox span:hover{
	cursor: pointer;
	color: var(--themeColor);
}

/*问卷调查 end*/


