/*banner的CSS布局*/
.banner{ width:100%; height:680px; overflow:hidden; position:relative; margin: 0 auto 0;}

.banner .hd{ height:18px; overflow:hidden; position:absolute;right:0; left: 0; width:120px; margin: 0 auto; bottom:25px;z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;}
.banner .hd ul li{ float:left; margin: 0 7px; width:8px; height:8px; text-align:center; border:2px solid #fff; cursor:pointer;border-radius:100%; }
.banner .hd ul li.on{ background:#fff;}

.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle;}
.banner .bd li a{}
.banner .bd li a .img{ width:100%;height:680px; background-position: center top; background-repeat: no-repeat; }
.banner .bd li a .img img{ max-width: 100%;}


/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; top:45%;display:block; width:50px; height:100px; opacity: 0.8; transition: 0.5s;}
.banner .next{ left:auto; right:4%; background:url(../images/slider_arrow_rt.png)0 0 no-repeat;}
.banner .prev{ left:4%; right:auto; background:url(../images/slider_arrow_lt.png)0 0 no-repeat;}

.banner .prev:hover,
.banner .next:hover{opacity: 1;}

@media (max-width:1680px){
	
	.banner .next{ right:2%; }
	.banner .prev{ left:2%; }
	
}

.app_banner_box{ position:relative; margin:0 auto; width:100%; overflow:hidden;display: none; }
.app_banner_box .hd { position: absolute; bottom:12px; width: 100%; height: 10px; }
.app_banner_box .hd ul { width: 100%; text-align: center; }
.app_banner_box .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_banner_box .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }
.app_banner_box .bd{ position:relative; z-index:0; }
.app_banner_box .bd li{ position:relative; text-align:center;  }
.app_banner_box .bd li img{ vertical-align:top; width:100%; }
.app_banner_box .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}


@media (max-width:1024px){
	
	

.mm-pagedim-black #mm-blocker { opacity: 0; }
.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
.mm-listview li span{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}

.banner{ display: none;}
.app_banner_box{ display: block;}
	
}