div,ul,li{ padding:0; margin: 0;}
ul,li{ list-style: none;}
img{ border: none;}
html,body{ overflow-x: hidden;}
#banner{ overflow: hidden; position: relative; width: 100%; margin: 0 auto;}
#banner .pic li{ float: left; }
#banner .pic li a,#banner ul li img{ display: block;}
#banner .btn{ text-align:center; z-index:10; width:100%; height:15px; position: absolute; right:10px; bottom: 30px;}
#banner .btn li{ border-radius:50%; display:inline-block;  color: #fff;cursor: pointer; height: 10px; width: 10px; background:rgba(256,256,256,0.4); border:3px solid #06b2b6; margin:0px 10px;}
#banner .btn li.active{ background:#06b2b6;}
#banner .btn-c{ width: 42px; height: 94px; top: 50%; cursor: pointer; margin-top: -57px; position: absolute; z-index: 100;}
#banner .btn-l{ background: url(../images/btnl.png); left: 0%;}
#banner .btn-r{ background: url(../images/btnr.png); right: 0%;}
<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2022-12-08 08:12:47" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->