#banner{
    width: 1360px;
    margin: 30px auto;
}
#banner .slick-slide{position:relative;margin-bottom: 0;}
#banner .slick-slider{
	margin-bottom:0;
}
#banner .slick-slider .slick-list{
    border-radius: 20px;
}
#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;
	background-color: #000;
}
#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 .video a,
#banner .youtube a{
}
#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);
	display: none;
}
#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{ }

}
@media screen and (max-width: 1440px) {
	#banner { width: 90%; }
}
@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 {
		display: none;
	}
	#banner .slick-next,
	#banner .slick-prev{top: 80%;}
}
@media screen and  (max-width: 640px){
	#banner .slick-slide img{ }
	#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;}
	#banner {
		margin-top:10px;
	}
}
@media screen and (max-width:480px) {
	#banner {
		margin-top:10px;
	}
}