.banner{width:100%;height:100vh;position:absolute;overflow:hidden;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);will-change:width,height}.banner .img{width:100%;height:100%;position:absolute;left:0;top:0}.banner .img::after{width:100%;height:100%;position:absolute;left:0;top:0;content:"";background:rgba(0,0,0,.2)}.banner .img video{position:absolute;width:100%;height:100%;object-fit:cover}.banner .info{width:90%;height:auto;position:absolute;left:50%;bottom:8vw;top:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end;gap:2vw;z-index:2;color:#fff;padding:0}.banner .info .banner-text{width:50%;text-align:left}.banner .info .name{font-size:2.5rem;line-height:1.2;overflow:hidden;margin-bottom:1vw;font-weight:600}.p{overflow:hidden;position:relative}.banner .info .desc{width:100%;height:auto;position:relative;line-height:1.7;padding:0;color:rgba(255,255,255,.7)}.banner-qr{flex-shrink:0;-webkit-flex-shrink:0;display:flex;gap:12px}.qr-item{position:relative;display:flex;flex-direction:column;align-items:center}.qr-box{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(0);width:120px;height:120px;background:#fff;padding:8px;border-radius:12px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10;box-shadow:0 4px 20px rgba(0,0,0,.3)}.qr-box::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}.qr-item:hover .qr-box{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.qr-box img{width:100%;height:100%;-webkit-object-fit:cover;object-fit:cover}.qr-info{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.3);padding:10px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s;min-width:170px}.qr-item:hover .qr-info{background:rgba(0,0,0,.4);border-color:rgba(255,255,255,.4)}.qr-info .icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center}.qr-info .icon img{width:18px;height:18px;object-fit:contain}.qr-info .txt{text-align:left;display:flex;flex-direction:column;gap:4px}.cn .qr-info .txt{flex-direction:column-reverse}.qr-item::after{content:"";display:block;width:24px;height:24px;flex-shrink:0;position:absolute;top:50%;right:6px;transform:translateY(-50%);background:url(../images/icon_arrow-download.png) center/contain no-repeat}.qr-info p{line-height:1.2;color:#fff}.qr-info p:first-child{font-size:9px}.qr-info p:last-child{font-weight:600;font-size:14px}.cn .qr-info p:first-child{font-weight:600}.cn .qr-info p:last-child{font-size:12px}@media screen and (max-width:1200px){.banner .info .banner-text{width:60%}}@media screen and (max-width:1024px){.banner .info .banner-text{width:70%}.banner .info .name{font-size:2.2rem}.banner .info .desc{padding:0;margin-top:12px;line-height:1.35;font-size:.95rem;max-width:85%}}@media screen and (max-width:767px){.banner .info{-webkit-flex-direction:column;flex-direction:column;align-items:start;bottom:15vw;text-align:center;gap:20px}.banner .info .banner-text{width:100%}.banner .info .name{font-size:clamp(16px, 7vw, 36px)}.qr-box{display:none}}