锘
#box {
    width: 998px;
    height: 229px;
    border: 0 solid #102327;
    position: relative;
    /*margin: 0 auto;*/
    margin-top: 0;
    margin-left:0;
    overflow: hidden;
}

.ul_list {
    width: 4990px;
    height: 229px;
    position: absolute;
    left:0;
    /*float:left;*/
    /*left:50%;*/
}

.li_list {
    width: 998px;
    height: 229px;
    list-style: none;
    float: left;
}

    .li_list img {
        width: 100%;
        height: 100%;
    }

.odiv_nav {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -100px;
}

.span_list {
    width: 20px;
    height: 20px;
    border: 3px solid white;
    border-radius: 50%;
    float: left;
    margin-left: 20px;
    cursor: pointer;
}

.left_click {
    position: absolute;
    width: 80px;
    height: 229px;
    font-size: 4em;
    color: white;
    text-align: center;
    line-height: 229px;
    cursor: pointer;
    z-index: 10000;
    left:0;
}

.right_click {
    position: absolute;
    right: 0px;
    width: 80px;
    height: 229px;
    font-size: 4em;
    color: white;
    text-align: center;
    line-height: 229px;
    cursor: pointer;
    z-index: 10000;
    right:0;
}

.btn_left {
    position: absolute;
    left: -40px;
    width: 40px;
    height: 229px;
    opacity: 0.5;
    z-index: 9999;
    box-shadow: 40px 0px 150px white;
    transition: all 0.2s;
}

.btn_right {
    position: absolute;
    right: -40px;
    width: 40px;
    height: 229px;
    font-size: 4em;
    box-shadow: -40px 0px 150px white;
    opacity: 0.5;
    z-index: 9999;
    transition: all 0.2s;
}
  /* i i s 7 . c o m */