#banner , #banner .item { position: relative; background: #fff; z-index: 100; }
#banner::before, #banner::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 170px;background-position: 50% 100%;background-repeat: no-repeat;z-index: 2;background-image: url(/images/37/bannerDrop.png);}
#banner .item a { position: absolute; width: 100%; height: 100%; background: rgb(31 31 31 / .3); top: 0; left: 0; z-index: 2; }
#banner .info {position: absolute;width: 100%;top: 35vh;left: 0;z-index: 3;}
#banner .info h3{text-align: center;opacity: 1;top: 50%;left: 50%;}
#banner .info h3 img { display: inline-block; }
#banner .info p {margin-top: 30px;text-align: center;font-weight: 100;color: #fff;font-size: 18px;letter-spacing: 4px;}
#banner .info p:after {content: '';position: absolute;left: 0;bottom: -40px;width: 100%;height: 16px;background: url(/images/37/icon00.png) no-repeat center center;}
#banner .img { width: 100vw; height: 100vh; background: no-repeat 50% / cover; }
#banner .slick-active .img { -webkit-transform: scale(1); transform: scale(1); animation: banerBg 6s infinite linear; -webkit-animation: banerBg 6s infinite linear; }

/* scrolldown */
#scrolldown {position: absolute;padding: 0 0 25px 10px;border-left: 1px #fff solid;letter-spacing: .3em;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: 70px;left: 50%;animation: godown 1s infinite linear;-webkit-animation: godown 1s infinite linear;}

@-webkit-keyframes banerBg { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1.1); } }
@keyframes banerBg { 0% { transform: scale(1); } 100% { transform: scale(1.1); } }

@-webkit-keyframes godown { 0% , 100% { padding: 0 0 25px 10px; } 50% { padding: 10px 0 15px 10px; } }
@keyframes godown { 0% , 100% { padding: 0 0 25px 10px; } 50% { padding: 10px 0 15px 10px; } }


@media screen and (max-width:980px) {
	#banner .img { height: 100vw;}
}
@media screen and (max-width:768px) {
	#banner .info {position: absolute;width: 100%;top: 29vh;}
	#banner .info h3 {font-size: 24px;font-weight: 100;letter-spacing: 2.5px;padding: 0 10px;line-height: 130%;}
	#banner .info p {color: #fff;letter-spacing: 1.5px;font-size: 15px;padding: 0 10px;line-height: 170%;}
}
@media screen and (max-width:640px) {
	#banner .info {top: 19vh;}
	#banner .info h3 img{width: 180px;}
	#scrolldown{    display: none;}
}