#banner .slick-slide{ position:relative; }
#banner .slick-slider{ margin-bottom:0; }
#banner .slick-slide a{ display:block; position:relative; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; width: 100%; height: 100%; overflow:hidden; outline:none; }
#banner .slick-slide img{ width:100%; }
#banner .slick-prev, #banner .slick-next{ background-image:url(/images/10/banner-scrrow.png) !important; background-repeat:no-repeat !important; width:32px; height:62px; z-index: 999; background-position:0 50%; }
#banner .slick-prev:before, 
#banner .slick-next:before,
#banner .slick-prev:hover:before, 
#banner .slick-next:hover:before{ display:none; }
#banner .slick-next{ right:10%; background-image:url(/images/10/banner-scrrow2.png)!important; }
#banner .slick-prev{ left:10%; }
#banner .slick-slide a .art{ position: absolute; width: 580px; margin: 0; top: 100px; left: calc(50% - 580px); z-index: 2; padding: 50px; background-color: rgba(0, 0, 0, 0.7); }
#banner .slick-slide a h2{ font-size: 40px; line-height: 100%; color: #ffffff; }
#banner .slick-slide a p{ margin-top: 20px; line-height: 140%; font-size: 20px; color: #ffffff; }
#banner video , #banner iframe { position: absolute; width: 100%; top: 0; right: 0; z-index: 1; }
#banner .slick-dots{ bottom: initial; text-align: right; z-index: 5; top: 5px; }
#banner .slick-dots li button{ text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff; }
#banner .slick-dots li button:before,
.slick-dots li.slick-active button:before{ color: #3496ae; }

@media screen and (max-width: 1680px) {
	#banner .slick-slide a .art{ padding: 40px; }
	#banner .slick-slide a h2{ font-size: 35px; }
	#banner .slick-slide a p{ font-size: 17px; }
	#banner .slick-slide img{ padding:80px 0; }
}
@media screen and (max-width: 1280px) {
	#banner .slick-slide a .art{ width: 400px; left: 5%; }
	#banner .slick-slide a h2{ font-size: 30px; }
	#banner .slick-slide a p{ font-size: 15px; }
	#banner .slick-prev, #banner .slick-next{ width: 20px; background-size: 100%; }
	#banner .slick-next{ right: 2%; }
	#banner .slick-prev{ left:2%; }
}
@media screen and (max-width: 980px) {
	#banner .slick-slide a .art{ top: 100px; padding: 30px; }
	#banner .slick-slide a h2{ font-size: 24px; }
}
@media screen and (max-width: 768px){
	#banner video , #banner iframe { width: auto; height: 100%; }
	#banner .slick-next , #banner .slick-prev{ top: 80%; }
}
@media screen and  (max-width: 640px){
	#banner .slick-slide img{ padding:120px 0; }
	#banner .slick-slide a .art{ width: calc(90% - 60px); top: initial; bottom: 50px; }
	#banner .slick-slide a h2{ font-weight: normal; font-size: 22px; }
	#banner .slick-next, #banner .slick-prev{ display:none !important; }
}
@media screen and (max-width:480px) {
	#banner { margin-top:70px; }
}