/**

 * Bad and ugly reset. 

 * Only for demo purposes.

 */

*{ margin: 0; padding: 0; border: 0; }





/*

 | ------------------------------------------

 | Glide styles

 | ------------------------------------------

 | Here are slider styles

 | 

*/







.slider {

	position: relative;

	width: 1200px;

	margin:0px auto;

	height: 600px;

	overflow: hidden;



  

}

.banner{background-color:#000;}



.slider img {

				

	

}





	

	.slides {

		height: 100%;

		/* Simple clear fix */

		overflow: hidden;

		background-color:#000;

		list-style: none;

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

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

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

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

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

	}

	

		.slide {

			height: 100%;

			width:100%;

			float: left;

			clear: none;

		}



		.slider-arrows {}



li.slide {width:100%;}

			.slider-arrow {

				position: relative;

				display: none;

				padding: 15px 20px;

				margin-bottom: -50px;

				border: 1px solid #fff;

				border-radius: 8px;

				color: #fff;

				text-decoration: none;

				width:1100px;

				

			}



				.slider-arrow:hover {

					background: #fff;

					color: #ccc;

				}



				.slider-arrow--right {  right: 20px; width:10px;top:-280px; float:right; }

				.slider-arrow--left {   left:20px; width:10px; top:-280px;}



		.slider-nav {

			position: absolute;

			bottom: 10px;





		/*	width:1000px;

			margin:0 auto; */

		}



			.slider-nav__item {

				width: 12px;

				height: 12px;

				float: left;

				clear: none;

				display: block;

				margin: 0 5px;

				border: 1px solid #aaa;

				border-radius: 8px;

			}



				.slider-nav__item:hover { background: #fff; }

				.slider-nav__item--current { background: #fff; }