@charset "utf-8";
/* CSS Document */

@import url( reset.css);
@import url( header.css);
@import url( footer.css);

.header{background: url(2021_index_banner.png) no-repeat center top #e8e8e8;}
/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height:39px;*line-height:35px; background:url(2021_index_list_dian.png) no-repeat left center; font-size: 16px;  padding-left: 15px; color: #2d3c5e; }
.ulList li a{ display: block; float: left; max-width:78%; *max-width:69%; max-width: calc(100% - 100px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ulList li a br{ display:none; }
.ulList li a:hover{ color: #ac1527; }
.ulList li span{ display: inline-block; width: 90px; float: right; text-align:right; color: #666;}

.main{}

/*Part1*/
.jzxx_box{
	filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e8e8e8,endcolorstr=#fff,gradientType=0);	
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=#fff,gradientType=0);	
	background:#fff; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, #e8e8e8, rgba(255, 255, 255, 0.5));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#e8e8e8), to(rgba(255, 255, 255, 0.5)));
	box-shadow:1px 1px 10px #e8e8e8;
	-moz-box-shadow: 1px 1px 10px #e8e8e8;
    -webkit-box-shadow: 1px 1px 10px #e8e8e8;
	height:auto;
	padding-top:25px;
	position:relative;
	padding-bottom:20px;
	}
.jzxx_box h1{ height:46px; border-bottom:1px solid #bd1a2d; line-height:40px;}
.jzxx_box h1 a{ color:#bd1a2d; font-size:18px;}
.jzxx_box h2{ position:absolute; right:373px; top:10px; color:#a7a7a7;}

/*局长信箱*/
.jzxx_box .list_box{ height:auto;}
.jzxx_box .list_box .left_xj{ width:827px; height:304px;}
.jzxx_box .list_box .left_xj .title{ height:50px; line-height:50px; background:#f1e8e9; margin-top:14px;}
.jzxx_box .list_box .left_xj .title span{ float:left; display:block; text-align:center; color:#2d3c5e;}
.jzxx_box .list_box .left_xj .title span:first-child{ width:567px; text-align:left; text-indent:2em;}
.jzxx_box .list_box .left_xj .title span:first-child+span{ width:168px;}
.jzxx_box .list_box .left_xj .title span:first-child+span+span{ width:92px;}
.jzxx_box .list_box .left_xj ul li{ height:40px; line-height:40px; color:#8f8f8f;}
.jzxx_box .list_box .left_xj ul li a{ display:block; float:left; width:537px; padding:0 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#2d3c5e;}
.jzxx_box .list_box .left_xj ul li span{ display:block; width:168px; text-align:center; float:left;}
.jzxx_box .list_box .left_xj ul li em{ display:block; float:left; width:92px; text-align:center;}

.jzxx_box .list_box .left_xj ul li.bj{ background:#ededed;}

.right_tj{ width:355px; height:auto;}
.xj_icon{ width:100vw; margin-top:15px; height:auto; overflow:hidden;}
.xj_icon ul li{ width:106px; height:99px; float:left; margin-left:18px;}
.xj_icon ul li:first-child{ margin-left:0;}
.xj_icon ul li a{ display:block; background:#ac1527; height:100%; text-align:center; color:#fff; overflow:hidden;}
.xj_icon ul li a i{ display:block; width:26px; height:27px; background:url(2021_gzcy_all_icon.png) no-repeat 0 0; margin:21px auto 9px;}
.xj_icon ul li:first-child+li a i{ background-position:-51px 0;}
.xj_icon ul li:first-child+li+li a i{ background-position:-99px 0;}

/*信件统计数据*/
.xjtj{ margin-top:12px; height:auto;}
.xjtj h3{ height:37px; line-height:37px; color:#ac1527; border-bottom:1px solid #ac1527; font-size:16px;}
.xjtj h3 a{ color:#333; padding-right:36px;}
.xjtj h3 a.on{ color:#ac1527;}
.xjtj .tj_box{width:355px;height: 240px; margin-top:10px;}

/*Part2*/
.Part2{ margin-top:25px; height:auto;}
/*网上征集、网上调查*/
.zj_dc{ width:827px; height:auto;}
.zj_dc dt{ height:60px; line-height:60px; font-size:18px; border-bottom:1px solid #bd1a2d; position:relative;}
.zj_dc dt h1 a{ font-size:18px; margin-right:36px;}
.zj_dc dt h1 a.on{ color:#bd1a2d;}
.zj_dc dt h2{ position:absolute; right:0; top:10px; color:#a7a7a7;}
.zj_dc dd{ height:auto;}
.zj_dc dd ul li{ width:405px; height:110px; background:#f5f5f5; float:left; margin-top:24px; overflow:hidden;}
.zj_dc dd ul li.mgL{ margin-left:15px;}
.zj_dc dd ul li .dc_zt{ width:79px; height:61px; background:#ac1527; color:#fff; text-align:center; padding-top:18px; margin:16px 10px 0 14px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.zj_dc dd ul li .yjs{ background:#c6c6c6; color:#f5f5f5; line-height:79px; padding-top:0; height:79px;}
.zj_dc dd ul li .title{ width:285px;}
.zj_dc dd ul li .title .txt a{ display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:15px;}
.zj_dc dd ul li .title p{ width:100%; background:url(2021_gzcy_zjsj_icon.png) no-repeat left center; height:22px; line-height:22px; color:#727272; text-indent:2em; font-size:14px; margin-top:10px;}
.zj_dc dd ul li .title .djcy{ float:right; margin-top:8px;font-size:14px;}
.zj_dc dd ul li .title .djcy a{ display:block; width:93px; height:21px; border:1px solid #e89ea7; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  color:#ac1527; text-indent:2em; background:url(2021_gzcy_djcy_icon.png) no-repeat 8px center; }
.zj_dc dd ul li .title .djck a{border:1px solid #c6c6c6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  color:#656565; text-indent:2em; background:url(2021_gzcy_djck_icon.png) no-repeat 4px center;}
.zj_dc dd ul li .title .djcy a:hover{ background:url(2021_gzcy_djcy_icon.png) no-repeat 8px center #e89ea7;}
.zj_dc dd ul li .title .djck a:hover{ background:url(2021_gzcy_djck_icon.png) no-repeat 4px center #c6c6c6;}

/*热点回应、常见问题知识库*/
.hygq_cjwt{ width:355px; height:auto;}
.hygq_cjwt dt{ height:60px; line-height:60px; font-size:18px; border-bottom:1px solid #bd1a2d; position:relative;}
.hygq_cjwt dt h1 a{ font-size:18px; margin-right:36px;}
.hygq_cjwt dt h1 a.on{ color:#bd1a2d;}
.hygq_cjwt dt h2{ position:absolute; right:0; top:10px; color:#a7a7a7;}

@media screen and (max-width:600px ) {
		
		.w1200{ width:auto;}
		ul.ulList{  display:block !important; float:left !important;}
	
		.main{ background:none; width:auto; padding:0 10px;}
		.jzxx_box{width:auto;background: none;box-shadow: none;}
		.jzxx_box h2{ right:0%;}
		.jzxx_box .list_box{ width:calc(100vw - 20px);}
		.jzxx_box .list_box .left_xj{ width:auto; float:none;}
		.jzxx_box .list_box .left_xj .title span:first-child{ width:70%;}
		.jzxx_box .list_box .left_xj ul li a{ width:60%;}
		.jzxx_box .list_box .left_xj .title span:first-child+span+span,.jzxx_box .list_box .left_xj ul li em{ width:30%;}
		.jzxx_box .list_box .left_xj .title span:first-child+span,.jzxx_box .list_box .left_xj ul li span{ display:none;}
		.right_tj{ float:none; width:100vw;}
		.xj_icon ul li{ width:calc((100vw - 56px) / 3);}
		.xjtj .tj_box{ width:auto;}
		
		
		.Part2{ margin-top:10px; width:auto;}
		.zj_dc{width:calc(100vw - 20px); float:none;}
		.zj_dc dt h2{ display:none;}
		.zj_dc dd ul{ display:block !important; float:left !important;}
		.zj_dc dd ul li{ width:auto; float:none;}
		.zj_dc dd ul li .dc_zt{ width:40px; height:40px; padding:10px;}
		.zj_dc dd ul li .title{width: calc(100vw - 110px);}
		.zj_dc dd ul li.mgL{ margin-left:0;}
		.zj_dc dd ul li .yjs{ line-height:inherit;}
		.hygq_cjwt{ width:auto; float:none; margin-bottom:20px;}
		.hygq_cjwt dt h2{ display:none;}
	}
	@media screen and (max-width:600px ) {
		
		.zj_dc dd ul li .title p{ font-size:12px;}
	}