@charset "utf-8";
/*ul li*/
ul.list{
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-bottom: 20px;
}
	ul.list li{			
		display: inline-block;
		padding: 4px 15px;
		margin: 0 2%;			
		border-radius: 15px;
		border: 1px solid #d9d9d9
	}
		ul.list li a{
			font-size: 16px;
			display: block;
			color: #55b00c;
			line-height: 25px;
		}
	ul.list li:hover{
		background: #eeeeee;
	}
@media only screen and (max-width: 480px) {
	ul.list li{			
		margin: 0 3px;
		padding: 2px 7px;
	}
	ul.list li a{
		font-size: 14px;
	}
}






/*exhibition*/
.exhibition{
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
}
	.exhibition h1{
		margin-bottom: 20px;
		border-bottom: 1px solid #c8c8c8;
	}
		.exhibition h1 span{
			color: #55b00c;
			font-size: 18px;
			line-height: 40px;
			display: inline-block;
			padding: 0 25px 0 0;
			border-bottom: 3px solid #55b00c
		}
	/*marquee*/
	.marquee {
		width:100%; 
		height:249px; 
		overflow:hidden;
	}
		.marquee li{
			display:inline; 
			float:left; 
			margin-right:12px;
		}
			.marquee li a{
				width:277px; 
				height:249px; 
				display:block;
			}
				.marquee li img {width:100%;}
		
	/*.exhibition table tr td{
	    width:25%;
	}
	.exhibition table,.exhibition table tr td li{
	    width:100%;
	}*/
@media only screen and (max-width: 960px) {
	.marquee {
		height:180px; 
	}
	.marquee li a{
		width:200px; 
		height:180px; 
	}
@media only screen and (max-width: 768px) {
	.marquee {
		height:135px; 
	}
	.marquee li a{
		width:150px; 
		height:135px; 
	}
	.exhibition h1 span{
		font-size: 16px;
	}
}
@media only screen and (max-width: 640px) {
	.marquee {
		height:117px; 
	}
	.marquee li a{
		width:130px; 
		height:117px; 
	}
@media only screen and (max-width: 480px) {	
	.marquee {
		height:81px; 
	}
	.marquee li a{
		width:90px; 
		height:81px; 
	}
}