@charset "utf-8";
/* CSS Document */
.ban{ overflow:hidden; width:100%; }
.fullSlide {width:100%;position:relative;overflow:hidden;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important; overflow:hidden; }
.fullSlide .bd li img{ width:100%; float:left; overflow:hidden;aspect-ratio: 12 / 5;　}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:35px;left:0;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:20px;height:4px; margin-right:8px; overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.5;line-height:999px; border-radius:4px}
.fullSlide .hd ul .on {background:#fff;filter:alpha(opacity=100);opacity:1.0; width:40px}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:2%;z-index:1;width:40px;height:76px;background:url(arrleft.png) center center no-repeat;cursor:pointer;filter:alpha(opacity=70);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:2%;;background:url(arrright.png) center center no-repeat;}


.wapban{ display:none}

/******** 手机版 ********/
@media (max-width:767px){

body{ padding-top:50px}

.fullSlide{ background:#3e3a3b}
.pcban{ display:none}
.wapban{ display:block; }

.fullSlide .bd li img{ aspect-ratio: 4 / 5;　}

.fullSlide .hd {bottom:10px;;}
.fullSlide .hd ul li {width:8px;height:8px; margin-right:8px; background:#000;filter:alpha(opacity=50);opacity:0.5; border-radius:50% }

.fullSlide .hd ul .on {background:#ea4523;filter:alpha(opacity=100);opacity:1.0; width:8px}


.fullSlide .prev,.fullSlide .next {width:40px;height:76px;background-size:50%;}
.fullSlide .next {right:5%;background:url(arrright.png) center center no-repeat;background-size:50%;}

.pcban .prev,.pcban .next { display:none}
}




/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
	
.fullSlide .hd {bottom:15px;}
.fullSlide .prev,.fullSlide .next { background-size:50%}
.fullSlide .next {background-size:50%}

}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){

.fullSlide .hd {bottom:20px;}
.fullSlide .prev,.fullSlide .next { background-size:60%}
.fullSlide .next {background-size:60%}

}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

.fullSlide .hd {bottom:25px;}
.fullSlide .prev,.fullSlide .next { background-size:80%}
.fullSlide .next {background-size:80%}



}

/******** 1400px ********/
@media (min-width:1440px){


}