@media screen and (max-width: 720px) {
	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 75%;
		height: 60px;
		padding: 0 12.5%;
		background-color: #323333;
	}
	header .logo {
		width: 120px;
		height: 60px;
		background: #f00;
	}
	header .nav {
		float: right;
		width: 60px;
		height: 60px;
		margin-top: -60px;
		background: #f00;
	}
	header .nav li {
		display: none;
	}




/*footer*/
	footer {
		height: 400px;
		background-color: #313131;
		color: #fff;
		text-align: left;
	}
	footer h2 {
		padding: 70px 0 20px;
		font-size: 30px;
		font-family: 'Arial';
		text-align: center;
		line-height: 60px;
	}
	footer hr {
		width: 620px;
		margin: 0 auto 20px;
		background-color: #95928D;
		color: #95928D;
	}
	footer .left {
		width: 360px;
		margin: 0 auto;
	}
	footer .left p {
		margin-bottom: 10px;
		font-size: 16px;
		font-family: 'Arial';
		color: #fff;
		text-indent: 40px;
		line-height: 30px;
	}
	footer .right {
		width: 220px;
		margin: 30px auto 0;
	}
	footer .right ul {
		height: 40px;
	}
	footer .right ul li {
		float: left;
		width: 34px;
		height: 34px;
		margin: 3px 6px 0;
		/*margin: 3px 13px 0 0;*/
		background-color: #fff;
		border-radius: 50%;
	}
	footer .right p {
		margin-top: 10px;
		font-size: 14px;
		font-family: 'Arial';
		color: rgb(128,128,128);
		text-indent: 10px;
	}






	
}