.banner{width:100%;height:774px;position:relative;overflow:hidden}@media(max-width:1600px){.banner{height:524px}}.banner .banner-video{height:860px;object-fit:cover;background:#e7ecf4;width:100%;opacity:1;transition:opacity 1s ease-in-out}@media(max-width:1600px){.banner .banner-video{height:610px}}.banner .banner-video.fade-out{animation:fadeOutSteps 1s linear forwards}.banner .banner-video.fade-in{opacity:0;animation:fadeInSteps 1s linear forwards}.banner-overlay{position:absolute;top:26.5%;left:0;width:60%;max-width:1115px;height:360px;background:var(--web,linear-gradient(270deg,rgba(0,0,0,0) 0,#004257 100%));display:flex;align-items:center;justify-content:center;z-index:2}@media(max-width:1600px){.banner-overlay{max-width:760px;height:290px}}.banner-overlay.fade-out{animation:fadeOutSteps 1s linear forwards}.banner-overlay.fade-in{opacity:0;animation:fadeInSteps 1s linear forwards}.banner-content{color:#fff;max-width:714px;padding:0 24px}@media(max-width:1600px){.banner-content{max-width:600px}}.banner-content h1{font-size:44px;font-style:normal;font-weight:700;margin-bottom:1rem}@media(max-width:1600px){.banner-content h1{font-size:32px}}@media(max-width:1200px){.banner-content h1{font-size:24px}}.banner-content p{font-size:20px;line-height:1.5;margin-bottom:32px}@media(max-width:1600px){.banner-content p{font-size:16px}}@media(max-width:1200px){.banner-content p{font-size:14px}}.banner-content .ant-btn{height:60px;font-weight:600;font-size:16px;min-width:284px;margin-bottom:10px}@media(max-width:1600px){.banner-content .ant-btn{min-width:204px;height:52px}}.banner-content .banner-title{font-size:40px;font-weight:600}.banner-content .banner-button{font-size:14px}.banner-dots{position:absolute;top:50%;right:3%;transform:translateY(-50%);display:flex;flex-direction:column;gap:28px;z-index:3}.banner-dots .dot-container{position:relative}.banner-dots .dot-container .dot{width:8px;height:8px;border-radius:50%;background-color:#fff;margin:auto;cursor:pointer}.banner-dots .dot-container .ant-progress-text{color:#fff!important;font-size:12px;font-weight:500}@keyframes circleProgress{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeOutSteps{0%{opacity:1}10%{opacity:.9}20%{opacity:.8}30%{opacity:.7}40%{opacity:.6}50%{opacity:.5}60%{opacity:.4}70%{opacity:.3}80%{opacity:.2}90%{opacity:.1}to{opacity:0}}@keyframes fadeInSteps{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}