/* ============分类列表============== */

ul.productclass{
margin:0px;
padding:0px;

}

li.productclass {

margin-right:0px;
padding:0px 16px 0px 20px;
list-style-type: none;
white-space: nowrap;
background: transparent url(../images/proli.gif) left 7px no-repeat;
}



a.productclass:link,a.productclass:visited,a.productclass:active{
color:#fff;
text-decoration: none;
font: 15px/27px  'microsoft yahei',Verdana,Arial;
}

a.productclass:hover{
color:#fff;
text-decoration: none;
font: 15px/27px  'microsoft yahei',Verdana,Arial;
}

ul.productclass1{
margin:0px;
padding:0px;

}

li.productclass1 {

margin-right:0px;
padding:0px 16px 0px 20px;
list-style-type: none;
white-space: nowrap;
background: transparent url(../images/proli.gif) left 7px no-repeat;
}



a.productclass1:link,a.productclass1:visited,a.productclass1:active{
color:#fff;
text-decoration: none;
font: 15px/27px  'microsoft yahei',Verdana,Arial;
}

a.productclass1:hover{
color:#fff;
text-decoration: none;
font: 15px/27px  'microsoft yahei',Verdana,Arial;
}






ul.productclass2{
margin:0px;
padding:0px;

}

li.productclass2 {

margin-right:0px;
padding:0px 16px 0px 20px;
list-style-type: none;
white-space: nowrap;
background: transparent url(../images/proli.gif) left 7px no-repeat;
}



a.productclass2:link,a.productclass2:visited,a.productclass2:active{
color:#fff;
text-decoration: none;
font: 15px/27px  'microsoft yahei',Verdana,Arial;
}

a.productclass2:hover{
color:#fff;
text-decoration: none;
font: 15px/27px  'microsoft yahei',Verdana,Arial;
}

ul.productclass3{
margin:0px;
padding:0px;

}

li.productclass3 {

margin-right:0px;
padding:0px 16px 0px 20px;
list-style-type: none;
white-space: nowrap;
background: transparent url(../images/proli.gif) left 7px no-repeat;
}



a.productclass3:link,a.productclass3:visited,a.productclass3:active{
color:#fff;
text-decoration: none;
font: 15px/27px  'microsoft yahei',Verdana,Arial;
}

a.productclass3:hover{
color:#fff;
text-decoration: none;
font: 15px/27px  'microsoft yahei',Verdana,Arial;
}

/*一闪而过*/
.box {
	position:relative;
	overflow:hidden;
	cursor:pointer;
	margin:0 auto;
	width:500px;
}
@-webkit-keyframes changeImg {
		from {
				right:-100%;
			}
			100% {
				right:120%;
			}
}
.shan {
	position:absolute;
	-webkit-animation:changeImg 10s ease 0s;
	-o-animation:changeImg 10s ease 0s;
	animation:changeImg 10s ease 0s;
	top:0;
	width:5%;
	height:100%;
	content:"";
	background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 100%);
	background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 100%);
	background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 100%);
	background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 100%);
	transform:skewX(-1deg);
	animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
}