@media screen and (max-width:1500px){
	.slideshow-container {
		width: 95%;
		height: 280px;
		max-width: 1421px;
	}
}

@media screen and (max-width:1300px){
	.main {
		width: 1100px;
	}
	.slideshow-container {
		width: 90%;
		height: 240px;
	}
}

@media screen and (max-width:1200px){
	.main {
		width: 1000px;
	}
	.slideshow-container {
		width: 95%;
		height: 210px;
	}
}

@media screen and (max-width:1100px){
	.main {
		width: 900px;
	}
	nav .container > div > ul > li > a {
		padding: 20px 10px;
	}
	.slideshow-container {
		width: 95%;
		height: 180px;
	}
	.slide-arrow {
		padding: 10px 15px;
		font-size: 16px;
	}
	.slide-arrow-prev {
		left: 10px;
	}
	.slide-arrow-next {
		right: 10px;
	}
}

@media screen and (max-width:900px){
	.slideshow-container {
		width: 95%;
		height: 150px;
	}
	.slide-arrow {
		padding: 8px 12px;
		font-size: 14px;
	}
	.indicator {
		width: 12px;
		height: 12px;
	}
	.slide-indicators {
		bottom: 15px;
		gap: 8px;
	}
}

@media screen and (max-width:600px){
	.slideshow-container {
		width: 100%;
		height: 120px;
		margin-left: 0;
		margin-right: 0;
	}
	.banner {
		height: 100px;
	}
	.slide-arrow {
		padding: 6px 10px;
		font-size: 12px;
	}
	.slide-arrow-prev {
		left: 5px;
	}
	.slide-arrow-next {
		right: 5px;
	}
	.indicator {
		width: 10px;
		height: 10px;
	}
	.slide-indicators {
		bottom: 10px;
		gap: 6px;
	}
}