#banner .item {  position: relative; }
#banner .item a.bnmore { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .info {position: absolute;width: 29vw;right: 360px;bottom: 13vw;z-index: 2;}
#banner .info h3 {display: block;line-height: 130%;letter-spacing: 1px;font-size: 56px;font-weight: 200;color: #fff;word-break: keep-all;word-spacing: 100vw;max-width: 100%;}
#banner .info p {margin-top: 30px;font-weight: 300;color: #fff;font-size: 18px;letter-spacing: 1px;line-height: 190%;width: 90%;position: relative;padding-top: 30px;}
#banner .info p::before{content:"";position:absolute;width:60px;height:3px;background-color:#fff;top:0;left:0}
#banner .info .bannerBtn{padding: 9% 0 0 3px;}
#banner .info .bannerBtn a{text-transform:uppercase;display:inline-block;padding:16px 20px 14px 15px;text-align:center;-webkit-transition:all 0.5s;transition:all 0.5s;border:1px solid rgb(255 255 255 / 45%);color:#fff;position:relative;letter-spacing:1px}
#banner .info .animation::after{content:"";position:absolute;right:0;top:0;z-index:-1;width:0;height:100%;background-color:#1d548d}
#banner .info .animation:hover::after{width:100%;left:0;right:auto}
}#banner .info .bannerBtn a:hover{-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.15);box-shadow:0 3px 10px rgba(0,0,0,0.15)}
#banner .info .btn1::before{content:"";position:absolute;right:-30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px;height:1px;-webkit-transition:all 0.5s 0.3s;transition:all 0.5s 0.3s;background-color:rgb(255 255 255)}
#banner .img {position: relative;width: 100vw;height: 90vh;background: no-repeat 50% / cover;}
#banner .img video , #banner .img iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#banner .img:before {content: '';position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-color: rgb(0 0 0 / 24%);background-image: url(/images/36/dot.png);pointer-events: none;}
#banner .item iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .item video {overflow: hidden;position: absolute;min-width: 100%;min-height: 100%;width: 120vw;height: auto;z-index: -1;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#banner .baScro {position:absolute;bottom: 0;right: 0;z-index: 10;}
#banner .baScro a{width: 110px;height: 117px;background: #1d548d;cursor: pointer;display: flex;align-items: center;justify-content: center;}
#banner .baScro a span{width: 1px;height: 45px;background: #fff;display: flex;justify-content: center;position: absolute;}
#banner .baScro a span:after{content:'';width: 7px;height: 7px;display: block;background: #fff;border-radius: 50px;position: absolute;animation-name: fish;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;}
@keyframes fish{0%{top:0}100%{top:100%}}

@media screen and (max-width:1440px) {
	#banner .info {width: 450px;}
	#banner .info h3{font-size: 32px;}
}
@media screen and (max-width:1280px) {
	#banner .img {width: 100vw;height: 70vh;}
	
	#banner .item video{height: 100%;width: 280vw;}
	#banner .info {left: 54vw;}
}
@media screen and (max-width:1024px) {
	#banner .info {left: 10vw;bottom: 16vw;}
}
@media screen and (max-width:768px) {
	#banner .info {bottom: 18vw;}
	#banner .img{background-position: 25% 50%;}
}
@media screen and (max-width:500px) {
	#banner .info h3{font-size: 30px;}
	#banner .img {width: 100vw;}
	#banner .info{width: 80%;}
	#banner .baScro{display:none;}
	#banner .info p{font-size: 18px;}
	#banner .img {width: 100vw;height: 55vh;}
}