.accordion{
	width: 680px;
	overflow: hidden;
	height: 245px;
	float: left;
}
.accordion ul li{
	background-repeat: no-repeat;
	float: left;
	width: 60px;
	height: 245px;
	cursor: default;
	position: relative;
}
.accordion ul li.active{
	width: 440px;
}
.accordion ul li a{
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 20px;
	margin-top: 200px;
	color: #fff !important;
	float: right;
	background:url(../images/lytj_bg.png) no-repeat;
	display: none;
}
.accordion ul li a:hover{
	text-shadow: 0 0 5px #f3eb03;
}
.accordion ul li.active a{
	display: block;
}
.accordion ul .item1{
	background-image: url(../img/pic1.jpg);
}
.accordion ul .item2{
	background-image: url(../img/pic2.jpg);
}
.accordion ul .item3{
	background-image: url(../img/pic4.jpg);
}
.accordion ul .item4{
	background-image: url(../img/pic3.jpg);
}
.accordion ul .item5{
	background-image: url(../img/pic5.jpg);
}
.accordion ul li span{
	display: block;
	width: 60px;
	height: 245px;
	cursor: default;
}
.accordion ul .item1 span{
	background-image: url(../img/pics1.jpg);
}
.accordion ul .item2 span{
	background-image: url(../img/pics2.jpg);
}
.accordion ul .item3 span{
	background-image: url(../img/pics3.jpg);
}
.accordion ul .item4 span{
	background-image: url(../img/pics4.jpg);
}
.accordion ul .item5 span{
	background-image: url(../img/pics5.jpg);
}