@charset "gb2312";
/* CSS Document */

.list_cont{ border:1px solid #ebebeb; padding:20px;}

.column{ width:280px; float:left;}
.column h2{ height:55px; background:#448aca; font-size:18px; line-height:55px; text-align:center; font-weight:normal; color:#fff;}
.column ul li{ border-top:1px solid #448aca; height:55px; line-height:55px; text-align:center; background:#eee; margin-top:10px;}
.column ul li a{ display:inline-block; *zoom:1; *display:inline; color:#434343; padding-left:10px; margin-left:-10px;}
.column ul li a.active,.column ul li a:hover{ background:url(2015hsq_list_jt.png) no-repeat left center ;color:#448aca;}

.column_list{ width:685px; float:right; padding-bottom:50px; overflow:hidden;}
.column_list .title{ border-top:1px solid #448aca; height:54px; background:#eee; line-height:54px;}
.column_list .title h2{ font-size:16px; font-weight:normal; color:#448aca; padding-left:20px;}

.column_list .list{ border-bottom:1px dashed #cecece; padding:15px 0;}
.column_list .list li{ padding:0 20px; height:32px; line-height:32px; vertical-align:top; }
.column_list .list li a{ float:left; max-width:75%;background:url(2015hsq_list_li_dian.jpg) no-repeat left center; text-indent:8px; color:#535353; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.column_list .list li a:hover{ text-decoration:none; color:#448aca;}
.column_list .list li span{ float:right;}


.pic_list{ float:left; width:105%;}
.pic_list li{ float:left; margin:20px 10px 0 0; width:221px;}
.pic_list li .pic_box{ display:block; background:#e5e5e5; width:100%; height:131px;}
.pic_list li .pic_box img{ width:100%; height:135px;}
.pic_list li p{ line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pic_list li p a{ color:#434343;}
.pic_list li p a:hover{ color:#448aca;}
.pic_list li p span{ color:#959595;}


	
@media screen and (max-width: 1025px){
	.main{ width:100% !important;}
	.column{ width:25%;}
	.column_list{ width:73%;}
	
	.pic_list li{ width:31%;}
}

@media screen and (max-width: 760px){
	.list_cont{ padding:2%;}
	.column{ width:100%;}
	.column_list{ width:100%; margin-top:10px;}
	.column_list .list li{ padding:0;}
}

@media screen and (max-width: 480px){
	.pic_list li{ width:48%; margin:20px 1% 0; }
}

@media screen and (max-width: 320px){
	.pic_list li{ width:100%; margin:20px 0 0; }
}