@media screen and (min-width: 741px){.about-banner-all{margin:0 auto;padding:160px 0;overflow:hidden}.about-banner-videobox{position:relative;max-width:1240px;margin:0 auto;padding:0 var(--niu-margin)}.about-banner-video{width:100%;position:relative;object-fit:cover;z-index:2}.img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.img1{position:absolute;top:-20%;left:-11%;z-index:1;height:142px}.img2{position:absolute;top:-26%;left:12%;z-index:3;height:186px}.img3{position:absolute;top:-27%;left:86%;z-index:1;height:188px}.img4{position:absolute;top:24%;left:94%;z-index:1;height:90px}.img5{position:absolute;top:58%;left:100%;z-index:1;height:136px}.img6{position:absolute;bottom:-25%;left:70%;z-index:3;height:241px}.img7{position:absolute;bottom:-20%;left:20%;z-index:3;height:160px}.img8{position:absolute;bottom:-8%;left:-8%;z-index:1;height:104px}.img9{position:absolute;top:18%;left:-18%;z-index:1;height:283px}@keyframes fadeInTopLeftImg{0%{opacity:0;-webkit-transform:translate3d(-4%,-4%,0);transform:translate3d(-4%,-4%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRightImg{0%{opacity:0;-webkit-transform:translate3d(4%,-4%,0);transform:translate3d(4%,-4%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightImg{0%{opacity:0;-webkit-transform:translate3d(4%,0,0);transform:translate3d(4%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRightImg{0%{opacity:0;-webkit-transform:translate3d(4%,4%,0);transform:translate3d(4%,4%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpImg{0%{opacity:0;-webkit-transform:translate3d(0,4%,0);transform:translate3d(0,4%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeftImg{0%{opacity:0;-webkit-transform:translate3d(-4%,4%,0);transform:translate3d(-4%,4%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftImg{0%{opacity:0;-webkit-transform:translate3d(-4%,0,0);transform:translate3d(-4%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fade-in-top-left{animation:fadeInTopLeftImg 1s ease-in-out}.fade-in-top-right{animation:fadeInTopRightImg 1s ease-in-out}.fade-in-right{animation:fadeInRightImg 1s ease-in-out}.fade-in-bottom-right{animation:fadeInBottomRightImg 1s ease-in-out}.fade-in-up{animation:fadeInUpImg 1s ease-in-out}.fade-in-bottom-left{animation:fadeInBottomLeftImg 1s ease-in-out}.fade-in-left{animation:fadeInLeftImg 1s ease-in-out}}@media screen and (max-width: 740px){.about-banner-all{margin:0 auto;padding:80px 0;overflow:hidden}.about-banner-videobox{position:relative;margin:0 auto;padding:0 40px}.about-banner-video{width:100%;height:430px;position:relative;object-fit:cover;z-index:2}.img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.img1{position:absolute;top:-3%;left:4%;z-index:3;height:81px}.img2{position:absolute;top:-15%;right:3%;z-index:1;height:83px}.img3{position:absolute;top:44%;right:0%;z-index:3;height:50px}.img4{position:absolute;bottom:-10%;right:6%;z-index:3;height:120px}.img5{position:absolute;bottom:-3%;left:0;z-index:1;height:60px}.img6{position:absolute;bottom:28%;left:0;z-index:3;height:110px}@keyframes fadeInTopLeftImg{0%{opacity:0;-webkit-transform:translate3d(-4%,-4%,0);transform:translate3d(-4%,-4%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRightImg{0%{opacity:0;-webkit-transform:translate3d(4%,-4%,0);transform:translate3d(4%,-4%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightImg{0%{opacity:0;-webkit-transform:translate3d(4%,0,0);transform:translate3d(4%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRightImg{0%{opacity:0;-webkit-transform:translate3d(4%,4%,0);transform:translate3d(4%,4%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpImg{0%{opacity:0;-webkit-transform:translate3d(0,4%,0);transform:translate3d(0,4%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeftImg{0%{opacity:0;-webkit-transform:translate3d(-4%,4%,0);transform:translate3d(-4%,4%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftImg{0%{opacity:0;-webkit-transform:translate3d(-4%,0,0);transform:translate3d(-4%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fade-in-top-left{animation:fadeInTopLeftImg 1s ease-in-out forwards}.fade-in-top-right{animation:fadeInTopRightImg 1s ease-in-out forwards}.fade-in-right{animation:fadeInRightImg 1s ease-in-out forwards}.fade-in-bottom-right{animation:fadeInBottomRightImg 1s ease-in-out forwards}.fade-in-up{animation:fadeInUpImg 1s ease-in-out forwards}.fade-in-bottom-left{animation:fadeInBottomLeftImg 1s ease-in-out forwards}.fade-in-left{animation:fadeInLeftImg 1s ease-in-out forwards}}
/*# sourceMappingURL=/cdn/shop/t/199/assets/jd-about-banner.css.map */