.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.layout3{position:relative;height:235vh;display:flex;justify-content:center}.md-banner.layout3.fixed .banner-container{position:fixed;top:0}.md-banner.layout3.bottom .banner-container{position:absolute;bottom:0}.md-banner.layout3 .banner-container{display:flex;width:100%;flex-direction:column;gap:80px;padding-bottom:240px;z-index:2}@media (max-width: 1000px){.md-banner.layout3 .banner-container{padding-bottom:180px}}.md-banner.layout3 .content{position:relative}.md-banner.layout3 .title-wrap{display:flex;flex-direction:column;align-items:center;gap:30px}.md-banner.layout3 .title-wrap .site-title{width:100%;font-family:var(--mg-title-font);font-size:var(--mg-title-size);line-height:var(--mg-title-line-height);text-align:center;color:var(--g-primary-color)}.md-banner.layout3 .title-wrap .site-subtitle{width:100%;font-family:var(--font-medium);font-size:var(--mg-sub-title-size);line-height:var(--mg-sub-title-line-height);text-align:center;color:var(--g-text-color);display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:5;word-break:break-word}.md-banner.layout3 .img-box{width:30vw;height:39.96vw;display:flex;justify-content:center;align-items:center;background:rgba(218,218,218,0.2);box-shadow:0px 1.21px 15.08px 0px rgba(0,0,0,0.1);transition:all 0.3s ease}.md-banner.layout3 .img-box.first-img{transform:translateX(60.3%) rotate(-30deg);top:80px;z-index:2}@media (max-width: 1000px){.md-banner.layout3 .img-box.first-img{top:48px}}.md-banner.layout3 .img-box.second-img{transform:translateX(-52%) rotate(15deg);position:absolute;right:0;bottom:186px;z-index:1}@media (max-width: 1000px){.md-banner.layout3 .img-box.second-img{bottom:148px}}.md-banner.layout3 .img-box img{width:100%;height:100%;object-fit:cover;vertical-align:bottom}.md-banner.layout3 .img-box .image-mask{position:absolute;left:0;right:0;top:0;bottom:0;z-index:3}.md-banner.layout3 .img-box .default-img-wrap{width:100px;height:87.5px;opacity:0.4}@media (max-width: 1000px){.md-banner.layout3 .img-box .default-img-wrap{width:64px;height:56px}}@media (max-width: 600px){.md-banner.layout3 .img-box .default-img-wrap{width:50px;height:44px}}.md-banner.layout3 .img-box .default-img-wrap img{width:100%;height:100%;object-fit:contain}.md-banner.layout3.mobile{height:auto}.md-banner.layout3.mobile .banner-container{gap:20px;padding-bottom:0}.md-banner.layout3.mobile .title-wrap{gap:20px}.md-banner.layout3.mobile .title-wrap .site-title,.md-banner.layout3.mobile .title-wrap .site-subtitle{text-align:left}.md-banner.layout3.mobile .content{height:250px}.md-banner.layout3.mobile .img-box{width:150px;height:200px}.md-banner.layout3.mobile .img-box.first-img{transform:rotate(-30deg);top:24px;left:40px}.md-banner.layout3.mobile .img-box.second-img{transform:rotate(15deg);top:16px;right:24px}

