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

.banner-button-v2{width:100%;display:flex;justify-content:center;flex-wrap:wrap}.banner-button-v2 .btn-item{position:relative;margin:10px 5px 0 5px;padding:0 20px;min-width:190px;overflow:hidden;height:40px;line-height:38px;display:block;text-shadow:0 2px 12px rgba(0,0,0,0.1);font-size:12px;font-weight:500;font-family:var(--mg-button-font);text-align:center;border:1px solid;background-color:var(--g-btn-background, var(--mg-button-background, #03c9ff));border-color:var(--g-btn-background, var(--mg-button-background, #03c9ff));color:var(--g-btn-color, var(--mg-button-color, #fff));position:relative}.banner-button-v2 .btn-item:hover::after{content:'';background:rgba(25,25,25,0.1);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.banner-button-v2 .btn-item .icon-arrow-up{transform:rotate(90deg);display:inline-block;font-size:14px}.banner-button-v2 .btn-item.plain{border-color:var(--g-btn-background, #fff);color:var(--g-btn-background, #fff)}.banner-button-v2 .btn-item{cursor:pointer}

.md-cta.layout9 .img-content{width:50%;min-height:500px;position:relative}.md-cta.layout9 .img-content img{width:100%;height:100%;object-fit:cover;vertical-align:bottom}.md-cta.layout9 .img-content .image-mask{position:absolute;left:0;right:0;top:0;bottom:0}.md-cta.layout9 .img-content .default-wrap{width:100%;height:100%;background:rgba(218,218,218,0.2);display:flex;justify-content:center;align-items:center}.md-cta.layout9 .img-content .default-wrap img{width:100px;height:87.5px;object-fit:contain;opacity:0.3}@media (max-width: 600px){.md-cta.layout9 .img-content .default-wrap img{width:50px;height:44px}}.md-cta.layout9 .text-content{display:flex;justify-content:center;flex-direction:column;gap:30px}.md-cta.layout9 .text-content .title-box{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.md-cta.layout9 .text-content .title-box .site-title{width:100%}.md-cta.layout9 .text-content .title-box .site-subtitle{width:100%;font-family:var(--font-normal)}.md-cta.layout9 .text-content .banner-button-v2 .btn-item{box-sizing:border-box;margin:0;min-width:150px;font-weight:unset;font-family:var(--mg-button-font);font-size:16px;height:50px;line-height:50px;text-align:center}.md-cta.layout9 .text-content .banner-button-v2 .btn-item .button-text{vertical-align:top}.md-cta.layout9 .text-content.left{align-items:flex-start}.md-cta.layout9 .text-content.left .banner-button-v2{justify-content:flex-start}.md-cta.layout9 .text-content.center{align-items:center}.md-cta.layout9 .text-content.center .banner-button-v2{justify-content:center}.md-cta.layout9 .text-content.right{align-items:flex-end}.md-cta.layout9 .text-content.right .banner-button-v2{justify-content:flex-end}.md-cta.layout9 .cta-container{display:flex}.md-cta.layout9 .cta-container.left{flex-direction:row}.md-cta.layout9 .cta-container.left .text-content{padding:80px 0 80px 50px}.md-cta.layout9 .cta-container.right{flex-direction:row-reverse}.md-cta.layout9 .cta-container.right .text-content{padding:80px 50px 80px 0}@media (max-width: 600px){.md-cta.layout9 .cta-container{display:block}.md-cta.layout9 .cta-container .text-content.left,.md-cta.layout9 .cta-container .text-content.right,.md-cta.layout9 .cta-container .text-content.center{width:100%;padding:20px 15px 40px 15px;gap:15px}.md-cta.layout9 .cta-container .text-content.left .title-box,.md-cta.layout9 .cta-container .text-content.right .title-box,.md-cta.layout9 .cta-container .text-content.center .title-box{gap:10px}.md-cta.layout9 .img-content{width:100%;height:260px;min-height:auto}}