.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.layout4 .site-title{margin-bottom:40px}.md-banner.layout4 .banner-content{display:flex;align-items:center;flex-direction:row;position:relative}.md-banner.layout4 .banner-content .image-wrap{width:calc((1000 / 1340) * 100%);aspect-ratio:5 / 3;clip-path:polygon(0 0, 100% 0, 100% 100%, 10% 100%, 0 80%);overflow:hidden}.md-banner.layout4 .banner-content .text-wrap{width:calc((500 / 1340) * 100%);aspect-ratio:25 / 24;padding:20px 70px;clip-path:polygon(0 0, 80% 0, 100% 21%, 100% 100%, 0 100%);overflow:hidden;position:absolute;right:0;top:50%;transform:translateY(-50%)}.md-banner.layout4 .banner-content .text-wrap::after{content:'';background-image:url("https://cdn.chime.me/image/fs/sitebuild/site-cms/md-banner/layout4/layout4-quote-bg.png");background-repeat:no-repeat;background-position:50px 80px;background-size:60px 50px;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background-color:rgba(44,34,22,0.1)}.md-banner.layout4 .banner-content .text-wrap .site-p{font-family:var(--font-bold);line-height:1.8;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;overflow-y:auto;position:relative;left:0;width:calc(100% + 66px);padding-right:66px}.md-banner.layout4 .banner-content .text-wrap .site-p h3{height:100%}.md-banner.layout4 .banner-content .text-wrap .site-p::-webkit-scrollbar{width:5px}.md-banner.layout4 .banner-content .text-wrap .site-p::-webkit-scrollbar-track{background:transparent;border-radius:5px}.md-banner.layout4 .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 ease;transition:0.3s background-color ease}@media (max-width: 1280px){.md-banner.layout4 .banner-content .text-wrap{padding:10px 40px}.md-banner.layout4 .banner-content .text-wrap .site-p{width:calc(100% + 36px);padding-right:36px}}.md-banner.layout4 .banner-content.revert{flex-direction:row-reverse}.md-banner.layout4 .banner-content.revert .text-wrap{left:0}.md-banner.layout4 .banner{width:100%;aspect-ratio:5 / 3;position:relative}.md-banner.layout4 .banner.defalt-wrap{background:#dadada}.md-banner.layout4 .banner.defalt-wrap img{width:64px;height:56px;opacity:0.3}@media (max-width: 800px){.md-banner.layout4 .site-title{margin-bottom:20px}.md-banner.layout4 .banner-content{flex-direction:column}.md-banner.layout4 .banner-content .image-wrap{width:100%;clip-path:polygon(0 0, 100% 0, 100% 100%, 22% 100%, 0 64%)}.md-banner.layout4 .banner-content .text-wrap{width:100%;aspect-ratio:unset;height:auto;clip-path:polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%);padding:20px 35px 40px 35px;position:relative;top:-20px;transform:translateY(0);margin-bottom:-20px}.md-banner.layout4 .banner-content .text-wrap::after{background-position:15px 20px}.md-banner.layout4 .banner-content .text-wrap .site-p{width:calc(100% + 31px);padding-right:31px}.md-banner.layout4 .banner-content.revert{flex-direction:column-reverse}.md-banner.layout4 .banner-content.revert .text-wrap{top:0;margin-bottom:0}.md-banner.layout4 .banner-content.revert .image-wrap{position:relative;top:-20px;margin-bottom:-20px}}