.main_banner{background:no-repeat 50%;background-size:cover;height:800px;position:relative;width:100%}.main_banner:before{background:linear-gradient(90deg,rgba(0,0,30,.65),rgba(0,0,0,.17));bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;z-index:1}.main_banner_title{height:100%;position:relative;width:100%;z-index:2}.main_banner_title .inner{display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center}.top_subTitle{color:#fff;font-size:18px;font-weight:700;line-height:28px}.top_subTitle span{color:var(--highlight_font_color)}.main_title{color:#fff;font-size:60px;font-weight:900;line-height:74px}.bottom_subTitle{color:#fff;font-size:16px;font-weight:500;line-height:24px}.main_banner_bottom_wrap{bottom:88px;left:0;position:absolute;width:100%;z-index:2}.main_banner_bottom_wrap img{max-width:335px;width:100%}.hidden{display:none}.scroll-hint{bottom:0;opacity:.5;position:absolute;width:100%;z-index:3}.scroll-hint .mouse-icon{border:2px solid #fff;border-radius:100px;bottom:60px;height:40px;left:50%;margin-left:-13px;position:absolute;width:26px}.scroll-hint .arrow:before,.scroll-hint .mouse-icon:before{content:"";display:block;height:8px;left:50%;position:absolute}.scroll-hint .mouse-icon:before{animation:scrollAni 2s infinite;background:#fff;margin-left:-1px;top:7px;width:2px}.scroll-hint .arrow:after,.scroll-hint .arrow:before{animation:scrollArrow 2s infinite;border-bottom:2px solid #fff;border-right:2px solid #fff;margin-left:-5px;width:8px}.scroll-hint .arrow:before{bottom:45px}.scroll-hint .arrow:after{bottom:39px;content:"";display:block;height:8px;left:50%;position:absolute}@keyframes scrollAni{0%{transform:translate(0)}80%{transform:translateY(10px)}}@keyframes scrollArrow{0%{opacity:0;transform:rotate(45deg) translate(0)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(10px,10px)}}