.banner-bg{background-color:#f5f5f5;position:relative;z-index:0}.banner-bg:before{background:url(/buffhub/svg/page-bg.svg) no-repeat top,linear-gradient(180deg,#f3f0ff 0,#f7f7fb 55%,#fff);background-size:100% auto,100% 100%;content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.banner{margin:0 auto;max-width:100%;position:relative;width:1200px;z-index:1}.banndeleft{background-size:100% 100%;content:"";height:100%;left:0;padding:60px 0;position:absolute;top:50%;transform:translateY(-50%);z-index:100}.banndeleft img{height:100%;width:auto}.banner-right{background-size:100% 100%;content:"";height:100%;padding:60px 0;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:100}.banner-right img{height:100%;width:auto}.banner .swiper{overflow:auto;padding:60px 0}.banner img{filter:grayscale(100%);transition:all 1s;width:100%}.banner .banner1_bg{border-radius:10px;overflow:hidden}.banner .banner1_bg img{border-radius:15px;opacity:.5;transition:all 2s}.banner .banner1_character img{opacity:0;transform:scale(1.1);transform-origin:bottom center;transition:all .5s ease}.bannerbox{border-radius:15px;position:relative}.banner1_character{bottom:0;height:100%;left:0;position:absolute;width:100%}.banner .swiper-button-next{color:#fff;right:-80px;transition:all .5s;z-index:100}.banner .swiper-button-prev{color:#fff;left:-80px;transition:all .5s;z-index:100}.banner .swiper:hover .swiper-button-prev{left:15px}.banner .swiper:hover .swiper-button-next{right:15px}.banner .swiper-slide-active .banner1_bg img,.banner .swiper-slide-duplicate-active .banner1_bg img{border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.5)}.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{animation:fadeIn .5s 1;filter:grayscale(0);opacity:1}.banner .swiper{--swiper-navigation-color:#fff}.banner .swiper-button-next:after,.banner .swiper-button-prev:after{color:#fff}.banner .swiper-slide .banner1_bg img{filter:grayscale(100%);opacity:.2}.banner .swiper-slide-active .banner1_bg img,.banner .swiper-slide-duplicate-active .banner1_bg img{filter:grayscale(0);opacity:1}.banner .swiper-slide-active .bannerbox:hover .banner1_character img{transform:scale(1.15)}.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size:24px;font-weight:700}.banner .swiper-pagination{bottom:70px}.banner .swiper-pagination-bullet{background:#fff;border-radius:4px;height:8px;opacity:1;width:8px}.banner .swiper-pagination-bullet-active{background:#ff824b;width:25px}@media (max-width:950px){.banner .swiper{padding:.4rem 0 .2rem;width:100%}.banner .swiper-button-next,.banner .swiper-button-prev{display:none}.banner .swiper-pagination{bottom:12px}}#banner-cover{position:relative}#banner-cover>.inner{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin-inline:auto;max-width:1280px;padding-top:20px;width:100%}#banner-slider{border-radius:4px;height:485px;overflow:hidden;position:relative;width:100%}#banner-slider .swiper-slide{flex:none;padding-inline:0;position:relative;width:100%}#banner-slider .link,#banner-slider .link img{display:block;height:100%;width:100%}#banner-slider .link img{border-radius:4px;-o-object-fit:cover;object-fit:cover}#banner-slider .swiper-pagination{background:rgba(0,0,0,.2);bottom:0!important;gap:8px;left:0;right:0;transition:all .2s ease;width:auto;z-index:10;z-index:1}#banner-slider .swiper-pagination,#banner-slider .swiper-thumbnails{align-items:center;display:flex;height:92px;padding:0 10px;position:absolute}#banner-slider .swiper-thumbnails{bottom:0;gap:24px;right:20px;transition:all .3s ease;z-index:2}#banner-slider .swiper-pagination-bullet{background:#fff;border-radius:99px;height:6px;margin:0;opacity:1;overflow:hidden;position:relative;transition:all .3s ease;width:6px}#banner-slider .swiper-pagination-bullet:before{background:linear-gradient(90deg,#ee7115,#ee7115);border-radius:99px;border-radius:0;content:"";height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transform:scaleX(0);width:100%;z-index:0}#banner-slider .swiper-pagination-bullet-active{width:32px}#banner-slider .swiper-pagination-bullet-active:before{opacity:1;transform:scaleX(1);transform-origin:left center;transition:transform 3s linear,opacity 3s ease}#banner-slider .swiper-thumbnail{border:2px solid transparent;border-radius:4px;cursor:pointer;height:80px;opacity:.6;overflow:hidden;transition:all .3s ease;width:166px}#banner-slider .swiper-thumbnail.active{border:2px solid #ff6b35;opacity:1}#banner-slider .swiper-thumbnail img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (hover:hover) and (pointer:fine){#banner-slider:hover .swiper-pagination{background:rgba(0,0,0,.4);height:92px}#banner-slider .swiper-thumbnails:hover,#banner-slider:hover .swiper-thumbnails{height:92px;opacity:1;visibility:visible}#banner-slider:has(.swiper-thumbnails:hover) .swiper-pagination{background:rgba(0,0,0,.4);height:92px}}@media only screen and (max-width:950px){#banner-cover>.inner{gap:.24rem;padding:.2rem 0 0}#banner-slider{border-radius:0;height:2.6rem}#banner-slider .swiper-pagination{background:none;gap:.08rem;height:.2456rem;padding:0 0 0 .6rem}#banner-slider .swiper-pagination-bullet{height:.06rem;width:.06rem}#banner-slider .swiper-pagination-bullet-active{width:.32rem}#banner-slider .swiper-slide{max-width:91.9%;opacity:.6;padding-inline:.08rem;position:relative;transition:opacity .2s ease;width:6.89rem!important}#banner-slider .swiper-slide.swiper-slide-active{opacity:1}#banner-slider .swiper-thumbnails{opacity:0;visibility:hidden}}#banner-slider-bg{height:2000px;inset:0;overflow:hidden;pointer-events:none;position:absolute;touch-action:pan-y pinch-zoom;width:100%;z-index:-1}#banner-slider-bg .swiper-slide{height:100%}#banner-slider-bg .bgModule{height:100%;margin:0 auto;position:relative;width:1280px}#banner-slider-bg .bgModule .bg1{border-radius:50%;filter:blur(800px);height:1254px;left:-360px;position:absolute;top:-360px;width:1254px}#banner-slider-bg .bgModule .bg2{border-radius:50%;filter:blur(800px);height:802px;position:absolute;right:-401px;top:300px;width:802px}@media only screen and (max-width:950px){#banner-slider-bg{width:100%}#banner-slider-bg .swiper-wrapper{display:none!important}#banner-slider-bg .bgModule{width:100%}#banner-slider-bg .bgModule .bg1{filter:blur(4rem);height:8rem;left:0;top:0;width:8rem}#banner-slider-bg .bgModule .bg2{filter:blur(4rem);height:4rem;right:0;top:8rem;width:4rem}}