*{margin: 0;padding: 0;}

body{
	height: 100%;
	width: 100%;
}
body{
font-family: "微软雅黑";
font-size: 14px;
color: #333;
	position: fixed;
	width: 100%;
	height: 100%;
	display: block;
	z-index: -100;
}
			

#name{
	position: fixed;
	top: calc(34% - 160px);
	text-align: center;
	color: #FFFFFF;
	width: 1200px;
	
	left:0;
	right: 0;
	margin: 0 auto;
	padding: 30px 10px;
	display: -ms-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center;
}
#name>div{
	width: 48%;
	text-align: center;
	margin: 0 .5%;
	padding: 20px 0;
}
#name>div>a>img{
	width: 50%;
	margin: 0 auto;
	display: block;
}
#name>div>a>img:last-of-type{
	width: 20%;
	padding-left: 14%;
}
.foot{
	width: 100%;
	position: fixed;
	bottom: 30px;
	left: 0;
	right: 0;
}
.foot>p{
	width: 100%;
	text-align: center;
	color: #333;
}
.foot>p>a{
	color: #333;
}
@media all and (max-width: 768px){
	#name {
		position: fixed;
		top: calc(50% - 120px);
		text-align: center;
		color: #FFFFFF;
		width: 90%;
	}
	#name>img{
		width: 100%!important;
	}
	#name>div>a {
		width: 30%;
	}
	#name>div>a>span {
		padding-top: 14px;
		font-size: 14px;
	}
	.foot>p{
		font-size: 12px;
	}
}