@charset "utf-8";
/* CSS Document */

.hf_banner {width: 100%;overflow: hidden;text-align:center;clear:both;position: relative;z-index:0;}
.hf_banner li a{display:block;width:1000px;margin:0 auto; cursor:pointer;}
.hf_banner ul li {float: left;width: 100%;}
.hf_banner .dots {position:  absolute;left: 47.8%;top: 365px;width: 110px;height: 10px;text-align: center;}
.hf_banner .dots li {float:left;width: 10px;height: 10px;margin: 0 4px;text-indent: -999em;background:#0b1800;border-radius: 6px;cursor: pointer;opacity: .6;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
.hf_banner .dots li.active {background: #1d7ad9;opacity: 1;width: 9px;}
.hf_banner .arrow{display: block;width: 50px;height: 50px;position: absolute;top:45%;}
.hf_banner .prev{background: url(../images/prev.png) left top no-repeat;left: -50px;-webkit-transition:left 300ms; transition:left 300ms;}
.hf_banner .prev:hover{background: url(../images/prev.png) left top no-repeat;}
.hf_banner .next{background: url(../images/next.png) left top no-repeat;right: -50px;-webkit-transition:right 300ms; transition:right 300ms;}
.hf_banner .next:hover{background: url(../images/next.png) left top no-repeat;}
.hf_banner:hover .prev{left: 6%;}
.hf_banner:hover .next{right: 6%;}