/* CSS Document */
.banner{ width:100%; height:500px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:500px; float:left;}
.b-list{ height:10px; bottom: 30px; position:absolute; margin-left: -20px; left: 50%; z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; float:left; margin:0 5px; background-color: #ffffff}
.b-list .spcss{ background-color: #463a3a}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:200px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:200px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
.app{ display: none;}

@media(max-width:768px){
    .banner,.b-img,.b-img a{ height:300px;}
    .b-list{ padding-top:270px;}
    .app{ display: block;}
    .b-img a img{ width: 100%; height: 100%;}
    .bar-left em,.bar-right em{ margin-top:120px;}
    .bar-left em{ display:block; width:50px; height:100px; background:url(../images/d.png) 0px 0px no-repeat; margin:0 auto; margin-top:80px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/d.png) -50px 0px no-repeat; margin:0 auto; margin-top:80px;}
}