.wow{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration: 7.5s;animation-duration: 7.5s;}
#banner , #banner .item {position: relative;z-index: 100;overflow: hidden;}
#banner:before{content:url(/images/37/banner-left.png);position: absolute;left: 0;bottom: 0;z-index: 1;height: 100%;}
#banner:after{content:url(/images/37/banner-right.png);position: absolute;right: 0;bottom: 0;z-index: 1;height: 100%;}
#banner .item a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 9;}
#banner .info {position: absolute;top: 42vh;left: 370px;z-index: 3;width: 100%;max-width: 30%;margin: 0 auto;visibility: visible;-webkit-animation: 5s txtanim ease-in both;animation: 5s txtanim ease-in both;vertical-align: top;}
#banner .info h3 {display: block;width: 90%;color: #fff;letter-spacing: 10px;font-size: 65px;line-height: 120%;}
#banner .info p {font-size: 22px;line-height: 170%;font-weight: bold;color: #ffffff;letter-spacing: 3.5px;margin: 0px auto 0;width: 58%;text-align: end;}
#banner .info p img{margin: auto;display: inline-block;}
#banner .img {width: 100vw;height: 100vh;background: url(/images/37/img-banner-bg.jpg) 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; }
#banner .item video ,
#banner .item iframe {position: absolute;width: 100%;left: 0;top: 0;}
#cis2{
    display: none;
}
/* scrolldown */
#scrolldown {align-items: center;letter-spacing: .3em;font-weight: 300;font-size: 16px;color: #fff;display: flex;animation: godown 1s infinite linear;-webkit-animation: godown 1s infinite linear;text-transform: uppercase;position: absolute;left: 50%;bottom: 10px;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#banner .birdBox {bottom: 0;margin-left: -75.5px;z-index: 100;transition: all 2s ease;position: absolute;right: 15%;z-index: 0;}
@-webkit-keyframes flutter {
	0%,100% {-webkit-transform: translateY(0);transform: translateY(0)}
	25% {-webkit-transform: translateY(5px);transform: translateY(5px)}
	75% {-webkit-transform: translateY(-5px);transform: translateY(-5px)}
}

@keyframes flutter {
	0%,100% {-webkit-transform: translateY(0);transform: translateY(0)}
	25% {-webkit-transform: translateY(5px);transform: translateY(5px)}
	75% {-webkit-transform: translateY(-5px);transform: translateY(-5px)}
}

@-webkit-keyframes txtanim {
	0% { -webkit-transform: scale(0); }
	35%, 100% { -webkit-transform: scale(1); }
}

@-webkit-keyframes txtanim {
	0% { transform: scale(0); }
	35%, 100% { transform: scale(1); }
}
@media screen and (max-width:1440px) {
	#banner .birdBox{width: 45%;}
	#banner .info{top: 46vh;left: 210px;}
	#banner .info h3{}
	#banner .info p{
    width: 72%;
}
	#banner .item video{width: 115%;}
	#banner:before, #banner:after{zoom:85%;}
}

@media screen and (max-width:1280px) {
	#banner:before, #banner:after{display: none;}
	#banner .birdBox{width: 48%;right: 10%;}
	#banner .item video{width: 120%;}
}
@media screen and (max-width:1024px) {
	#banner .info{top: 46vh;left: 25px;max-width: 40%;}
	#banner .birdBox{width: 70%;right: 0;}
	#banner .item video{width: 160%;left: -140px;}
}
@media screen and (max-width:980px) {
	#banner .img {height: 60vw;}
	#banner .info {top: 40vh;left: -40px;z-index: 3;width: 40%;max-width: 100%;}
	#banner .info h3 {}
	#banner .info p {font-size: 18px;}
	#scrolldown{display: none;}
}
@media screen and (max-width:768px) {
	#banner .info {top: 21vh;left: 40px;width: 40%;max-width: 100%;}
	#banner .info h3 {}
	#banner .birdBox{width: 60%;}
	#banner .item video{width: 120%;left: 0px;}
}
@media screen and (max-width:640px) {
	#banner .info p {font-size: 15px;line-height: 120%;}
	#banner .img {height: 70vw;}
	#banner .info {top: 29vh;}
	#banner .info p img{width: 180px;}
	#scrolldown{    display: none;}
	#banner .item video{width: 180%;left: -100px;}
}
@media screen and (max-width:560px) {
	#banner .birdBox{right: -50px;width: 70%;}
	#banner .img {height: 70vw;}
	#banner .info {top: 26vh;left: 30px;}
}
@media screen and (max-width:480px) {
	#banner .img {height: 80vw;}
	#banner .info {top: 20vh;left: 10px;width: 50%;}
}