@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	list-style: none;
 border: none;
}
html,body{
	width: 100%;
	height: 100%;
		
}
body{background-color: #1a1513;}

a {
   text-decoration: none;
	color:#FFFFFF;
	font-family: abel;
}

ul{
	text-decoration: none;
	color:#FFFFFF;
	box-sizing:border-box;
}
#z{width: 100%;height: 100%;}
.navb{
	width: 12%;
	height: 70%;
	float: left;
	margin-left: 20px;
	margin-top: 200px;
	text-align: center;
}
.nav li{
	height:15%;
	margin-top: 30px;
}
.n1t{width: 17%;}
.neirong{widows: 85%;height: 99%;float: left; background: #ffffff;}
.nshang{width: 100%;height: 70%;}
.nshang img{width: 90%}
.nxia{width: 100%;height: 20%;}
.dlj{width: 100%;height: 100%;text-align: center;margin-top: 20px;}
.dlj li{width: 18%;float: left;margin-top: 20px}
.dlj li img{width: 40%}
@media screen and (min-width: 300px) and (max-width: 900px){
	*{
	margin: 0;
	padding: 0;
	list-style: none;
 border: none;
}
html,body{
	width: 100%;
	height: 100%;
		
}
body{background-color: #1a1513;}

a {
   text-decoration: none;
	color:#FFFFFF;
	font-family: abel;
}

ul{
	text-decoration: none;
	color:#FFFFFF;
	box-sizing:border-box;
}
#z{width: 100%;height: 100%;}
.navb{
	width: 12%;
	height: 50%;
	float: left;
	font-size: 8px;
	margin-left: 10px;
	margin-top: 80px;
	text-align: center;
}
.nav li{
	height:15%;
	margin-top: 30px;
}
.n1t{width: 17%;}
.neirong{width:80%;
	height: 98%;
	float: left;
	margin-left: 10px;
	background: #ffffff;}
.nshang{width: 100%;height: 70%;}
.nshang img{width: 90%}
.nxia{width: 100%;height: 20%;}
.dlj{width: 100%;height: 100%;text-align: center;margin-top: 20px;}
.dlj li{width: 18%;float: left;margin-top: 10px}
.dlj li img{width: 30%}
}