.recommend {
	margin: 0 0 15px 0;
	padding: 0;}

.banner {
	margin: 20px 0 0 0;
	padding: 0;}

.top_r {
	text-align: right;}

.index_w {
	margin-right: -25px;}

.index_p {
	font-size: 1.4rem;
	font-weight: 400;
	margin: 0 0 15px 0;
	padding: 0;}

.index_p img {
	margin-bottom: 5px;
	width: 150px;
	height: 150px;}

.top_link {
	margin: 0 0 35px 0;
	padding: 0;}

.top_foot {
	margin: 30px 0 120px 0;
	padding: 0;}

/* ------------------------------------------------ */
@media (max-width: 980px) {
	.recommend img {
		max-width: 98%;}

	.top_link img {
		max-width: 98%;}

	.top_foot {
		margin: 15px 0 90px 0;
		padding: 0;}
}

/* ------------------------------------------------ */
@media (max-width: 768px) {
	.index_w {
		text-align: center;
		margin-right: 0;}

	.index_p img {
		max-width: 150px;
		max-height: 150px;
		width: 90%;
		height: 90%;}

	.top_foot {
		margin: 15px 0 60px 0;
		padding: 0;}
}

/* ------------------------------------------------ */
@media (max-width: 480px) {
	.recommend {
		text-align: center;
		margin: 0 0 5px 0;
		padding: 0;}

	.top_r {
		text-align: center;}

	.top_link {
		text-align: center;
		margin: 0 0 15px 0;
		padding: 0;}

	.top_foot {
		margin: 15px 0 60px 0;
		padding: 0;}
}