*{margin:0;padding:0;}

li{list-style:none outside none;}









/*

 | ------------------------------------------

 | Glide styles

 | ------------------------------------------

 | Here are slider styles

 | 

*/



.slider {

	position: relative;

	width: 100%;

	height:600px!important;

	overflow: hidden;

	background: url(../images/banner.jpg);

    background-position: center center;

    background-repeat:no-repeat ;

    background-size:cover ;

	

}



.box{ margin-top: 270px;}

@font-face {

	font-family:'FZLTXHJW';

	src: url('../other/FZLTXHJW.ttf') format('truetype');

	font-weight:normal;

    font-style: normal;

}

	

	.slides{ list-style:none;}

	.box h1{  color:#fff; font-family:'FZLTXHJW';font-size: 50px;text-align: center;margin-top: 100px; font-weight: 100;}

	.box h1 span{ color:#CD1714;}

	.box p{ color:rgb(204, 204, 204); text-align:center; line-height: 50px;width: 767px; font-size: 18px; font-family: 'Microsoft YaHei'; margin:0 auto;}

	.circle{ display:inline-block; width:5px;height:5px; border-radius:8px ; background-color:#FFF; margin-bottom:4px; margin-left: 10px;margin-right: 10px;}

	.box > div{ width:100px; height:30px; border: 2px #FFF solid; margin:0 auto; margin-top:30px; position:relative; border-color:#968c88; }

	.box > div:hover{ background:#FFF; cursor:pointer;border: 2px #FFF solid;}

	.box > div > a{  text-decoration:none;  font-size: 14px;font-family: 'Microsoft YaHei'; position:absolute; left:20%; top:3px; color:#968c88;}

	

@media only screen and (min-width: 470px) and (max-width: 750px) {

		.box h1{     font-size: 34px;}

		.box p{    width: 450px; }

		

		}

@media only screen and (max-width: 470px){

	.box h1{     font-size: 24px;}

	.box p{    width: 250px; }

	}		

	.slides {

		height: 100%;

		

		/* 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: 100%;

			float: left;

			clear: none;

		}









		.slider-arrow {

			position: absolute;

			display: block;

			margin-bottom: -20px;			

			width: 40px;

			height: 60px;

			line-height: 60px;

			text-decoration: none;

			text-align: center;

			color: #968c88;

			font-size: 4em;

		

			background-color: rgba(50,50,50,0);

			

		}



.slider-arrow  a{ text-decoration:none}

.slider-arrow--right { bottom: 50%; right: 30px; background-image: url(../images/right.png); width:60px; height:60px; }

.slider-arrow--left { bottom: 50%; left: 30px; background-image: url(../images/left.png); width:60px; height:60px;}





	.slider-nav {

		position: absolute;

		bottom: 30px;

	}



		.slider-nav__item {

			width: 8px;

			height: 8px;

			border-radius:8px;

			float: left;

			clear: none;

			display: block;

			margin: 0 5px;

			background: #968c88;

		}



				

				.slider-nav__item--current {width: 8px;

			height: 8px;border-radius:8x; background:#fff;   }