#banner , #banner .item { position: relative; background: #fff; z-index: 100; }
#banner .item {margin-top:110px;margin-left: 140px;}
#banner .item a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
#banner .info { position: absolute; width: 100%; top: 25vh; left: 0; z-index: 3; }
#banner .info h3 { display: block; line-height: 110%; text-align: center; font-size: 40px; font-weight: 700; color: #fff; }
#banner .info p { margin-top: 10px; text-align: center; font-weight: 100; color: #fff; }
#banner .img {position: relative;width: 100vw;height: 85vh;background: no-repeat 50% / cover;}
#banner .img img , #banner .img video , #banner .img iframe { position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; }
#banner .img {background-size: contain;background-position: 0% 50%;border-radius: 250px 0 0 0;}
#banner .photoBox{position:absolute;width: 18%;height:100%;z-index: 2;right: 0;}
#banner .photoBox img{animation:moveObject 100s linear infinite;height:100%;object-fit:cover}
@keyframes moveObject{0%{object-position:0% 50%}50%{object-position:100% 50%}100%{object-position:0% 50%}}
#scrolldown svg{width: 25px;height: 25px;margin-bottom: 15px;fill: #fff;}

/* scrolldown */
#scrolldown {position: absolute;font-weight: 300;font-size: 12px;color: #fff;white-space: nowrap;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;bottom: 110px;right: 140px;animation: godown 1s infinite linear;-webkit-animation: godown 1s infinite linear;display: flex;align-items: center;z-index: 2;}
#scrolldown b{letter-spacing:1px;font-weight: 500;font-size:15px}
@keyframes godown { 0% , 100% { padding: 0 0 25px 10px; } 50% { padding: 10px 0 15px 10px; } }

@media screen and (max-width: 1500px){
    #scrolldown{right:120px;bottom: 70px;}
}
@media screen and (max-width: 1280px){
    #scrolldown{right:100px;}
    #banner .slick-active .img{border-radius:0;}
	#banner .item{margin-left:0;margin-top: 100px;}
}
@media screen and (max-width: 1024px){
    #scrolldown, #banner .photoBox{display:none;}
    #banner .slick-active .img{background-size: cover;}
}
@media screen and (max-width: 768px){
    #banner .img{height: 70vh;background-position: 30% 50%;}
}
@media screen and (max-width: 640px){
    #banner .img{height: 45vh;background-position: 30% 50%;}
}