.diannao {
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.diannao ul {
	display: block;
	text-align: center;
	list-style: none;
	overflow: hidden;
}

.diannao li {
	display: block;
	background: #003f49;
	float: left;
	width: calc(( 100% - 120px)/5);
	margin: 10px;
	/*border: 1px solid #ccc;*/
}

.diannao li a {
	display: block;
	line-height: 40px;
	padding: 0px 10px;
	font-size: 16px;
}

.diannao li:hover {
	background: #003f49;
}

.diannao li a {
	color: #fff;
}

.shouji {
	display: none;
}

@media only screen and (max-width:840px) {
	#left {
		display: none;
	}
	.diannao {
		display: none;
	}
	.shouji {
		width: 100%;
		display: block;
		overflow: hidden;
		padding-bottom: 10px;
	}
	.shouji li {
		width: calc(( 100% - 12px)/3);
		display: block;
		float: left;
		height: 40px;
		margin: 2px;
		background: rgb(4, 130, 92, 0);
		border: 1px solid #04825C;
	}
	.shouji li a {
		display: block;
		color: #003f49;
		font-size: 12px;
		line-height: 40px;
		text-align: center;
	}
}