.picBtnTop {
	width: 100%;
	height: 100%;
	padding: 0px;
	position: relative;
	overflow: hidden;
	zoom: 0;
}
.picBtnTop .hd {
	width: 30px;
	height: 100%;
	position: absolute;
	right: 0px;
	overflow: hidden;
	z-index:999;
}
.picBtnTop .hd ul{height:33.33333333333333%;}
.picBtnTop .hd ul li {
	width: 100%;
	height: 100%;
	background: #ddd;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
}

.picBtnTop .hd ul li span{
display:block;
padding-top:200%;

}



.picBtnTop .hd ul li.on {
	background: red;
	color: #fff;
	height: 100%;
}
.picBtnTop .bd {
	width: 100%;
	position: relative;
}
.picBtnTop .bd li {
	position: relative;
	zoom: 1;
	vertical-align: middle;
	height:680px;
	
}
.picBtnTop .bd li .pic {
	position: relative;
	z-index: 0;
}
.picBtnTop .bd li .pic img {
	width: 100%;
	vertical-align: bottom;
}
#demo1 {
	margin-bottom: 0px;
}	


.picBtnTop .bd li {
	position: relative;
	zoom: 1;
	vertical-align: middle;
	height:440px;
}			
  
	
@media screen and (max-width: 480px){
		
		
	.picBtnTop {
	width: 100%;
	height: 100%;
	padding: 0px;
	position: relative;
	overflow: hidden;
	zoom: 0;
}
.picBtnTop .hd {
	width: 30px;
	height: 100%;
	position: absolute;
	right: 0px;
	overflow: hidden;
	z-index:999;
}
.picBtnTop .hd ul{height:33.33333333333333%;}
.picBtnTop .hd ul li {
	width: 100%;
	height: 100%;
	background: #ddd;
	cursor: pointer;
	vertical-align: central;
	text-align: center;
        display:block;
}


.picBtnTop .hd ul li span{
display:block;
padding-top:40%;

}



.picBtnTop .hd ul li.on {
	background: red;
	color: #fff;
	height: 100%;
}
.picBtnTop .bd {
	width: 100%;
	position: relative;
}
.picBtnTop .bd li {
	position: relative;
	zoom: 1;
	vertical-align: middle;
	height:150px;
}
.picBtnTop .bd li .pic {
	position: relative;
	z-index: 0;
}
.picBtnTop .bd li .pic img {
	width: 100%;
	vertical-align: bottom;
}
#demo1 {
	margin-bottom: 0px;
}	
		
		
    }