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

.main_left{ float:left; width:300px; border:1px solid #b2b2b2; background:#fbfbfb; padding:20px; margin-top:10px;}
.main_left .title{ font-size:18px; line-height:22px;}
.main_left .title h2{ float:left; font-weight:normal; color:#fea715;}
.main_left .title a{ float:right; background:url(2015hsq_ztzl_more.png) no-repeat right center; padding-right:30px; color:#b2b2b2;}
.main_left ul{ margin-top:15px;}
.main_left ul li{ line-height:32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_left ul li a{ color:#434343;}

.main_right { float:right; width:670px; overflow:hidden;}
.main_right ul{ width:680px;}
.main_right ul li{ float:left; width:328px; height:124px; border:1px solid #dbdbdb; margin:10px 10px 0 0;}
.main_right ul li:hover{ opacity:0.5; filter:alpha(opacity=50);}
.main_right ul li img{ width:100%; height:100%;}


@media screen and (max-width: 1025px){
	.banner{ height:auto;}
	.banner img{ width:100%; height:auto;}
	
	.main_left{ width:95%; margin-left:0.6%; padding:20px 1.5%;}
	.main_right{ width:98%; margin-left:0.6%;}
	.main_right ul{ width:100%;}
	.main_right ul li{ width:30%; height:auto; margin:10px 1% 0;}
}

@media screen and (max-width: 760px){
	.main_right ul li{ width:47%;}
}

@media screen and (max-width: 480px){
	.banner{ display:none;}
	.main_right ul li{ width:96%;}
}