.slick { width: 100%; margin: 0 auto;}
.slick .slick-slide{width: 100%;  position:relative;}
.slick .slick-slide img{ width: 100%;}
.slick-dots li button{ margin-top:0px;}
.slick-dots li.slick-active button{ margin-top:0px;}
.slick-dots { bottom: 20px;}

.banner-font{ position:absolute; left:20%; top:25%;margin-left: 100px;opacity: 0;transition: all 1.5s; z-index:9999;}

.slick-active .banner-font{margin-left: 0;opacity: 1;}

.banner-font p img.banner-font01{ width:649px; height:61px; }

.banner-font p img.banner-font02,.banner-font p img.banner-font03{ width:649px; height:32px; }

@media screen and (max-width:1080px) {
    .banner-font{ position:absolute; left:10%; top:30%;}

    .banner-font p img.banner-font01{ width:500px; height:47px; }

    .banner-font p img.banner-font02,.banner-font p img.banner-font03{ width:649px; height:32px; display:none; }
}
@media screen and (max-width:1024px){
    .slick-dots li button{ width:10px; height:12px; margin-top:0px;}
    .slick-dots li.slick-active button{width:10px; height:12px; margin-top:0px;}
    .slick-dots { bottom: 0px;}
}

@media only screen and (max-width:861px) {
    .banner-font{ position:absolute; left:10%; top:30%;}

    .banner-font p img.banner-font01{ width:400px; height:38px; }

    .banner-font p img.banner-font02,.banner-font p img.banner-font03{ width:649px; height:32px; display:none; }

}
@media screen and (max-width:481px) {
    .banner-font{ position:absolute; left:10%; top:30%;}

    .banner-font p img.banner-font01{ width:300px; height:28px; }

    .banner-font p img.banner-font02,.banner-font p img.banner-font03{ width:649px; height:32px; display:none; }

}
@media screen and (max-width:340px) {

    .banner-font{ position:absolute; left:10%; top:30%;}

    .banner-font p img.banner-font01{ width:210px; height:20px; }

    .banner-font p img.banner-font02,.banner-font p img.banner-font03{ width:649px; height:32px; display:none; }

}
