.box {

	width: 100%;

	height: auto;

	line-height: 5;

	text-align: center;

	font-size: 5em;

	color: #fff;

	text-transform: capitalize;

	vertical-align: middle;

	height:450px;

}





.slider {

	position: relative;
margin-top: 100px;
	width: 100%;

	height: auto;

	overflow: hidden;

}

/*盒子带容器*/

.slides {

	height: auto;

	/* Simple clear fix */

	overflow: hidden;

	/**	

		 * Prevent blinking issue

		 * Not tested. Experimental.

		 */

	-webkit-backface-visibility: hidden;

	-webkit-transform-style: preserve-3d;

	/**

		 * Here is CSS transitions 

		 * responsible for slider animation in modern broswers

		 */

	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

}

.slide {

	height: auto;

	float: left;

	clear: none;

}

.slider-arrows {

}

.slider-arrow {

	position: absolute;

	display: block;

	margin-bottom: -20px;

	width: 35px;

	height: 43px;

	line-height: 40px;

	text-decoration: none;

	text-align: center;

	color: #fff;

	font-size:40px;

}/*左右按钮样式及放置位置*/

.slider-arrow--right {

	bottom: 50%;

	right:0%;

	background:url(../images/you.png) no-repeat 100%;

}

.slider-arrow--left {

	bottom: 50%;

	left: 0%;

	background:url(../images/zuo.png) no-repeat 100%;

}

/*

background:url(img/.png) no-repeat;

*/



.slider-nav {

	position: absolute;

	bottom:50px;

}

.slider-nav__item {  /*nva样式*/

	width: 13px;

	height: 13px;

	float: left;

	clear: none;

	display: block;

	margin: 0 5px;

	background:url(../images/dian_wei.png) no-repeat 100%;

	border-radius: 100%;

}

.slider-nav__item:hover {

	background:url(../images/dian.png) no-repeat 100%;

}

.slider-nav__item--current {

	background:url(../images/dian.png) no-repeat 100%;

} /*被选中后的样式*/