#box{
    width: 1400px;
    height: 456px;
    margin: 5px auto;
}
.horizontal-carousel {
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden
}
.horizontal-carousel>ul {
    list-style:none;
    margin:0;
    padding:0;
    font-size:0;
    white-space:nowrap;
    position:absolute;
    left:0;
    top:0
}
.horizontal-carousel>ul>li {
    display:inline-block
}
.horizontal-carousel>ul>li>img {
    width:100%;
    height:100%
}
.horizontal-carousel-arrow-left,.horizontal-carousel-arrow-right {
    width:60px;
    height:60px;
    overflow:hidden;
    background:url('../images/ad_ctr.png') no-repeat;
    position:absolute;
    top:50%;
    z-index:10;
    cursor:pointer;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    border-radius:10px
}
.horizontal-carousel-arrow-left {
    background-position:0 0;
    left:15px
}
.horizontal-carousel-arrow-left:hover {
    background-position:0 -120px
}
.horizontal-carousel-arrow-right {
    background-position:0 -60px;
    right:15px
}
.horizontal-carousel-arrow-right:hover {
    background-position:0 -180px
}
.vertical-carousel {
    width:100%;
    height:100%
}
.carousel-indicator-dots {
    width:100%;
    height:10px;
    position:absolute;
    left:0;
    bottom:0;
    margin:20px 0
}
.carousel-indicator-dots>ul {
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%)
}
.carousel-indicator-dots>ul>li {
    width:6px;
    height:6px;
    border:2px solid #fff;
    background-color:#1a264b;
    float:left;
    margin:0 8px;
    cursor:pointer;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.carousel-indicator-dots>ul>li.dots-active {
    border:2px solid #f60;
    background-color:#f60
}