.banner{position:relative;height:auto;display:flex;justify-content:center;align-items:center;color:#fff;padding:10px 0}.banner .banner-mask{position:absolute;background:rgba(0,0,0,0.15);left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none}.banner .single-picture{overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;background-size:cover;background-position:center}.banner .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px !important;border-radius:6px;background:#fff;opacity:0.3}.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:12px;border-radius:6px;opacity:1}.banner .default-wrap{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:rgba(218,218,218,0.2);display:flex;justify-content:center;align-items:center}.banner .default-wrap img{width:100px;height:87.5px;object-fit:contain;opacity:0.3}@media (max-width: 800px){.banner .default-wrap img{width:50px;height:44px}}

.md-banner.share-box{float:left;margin-top:10px;display:flex;flex-wrap:wrap}@media (max-width: 900px){.md-banner.share-box{margin-top:15px}}.md-banner.share-box .iconfont{margin:0 12px 10px 0;color:#fff;width:17px;height:17px;font-size:17px;margin:10px;font-size:20px}

.md-banner.layout2{display:flex;min-height:560px;justify-content:flex-end}.md-banner.layout2 .banner{width:50%;position:relative;aspect-ratio:720 / 520}.md-banner.layout2 .banner.default-wrap{background:rgba(218,218,218,0.2)}.md-banner.layout2 .banner.default-wrap img{width:64px;height:56px;opacity:0.3}.md-banner.layout2 .content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 50px 0 0}.md-banner.layout2 .content-wrapper.left{align-items:flex-start}.md-banner.layout2 .content-wrapper.center{align-items:center}.md-banner.layout2 .content-wrapper.right{align-items:flex-end}.md-banner.layout2 .content-wrapper .site-title{margin-bottom:28px}.md-banner.layout2.revert{flex-direction:row-reverse}.md-banner.layout2.revert .content-wrapper{padding:0 0 0 50px}.md-banner.layout2.mobile{height:fit-content;min-height:auto;flex-direction:column-reverse}.md-banner.layout2.mobile.revert{flex-direction:column}.md-banner.layout2.mobile .banner{width:100%}.md-banner.layout2.mobile .banner.default-wrap{min-height:250px}.md-banner.layout2.mobile .img-wrapper{width:100%;height:var(--mobile-video-height)}.md-banner.layout2.mobile .content-wrapper{padding:20px 15px 40px}.md-banner.layout2.mobile .content-wrapper .site-title{margin-bottom:12px}@media (max-width: 600px){.md-banner.layout2{min-height:auto;flex-direction:column-reverse}.md-banner.layout2 .banner{width:100%;height:300px}.md-banner.layout2 .content-wrapper{padding:30px 15px}.md-banner.layout2.revert{flex-direction:column-reverse}.md-banner.layout2.revert .content-wrapper{padding:30px 15px}}