*{margin: 0; padding: 0;}
body{
	font-family: "microsoft yahei";
	font-size: 14px;
	background-color: #1F1F1F;
}
li{list-style: none;}
a{ text-decoration: none;}
#boxhdp{
	width: 1018px;
	height: 525px;
	overflow: hidden;
	position: relative;
	text-align: center;
	top: 306px;
}
#img>li{
	width: 320px;
	height: 320px;
	float: left;
	text-align: center;
	display: none;
	position: relative;
}
#img>.current{
	display: block;
	height: 320px;
	width: 320px;
	position: relative;
}
#li{
	position: absolute;
	left: 444px;
	bottom: 5px;
	margin-left: -35px;
}
#li>li{ width: 10px;height: 10px; background-color: #ccc; border-radius: 50%; margin-right: 5px; float: left; cursor: pointer;}
#li>.on{ background-color: #f50;}
#an{ display: none;}
#an a{
	position: absolute;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background-color: rgba(255,51,0,0.3);
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-family: "宋体";
	font-weight: 600;
	font-size: 1.2em;
	top: 50%;
}
#an a:hover{
	background-color: rgba(255,102,0,0.8);
}
#an .an-a2{ right: 0;}
#an .an-a1{
	left: 0px;
}