.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.template8{display:flex;min-height:460px;background-color:#212530;padding:10px 50px 50px 50px}.md-banner.template8 .content-wrapper{flex:1;margin-right:50px;display:flex;flex-direction:column;justify-content:center}.md-banner.template8 .content-wrapper .title{color:#fff;font-family:var(--mg-title-font);font-size:24px;font-weight:700;line-height:40px;margin-bottom:30px}.md-banner.template8 .content-wrapper .title p{font-size:24px;line-height:1}.md-banner.template8 .content-wrapper .sub-title{font-size:16px;line-height:24px;font-weight:400;color:#fff;font-family:var(--font-normal);font-size:16px}.md-banner.template8 .img-wrapper{width:750px;border-radius:20px;position:relative}.md-banner.template8 .img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:20px}.md-banner.template8 .img-wrapper .banner-video{width:100%;border-radius:20px}.md-banner.template8 .img-wrapper .banner-video.auto-height{position:relative;min-height:100%}.md-banner.template8 .img-wrapper .banner-video .play-video{width:64px;height:64px;border:1px solid white}.md-banner.template8 .img-wrapper .banner-video .play-video:after{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:16px solid #d9d9d9}.md-banner.template8 .img-wrapper .banner-video video{border-radius:20px}.md-banner.template8.mobile{display:block;height:fit-content;min-height:auto;padding:5px 15px 30px 15px}.md-banner.template8.mobile .img-wrapper{width:100%;height:var(--mobile-video-height)}.md-banner.template8.mobile .img-wrapper .play-video{border:1px solid white;width:40px;height:40px}.md-banner.template8.mobile .img-wrapper .play-video:after{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid #d9d9d9;left:16px}.md-banner.template8.mobile .img-wrapper video{object-fit:cover}.md-banner.template8.mobile .content-wrapper{width:100%;margin-bottom:15px}.md-banner.template8.mobile .content-wrapper .title{margin-bottom:10px}.md-banner.template8.mobile .content-wrapper .title p{font-size:16px;line-height:24px}.md-banner.template8.mobile .content-wrapper .sub-title{font-size:14px;margin:0}.md-banner.template8.mobile .content-wrapper .sub-title p{font-size:14px;line-height:24px}