@charset "utf-8";
#wrap{background: #f1f1f1;}


#banner{ width: 100%; min-width: 1200px; height: 5rem; margin-top: 0; min-height: 500px; position: relative;}

#main{	position: relative; z-index: 1; }
#main .box{margin: 0; visibility: hidden; padding-bottom: 50px;}

#main .list{margin: 0px ; padding: 25px 0; display: block; border-bottom: 1px solid #ccc; position: relative; overflow: hidden; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#main .list .pic{float: right; margin-left: 30px;}
#main .list .pic img{width: 220px; margin-left: 20px; background-size: cover; background-position: center;}
#main .list h2{font-size: 20px; font-weight: normal; color: #000; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#main .list:hover h2{color: #bc292f;}
#main .list .list-info{padding: 10px 0; font-size: 14px; color: #888;}
#main .list .list-info span{display: inline-block; height: 22px; line-height: 22px; margin-right: 40px; padding-left: 25px; background: url(../img/icon-date.png) no-repeat left center;}
#main .list .list-info span.see{padding-left: 25px; background: url(../img/icon-see.png) no-repeat left center;}
#main .list .describe{display:block; font-size: 14px; color: #888;}




@media screen and (max-width: 768px) {
	
	
	#banner{ width: 100%; min-width: 100%; height: 50vw; margin-top: 50px; min-height: 50vw; position: relative;}
	
	#main .box{margin: 0; visibility: hidden; padding-bottom: 20px;}
	
	#main .list{margin: 0px ; padding: 12px 20px; display: block; border-bottom: 1px solid #ccc; position: relative; overflow: hidden; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	#main .list .pic{float: right; margin-left: .2rem;}
	#main .list .pic img{width: 30vw; margin-left: 2vw; background-size: cover; background-position: center;}
	#main .list h2{font-size: .9rem; font-weight: normal; color: #000; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	#main .list:hover h2{color: #bc292f;}
	#main .list .list-info{padding: .2rem 0; font-size: .5rem; color: #888;}
	#main .list .list-info span{display: inline-block; height: 1.8em; line-height: 1.8em; margin-right: .5rem; padding-left: 1rem; background: url(../img/icon-date.png) no-repeat left center; background-size: 1.6em;}
	#main .list .list-info span.see{padding-left: 1rem; background: url(../img/icon-see.png) no-repeat left center;}
	#main .list .describe{display:block; font-size: .6rem; color: #888;}
	
	

	
	
}