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

.hf_banner {overflow: hidden;text-align:center;clear:both;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.hf_banner li a{display:block;width:1200px;margin:0 auto; cursor:pointer;}
.hf_banner ul li {float: left;width: 100%;}
.hf_banner .dots {position:  absolute; left: 0;bottom: 115px;width: 100%;text-align: center;}
.hf_banner .dots li {display: inline-block;width: 10px;height: 10px;margin: 0 4px;text-indent: -999em;border: 2px solid #fff;border-radius: 6px;cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
.hf_banner .dots li.active {background: #fff;opacity: 1;width: 24px;}
.hf_banner .arrow{display: block;width: 54px;height: 54px;position: absolute;top:50%;}
.hf_banner .prev{background: url(/scripts/unslider/prev.png) left top no-repeat;left: -54px;-webkit-transition:left 300ms; transition:left 300ms;}
.hf_banner .prev:hover{background: url(/scripts/unslider/prev_on.png) left top no-repeat;}
.hf_banner .next{background: url(/scripts/unslider/next.png) left top no-repeat;right: -54px;-webkit-transition:right 300ms; transition:right 300ms;}
.hf_banner .next:hover{background: url(/scripts/unslider/next_on.png) left top no-repeat;}
.hf_banner:hover .prev{left: 120px;}
.hf_banner:hover .next{right: 120px;}