@media screen and (max-width: 1280px) {
	.w {
		width: 95%;
	}

	.nav .w {
		width: 100%;
	}

	.history .contont {
		width: calc(100% - 75px);
	}

	.search {
		position: initial;
		top: 0;
		transform: translateY(0);
		width: 80%;
		margin: 0 auto;
	}

	.hd {
		height: 150px;
		padding-top: 10px;
	}

	.hd .logo,
	.hd .logo1 {
		transform: translateY(0);
	}

	.hd .logo1 {
		top: 25%;
		left: 100%;
		transform: translateX(-100%);
	}

	.ft .right .gw,
	.ft .right .gzh {
		width: 70px;
		height: 70px;
	}
	.ft_top p {
		font-size: 10px;
	}
	.ft_top .gw {
	    margin-right: 50px;
	}
}

@media screen and (max-width: 1225px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 940px) {}

@media screen and (max-width: 820px) {}

@media screen and (max-width: 660px) {
	.ft .logo {
		width: 350px;
	}
	
}

@media screen and (max-width: 600px) {

	.search,
	.nav {
		display: none;
	}

	.home {
		display: block;
	}

	.hd {
		height: 125px;

	}

	.hd .logo,
	.hd .logo1 {
		transform: translateY(-50%);
	}

	.hd .logo1 {
		top: 0;
		left: 100%;
		transform: translateX(-110%);
	}

	.hd .logo {
		width: 70%;
		height: 50px;
	}

	.hd .logo1 {
		width: 20%;
		height: 60px;
		transform: translate(-140%, 50%)
	}

	.dynamic,
	.history {
		width: 100%;
	}

	.history .contont {
		width: calc(100% - 65px);
	}

	.ft .right {
		float: left;
		margin-top: 15px;
	}

	.ft .left {
		margin: 0 auto;
	}

}

@media screen and (max-width: 568px) {
	.ft_top {
		height: 300px;
	}
}

@media screen and (max-width: 445px) {
	.blessing .but p {
		width: auto;
		height: auto;
		line-height: 30px;
		padding: 0 10px;
	}
	.blessing .but p:first-child {
		margin-right: 50px;
	}
}

@media screen and (max-width: 376px) {}

@media screen and (max-width: 360px) {
	.ft .logo {
		width: 330px;
	}
}
