*{padding:0;margin:0;}
body{
	font-family:PingFangSC-Regular, 微软雅黑;
	width: 100%;
	box-sizing:border-box;
}
.pad_160{
    padding:0 160px;
    text-indent: 2rem;
}
.h1{
    text-indent: 0;
}
.header{
	width:100%;
	height:400px;
	background:url(https://pic9.huanxi.com/5c4a7cd46298e.png) no-repeat;
	background-size: 100% 110%;
	margin-bottom:100px;
}
.header .logo img{
	width: 80px;
	margin-top:30px;
}
.header .h1{
	width:560px;
	margin-top:100px;
	font-size:32px;
	font-family:PingFangSC-Semibold;
	font-weight: bold;
	color:rgba(255,255,255,1);
	line-height:56px;
}

.h2{
	color:#b43f5f;
	font-family:PingFangSC-Semibold;
	font-size:22px; 
	margin-top:50px;
}
p{
	font-size: 16px;
	color:#333333;
	line-height:32px;
	margin-top:30px;
}
.img{
	width: 100%;
	margin-bottom:50px;
	margin-top:50px;
	text-align: center;
}
.img img{
	width:50%;
}
.img p{
	margin-top:20px;
	font-size:14px;
	color:#999999;
}
.footer{
	height:400px;
	display: flex;
	border-top:2px solid #eee;
	margin-top:100px;
}
.footer .d1{
	width:100%;
	box-sizing: border-box;
	display: flex;
	align-content: center;
	justify-content: space-between;
	padding-top: 100px;
    padding-bottom: 100px;
}
.footer .left{
    color: #999;
    line-height: 200%;
}

.footer .right{
	display: flex;
	flex-direction:row;
	text-align: right;
	font-weight: bold;
}
.footer .right img{
	margin-top: 30px;
	width:187px;
}
.footer .right > div:first-child{
	margin-right:186px;
}

@media screen and (max-width: 640px){
	.header{
		height:385px;
		background:url(https://pic9.huanxi.com/5c4aa68d20c41.jpg) no-repeat;
		background-size: cover;
		margin-bottom:50px;
	}
	.header .logo{
		position: relative;
	}
	.header .logo img{
		width: 50px;
		margin-top:0;
		position: absolute;
		top:15px;
		left:37px;
	}
	.header .h1{
		width:100%;
		position: absolute;
		top:100px;
		font-size:28px;
		line-height:42px;
	box-sizing: border-box;	
	}
    .pad_160{
        padding:0 37px;
        text-indent: 0;        
	}

    .h1, .h2, p{
    	padding:0 37px;
    }
    .img img{
    	width:100%;
    }
    .footer{
    	height:auto;
    }
    .footer .d1, .footer .right{
    	flex-direction: column;
    }
	.footer .right, .footer .left{
		text-align: center;
	}
	.footer .right > div:first-child{
	  	margin-right: 0;
	}
	.footer .right > div{
	  	margin-top:50px;
	}
	.footer .right img{
		width:146px;
	}
}
@media screen and (width: 414px){
    .header .h1{
        position: absolute;
        top: 125px;
    }
}