.visul{
	padding: 30px;
    position: relative;
    width: calc(100% - 60px);
    height: calc(100vh - 60px);
    overflow: hidden;
}
.visul .fixed{
	position: absolute;
    bottom: calc(50% - 200px);
    right: 15%;
    z-index: 1;
	max-width: 30%;
}
body .slick-slider{
	margin-bottom:0;
}
#banner,
#banner .slick-slider,
#banner .slick-slider div,
#banner .slick-slider.draggable li{
	width: 100%;
    height: 100%;
    overflow: hidden;
	margin:0;
}
#banner .slick-slider div img{width:100%;height: calc(100vh - 60px);}
#banner .slick-slider div a{display:block;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;position: relative;}
#banner .slick-slider div a .art{
    right: 10%;
    position: absolute;
    width: auto;
    height: auto;
    top: 25%;
    max-width: 50%;
    max-height: 50%;
	z-index: 8;
}
#banner .slick-slider div a h2{
    text-align: right;
    line-height: 110%;
    font-weight: normal;
    color: #161616;
    font-size: 70px;
    margin-bottom: 20px;
}
#banner .slick-slider div a p{
    line-height: 110%;
    text-align: right;
    color: #393939;
    font-size: 24px;
}
.slick-initialized .slick-slide{position:relative;}
#banner .slick-dots{
	bottom: 15px;
	text-align: left;
	left: 15px;
	z-index: 88;
}
#banner .slick-dots li button:before{
	display:none;
}
#banner .slick-dots li button{
    background: rgba(255, 255, 255, 0.46);
    box-shadow: 0 0 5px rgba(16, 16, 16, 0.33);
    height: 19px;
}
#banner .slick-dots li.slick-active button{
	background: rgba(255, 255, 255, 0.8);

}
#banner video ,
#banner iframe {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	z-index: 1;
}

#banner .rslides div a,
#pc-banner a{
	display:block;
    position: relative;
	width: 100%;
    height: 100%;
    overflow: hidden;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
#pc-banner img{
	width:100%;
	padding: 50px 0;
}
#pc-banner{
	display:none;
}
@media screen and (max-width: 1440px) {
	.visul{
		padding: 15px;
		width: calc(100% - 30px);
		height: calc(100vh - 30px);		
	}
	#banner .slick-slider div img{height: calc(100vh - 30px);}
}
@media screen and (max-width: 1280px) {
	#banner .slick-slider div a h2{font-size: 50px;}
	#banner .slick-slider div a p{
		font-size: 18px;
	}
	#banner .slick-slide iframe,
	#banner .slick-slide video,
	#banner .slick-slide canvas{width: 120%;}
}
@media screen and (max-width: 1024px) {
	.visul{
		padding: 0;
		width: 100%;
		height: 40vh;
		min-height:500px;		
	}
	#banner .slick-slider div img{height: 40vh;min-height:500px;}
	#banner .slick-slide iframe,
	#banner .slick-slide video,
	#banner .slick-slide canvas{width: 150%;}
}
@media screen and (max-width: 640px) {
	#banner .slick-slider div a h2{font-size: 45px;}
	#banner .slick-dots li{width: 12px;}
	#banner .slick-dots li button{width: 12px;height: 11px;}
	#banner .slick-slide iframe,
	#banner .slick-slide video,
	#banner .slick-slide canvas{transform: scale(1.5);}
}
@media screen and (max-width: 480px) {
	#banner .slick-slider div a h2{font-size: 38px;margin-bottom: 10px;}
	#banner .slick-slider div a p{
		font-size: 15px;
	}
	.visul{
		min-height:400px;		
	}
	#banner .slick-slider div img{min-height:400px;}
	#banner .slick-slider div a .art{max-width: 70%;}
}
@media screen and (max-width: 400px) {
	#banner .slick-slide iframe,
	#banner .slick-slide video,
	#banner .slick-slide canvas{width: 200%;}
	#banner .slick-slider div a .art{
		top: 30%;
	}

}