.banner {background: rgb(0, 0, 0); width: 100%; height: 617px; position: relative;}
.banner .bd {margin: 0px auto; overflow: hidden; position: relative; z-index: 0;}
.banner .bd ul {width: 100% !important;}
.banner .bd li {width: 100% !important; height: 617px; text-align: center; overflow: hidden;}
.banner .bd li a {height: 617px; display: block;}
.banner .hd {left: 0px; width: 100%; text-align: center; bottom: 20px; position: absolute; z-index: 1;}
.banner .hd ul {text-align: center; padding-top: 5px;}
.banner .hd ul li {background: rgb(255, 255, 255); margin: 5px 5px 0px 5px; border-radius: 16px; width: 16px; line-height: 16px; text-indent: -9999px; overflow: hidden; display: inline-block; cursor: pointer; -ms-zoom: -1;}
.banner .hd ul .on {background: rgb(54,177, 234);}
.banner:hover .prev {display: block;}
.banner:hover .next {display: block;}
.banner .prev {background: url("../images/ico_sliding.png") no-repeat; top: 50%; width: 72px; height: 72px; text-indent: 100%; overflow: hidden; margin-top: -36px; display: none; white-space: nowrap; position: absolute; z-index: 999;}
.banner .next {background: url("../images/ico_sliding.png") no-repeat; top: 50%; width: 72px; height: 72px; text-indent: 100%; overflow: hidden; margin-top: -36px; display: none; white-space: nowrap; position: absolute; z-index: 999;
}
.banner .next {background-position: 0px -216px; right: 10%;}
.banner .next:hover {background-position: 0px -216px; right: 10%;}
.banner .prev {background-position: 0px -144px; left: 10%;}
.banner .prev:hover {background-position: 0px -144px; left: 10%;}