*{ margin: 0;padding: 0;}
a { text-decoration: none;}
a:hover { text-decoration: none;}
ul,  li { list-style: none;}
img { border: none; vertical-align: middle;}
{ font: 12px "Microsoft YaHei";color: #666;}
.banner-box { width: 980px; height: 332px; position: relative; overflow: hidden;}
.banner-box .bands { width: 980px; }
.banner-box .bands li { width: 980px; height: 332px; background-position: 50% 0%; background-repeat: no-repeat;}
.banner-box .bands li a { display: block; height: 332px;}
.banner-btns {}
.banner-btns .btns-box { width: 980px; }
.banner-btns .btns-box a {display: block; width: 49px; height: 104px; position: absolute; top: 50%; margin-top: -52px; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; -webkit-transition: all ease .3s; transition: all ease .3s;}
.banner-btns .btns-box a:hover {filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.banner-btns .btns-box .prev-btn { left: 5%; background: url(../images/foot.png) 0 0 no-repeat;}
.banner-btns .btns-box .next-btn { right: 5%; background: url(../images/foot.png) -49px 0 no-repeat;}
.banner-btns .btns-box .hd {position:absolute; width: 980px; left: 0; bottom: 10px; text-align: center;}
.banner-btns .btns-box .hd li{ display: inline-block; width:10px; height:10px; border-radius :50%; margin:0 3px; background: transparent; border: 2px solid #DA324D; cursor:pointer;font-size: 0px;}
.banner-btns .btns-box .hd li.on{background:#DA324D;}