.banner .item {
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    height: 400px;
}
/*
.banner .slick-prev,
.banner .slick-next {
    text-align: left;
    white-space: normal;
    text-indent: -99999px;
    overflow: hidden;
    border: 0;
    background: url(../images/index/banner_arrow.png) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 20;
}
.banner .slick-prev { background-position:    0 0; left: -55px; }
.banner .slick-next { background-position: 100% 0; right: -55px; }
.banner .slick-prev:hover { background-position:    0 100%; }
.banner .slick-next:hover { background-position: 100% 100%; }

.banner .slick-dots {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    text-align: center;
    padding-top: 68px;
}
.banner .slick-dots li {
    display: inline-block;
    padding: 0 5px;
}
.banner .slick-dots li button {
    text-align: left;
    white-space: normal;
    text-indent: -99999px;
    overflow: hidden;
    border: 0;
    background: #E0D9DA;
    width: 40px;
    height: 5px;
}
.banner .slick-dots li.slick-active button {
    background: #E0AC72;
}
*/


@media screen and (max-width: 1280px) {
    .banner .item {
        height: auto;
        padding-top: 26%;
    }
}
@media screen and (max-width: 767px) {
    .banner .container {
        padding: 0;
    }
}