#zjjs{
	position: relative;
	height:255px; 
	background:#f3f2f2;
	padding:20px;
}
#zjjs a{
	cursor: pointer;
}
#zjjs li{
	position:relative;
	height:255px;
	min-width:71px;
	float:left;
	margin-left:6px;
	background:url(../images/js01.png) no-repeat;
}
#zjjs li:nth-child(2){
	
	background:url(../images/js02.png) no-repeat;
}
#zjjs li:nth-child(3){
	
	background:url(../images/js03.png) no-repeat;
}
#zjjs li:nth-child(4){
	
	background:url(../images/js04.png) no-repeat;
}
#zjjs li:nth-child(5){
	background:url(../images/js05.png) no-repeat;
}
#zjjs li:hover,#zjjs li.xs{
	background:url(../images/js01_h.png) no-repeat;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	transition:0.5s;
}
#zjjs li:nth-child(2):hover,#zjjs li:nth-child(2).xs{
	
	background:url(../images/js02_h.png) no-repeat;
}
#zjjs li:nth-child(3):hover,#zjjs li:nth-child(3).xs{
	
	background:url(../images/js03_h.png) no-repeat;
}
#zjjs li:nth-child(4):hover,#zjjs li:nth-child(4).xs{
	
	background:url(../images/js04_h.png) no-repeat;
}
#zjjs li:nth-child(5):hover,#zjjs li:nth-child(5).xs{
	background:url(../images/js05_h.png) no-repeat;
}
#zjjs li p.xs{
	width:255px;
	-webkit-transition:width 1s;
	-o-transition:width 1s;
	-moz-transition:width 1s;
	-ms-transition:width 1s;
}
#zjjs li p{
	width:0px;

	height:255px;
	margin-left:71px;
	background:url(../images/js_z05.jpg) no-repeat;
	
	-webkit-transition:width 1s;
	-o-transition:width 1s;
	-moz-transition:width 1s;
	-ms-transition:width 1s;
}
#zjjs li:nth-child(1) p{
	background:url(../images/js_z01.jpg) no-repeat;
}
 #zjjs li:nth-child(2) p{
	background:url(../images/js_z01.jpg) no-repeat;
}
 #zjjs li:nth-child(3) p{
	background:url(../images/js_z05.jpg) no-repeat;
}
 #zjjs li:nth-child(4) p{
	background:url(../images/js_z05.jpg) no-repeat;
}
 #zjjs li:nth-child(5) p{
	background:url(../images/js_z05.jpg) no-repeat;
}
#zjjs li p.xs>a{
	position: absolute;
	opacity:0;
	margin-left:108px;
	margin-top:206px;
	width:41px;
	height:42px;
	background:url(../images/play.png) no-repeat;
	-webkit-animation:sp2 2s 1s infinite;
}
@-webkit-keyframes sp2{
0%{-webkit-transform:rotatey(0deg);
	opacity:1;
    }
100%{-webkit-transform:rotatey(360deg);
	opacity:1;
}
}

@-o-keyframes sp2{
0%{-webkit-transform:rotatey(0deg);
	opacity:1;
    }
100%{-webkit-transform:rotatey(360deg);
	opacity:1;
}
}
@-moz-keyframes sp2{
0%{-webkit-transform:rotatey(0deg);
	opacity:1;
    }
100%{-webkit-transform:rotatey(360deg);
	opacity:1;
}
}

.text{
	display:inline-block;
	position:absolute;
	right:8px;
	top:20px;
	width:20px;
	line-height:19px;
	font-weight:bold;
	display:none;
}
.text{
	/*display:inline-block;*/
	position:absolute;
	right:8px;
	top:20px;
	width:20px;
	line-height:15px;
	font-weight:bold;
	font-family: "微软雅黑";
	font-size:14px;

}

.text a{
	color:#000;
}
.text a:hover{
	color:#8a8a8a;
}

 div.wrapper { width:220px;  position: relative;
		 overflow:hidden; }
		.fn-clear { zoom: 1; }
		.box_skitter { position: relative; background: none; }
	    .box_skitter ul { display: none; }
	    .box_skitter .container_skitter { overflow: hidden; position: relative; }
	    .box_skitter .image { overflow: hidden; }
	    .box_skitter .image img { display: none;}
	    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
	    .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20;}
	    .box_skitter .prev_button { position: absolute; top: 60%; left: 60px; z-index: 100; width: 25px;
	     height: 27px; overflow: hidden; text-indent: -9999em; margin-top: -25px; 
	     background: url(../images/prev.png) no-repeat left top !important; }
	    .box_skitter .next_button { position: absolute; top: 60%; right: 60px; z-index: 100; width: 25px;
	     height: 27px; overflow: hidden; text-indent: -9999em; margin-top: -25px; 
	     background: url(../images/next.png) no-repeat left top !important; }
	    .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
  		.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(img/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
  		#slideshow { width:220px; height:160px;  overflow:hidden;}
  		#slideshow ul { display: none; }