*,div{box-sizng:border-box;margin:0;padding:0;font-size:14px;font-family:"Microsoft YaHei";}

html{
	height:100%;
	width:100%;
	background-image:url("../images/bj.jpg");
	background-size:auto 200%;
	background-attachment:fixed;
	background-position:center center;
	font-size:62.5%;
}

ul{
	
}

li{
	list-style:none;
}

a{
	color:inherit;
	text-decoration:none;
}
body{
	width:100%;
	height:100%;
}


.page-header{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	background-color:white;
}
.page-header .logo{
	padding:0 20px 0 20px;
	box-sizing:border-box;
	
}

.page-header .nav{
	width:100%;
	max-width:1200px;
	display:flex;
	flex-direction:row;
}



.page-header .nav li{
	padding:50px 50px;
	color:#505050;
}

.nav li a{
	
	font-size:20px;
}

.main{
	min-height:100%;
	height:100%;
}

.page-footer{
	padding:20px;
	background-color:#8bc24a;
	text-align:center;
	color:white;
}




@media screen and (max-width:860px){
	.page-header .nav li{
		padding:30px 20px;
		color:#505050;
	}

	.nav li a{
	
		font-size:14px;
	}
	
	.profile header,.goods header,.product header,.brand header,.company header{
		font-size:30px;
	}
	
	
	
}