@charset "utf-8";

/*列表页*/
.cont_left{ float: left; width: 320px; height: auto; position: relative;}
.cont_left_nav_menu{ display: none;}
.cont_left .cont_left_tit{ width: 220px;  line-height: 30px; padding: 10px 50px; color: #FFFFFF; font-size: 18px; font-weight: bold; background:url(../images/listPage_left_titbg.png) 17px center no-repeat #2f73b2; }
.list_nav_left{width: 100%; height: auto;  overflow: hidden; padding-bottom: 150px; background: #F9F9F9;}
.list_nav_left li{ height: auto; width: 100%;position: relative;border-bottom: 1px solid #e1e1e1; }
.list_nav_left li a{ display:block; height: auto; line-height: 30px;padding: 10px 0;  text-align: center; color: #333333; font-size: 18px; background: #f9f9f9;}
.list_nav_left li a:hover{ background: #FFFFFF; color: #0077DD;}
.list_nav_left li a.active{width: 318px; background: url(../images/listPage_left_nav_arrow.png) no-repeat 284px center #fff; border-left: 2px solid #0077dd; color:#0077dd; }

.cont_right{ float: right; width: 860px; height: auto; }
.cont_right .cont_right_tit{ height: 50px; line-height: 50px; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; font-size: 18px; color: #2f73b2; font-weight: bold;}
.cont_right .cont_right_tit a{ font-size: 18px; color: #2f73b2; font-weight: bold;}
.cont_right .cont_right_tit a:hover{color: #1B64B4; }
.news_list{ width: 100%; height: auto;  margin-top: 15px; overflow: hidden;min-height: 450px;}
.news_list li{ height: 36px; line-height: 36px; vertical-align: top; overflow: hidden;}
.news_list li a{ float: left; background: url(../images/listPage_dot.png) left center no-repeat; text-indent: 13px; max-width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333333; font-size: 16px;}
.news_list li a:hover{ color: #1B64B4;}
.news_list li span{ float: right; font-size: 14px; color: #999;}
.news_list li.split{ border-bottom: 1px dashed #d9d9d9; padding-bottom: 10px; margin-bottom: 10px;}

/*图片列表*/
.pic_list{ width: 885px; height: auto;}
.pic_list li{float: left; margin-right: 25px; margin-bottom: 25px; width: 250px; height: 200px; padding: 10px 10px 5px 10px; background: #f0f0f0; overflow: hidden;transition: all 0.4s; 
	-webkit-transition: all 0.4s; 
	-moz-transition: all 0.4s; }
.pic_list li a.pic{ display: block; width: 100%; height: 170px; overflow: hidden;}
.pic_list li a img{ width: 250px; height: 170px;
	transition: all 0.4s; 
	-webkit-transition: all 0.4s; 
	-moz-transition: all 0.4s; 
}
.pic_list li p{ height: 30px; line-height: 30px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic_list li p a{ color: #333333; font-size: 16px;}
.pic_list li:hover p a{ color: #1B64B4;}
.pic_list li img:hover{
	-webkit-transform: scale( 1.06,1.06);
	 -moz-transform: scale( 1.06,1.06); 
	 -ms-transform: scale( 1.06,1.06); 
	 -transform: scale( 1.06,1.06);  }
.pic_list li:hover{ -moz-box-shadow:3px 3px 5px #999999; -webkit-box-shadow:3px 3px 5px #999999; box-shadow:3px 3px 5px #999999;}

/*右侧文章页*/
.article{ padding: 30px 20px; background: #FFFFFF;}
.article h2{ font-size: 26px; color: #333333; font-weight: bold; text-align: center; line-height: 40px;}
.article h4.subTitle{ font-size: 20px; color: #2979c3; font-weight: normal; text-align: center; line-height: 36px; margin-top: 10px;}
.article p.info{ text-align: center; font-size: 14px; color: #999; margin-top: 20px;}
.article p.info a{ color: #999; margin: 0 5px;}
.article p.info a:hover{ color: #1B64B4;}
.art_cont{ font-size: 16px; line-height: 30px; padding: 30px 0;min-height:240px;}
.art_cont p{ font-size: 16px; line-height: 30px;}
.art_cont img{ max-width: 100%; height: auto;}
.art_cont table td{ border: 1px solid #e1e1e1;}
/*分页*/
#pages {
	width: 100%;
	clear: both;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #333;
}

#pages a, #pages span {
	margin: 0;
	width: 38px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #ebebeb;
	border-bottom: 3px solid #EBEBEB;
	color: #333;
	background: #f7f7f7;
	display: inline-block;
}

#pages a:hover{
	border-bottom-color:#007ab9;
	background: #FFFFFF;
}

#pages span {
	background: #FFFFFF;
	color: #333;
	border-bottom-color:#007ab9;
}

#pages span {
	font-weight: bold;
	position: relative;
	top: 0px;
}

#pages a.previous {
	width: 72px;
	position: relative;
	top: 0px;
	color: #333333;
}

#pages a.next {
	width: 72px;
	position: relative;
	top: 0px;
	color: #333333;
}

/* 日历选择器 */
.date_side{float:left; width:318px; border:#e6e6e6 1px solid;}
.date_side .tips{ height:46px; line-height:46px; background:#f5f5f5; text-align:center; font-size:16px; color:#2979c3; border-bottom:#e6e6e6 1px solid;}
.date_side .date{height:335px; padding:0 10px;}
.date_result{float:right; width:773px; border:#e6e6e6 1px solid; margin-top:20px;}
.date_result_title{ height:46px; line-height:46px; background:#f5f5f5; font-size:16px; font-weight:bold; color:#bc1011; padding-left:26px;}

.Calendar table td{font-size:15px; text-align:center;} 
.Calendar table thead{} 
.Calendar table thead td{font-weight:bold; height:60px;} 
.Calendar table tbody td{height:32px;}
.Calendar table tbody td a{display:inline-block; width:36px; height:30px; line-height:30px;}
.Calendar table tbody td a:hover{background:#f2f2f2;}
.Calendar table tbody td.onToday a{background:#2979c3; color:#fff; font-weight:bold;}

.date_ym{ padding:30px 0; position:relative; height:20px;}
.date_ym .btn{position:absolute; width:16px; height:16px; background:url(../images/zzs_calendar_date_arrow.png) no-repeat; cursor:pointer; top:50%; margin-top:-8px;}
.date_ym #idCalendarPre{left:10%; background-position:0 0;}
.date_ym #idCalendarNext{right:10%; background-position:-17px 0;}
.date_ym #idCalendarPre:hover{ background-position:0 -17px;}
.date_ym #idCalendarNext:hover{ background-position:-17px -17px;}
.date_ym .ym{text-align:center; font-size:18px; line-height:20px;}
#idCalendar td.onSelect { font-weight:bold; } 
#idCalendar td.onSelect a{background:#f2f2f2;}

/* 信息公开目录 */
.xxgkml_list{ width: 100%; height: auto;overflow: hidden;}
.xxgkml_list li{ float: left; width: 193px; height: 40px; margin: 0 10px 20px; border: 1px solid #E1E1E1;}
.xxgkml_list li a{display: block; width: 100%;height: 100%; line-height: 40px; text-align: center; font-size: 15px; background: #f1f1f1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xxgkml_list li a:hover{ background: #0077DD; color: #FFFFFF;}

@media screen and (max-width:1199px) {
	.cont_left{width: 26%;}
	.cont_right{ width: 71%;}
	.cont_left .cont_left_tit{ width: auto; padding-right: 5%;}
	.list_nav_left li a.active{ box-sizing: border-box; background-position-x: 88%; width: 100%;}
	
	.pic_list{ width: 100%;}
	.pic_list li{ width: 30%; height: auto; box-sizing: border-box; margin: 0 1.6% 20px 1.6%;}
	.pic_list li a img{ width: 100%;}

    .cont_right .cont_right_tit { height: auto;}
	.cont_right .search { width:100% !important; height: auto !important; overflow: hidden;}
	.cont_right .search select { width: 100px !important;}
	.cont_right .search .input { width: calc(100% - 160px) !important; box-sizing: border-box; padding-left: 0 !important;}
	
}
@media screen and (max-width:768px) {
	
	.list_nav_left{ padding-bottom: 0;}
	.list_nav_left li:last-child{border-bottom: none;}
	.list_nav_left li a.active{ border-left: none; background: #0077DD; color: #FFFFFF;}
	.cont_left{ float: none; width: 100%;}
	.cont_left_nav_menu{ display: block; width: 21px; height: 16px; background: url(../images/listPage_left_nav_menu.png) center center no-repeat; position: absolute; right: 17px; top: 17px;}
	.list_nav_left{ display: none;}
	
	.cont_right{ width: 100%;}
}
@media screen and  (max-width:720px) {
	
	.pic_list{margin-top: 20px;}
	.pic_list li{width: 40%; margin-left:5% ;margin-right: 5%;}
	
	
	
	
	.cont_right .cont_right_tit{margin-bottom: 0;}
	.news_list{ margin-top: 0;}
	.news_list li{ height: auto; padding: 10px 0 5px 15px; border-bottom: 1px solid #DEDEDE; line-height: 24px;background: url(../images/wap_li_dot.png) left 17px no-repeat;}
	.news_list li a{float: none; overflow: auto; white-space: normal; background: none; padding: 0; text-indent: 0; color: #666666;}
	
	.news_list li.split{ border-bottom: 1px solid #DEDEDE; padding-bottom: 5px; margin-bottom: 0;}
}
@media screen and  (max-width:560px) {
	
	.pic_list li{width: 48%; margin-left:1% ;margin-right: 1%;}
}

@media screen and  (max-width:480px) {
	.news_list li a{font-size: 15px;}
	.list_nav_left li a{ font-size: 17px; padding: 8px 0;}
	
	.pic_list li{width: 90%; margin-left:5% ;margin-right: 5%;}
}
@media screen and  (max-width:320px) {
	
	.pic_list li{width: 100%; margin-left:0 ;margin-right: 0;}
}