@charset "utf-8";
.relevant{
	width: 100%;
	overflow: hidden;
}
	.relevant h1{
		margin-bottom: 30px;
		border-bottom: 1px solid #c8c8c8;
	}
		.relevant h1 span{
			display: inline-block;
			color: #000;
			font-size: 16px;
			line-height: 30px;
			border-bottom: 3px solid #55b00b;
		}
	.relevant ul{}
	.relevant ul li{
		float: left;
		width: 25%;
		overflow: hidden;
	}
		.relevant ul li a{
			display: block;
			width: 90%;
			margin: 0 auto;
		}
			.relevant ul li a img{
				display: block;
				width: 100%;
				border-radius: 2px;
				border: 1px solid #c8c8c8;
			}
			.relevant ul li a span{
				display: block;
				text-align: center;
				line-height: 30px;
				font-size: 14px;
				color: #000;
			}
.relevant table tr td{
    width:25%;
 }
.relevant table,.relevant table tr td li{
    width:100%;
 }
@media only screen and (max-width: 768px) {
	.relevant ul li a span{
		font-size: 12px;
	}
	.relevant ul li{
		width: 33.3333333%;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 480px) {
	.relevant ul li{
		width: 50%;
	}	
}