#banner , #banner .item { position: relative; z-index: 100; }
#banner:before{content:'';width: 1px;height: 100%;background: var(--white);position: absolute;left: 19vw;top: 0;z-index: 2;opacity: .3;}
#banner:after{content:'';width: 0.6vw;height: 7vw;background: var(--white);position: absolute;left: 18.7vw;top: 33vh;z-index: 2;opacity: 1;}
#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: 56%;top: 33vh;left: 22%;z-index: 3;}
#banner .info .libabatex {display: block;line-height: 140%;color: #fff;font-size: max(1.5*(1vw + 1vh) / 2, 18px);margin-top: 50px;font-weight: 400;width: 50%;letter-spacing: 3px;word-spacing: 100vw;max-width: 100%;}
#banner .info em {margin-top: 10px;text-align: center;font-weight: 700;color: #fff;font-style: unset;font-size: max(4.1 * (1vw + 1vh) / 2, 32px);text-transform: uppercase;line-height: 1.3;}
#banner .img {position: relative;width: 100vw;height: 97vh;background: no-repeat 50% / cover;}
#banner , #banner *{-webkit-transition: all 0s ease-out;
    -moz-transition: all 0s ease-out;
    -ms-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    transition: all 0s ease-out;}
#banner .img img , #banner .img video , #banner .img iframe {position: absolute;width: 100vw;height: auto;left: 0;top: 0;}
#banner .img:before{content: "";position: absolute;width: 100%;height: 100%;background: url(/images/37/banner_maskJJ.png);z-index: 1;top: 0;mix-blend-mode: multiply;opacity: 0.8;}

#banner .img .dwn_man{position:absolute;aspect-ratio:60/85;width:30vw;left:auto;top:auto;right:15vw;bottom:30px;border:none;z-index:5;background-size:contain;background-position:50%;background-repeat:no-repeat}

#banner .info p{color: #fff;font-size: max(3 * (1vw + 1vh) / 2, 28px);font-weight: 700;letter-spacing: 0.05em;}
/* 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: 0; left: 30px; animation: godown 1s infinite linear; -webkit-animation: godown 1s infinite linear; }

/* baScro */
#banner .baScro{position:absolute;right: 5vw;bottom: 90px;}
#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: var(--white);}
#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: 40px;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 (max-width: 1470px){
    #banner .img .dwn_man{width: 28vw;right: 18vw;bottom: 25px;}
}
@media screen and (max-width: 1024px){
    #banner .baScro{right: 50px;}
    #banner .info .libabatex{width: 75%;}
    #banner .info{top: 35vh;left: 10%;}
    #banner:after{left: 7.7vw;top: 36vh;}
    #banner:before{left: 8vw;}
    #banner .img img, #banner .img video, #banner .img iframe{width:auto;height: 100%;}
    #banner .img .dwn_man{
    width: 35vw;
}
}
@media screen and (max-width: 980px){
    #banner .baScro{display:none;}
    #banner .info .libabatex{width: 100%;}
    #banner .img{height:80vh}
    #banner .img video{}
}
@media screen and (max-width: 640px){
    #banner .img video{left: -80%;}
    #banner .img{height:70vh}
    #banner .info{width: 75%;top: 182px;}
    #banner .img .dwn_man{width: 43vw;right: 3vw;}
    #banner:after{top: 182px;height: 91px;}
}
@media screen and (max-width: 480px){
    #banner .img .dwn_man{width: 50vw;right: -6vw;bottom: -20px;}
    #banner .info{width: 100%;left: 12%;}
    #fakeNumber .statisticsItem{height: 67px;}
    #aboutBox .dwdwtext{height: 3.125rem;}
    .txt_slide_deco{height: 2.5rem;}
    .txt_slide_deco--line span {font-size: 2.5rem;}
    #banner .img{height: 510px;}
    #banner{
}
}