.ace-dpl-home-new-banner .banner-frame{--pc-background-image:"";--h5-background-image:"";--background-color:#fff;position:absolute;left:0;right:0;top:0;bottom:0;transition:opacity .5s linear;opacity:0;pointer-events:none;background-image:var(--pc-background-image);background-color:var(--background-color);background-size:1920px auto;background-position:50%;background-repeat:no-repeat;overflow:hidden}.ace-dpl-home-new-banner .banner-frame:active{text-decoration:none}.ace-dpl-home-new-banner .banner-frame .left-mask,.ace-dpl-home-new-banner .banner-frame .right-mask{position:absolute;top:0;height:100%;width:300px}.ace-dpl-home-new-banner .banner-frame .left-mask{left:calc((100% - 1920px) / 2 - 2px)}.ace-dpl-home-new-banner .banner-frame .right-mask{right:calc((100% - 1920px) / 2 - 2px)}.ace-dpl-home-new-banner .banner-frame.active{opacity:1;pointer-events:all}.ace-dpl-home-new-banner [touch] .banner-frame{position:relative;left:auto;right:auto;top:auto;bottom:auto;opacity:1;flex:1;pointer-events:all}.ace-dpl-home-new-banner .banner-content{display:flex;flex-direction:column;margin-top:68px}.ace-dpl-home-new-banner .banner-title{position:relative;width:485px;height:140px;overflow:hidden;text-overflow:ellipsis;font-size:44px;line-height:68px;font-weight:600;color:#fff;margin-left:24px}.ace-dpl-home-new-banner .banner-btn{position:relative;height:45px;width:45px;color:#fff;margin-top:24px;font-size:45px;margin-left:24px;cursor:pointer}.ace-dpl-home-new-banner .banner-video{position:absolute;height:400px;width:1920px;top:0;left:calc((100% - 1920px) / 2);object-fit:cover}@media only screen and (min-width:1056px){.ace-dpl-home-new-banner .banner-content{margin-top:75px}}@media only screen and (max-width:1055px){.ace-dpl-home-new-banner .banner-frame{background-image:var(--h5-background-image);background-size:cover;background-position:50%}.ace-dpl-home-new-banner .banner-frame .left-mask,.ace-dpl-home-new-banner .banner-frame .right-mask{display:none}.ace-dpl-home-new-banner .banner-content{margin-top:20px;padding-left:0}.ace-dpl-home-new-banner .banner-title{width:100%;height:84px;font-size:26px;line-height:42px;margin-left:0;font-weight:600;color:#fff;letter-spacing:0}.ace-dpl-home-new-banner .banner-btn{height:28px;width:28px;margin:16px 0;font-size:28px;color:#fff;cursor:pointer}}.video-area{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:9999;background:rgba(0,0,0,.5)}@media only screen and (min-width:1056px){.video-area .video-wrap{width:100%;height:100%;justify-content:center}.video-area .video-wrap .video{width:960px;height:540px}.video-area .video-wrap .icon-wrap{margin-bottom:16px}}@media only screen and (max-width:1055px){.video-area .video-wrap{width:100vw;height:100vh}.video-area .video-wrap .video{width:100%;height:100%}.video-area .video-wrap .icon-wrap{margin-bottom:8px}}.video-area .video-wrap{display:flex;align-items:center;margin:auto;transition:all .3s ease-in}.video-area .video-wrap .icon-wrap{display:flex;justify-content:flex-end}.video-area .video-wrap .icon-close{width:25px;height:25px;cursor:pointer;background:url(https://img.alicdn.com/tfs/TB1ZU.wtYr1gK0jSZR0XXbP8XXa-200-200.png);background-size:100% 100%}.video-area .video-wrap .video{border:none}.ace-dpl-home-new-banner .banner-switch-container{position:relative;top:358px;left:24px;height:24px;display:flex;--duration:10s}@keyframes process{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ace-dpl-home-new-banner .switch-item{width:40px;margin-right:4px;cursor:pointer}.ace-dpl-home-new-banner .switch-item span{display:block;height:2px;margin:11px 0;background-color:#dadce1}.ace-dpl-home-new-banner .switch-item span:after{content:" ";display:block;width:100%;height:100%;background-color:#ff6a00;transform-origin:left;transform:scaleX(0)}.ace-dpl-home-new-banner .switch-item:hover span{background-color:#e9e9e9}.ace-dpl-home-new-banner .switch-item.active span:after{animation:process var(--duration) linear}.ace-dpl-home-new-banner .paused .active span:after{animation-play-state:paused}@media only screen and (max-width:1055px){.ace-dpl-home-new-banner .banner-switch-container{top:163px;left:0;width:100%;justify-content:center}.ace-dpl-home-new-banner .switch-item{width:4px}.ace-dpl-home-new-banner .switch-item.active{width:12px}}.ace-dpl-home-new-banner .banner-container{position:relative;width:100%;height:400px;overflow:hidden}.ace-dpl-home-new-banner .banner-frames{--frame-count:1;--current-frame-index:0;position:absolute;left:0;top:0;width:100%;height:100%}.ace-dpl-home-new-banner .banner-frames[touch]{display:flex;width:calc(100% * (var(--frame-count) + 2));transform:translateX(calc(-100% / (var(--frame-count) + 2) * (var(--current-frame-index) + 1)))}.ace-dpl-home-new-banner .banner-frames[touch]:not(.touching){transition:transform .3s ease-out}@media only screen and (min-width:1056px){.ace-dpl-home-new-banner .banner-container{height:400px}}@media only screen and (max-width:1055px){.ace-dpl-home-new-banner .banner-container{height:192px}}@media only screen and (min-width:1056px){.ace-dpl-home-new-banner .cards-wrap{background-color:#f5f5f6;padding:40px 0 0 24px}.ace-dpl-home-new-banner .cards-wrap .cards-name{font-weight:400;font-size:14px;color:#666;letter-spacing:.4px;text-align:justify;line-height:22px}.ace-dpl-home-new-banner .banner-cards{display:flex}.ace-dpl-home-new-banner .hover-style:hover .card-title{color:#0f52bd}.ace-dpl-home-new-banner .hover-style:active .card-title{color:#0b3d8e}.ace-dpl-home-new-banner .hover-style:active{text-decoration:none}.ace-dpl-home-new-banner .banner-card{display:flex;flex-direction:column;justify-content:center;padding:28px 16px 40px 0;width:33.33%}.ace-dpl-home-new-banner .banner-card .card-title{color:#1366ec;line-height:39px;font-weight:600;font-size:26px;padding-bottom:16px;border-bottom:1px solid #e9e9e9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ace-dpl-home-new-banner .banner-card .card-desc{margin-top:12px;font-weight:400;font-size:14px;color:#181818;letter-spacing:0;line-height:24px}}@media only screen and (max-width:1055px){.ace-dpl-home-new-banner .cards-wrap{background-color:#f5f5f6;padding:20px 0}.ace-dpl-home-new-banner .cards-wrap .cards-name{font-weight:400;font-size:14px;color:gray;letter-spacing:.4px;line-height:24px}.ace-dpl-home-new-banner .hover-style:hover .card-title{color:#0f52bd}.ace-dpl-home-new-banner .hover-style:active .card-title{color:#0b3d8e}.ace-dpl-home-new-banner .hover-style:active{text-decoration:none}.ace-dpl-home-new-banner .banner-card{margin-top:20px;width:100%}.ace-dpl-home-new-banner .card-title{font-weight:500;font-size:20px;color:#1366ec;letter-spacing:0;text-align:justify;line-height:30px;border-bottom:1px solid #e9e9e9;padding-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ace-dpl-home-new-banner .card-desc{margin-top:8px;font-weight:400;font-size:14px;color:#181818;letter-spacing:.4px;line-height:24px}}.ace-dpl-home-new-banner{--pc-primary-color:#1a1a1a;--h5-primary-color:#262626;--pc-secondary-color:#8c8c8c;--h5-secondary-color:#8c8c8c}