@charset "utf-8";

*{ margin:0; padding: 0;}  
.bn-alp { width:100%; height:670px; position:relative; }  
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }  
.bn-alp .box { height:100%; position:relative; }  
.bn-alp .box li { width:100%; height:670px; background-position:50% 50%; background-size:cover; position:absolute; top:0; left:0; z-index:10; }  
.bn-alp .box li.on { z-index:99; }  
.bn-alp .box li img.bg { display:none; }  
.bn-alp .i { bottom: 5%; right: 5%; position: absolute; z-index: 100; }  
.bn-alp .i i { display: inline-block; margin-right: 10px; width: 16px; height: 16px; border-radius:5px; background: #ff0; cursor: pointer; }  
.bn-alp .i i.on { background: #0F0; }