@import url('https://fonts.googleapis.com/css?family=Raleway');
#banner .bannerTran{display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;margin:0 auto;position:relative;overflow:hidden;height:auto;min-height:200px;z-index:1;min-height:34.4271vw}
.swiper-wrapper .slick-slider,.swiper-wrapper .slick-slider .slick-list,.swiper-wrapper .slick-slider .slick-track,.swiper-wrapper .slick-slider li{width:100%;height:100%;display:block}
#banner .slick-slide{position:relative;overflow:hidden}
#banner .slick-slide >a{display:block;position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;z-index: 9;}
#banner .slick-slide a img{width:100%;}
#banner .slick-slide .art{z-index:2;overflow:hidden;width: 100%;position:absolute;left: 0;bottom: 25%;}
#banner .slick-slide h2{font-size: 48px;line-height:100%;color: #fff;text-align: center;}
#banner .slick-slide p{font-size: 19px;color: #fff;margin: 30px auto 0;width: 50%;text-align: center;line-height: 170%;font-weight: bold;}
#banner video,#banner iframe{width:100%;transform: scale(2.0);transform-origin:center;position:absolute;top:0;left: 40px;z-index:1;}
#banner .slick-dots{bottom:60%;text-align:left;margin-left:20px;width:28px}
#banner .slick-dots li button:before,#banner .slick-dots li.slick-active button:before{color:#ff9785}
#banner .slick-dots li button:before{text-shadow:0 0 5px #fff,0 0 5px #fff}
#views{width:100%}
#banner{position:relative;}
#banner .slick-slide:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: .5;
    z-index: 2;
}
@media (max-width: 1024px) {
	#banner .slick-slide .art{bottom: 15%;}
	#banner .slick-slide h2{font-size:50px}
	#banner .slick-slide a img{height: 500px;}
	#banner video,#banner iframe{transform:scale(2)}
}
@media (max-width: 768px) {
	#banner video,#banner iframe{width: auto;height: 100%;left: 10px;}
	#banner .slick-slide h2{font-size:40px}
	#banner .slick-slide .art{bottom:20%;width:80%;left:10%}
	#banner .slick-slide p{font-size:16px;}
}
@media (max-width: 640px) {
	#banner .slick-slide a img{height: 400px;}
}
@media (max-width: 480px) {
	#banner .slick-slide h2{font-size: 22px;}
	#banner .slick-slide .art{bottom:15%}
	#banner video{
    left: -130px;
}
	#banner .slick-slide p{
    width: 80%;
    font-size: 14px;
}
}