@media screen and (max-width: 1600px) {
	.header {
		max-width: 1400px;
	}
	.banner {
		max-width: 1400px;
	}
	.hcontent {
		max-width: 1400px;
	}
	.icontent {
		max-width: 1400px;
	}
	.needlittle {
		max-width: 1400px;
	}
	.mainbg {
		bottom: -200;
	}
}
@media screen and (max-width: 1400px) {
	.header {
		max-width: 1000px;
	}
	.banner {
		max-width: 1000px;
	}
	.hcontent {
		max-width: 1000px;
	}
	.icontent {
		max-width: 1000px;
	}
	.needlittle {
		max-width: 1000px;
	}
	.mainbg {
		bottom: -200;
	}
	.device {
		width: 400px;
	}
	.circle {
		width: 100%;
	}
}

@media screen and (max-width: 700px) {
	.header {
		max-width: 90%;
	}
	.header .button {
		font-size: 12px;
	}
	.banner {
		max-width: 90%;
		flex-direction: column-reverse;
	}
	.hcontent {
		max-width: 90%;
		flex-direction: column-reverse;
		gap: 30px;
	}
	.icontent {
		max-width: 90%;
	}
	.needlittle {
		max-width: 90%;
	}
	.mainbg {
		bottom: -200;
	}
	.device {
		width: 100%;
	}
	.mainbg {
		display: none;
	}
	.left {
		font-size: 14px;
	}
	.circle {
		width: 100%;
	}	
	.wtitle {
		font-size: 14px;
	}
	.dtitle {
		font-size: 12px;
	}
	.icontent {
		flex-direction: column;
	}
}