﻿@charset "utf-8";
/* CSS Document */

/*--css reset--*/
html,body,h1,h2,h3,h4,h5,h6,p,ol,ul,li,pre,code,address,variable,form,fieldset,blockquote {
	padding:0;
	margin:0;
	/*font-size:62.5%;*/
	font-size:16px;
	font-weight:normal;
	font-family:"微软雅黑", "黑体";
	color:#000000;}

ol{margin-left:0; list-style:none;}
ul,li{margin-left:0; list-style:none;}

a{ color:#000000;text-decoration:none;}
a:hover{color:#000000;text-decoration:none;}
img,input{ vertical-align:middle;}
.clean{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.hidden{ display:none;}
.show{ display:block;}
img{ border:none}
/*--css reset over--*/

body{ background-color:#ffffff;}


/*----顶部----*/
.top{ margin: 0 auto; width: 1500px; height: 452px; background: url(top.jpg) no-repeat top center; position:relative;}

.t_wz{ margin: 0 auto; padding-top: 35px; width: 1200px; height: 15px;}
.t_wz li{ display:inline-block; width: 500px; height: 32px; font-size: 14px; color: #d21419;}
.t_wz li a{ color:#d21419;}
.t_wz li a:hover{ color:#d21419;}

.ss{ display:inline-block; float: right; width: 295px; height: 30px; border: 1px solid #f08c80; border-radius: 6px;}
.ss img{ float: right; width: 46px; height: 30px;}

.t_logo{ margin: 0; width: 219px; height: 57px; position:absolute; left: 150px; bottom: 42px;}
.t_logo img{ width: 219px; height: 57px;}

.tlgg1{ margin: 0; width: 900px; height: 94px; position:absolute; right: 150px; bottom: 24px;}
.tlgg1 img{ width: 900px; height: 94px;}


/*----导航----*/
.dh{ margin: 0 auto; width: 1200px; height: 60px; background-color: #d21419; border-radius: 0 0 12px 12px;}
.dh ul{ margin: 0 auto; width: 1080px;}
.dh li{ float: left; width: 135px; font-size: 24px; line-height: 60px; color: #fffbe8; text-align: center;}
.dh li:hover{ color:#d21419; background-color: #ffebec;}


/*----文明头条----*/
.wmtt{ margin: 40px auto; width: 1200px; height: 60px; background: url(wmtt.jpg) no-repeat center left; background-color: #fff4f2; border-radius: 12px;}
.wmtt li{ margin-left: 158px; width: 1020px; height: 60px; font-size: 30px; font-weight: bolder; line-height: 60px; color: #d21419; text-align: center;}
.wmtt a{ color: #d21419;}


/*----栏目框----*/
.lm_1{ margin: 0 auto; width: 1200px; overflow: hidden;}
.lm_2{ width: 410px; float: left; overflow: hidden;}
.lm_3{ margin: 0 auto; width: 1230px; overflow: hidden;}
.lm_4{ float: left; margin: 0 15px 30px 15px; width: 380px; overflow: hidden;}

.lm_5{ margin: 0 auto; width: 1200px; overflow: hidden;}
.lm_6{ float: left; width: 899px;}
.lm_7{ float: left; margin-bottom: 20px; width: 300px;}


/*----建设全国文明典范城市----*/
.dfcs{ width: 820px; float: left;}
.dfcs_bt{ box-sizing:border-box; margin-bottom: 20px; padding-left: 20px; width: 790px; height: 38px; font-size: 22px; font-weight: bolder; color: #d21419; border-bottom: 1px solid #d21419; background: url(bt1.jpg) no-repeat center left;}
.dfcs_bt img{ float: right; width: 30px; height: 26px;}


/*----焦点图----*/
.box { float: left; margin: 0;
	width: 380px; height: 250px;
	overflow: hidden; position: relative; }
.box-1 ul{ }
.box-1 ul li{ width: 380px; height: 250px;
	position: relative; overflow: hidden; }
.box-1 ul li img{ display:block;
	width: 380px; height: 250px; }
.box-1 ul li h2{position: absolute;
	left: 0; bottom: 0;
	width: 380px; height: 30px;
	background: rgba( 0, 0, 0, 0.3);
	font-size: 14px; line-height: 30px;
	font-weight: 200;
	text-align: center;
	text-overflow: ellipsis; overflow: hidden;
	white-space: nowrap;
	color: ghostwhite; }
.box-3 span{ position: absolute; color: white;
	background: rgba( 0, 0, 0, 0.3);
	width: 24px;height: 40px;
	top:56%; font-family: "宋体"; line-height: 40px;
	font-size:30px; margin-top: -40px;
	text-align: center; cursor: pointer;}
.box-3 .prev { left: 10px;}
.box-3 .next { right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba( 200, 30, 30, 0.6);}


/*----区县----*/
.quxian{ width: 390px; height: 98px;}
.quxian li{ float: left; margin: 20px 10px 0 0; width: 68px; height: 32px; font-size: 16px; line-height: 32px; text-align: center; background-image: linear-gradient(#ff9a88, #f67663); border-radius: 6px;}
.quxian a{ color: #ffffff;}


/*----政务发布厅----*/
.zwfbt{ width: 380px; float: left;}


/*----通用标题----*/
.ty_bt{ box-sizing:border-box; margin-bottom: 20px; padding-left: 20px; width: 380px; height: 38px; font-size: 22px; font-weight: bolder; color: #d21419; border-bottom: 1px solid #d21419; background: url(bt1.jpg) no-repeat center left;}
.ty_bt img{ float: right; width: 30px; height: 26px;}

.xwt{ margin-bottom: 6px; width: 380px; height: 214px; position:relative;}
.xwt img{ width: 380px; height: 214px; border-radius: 8px;}
.xwt_bt{ position:absolute; bottom: 0; z-index:2; width: 380px; height: 30px; font-size: 14px; line-height: 30px; color: #ffffff; text-align:center; border-radius: 8px; background:rgba(0,0,0,.5); text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}

/*----标题列表----*/
.btlb{ width: 380px; display: inline-block; overflow: hidden;}
.btlb li{ width: 380px; height: 40px; font-size: 14px; line-height: 40px; border-bottom: 1px dotted #bcbcbc; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.btlb a{ color: #333333;}
.btlb a:hover{ color:#d21419;}


/*----平台连接----*/
.ptlj{ margin-top: 20px; width: 380px;overflow:hidden;}
.ptlj li{ margin: 10px 0; width: 180px; height: 50px;float:left;margin-right:10px;}
.ptlj img{ width: 180px; height: 50px; border-radius: 8px;}


/*----通栏广告----*/
.tlgg{ margin: 40px auto; width: 1200px; overflow: hidden;}

.tlgg2{ float: left; width: 790px; width: 80px;}
.tlgg2 img{ width: 790px; height: 80px;}

.tlgg3{ float: right; width: 380px; height: 80px;}
.tlgg3 img{ width: 380px; height: 80px;}


/*----媒体矩阵----*/
.mtjz{ margin: 0 auto; width: 1200px; height: 390px;}
.jzbt{ width: 1200px; height: 46px; font-size: 22px; font-weight: bolder; color: #d21419; text-align: center; border-bottom: 1px solid #d21419;}
.jzlb{ padding:  20px 0; width: 1200px;}
.jzlb li{ float: left; margin: 10px; width: 130px; height: 120px;}
.jzlb img{ width: 130px; height: 120px;}


/*----友情链接----*/
.fgx{ width: 100%; height: 7px; border-top: 3px solid #d21419; border-bottom: 1px solid #d21419;}
.fgx1{ width: 100%; height: 20px; border-bottom: 1px solid #d21419;}

.yqlj{ margin: 10px auto; width: 1000px; height: 60px; text-align:center;}
.yqlj li{ float: left; margin: 0 25px; width: 200px; font-size: 18px; line-height: 50px;}
.yqlj li:hover{ color: #d21419; box-sizing: border-box; border-bottom: 1px solid #d21419;}

.yqlb{ margin: 0 auto; width: 1200px; overflow: hidden;}
.yqlb li{ float: left; margin-right: 20px; font-size: 15px; line-height: 30px;}
.yqlb a{ color: #888888;}
.yqlb a:hover{ color: #333333;}


/*----版权----*/
.copyright{ margin: 40px auto; width: 1200px; font-size: 15px; line-height: 30px; text-align: center; color: #888888;}
.copyright a{ color: #888888;}
.copyright a:hover{ color: #333333;}
.copyright img{ width: 80px; height: 80px;}


/*----二级列表----*/
.suoyin{ box-sizing:border-box; margin: 0 auto; padding-left: 34px; width: 1200px; height: 80px; font-size: 14px; color: #888888; line-height: 90px;}

.lb_2{ box-sizing: border-box; padding: 0 30px; width: 870px;border-bottom: 1px dotted #bcbcbc;}
.lb_2 h1{ font-size: 22px; line-height: 76px; color: #333333;}
.lb_2 span{ font-size: 14px; line-height: 14px; color: #888888;}
.lb_2:hover{ background-color: #f2f2f2;}


/*----二级列表侧栏----*/
.lb_3{ width: 300px; display: inline-block; overflow: hidden;}
.lb_3 li{ width: 380px; height: 40px; font-size: 14px; line-height: 40px; border-bottom: 1px dotted #bcbcbc; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.lb_3 a{ color: #333333;}
.lb_3 a:hover{ color:#d21419;}

.lb_3_bt{ box-sizing:border-box; margin-bottom: 20px; padding-left: 20px; width: 300px; height: 38px; font-size: 22px; font-weight: bolder; color: #d21419; border-bottom: 1px solid #d21419; background: url(bt1.jpg) no-repeat center left;}
.lb_3_bt img{ float: right; width: 30px; height: 26px;}

.lb_3_xwt{ margin-bottom: 6px; width: 300px; height: 170px; position:relative;}
.lb_3_xwt img{ width: 300px; height: 170px; border-radius: 8px;}
.lb_3_xwt_bt{ position:absolute; bottom: 0; z-index:2; width: 300px; height: 30px; font-size: 14px; line-height: 30px; color: #ffffff; text-align:center; border-radius: 8px; background:rgba(0,0,0,.5); text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}


/*----分页----*/
.fenye{ margin: 40px auto; width: 650px;}
.wrpage{ display: inline-block; background: #d21419; margin: 4px; height: 24px; line-height: 24px; border: 1px solid #d21419; padding: 5px 10px 5px 10px; font-size: 14px; cursor: pointer; border-radius: 3px;}
a.wrpage:hover{ background: #FFFFFF; color: black;}
a { text-decoration:none; color: white; }
.wrpage_number{ width: 24px; font-size: 16px; text-align: center;}
.wr_dotted{ height: 24px; line-height: 24px; display: inline-block;}
.curwrpage{ background: #FFFFFF; border: 1px solid #d21419;}


/*----内容页----*/
.zw{ margin: 0 auto; width: 1200px; overflow: hidden; border-left: 1px solid #e6a9aa; border-right: 1px solid #e6a9aa;padding:0 20px;}
.zw h4{ margin: 30px auto 10px auto; width: 1100px; height: 60px; font-size: 30px; color: #333333; line-height: 60px; text-align: center;}
.zw h5{ margin: 0 auto; width: 1100px; height: 40px; font-size: 14px; color: #888888; line-height: 14px; text-align: center; border-bottom: 1px dotted #bcbcbc;margin-bottom:20px;}
.zw p{ margin: 0 auto; width: 1100px; font-size: 16px; color: #333333; line-height: 40px;}
