@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:myfont;
	src: url('font/AndaleMo.TTF');
}
body,div,h1,h2,h3,h4,h5,h6,p,span,input{font-family: myfont;}
li
{
	
}
/*顶部*/
section {padding:60px 0;}

/*banner图*/
.banner{width: 100%;}
.banner img{width: 100%;}


/*slider*/

.banner-slide{ position:relative;z-index: 1;}
.slider-container {position: relative;overflow: hidden;width: 100%;margin: 0 auto;background-color: #444;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;user-select: none}
.slider {position: relative;width: 9999px}
.slider:before,.slider:after {display: table;content: ' '}
.slider:after {clear: both}
.slider__item {position: relative;float: left;margin: 0;padding: 0;height: 100%;}
.slider__item img {display: block;max-width: 100%;/*width: 100%;*/}
.slider__switch span {color: #fff;display: block;width: 32px;height: 32px}
.slider__switch {position: absolute;top:40%;margin-top: -20px;padding: 10px 5px;cursor: pointer;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;border-radius: 1px;background: #000;opacity: .3;transition: opacity .15s ease;fill: #fff;z-index: 100000;}
.slider__switch--prev {left: 10px}
.slider__switch--next {right: 10px}
.slider__switch:hover {opacity: .85}
.slider__switch[disabled] {visibility: hidden;opacity: 0}
.slider__caption {position: absolute;bottom: 30px;left: 30px;display: block;max-width: 500px;padding: 10px;color: #fff;background: rgba(0,0,0,.4);box-shadow: 0 0 10px 10px rgba(0,0,0,.1);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000')}
.slider__caption[disabled] {opacity: 0;visibility: hidden}
.slider-nav {line-height: 30px;position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;margin: 0;padding: 0;text-align: center;z-index: 99999;filter: alpha(opacity=90);display:none;}
.slider-nav__control {display: inline-block;width: 12px;height: 12px;margin: 0 3px;-webkit-transition: background .5s ease;-moz-transition: background .5s ease;-o-transition: background .5s ease;transition: background .5s ease;border: 2px solid #fff;border-radius: 50%;background: 0 0}
.slider-nav__control.is-active {width: 12px;height: 12px;background: #fff}
.slider.has-touch {cursor: move;cursor: -webkit-grabbing;cursor: -moz-grabbing}
.preview {text-align: center;padding: 5px; position:absolute;bottom:0px;width:100%; text-align:center; background:rgba(0,0,0,.5);
padding-top:10px;height: 100%;}
.preview a {display: inline-block;margin: 5px;border: 3px solid transparent; width:10%;}
.preview img { display: block; width:100%; height: auto;}
.preview .active {border: 3px solid #69b948 !important;box-shadow: 2px 2px 20px 4px rgba(0,0,0,.5);}

section{}
@media screen and (max-width:768px){
  .bao{width:100%}
  .preview{max-height:50px;}
}
@media screen and (min-width:768px){
  .bao{width:60%;}
  .preview{max-height: 90px;}
}
/*@media(max-width:580px) {
	
.slider__switch {display: none}
.slider__caption {display: none}

}*/



/*第一张图*/
.banner-slide .slider__item{/*max-height:900px;*/height: 100%;}

.slider-bantxt{position: relative;}
.inner{position: absolute;top:20%;left:24%; z-index: 100;margin: 0 auto;background: rgba(71,68,71,.4);padding: 10px 20px;}
.inner h1{color: white;font-size:45px;text-align: center;font-weight:600;}
.inner em{font-style:normal;font-weight:300;}
.inner p{color: white;font-size:22px;text-align: center;font-weight:300;}
.inner .scroll-icon{margin-top:70px ;}