.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}

.banner-video{overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#000}.banner-video.bottom-align{align-items:flex-end}.banner-video .preview{background-color:#efefef;overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;background-size:cover;background-position:center;z-index:1}.banner-video .play-video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;border:4px solid white;border-radius:50%;cursor:pointer;z-index:2}.banner-video .play-video:after{content:'';position:absolute;top:50%;left:24px;transform:translateY(-50%);border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:30px solid white}@media (max-width: 1080px){.banner-video .play-video{width:60px;height:60px}.banner-video .play-video:after{left:17px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:22px solid white}}@media (max-width: 600px){.banner-video .play-video{border:2px solid white;width:40px;height:40px}.banner-video .play-video:after{left:12px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid white}}.banner-video .video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;background:url(//static.chimeroi.com/site/images/home/loading.gif) no-repeat;background-size:cover;z-index:2}@media (max-width: 1080px){.banner-video .video-loading{width:60px;height:60px}}@media (max-width: 600px){.banner-video .video-loading{width:40px;height:40px}}.banner-video .icon-video-muted,.banner-video .icon-video-sound{position:absolute;width:36px;height:36px;right:20px;bottom:20px;font-size:16px;color:#fff;border-radius:4px;z-index:9;cursor:pointer;text-align:center;vertical-align:middle;line-height:36px}.banner-video .icon-video-muted::after,.banner-video .icon-video-sound::after{background:#282828;opacity:0.3;border-radius:4px;position:absolute;left:0;top:0;width:100%;height:100%;content:'';z-index:-1}.banner-video-teleport .pop-video{position:fixed;top:0;left:0;width:100%;z-index:9999;background:rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.banner-video-teleport .pop-video .pop-contain{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 600px){.banner-video-teleport .pop-video .pop-contain{width:100%;height:100%}}.banner-video-teleport .pop-video.mobile{top:50%;transform:translate(0, -50%)}.banner-video-teleport .pop-video.pop-hide{display:none}.banner-video-teleport .pop-video .icon-close{position:absolute;z-index:1;right:40px;top:10px;width:24px;height:24px;cursor:pointer;font-size:17px;color:#ffffff;text-shadow:0 1px 1px rgba(8,17,38,0.5)}.banner-video-teleport .pop-video .icon-close::before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.banner-video-teleport .pop-video-close{display:block;position:fixed;top:15px;right:15px;color:#fff;border-radius:50%;font-size:20px;width:22px;height:22px;z-index:9999}.banner-video-teleport .video-mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:999}

.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}