/*logo*/
.index-banner .prev,
.index-banner .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 45px;
    height: 80px;
    background: url(images/slider-arrow.png) -120px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;}
.index-banner .next {
    left: auto;
    right: 3%;
    background-position: -2px 5px;
    width: 45px;
    height: 80px;}
.index-banner .prev:hover,
.index-banner .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;}
.index-banner .prevStop {
    display: none;}
.index-banner .nextStop {
    display: none;}

 
.index-banner .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right:48%;
    bottom: 10px;
    z-index: 1;}
.index-banner .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;}
.index-banner .hd ul li {
    float: left;
    margin-right:10px;
    width: 10px; border-radius: 50px;
    height:10px;
    line-height:10px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    opacity: 0.8;}
.index-banner .hd ul li.on {
    background: #980000;
    opacity: 1;
    color: #fff;}