.banner {  
    font-size: 0;
    z-index: 2;
        margin-top: 1.08rem;}
@media screen and (max-width: 906px) {
 .banner {  
    font-size: 0;
    z-index: 2;
        margin-top: 0.7rem;}
}
.banner .slick-active .img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

.banner a { display: block;}

.banner .img { padding-top: 33%; -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); -webkit-transition: transform 0.5s linear 0s; -moz-transition: transform 0.5s linear 0s; -o-transition: transform 0.5s linear 0s; -webkit-transition: -webkit-transform 0.5s linear 0s; transition: -webkit-transform 0.5s linear 0s; -o-transition: -o-transform 0.5s linear 0s; -moz-transition: transform 0.5s linear 0s, -moz-transform 0.5s linear 0s; transition: transform 0.5s linear 0s; transition: transform 0.5s linear 0s, -webkit-transform 0.5s linear 0s, -moz-transform 0.5s linear 0s, -o-transform 0.5s linear 0s; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: cover; background-size: cover;}

.banner .slick-arrow { position: absolute; top: 40%; right: auto; bottom: auto; left: auto; z-index: 1; width: 32px; height: 64px; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; opacity: .6;}

.banner .slick-arrow.slick-prev { left: 5%; background-image: url(images/b_icon2_2.png);}

.banner .slick-arrow.slick-next { right: 5%; background-image: url(images/b_icon2888.png);}

.banner .slick-dots { position: absolute; top: auto; right: auto; bottom: 0.2rem; left: 50%; z-index: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}

.banner .slick-dots li { display: inline-block; *display: inline; *zoom: 1; width: 14px; height: 14px; margin: 0 7px; border-radius: 50%; background: #fff; cursor: pointer;}

.banner .slick-dots li.slick-active { background:#541b68;}

@media screen and (max-width: 1024px) {
 .banner .slick-dots li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 2px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;}.banner .slick-arrow {
    position: absolute;
    top: 20%;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    width: 32px;
    height: 64px;
    background-image: url();
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    -o-background-size: auto;
    background-size: auto;
    opacity: .6;}
}