@media screen and (max-width: 1280px) {
	.w {
		width: 100%;
	}

}

@media screen and (max-width: 1024px) {
	body .cover{
		position: relative;
		height: 180px;
	}
	.logo{
		position: absolute;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.logo img{
		width: 100%;
	}
	.search{
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
}

@media screen and (max-width: 920px) {
	.search .s_input{
		width: 200px;
	}
	.search .b_input{
		width: 70px;
	}
	
}

@media screen and (max-width: 820px) {}

@media screen and (max-width: 720px) {
	.search .s_input,
	.search .b_input{
		height: 30px;
	}
	.search .b_input{
		font-size: 14px;
	}

}

@media screen and (max-width: 540px) {
	.search .s_input{
		width: 220px;
	}
	.logo {
		width: 80%;
	}
	body .search {
		position: static;
		transform: translate(0,0);
		margin-top: 50px;
		margin-right: 20%;
	}
}

@media screen and (max-width:450px) {
	body .cover{
		position: relative;
		height: 150px;
	}
	/* .search .s_input{
		width: 50px;
	} */
	.search .b_input{
		width: 50px;
	}
	body .search {
		margin-top: 40px;
		margin-right: 15%;
	}
}

@media screen and (max-width:375px) {

}

@media screen and (max-width: 360px) {}
