body{
	font-family: "Microsoft YaHei UI Light", "微软雅黑",Arial, Helvetica, sans-serif;
}
.header{
	background: url(../img/bg.jpg) no-repeat fixed top center;
	padding: 20px 0;
}
.logo{
	width: 160px;
}
h1{
	font-size: 63px;
	color: #fff;
	margin: 300px 0;
	text-align: center;
}
.main{
	background: #3F4478;
	color: #fff;
	padding: 120px 0;
}
.about h2{
	margin: 0 0 30px 0;
}
.about p{
	font-size: 24px;
}
.contact{
	margin-top: 80px;
}
.contact h2{
	margin: 0 0 30px 0;
	font-size: 24px;
}
.contact p{
	font-size: 16px;
}

.footer{
	background: #31366a;	
	font-size: 12px;
	padding: 20px 0;
	text-align: center;
	line-height: 24px;
}
.footer p{
	color: #fff;
	filter: alpha(opacity=40);
    opacity: 0.4;
    margin: 0;
}
.footer a{
	color: #fff;
}

@media only screen and (max-width: 640px) {
h1 {
    font-size: 32px;
    margin: 100px 0;
}
.main{
	padding: 60px 0;
}
.about h2{
	margin: 0 0 30px 0;
	font-size: 20px;
}
.about p{
	font-size: 14px;
}
.contact{
	margin-top: 30px;
}
.contact h2{
	margin: 0 0 30px 0;
	font-size: 20px;
}
.contact p{
	font-size: 14px;
}
}