.banner {
    overflow: auto;
    text-align: center;
}
.banner_option{
    position: absolute;
    top:0;
    width: 1200px;
    min-width:1200px;
    left: calc((100% - 1200px)/2);
    height: 600px;
    background-color: rgba(0,0,0,0.4);
    text-align: center;
    padding-top:150px;
    box-sizing: border-box;
}
.banner_option div{
    color: white;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 50px;
}

.banner li {
    list-style: none;
}

.banner ul li {
    float: left;
    height: 600px;
}
.banner ul li img{
    /*max-height: 100%;*/
    min-width: 1200px;
}

#carouse {
    width: 100%
}

#carouse .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
}
#carouse .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;

}

#carouse .dots li.active {
    background: #fff;
    opacity: 1;
}

#carouse .arrow {
    position: absolute;
    top: 300px;
}

#carouse #al {
    left: 50px;
}

#carouse #ar {
    right: 50px;
}