.SlideBox{
	width:100%;
	overflow:hidden;
	position:relative;
	padding:10px 0;
	background:#FFF;
}
.SlideBox .slideimgs{
	width:100%;
	position:relative;
	overflow:hidden;
}
.SlideBox .slideimgs ul li{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:#FFF;
}
.SlideBox .slideimgs ul li img{
	position:absolute;
	max-width:100%;
	max-height:120%;
	left: 50%;
 	top: 50%;
  -webkit-transform: translate3D(-50%, -50%, 0);
      -ms-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);
}
.SlideBox .listtitle{
	width:100%;
	height:50px;
	position:absolute;
	left:0;
	bottom:0;
	background: rgba(0,0,0,0.6);
	overflow:hidden;
	z-index:100;
}
.SlideBox .listtitle li{
	line-height:50px;
	padding:0 10px;
	color:#FFF;
	font-size:18px;
}
.SlideBox .listnum{
	width:100%;
	height:6px;
	position:absolute;
	right:5px;
	bottom:30px;
	text-align:center;
	z-index:101;
}
.SlideBox .listnum li{
	display:inline-block;
	width:8px;
	height:8px;
	overflow:hidden;
	line-height:40px;
	background:#DAD7D3;
	border-radius:4px;
	margin:0 2px;
}
.SlideBox .listnum li.ck{
	background:#5CBD09;
}

@media (max-width: 500px) and (min-width:401px) { 
   .SlideBox .listtitle{
		height:40px;
	}
	.SlideBox .listtitle li{
		line-height:40px;
		font-size:16px;
	}
	.SlideBox .listnum{
		bottom:25px;
	}
}
@media (max-width: 400px) {
   .SlideBox .listtitle{
		height:30px;
	}
	.SlideBox .listtitle li{
		line-height:30px;
		font-size:14px;
	}
	.SlideBox .listnum{
		bottom:20px;
	}
}