.banner{ overflow: hidden; height:800px; width: 100%;  position:relative; }
.banner-box{ min-width:1300px; height:800px;overflow: hidden; position:relative; margin:0 auto; }
.banner-box .bd div{width: 100%;;height: 800px;}
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:800px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn { width: 100%;  top: 0; left: 0; margin-left: 0; height: 800px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:44%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(./../images/lr.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(./../images/lr.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute;bottom: 61px;width: 100%;display: block;}
.banner-box .hd ul { width: 1300px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:20px; height:20px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 9; }
.banner-box .hd ul li.on{ background: #000 ; width: 32px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

.sjd{ display:none; }
.ban{ display: none}
@media screen and (max-width:680px) {
/**/
.sjd{ display: block; max-width:680px;margin:0 auto}
.head{ display:none}
.ban{ display: block}
.banner{ display:none}

/*Í·²¿*/
.nav{background:#ce0001;z-index:5;position:relative;margin:0; padding:10px 0 0; }
.cun{ }
.nav ul{}
.nav ul li{float:left;width:calc(100% / 4);text-align:center;text-align:center;position:relative;line-height:20px; background:url(../images/sx.png) no-repeat right center; border-right:1px #F5ADAD solid; margin-bottom:15px}
.nav ul li a{display:block;font-size:15px;color:#fff;}
.nav ul li:nth-child(7) a{border-right:none;}
.nav ul li i{position:absolute;width:100%;height:0;background-color:#ff9801;left:0;top:0;z-index:-1;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.nav ul li a:hover i{height:100%;}

/*ban*/
.ban {position: relative; max-width:680px;height: 380px;overflow: hidden;}
.ban-slides {width: 100%;height: 100%;display: flex;animation: slide 9s infinite;}
.slide {width: 100%;background-position: center;flex: 1 0 auto;}
.ban-controls {position: absolute;width: 100%;bottom: 10px;text-align: center;}
.ban-control-prev, .ban-control-next {cursor: pointer;font-size: 30px;color: #fff;user-select: none;}
}



@media screen and (max-width:640px) {

.ban { height:300px; width:100%}
}
























@keyframes slide {
  0%{
    transform: translateX(0);
  }
  11.1%, 33.3% {
    transform: translateX(0);
  }
  44.4%, 66.6% {
    transform: translateX(-100%);
  }
  77.7%, 100% {
    transform: translateX(-200%);
  }
}