@charset "utf-8"; /* css 重置 */ .banner ul,.banner li{margin:0; padding:0; list-style:none;} .banner img{ border:0; } .banner a{ text-decoration:none;} /* 本例子css */ .banner, .show_banner, .show_banner a { height:500px; } .banner{ width:100%; /*min-width:1318px;*/ overflow:hidden; position:relative;} /* 修改 高度, 修改 最少宽度【暂时不修改】 */ .show_banner { width:1920px; margin:0 auto; } .show_banner a { display:block; } .banner .bd{ position:relative; height:100%; z-index:0; } .banner .bd li{ zoom:1; vertical-align:middle; } .banner .hd { position: absolute; top: 465px; left: 47.5%; } .banner .hd ul{ overflow:hidden; zoom:1; float:left; } .banner .hd ul li{ float:left; width: 15px; /* 修改 切换按钮 大小*/ height: 15px; cursor:pointer; margin-right: 18px; background: #fff; border-radius: 20px; } .banner .hd ul li.on{ background: #60B53D; } .banner .prev, .banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:59px; height:59px; background:url(/template/images/banner_bt.png) no-repeat; filter:alpha(opacity=50);opacity:0.5; } .banner .next{ left:auto; right:3%; -ms-background-position-x: -59px; background-position-x: -59px; } .banner .prev:hover, .banner .next:hover{ filter:alpha(opacity=100);opacity:1; } .banner .prevStop{ display:none; } .banner .nextStop{ display:none; }