#banner {z-index: 3;position: relative;background-color: #272926;}
#banner .item {width: 100vw;min-height: 90vh;height: 90vh;}
#banner .item img { width: 100vw; height: 75vh; }
#banner .item >.pos_abs {width: 100vw;height:  100%;top: 0;left: 0;z-index: 20;}
#banner .item .info {/* background: rgb(0 0 0 / 30%); */}
#banner .item .info >div { margin: auto; width: 85%; }
#banner .item .info .txt {opacity: 0;}
#banner .item .info span{font-family: "Open Sans", sans-serif;font-size: 22px;text-transform: uppercase;letter-spacing: 1px;color: #fff;}
#banner .item .info h3.txt {font-size: 54px;max-width: 100%;line-height: 130%;font-weight: 500;color: #fff;}

#banner .item .info p.txt:before {position: absolute;left: 0;top: 30px;content: "";width: 70px;height: 4px;background-color: #ffffff;}
#banner .item .info p.txt {padding: 60px 0 0;font-weight: 400;line-height: 150%;font-size: 32px;letter-spacing: 3px;color: #fff;}
#banner .item .info .more_btn { opacity: 0; }
#banner .item a.pos_abs { z-index: 2; }
#banner .item iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .item video {top: 0;position: fixed;}

/* slick-dots */
#banner .slick-dots { width: auto; height: 100%; background: var(--white); display: flex !important; flex-direction: column; justify-content: center; bottom: 0; left: -90px; }
#banner .slick-dots li { margin: 5px 40px; width: 10px; height: 10px; background: var(--secondary); border-radius: 50%; display: block; opacity: .1; }
#banner .slick-dots li.slick-active { opacity: .5; }

/* arrow_bg */
#banner .arrow_bg { width: 450px; height: 140px; left: auto; bottom: -140px; transform-origin: 100% 100% 0; }

/* arrow */
#banner .arrow { bottom: 0; left: auto; }
#banner .arrow a { width: 55px; height: 100px; display: inline-block !important; line-height: 100px; }

/* slick-current */
#banner .slick-current .info .txt , #banner .slick-current .info .more_btn { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; }

/* baScro */
#banner .baScro{position:absolute;left: 30px;top: calc(50% - (215px / 2));}
#banner .baScro a{display:flex;flex-direction: column;align-items: center;cursor: pointer;}
#banner .baScro a b{font-size:16px;writing-mode: vertical-rl;font-weight: 400;color: #fff;}
#banner .baScro a span{height: 120px;width: 1px;background: var(--white);margin: 20px 0;position: relative;}
#banner .baScro a span:before{content:'';position: absolute;top: 0;left: 0;height: 60px;width: 1px;background: var(--primary);animation-name: fish;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;}
#banner .baScro a svg{width:23px;height: 23px;fill: var(--white);}
@keyframes fish{0%{top:0;}100%{top:60px;}}

@media screen and (min-width: 1281px){
	#banner {padding: 75px 0 0 0;}
    #banner:after{position:absolute;bottom: -10px;content:"";width: 100%;height: 30.5%;background-color: #ffffff;z-index:2;-webkit-transition:all 0.5s;transition:all 0.5s;right: 0;clip-path: polygon(0% 0%, 100% 110%, 0% 100%);}
	#banner .item .btn_img,#banner .item video{width: 90vw;right: -160px;left: unset;position: absolute;height: 90vh;}
}

@media screen and (min-width: 1025px){
	#banner .item .info >div {margin: auto 0 16% 10%;width: 520px;}
}
@media screen and (min-width: 761px){
	#banner .item img {height: 800px;}
	#banner .item .btn_img:before{content:'';background-image: url(/images/39/img-bn-bg.png);background-size: 100%;width: 100%;height: 100%;position: absolute;bottom: 0;right: 0;z-index: 10;}
}
@media screen and (max-width: 1280px){
	#banner .item .info h3.txt{font-size: 40px;}
    #banner .item .btn_img,#banner .item video{width: 140vw;right: -150px;left: unset;position: absolute;height: 90vh;}
}
@media screen and (max-width: 1024px){
	#banner .item .info >div{width:70%;}
    #banner .item {min-height: 80vh;height: 80vh;}

}
@media screen and (max-width: 550px){
	#banner .item{min-height: 45vh;height: 45vh;}
	#banner .item img {height: 55vh;}
	#banner .baScro{display:none;}
	#banner .item .info >div {width: 85%;margin-bottom: 40px;}
	#banner .item .info h3.txt {font-size: 30px;letter-spacing: 0;}
	#banner .item .info p.txt{font-size:18px;}
	#banner .item video{height: 120%;}
    #banner .item .info span{font-size: 17px;}
}