@media (max-width: 600px) {
	.marqueeleft {
		height: 240px;
		width: 100%;
		overflow: hidden;
		margin: 40px auto;
	}

	.lunboimg {
		width: 180px;
		height: 240px;

	}

	.marqueeleft ul {
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.marqueeleft li {
		float: left;
		margin: 0 15px;
		display: inline;
		width: 180px;
		height: 240px;

		overflow: hidden;
	}

	.marqueeleft li .pic {
		display: block;
		border: #ccc 1px solid;
		width: 180px;
		height: 240px;

		padding: 2px;
		overflow: hidden;
	}

}


@media (min-width: 600px) and (max-width: 800px) {
	.lunboimg {
		width: 180px;
		height: 240px;

	}

	.marqueeleft {
		width: 600px;
		height: 240px;
		overflow: hidden;
		margin: 40px auto;
	}

	.marqueeleft ul {
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.marqueeleft li {
		float: left;
		margin: 0 15px;
		display: inline;
		width: 180px;
		height: 240px;

		overflow: hidden;
	}

	.marqueeleft li .pic {
		display: block;
		border: #ccc 1px solid;
		width: 180px;
		height: 240px;

		padding: 2px;
		overflow: hidden;
	}

}


@media (min-width: 1200px) {

	.marqueeleft {
		height: 370px;
		width: 1200px;
		overflow: hidden;
		margin: 40px auto;
	}

	.marqueeleft ul {
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.lunboimg {
		width: 300px;
		height: 400px;
	}

	.marqueeleft li {
		float: left;
		margin: 0 15px;
		display: inline;
		width: 300px;
		height: 400px;

		overflow: hidden;
	}

	.marqueeleft li .pic {
		display: block;
		border: #ccc 1px solid;
		width: 300px;
		height: 400px;

		padding: 2px;
		overflow: hidden;
	}

}

@media (min-width: 800px) and (max-width: 1200px) {

	.marqueeleft {
		width:800px;
		height: 300px;
		overflow: hidden;
		margin: 40px auto;
	}

	.marqueeleft ul {
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.lunboimg {
		width: 240px;
		height: 300px;

	}

	.marqueeleft li {
		float: left;
		margin: 0 15px;
		display: inline;
		width: 240px;
		height: 300px;

		overflow: hidden;
	}

	.marqueeleft li .pic {
		display: block;
		border: #ccc 1px solid;
		width: 240px;
		height: 300px;

		padding: 2px;
		overflow: hidden;
	}

}



.marqueeleft li .txt {
	text-align: center;
	height: 23px;
	line-height: 23px;
}

/* marqueetop */

.marqueetop {
	height: 429px;
	width: 148px;
	overflow: hidden;
	margin: 40px auto;
}

.marqueetop li {
	padding: 5px 0;
	width: 148px;
	height: 133px;
	overflow: hidden;
}

.marqueetop li .pic {
	display: block;
	border: #ccc 1px solid;
	width: 135px;
	height: 104px;
	padding: 2px;
	overflow: hidden;
}

.marqueetop li .txt {
	text-align: center;
	height: 23px;
	line-height: 23px;
}