.media-content{position:relative;max-width:80%;z-index:var(--level-sublow);display:flex;flex-direction:column;align-items:center}@media (min-width: 1081px){.media-content.row{flex-direction:row;justify-content:space-between}.media-content.row .media-info{flex:1}.media-content.row .media-info+*{margin-left:10%}.media-content.row .media-info .title-text{text-align:left}}.media-content.column{flex-direction:column;max-width:var(--module-width, 1000px)}.media-content.column .title-text{text-align:center}@media (max-width: 1080px){.media-content.row2column{flex-direction:column;max-width:var(--module-width, 1000px)}.media-content.row2column .title-text{text-align:center}}.media-content .title-text{position:relative;padding:21px 0}.media-content .title-text p{overflow:hidden;line-height:inherit}.media-content .title-text .media-title{font-family:var(--mg-title-font);font-size:48px;line-height:1.1;color:var(--g-btn-background, var(--color-theme, #03c9ff))}.media-content .title-text .media-subtitle{font-family:var(--font-normal);font-size:24px;color:var(--g-btn-background, var(--color-theme, #03c9ff))}.media-content .title-text .media-shadow{position:absolute;left:50%;top:0;width:100%;height:100%;z-index:-1;background-color:#000000;opacity:0.6;transform:translateX(-50%);white-space:nowrap}.media-content .title-image{text-align:center;margin-bottom:40px;width:100%;min-height:80px;overflow:hidden}.media-content .title-image img{max-width:100%;max-height:100px;min-height:80px}@media (min-width: 601px){.media-content .title-image img{max-height:240px;min-height:150px}}@media (max-width: 600px){.media-content{max-width:95%;min-width:75%}}

.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{width:100%;display:flex;justify-content:center;flex-wrap:wrap}.banner-button .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-family:var(--mg-button-font);text-align:center;border:1px solid;background-color:var(--mg-button-background, #03c9ff);border-color:var(--mg-button-background, #03c9ff);color:var(--mg-button-color, #fff)}.banner-button .btn-item:hover::after{content:'';background:rgba(25,25,25,0.1);position:absolute;top:0;left:0;width:100%;height:100%}.banner-button .btn-item .icon-arrow-up{transform:rotate(90deg);display:inline-block;font-size:14px}.banner-button .btn-item.plain{border-color:var(--g-btn-background, #fff);color:var(--g-btn-background, #fff)}.banner-button .btn-item{cursor:pointer}

.md-cta-sc.template8{background-color:#212530}.md-cta-sc.template8 .banner{flex-direction:column}.md-cta-sc.template8 .banner .banner-mask{display:none}.md-cta-sc.template8 .media-content{display:flex;flex-direction:row;justify-content:center;align-items:center;width:1000px;min-height:220px;border-radius:20px;max-width:calc(100% - 40px);min-width:auto;padding:0}.md-cta-sc.template8 .media-content.showLayer{width:calc(100% - 160px);min-width:600px;max-width:none;padding:52px 50px;border-radius:20px}.md-cta-sc.template8 .media-content .media-info{flex:1;margin-right:50px}.md-cta-sc.template8 .media-content .title-text{width:100%;text-align:left}.md-cta-sc.template8 .media-content .title-text .media-title{color:#fff;font-family:var(--mg-title-font);font-size:24px;font-weight:700;line-height:60px;margin-bottom:8px;display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-word}.md-cta-sc.template8 .media-content .title-text .media-title p{color:#fff;font-family:var(--font-bold);display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-word}.md-cta-sc.template8 .media-content .title-text .media-subtitle{color:#fff;font-family:var(--font-normal);font-size:16px;font-weight:400;line-height:24px}.md-cta-sc.template8 .media-content .banner-button{width:60px;height:60px;border-radius:50%;background-color:#fff;cursor:pointer}.md-cta-sc.template8 .media-content .banner-button .btn-item{display:block;width:100%;height:100%;min-width:60px;border-radius:50%;font-size:24px;border:none;padding:0;margin:0;line-height:60px;text-align:center}.md-cta-sc.template8 .media-content .banner-button .btn-item .button-text{display:none}.md-cta-sc.template8 .media-content .banner-button .btn-item i{transform:rotate(45deg);font-size:24px}.md-cta-sc.template8 .media-content .content-mask{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:20px;background:#37b58d}@media (max-width: 800px){.md-cta-sc.template8 .media-content{width:calc(100% - 30px);min-height:170px}.md-cta-sc.template8 .media-content.showLayer{max-width:calc(100% - 30px);padding:27px 15px;min-width:345px}.md-cta-sc.template8 .media-content .media-info{flex:1;margin-right:15px}.md-cta-sc.template8 .media-content .title-text{padding:0}.md-cta-sc.template8 .media-content .title-text .media-title{font-size:16px;line-height:16px;margin-bottom:15px}.md-cta-sc.template8 .media-content .title-text .media-title p{line-height:16px}.md-cta-sc.template8 .media-content .title-text .media-subtitle{font-size:14px;line-height:21px}.md-cta-sc.template8 .media-content .banner-button{width:30px;height:30px;border-radius:50%}.md-cta-sc.template8 .media-content .banner-button .btn-item{height:30px;line-height:28px;min-width:30px;border-radius:50%;margin:0;padding:0}.md-cta-sc.template8 .media-content .banner-button .btn-item i{font-size:14px;vertical-align:middle}.md-cta-sc.template8 .media-content .content-mask{border-radius:10px}}

