.header {
	height: 36rem;
	position: relative;
	box-sizing: border-box;
	padding: 7rem 0 0;
}

.header .bg {display: block;position: absolute;width: 45.73%;left: 0;top: 0;bottom: 0;z-index: 2;}

.header .bg2 {
	position: absolute;
	left: 79rem;
	right: 0;
	top: 0;
	bottom: 2rem;
	z-index: 1;
}

.logo {
	width: 41.7rem;
	margin: 0 0 0 2rem;
}

.logo a.logo1 {
	width: 100%;
	position: relative;
	margin-bottom: 4.6rem;
}

.logo a.logo2 {
	width: 100%;
	position: relative;
}


footer {
	padding: 4.8rem 0 3rem;
	box-sizing: border-box;
	background: url(../images/footer.png) no-repeat center right / cover;
}

.footer .left {
	line-height: 2.25;
	color: #fff;
	flex: 1;
}

.footer .right {
    width: 27.2rem;
}

.footerul {
	margin: 0 -2.3rem;
}

.footerul a {
	margin: 0 2.3rem;
	flex-direction: column;
	align-items: center;
	text-align: center;
	max-width: 17rem;
}

.footerul li {
	width: 50%
}

.footerul a span {
	margin-bottom: 1.5rem;
	line-height: 1.14;
}

.footerul a span+div {
	text-align: center;
}
@media screen and (min-width:5700px) {
	
.header .bg {width: 48.73%;}
}
@media screen and (min-width:3800px) {
	
.header .bg {width: 50.73%;}
}

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

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

@media screen and (max-width:767px) {
	.header {
		padding: 20px 0;
		height: auto;
	}

	.header .bg {
		right: 20%;
		width: auto;
	}

	.header .bg2 {
		left: 70%;
		right: 0;
		top: 0;
		bottom: 0;
	}

	.logo {
		max-width: calc(100% - 140px);
		margin: 0 0 0 10px;
	}

	.footer {
		flex-direction: column;
		align-items: center;
	}

	.footer .left {
		order: 3;
	}

	.footer .right {
		margin-bottom: 2rem;
	}

	.footerul a {
		max-width: max-content;
	}
}

@media screen and (max-width:479px) {
	.logo a.logo1 {
		margin-bottom: 2.6rem;
	}
}