.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.layout5 .banner-content{display:flex;justify-content:space-between;flex-direction:row;position:relative}.md-banner.layout5 .banner-content .image-wrap{width:530px;height:700px;border-top-left-radius:50% 38%;border-top-right-radius:50% 38%;overflow:hidden;position:relative;z-index:1;cursor:pointer}.md-banner.layout5 .banner-content .image-wrap .single-picture{transition:all 1s linear}.md-banner.layout5 .banner-content .image-wrap:hover .single-picture{transform:scale(1.1)}.md-banner.layout5 .banner-content .text-wrap{flex:1;height:520px;padding:40px 80px;position:relative;right:0;top:120px;z-index:0}.md-banner.layout5 .banner-content .text-wrap .text-inner{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;text-align:center}.md-banner.layout5 .banner-content .text-wrap:before{content:'';position:absolute;right:calc(100% - 2px);top:0;bottom:0;width:110px;height:100%;background-color:inherit}.md-banner.layout5 .banner-content .text-wrap .site-title{width:100%;text-align:center}.md-banner.layout5 .banner-content .text-wrap .site-p{width:100%;line-height:1.5;max-height:330px;overflow-y:auto;padding-right:10px}.md-banner.layout5 .banner-content .text-wrap .site-p::-webkit-scrollbar{width:5px}.md-banner.layout5 .banner-content .text-wrap .site-p::-webkit-scrollbar-track{background:transparent;border-radius:5px}.md-banner.layout5 .banner-content .text-wrap .site-p::-webkit-scrollbar-thumb{border-radius:5px;position:relative;display:block;width:0;height:0;cursor:pointer;background-color:rgba(218,218,218,0.5);-webkit-transition:0.3s background-color;transition:0.3s background-color}.md-banner.layout5 .banner-content.revert{flex-direction:row-reverse}.md-banner.layout5 .banner-content.revert .text-wrap:before{left:calc(100% - 2px)}@media (max-width: 1440px){.md-banner.layout5 .banner-content .image-wrap{width:calc((530 / 1400) * 100%);height:auto;aspect-ratio:53 / 70}.md-banner.layout5 .banner-content .text-wrap{height:auto;margin-bottom:140px;padding:30px 60px;top:80px}.md-banner.layout5 .banner-content .text-wrap .text-inner{gap:20px}}.md-banner.layout5 .banner{width:100%;aspect-ratio:53 / 70;position:relative}.md-banner.layout5 .banner.defalt-wrap{background:#dadada}.md-banner.layout5 .banner.defalt-wrap img{width:64px;height:56px;opacity:0.3}@media (max-width: 800px){.md-banner.layout5 .banner-content{flex-direction:column;gap:0}.md-banner.layout5 .banner-content .image-wrap{width:100%;height:auto;aspect-ratio:345 / 456}.md-banner.layout5 .banner-content .text-wrap{width:100%;height:auto;padding:20px 15px;position:static;text-align:left;margin-bottom:0;margin-top:-3px}.md-banner.layout5 .banner-content .text-wrap .text-inner{gap:20px;text-align:left}.md-banner.layout5 .banner-content .text-wrap:before{display:none}.md-banner.layout5 .banner-content .text-wrap .site-title{text-align:left}.md-banner.layout5 .banner-content .text-wrap .site-p{max-height:none;height:auto}}