#banner{padding-top: 80px;}
#banner, #banner .item {position: relative;background: #fff;}
#banner .item a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
#banner .info { position: absolute; width: 100%; top: 25vh; left: 0; z-index: 3; }
#banner .info h3 { display: block; line-height: 110%; text-align: center; font-size: 40px; font-weight: 700; color: #fff; }
#banner .info p { margin-top: 10px; text-align: center; font-weight: 100; color: #fff; }
#banner .img {position: relative;width: 100%;height: 450px;background: no-repeat 50% / cover;}
#banner .img img , #banner .img video , #banner .img iframe { position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; }
#banner .slick-active .img {}

@media screen and (max-width: 900px){
    #banner .img{height:300px;}
}
@media screen and (max-width: 600px){
    #banner .img{height: 150px;}
}