#tupianlunbo{width:100%; height:auto; position:relative;}
#tupianlunbo > ul{width:100%; height:0; padding-bottom:31.25%; position:relative;}
#tupianlunbo > ul > li{width:100%; height:0; padding-bottom:31.25%; position:absolute; cursor:pointer; transition:transform 1s ease-in-out,opacity 2s;}
#tupianlunbo span.left{font-size:3em; color:#fff; text-align:center; cursor:pointer; display:inline-block; width:auto; height:auto; text-align:center; padding:10px; background:rgba(0,0,0,0); position: absolute; left:0; top:50%; -webkit-transform:translate(0,-50%); z-index:2;}
#tupianlunbo span.right{font-size:3em; color:#fff; text-align:center; cursor:pointer; display:inline-block; width:auto; height:auto; text-align:center; padding:10px; position: absolute; left:100%; top:50%; -webkit-transform:translate(-100%,-50%); z-index:2;}
#tupianlunbo span:hover{/*color:#000; transition:all .5s;*/}
#tupianlunbo > ol#dian{width:100%; height:auto; text-align:center; position:absolute; bottom:0; z-index:2;}
#tupianlunbo > ol#dian > li{width:20px; height:20px; border-radius:50%; background:transparent; display:inline-block; cursor:pointer; margin:0 8px; vertical-align:bottom; border:2px solid #fff;}
#tupianlunbo > div{width:50px; height:50px; display:block; position:absolute; z-index:2; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); cursor:pointer;}
#tupianlunbo > div#left{ left:0;}
#tupianlunbo > div#right{ right:0;}