#banner { margin-top: 130px; overflow: hidden; background:#000; }
#banner , #banner * { transition:none;}
.bannerslide .slick-slide a { opacity:0.4; transition:all linear 0.3s }
.bannerslide .slick-active a { opacity:1; }
#banner .bannerslide a { display:block; background-repeat:no-repeat; background-position:50% 50%; background-size: cover; }
#banner .slick-slider { margin-bottom: 0; }
#banner .slick-prev ,
#banner .slick-next { background-image:url(/images/13/banner-scrrow.png); background-repeat:no-repeat; background-position:50% 50%; display:block; left: 0; width: 60px; height:100%; z-index: 99; }
#banner .slick-next { background-image:url(/images/13/banner-scrrow2.png); left:initial; right:0; }
#banner .slick-prev:before ,
#banner .slick-next:before { display:none; }
#banner .slick-prev:hover ,
#banner .slick-next:hover { background-color:rgba(25,25,25,0.5); }
#banner .slick-dots { bottom: 0; opacity: 0; }
#banner .item { position: relative; overflow: hidden; text-align: right; }
#banner .item video ,
#banner .item iframe { position: absolute; width: 100%; left: 0; top: 0; }
#banner .item .art { position: absolute; top: 15%; left: 5%; z-index: 1; }
#banner .item .art a::after{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#banner .item .art h2 { font-size: 36px; color: #231e20; line-height: 170%; }
#banner .item .art p { color: #6c6568; font-size: 16px; text-align: left; line-height: 170%; }

@media screen and (max-width: 1680px) {
	#banner .slick-prev { left: 100px; }
	#banner .slick-next { right:100px; }
}
@media screen and (max-width: 1440px) {
	#banner .slick-prev { left: 0; }
	#banner .slick-next { right:0; }
}
@media screen and (max-width: 1280px) {
	#banner .slick-prev , #banner .slick-next { background-size: 20%; }
}
@media screen and (max-width: 1024px) {
	#banner { margin-top: 80px; }
}
@media screen and (max-width: 980px) {
	#banner section { width: 100%; }
	#banner .item video { width: auto; height: 100%; }
	#banner .item iframe { height:100%; transform: scale(1.4); }
	#banner .slick-slide img { max-width: inherit; height: calc(100vh - 195px); }
}
@media screen and (max-width: 480px) {
	#banner .slick-prev { display:none !important; }
}