@media screen and (max-width:300px) {

}
@media screen and (min-width:301px) and (max-width:350px) {

}
@media screen and (min-width:351px) and (max-width:420px) {

}
@media screen and (min-width:421px) and (max-width:490px) {

}
@media screen and (min-width:491px) and (max-width:620px) {

}
@media screen and (min-width:621px) and (max-width:720px) {

}
@media screen and (min-width:721px) and (max-width:820px) {

}
@media screen and (min-width:821px) and (max-width:920px) {

}
@media screen and (min-width:921px) and (max-width:1020px) {

}
@media screen and (min-width:1021px) and (max-width:1120px) {
	.logo{width: 26%;}
}
@media screen and (min-width:1121px) and (max-width:1260px) {
	.input-box{display: none;}
	.logo{width: 26%;}
	.head-box{padding: 10px 100px;}
	.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
	.dao-box>li:last-child{padding-right: 0;}
	.dao-box>li>div{padding: 6px 0;}
	.head-nav-box > div:last-child {margin-top: 10px;}
	.redD {right: 6px;}
}
@media screen and (min-width:1261px) and (max-width:1350px) {
	.logo{width: 26%;}
	.head-box{padding: 10px 100px;}
	.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
	.dao-box>li>div{padding: 6px 0;}
	.head-nav-box > div:last-child {margin-top: 10px;}
	.redD {right: 6px;}
}
@media screen and (min-width:1351px) and (max-width:1620px) {
	.logo{width: 26%;}
	.head-box{padding: 20px 100px;}
	.dao-box>li{padding: 5px 20px;flex-shrink: 0;text-align: center;font-size: 16px;}
	.dao-box>li>div{padding: 6px 0;}
	.redD {right: 8px;}
}
@media screen and (min-width:1621px) and (max-width:1820px) {
	.logo{width: 30%;}
	.head-box{padding: 20px 100px;}
}