#banner .item {  position: relative; }
#banner .item a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .info {position: absolute;width: 30vw;left: 53vw;bottom: 13vw;z-index: 2;}
#banner .info h3 {display: block;line-height: 110%;letter-spacing: 1px;font-size: 120px;font-weight: 100;color: #fff;word-break: keep-all;font-family: 'Poppins', sans-serif;}
#banner .info p {margin-top: 25px;font-weight: 500;color: #fff;font-size: 25px;}
#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 .baScro {position:absolute;bottom: 0;right: 0;z-index: 10;}
#banner .baScro a{width:110px;height: 110px;background: #5d8f5e;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: 80px;}
}
@media screen and (max-width:1280px) {
	#banner .img {width: 100vw;height: 85vh;}
	#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: 23vw;}
	#banner .img{background-position: 25% 50%;}
}
@media screen and (max-width:500px) {
	#banner .info h3{font-size: 60px;}
	#banner .img { width: 100vw; }
	#banner .info{width: 80%;}
	#banner .baScro{display:none;}
	#banner .info p{font-size: 18px;font-weight: 600;}
}