.tabstep[data-v-2f754f8c]{width:100%;max-width:100%;overflow:hidden;text-align:center;background-color:#f1f5ff;background-size:100% 100%;transition:all .3s}.tabstep-header[data-v-2f754f8c]{padding-top:100px;padding-bottom:64px}.tabstep-header__title[data-v-2f754f8c]{font-family:PingFangSC-Semibold;font-size:40px;color:#000;letter-spacing:0;text-align:center;line-height:52px;font-weight:600}.tabstep-header__desc[data-v-2f754f8c]{margin-top:18px;font-family:PingFangSC-Regular;font-size:24px;color:#666;letter-spacing:0;text-align:center;line-height:32px;font-weight:400}.tabstep-namewrap[data-v-2f754f8c]{position:relative;width:880px;max-width:90%;margin:0 auto}.tabstep-namewrap .tab-name[data-v-2f754f8c]{display:flex;justify-content:space-between;width:880px;max-width:90%;margin:0 auto}.tabstep-namewrap .tab-name li[data-v-2f754f8c]{flex:1;font-size:18px;text-align:center;color:#030303;font-size:16px;color:#333;line-height:16px;font-weight:400;position:relative}.tabstep-namewrap .tab-name li[data-v-2f754f8c]:after,.tabstep-namewrap .tab-name li[data-v-2f754f8c]:before{content:"";border-top:2px dotted #d9d9d9;width:128px;position:absolute;left:94px;top:16px;z-index:1}.tabstep-namewrap .tab-name li[data-v-2f754f8c]:last-child:after,.tabstep-namewrap .tab-name li[data-v-2f754f8c]:last-child:before{display:none}.tabstep-namewrap .tab-name li[data-v-2f754f8c]:after{width:0;border-top:2px solid #147ffa}.tabstep-namewrap .tab-name li.active[data-v-2f754f8c]:after{-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-name:stepProgress-data-v-2f754f8c;animation-name:stepProgress-data-v-2f754f8c}.tabstep-namewrap .tab-name li.active.hasClick[data-v-2f754f8c]:after{display:none}.tabstep-namewrap .tab-name li.active .tab-num[data-v-2f754f8c],.tabstep-namewrap .tab-name li.active .tab-num[data-v-2f754f8c]:hover{color:#fff;background:#147ffa;border-color:#147ffa}.tabstep-namewrap .tab-name li .tab-num[data-v-2f754f8c]{cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;width:32px;height:32px;line-height:32px;background:#fff;border:1px solid #d9d9d9;font-weight:700;border-radius:32px;overflow:hidden;position:relative;z-index:2}.tabstep-namewrap .tab-name li .tab-num[data-v-2f754f8c]:hover{color:#fff;background:#1a9bff;border-color:#1a9bff}.tabstep-namewrap .tab-btn[data-v-2f754f8c]{position:absolute;top:-1px;width:34px;height:66px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAACEBAMAAADb1ZA1AAAAKlBMVEUAAACamprg4OCbm5vZ2dna2tra2trZ2dnZ2dna2trj4+OZmZnZ2dmZmZlstaWEAAAADHRSTlMAnRlK8+PIvWVZEkvdOoLUAAAAzklEQVRYw+3YLQ7CQBDF8ddWAK4X2KQW1wtgUZyAIJEIDoDgAAjCHTgGji+xhqD3LsgnNplXsoaQGf3Lv226rRhgvI7GzPdAvYvmPDqMbicYM11tcVjCnPMTm6NNJncsOpvUV0SIiU6cOHHixMmXpOklCW9FqiRJSK0gVXpBEEZI8oggjJCICEkeyQkjgjCSE0YEuaRWkZkk+kL6dvVDM1P0ApgpOgzMFB1MZso/EgRNmv53fh5OnDhx4uQfiF5FQC80hqxF9HJlyIpGL3o+PGxT6llhyHEAAAAASUVORK5CYII=) no-repeat;background-size:34px auto;cursor:pointer}.tabstep-namewrap .tab-btn.left[data-v-2f754f8c]{left:0}.tabstep-namewrap .tab-btn.right[data-v-2f754f8c]{right:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAACEBAMAAADb1ZA1AAAAJFBMVEUAAACamprh4eGbm5vZ2dna2tra2trZ2dnZ2dna2trZ2dmZmZmDQm0LAAAACnRSTlMAnRdK8+PIvWVZVk+kpAAAAMdJREFUWMPt2KsOwkAQheFDKwCHx9QgcPV4BBKJRqHQKDSK8Azcsq5B9uWQIyaZs8mapjmjv/xt027FALNjCmZ7BapLCufTYPp6IJj14YzbHuGsvjjdYzJ/Y9fEpHoigUwSERERERHJJnVLyabjpF8wMuk7RrC0jCOWYcQynviMJz7jiWUIsYwnPuOJzxjxmV8R4Rfit8sf2iIFL8AiBR+DRYo+TIvwQ1J+1Op2OD8PEREREZHxEL6KyFlo8LVIznKFr2gyFj1/GEoc7oLZ0bMAAAAASUVORK5CYII=)}.tabstep-content[data-v-2f754f8c]{width:880px;max-width:90%;margin:0 auto 140px}.tabstep-content .tabitem[data-v-2f754f8c]{display:flex;justify-content:space-between;margin-top:60px}.tabstep-content .tabitem-header[data-v-2f754f8c]{margin-top:80px;text-align:left}.tabstep-content .tabitem-header__title[data-v-2f754f8c]{margin-bottom:16px;font-size:30px;font-weight:600;color:#000}.tabstep-content .tabitem-header__desc[data-v-2f754f8c]{font-size:18px;font-weight:400;line-height:34px;color:#666}.tabstep-content .tabitem-header__btnbox[data-v-2f754f8c]{margin:68px 0 0}.tabstep-content .tabitem-header__btnbox--btn[data-v-2f754f8c]{width:120px;height:42px;line-height:24px;font-size:16px;font-weight:500;color:#fff;text-align:center;background-image:linear-gradient(90deg,#1cb2ff,#006eff);border-radius:4px;border:none;cursor:pointer}.tabstep-content .tabitem-header__btnbox--btn[data-v-2f754f8c]:hover{opacity:.8}.tabstep-content .tabitem-content__img[data-v-2f754f8c],.tabstep-content .tabitem-content__video[data-v-2f754f8c]{width:590px;max-width:100%;border-radius:0 0 8px 8px}@-webkit-keyframes stepProgress-data-v-2f754f8c{0%{width:0}to{width:128px}}@keyframes stepProgress-data-v-2f754f8c{0%{width:0}to{width:128px}}@media screen and (max-width:1200px){.tabstep-header[data-v-2f754f8c]{padding-top:100px;padding-bottom:64px}.tabstep-header__title[data-v-2f754f8c]{font-size:32px;line-height:42px}.tabstep-header__desc[data-v-2f754f8c]{font-size:24px;line-height:32px}.tabstep-content[data-v-2f754f8c]{margin-bottom:100px}.tabstep-content .tabitem-header__title[data-v-2f754f8c]{font-size:28px;line-height:32px}.tabstep-content .tabitem-header__desc[data-v-2f754f8c]{font-size:18px;line-height:34px}}@media screen and (max-width:1000px){.tabstep-namewrap .tab-btn[data-v-2f754f8c],.tabstep-namewrap .tab-name li[data-v-2f754f8c]:after,.tabstep-namewrap .tab-name li[data-v-2f754f8c]:before{display:none}.tabstep-content .tabitem[data-v-2f754f8c]{margin-top:0;flex-direction:column}.tabstep-content .tabitem-header[data-v-2f754f8c]{margin-top:40px;text-align:center}.tabstep-content .tabitem-header__btnbox[data-v-2f754f8c]{margin:48px 0 0}}@media screen and (max-width:800px){.tabstep-header[data-v-2f754f8c]{padding-top:80px;padding-bottom:40px}.tabstep-header__title[data-v-2f754f8c]{font-size:24px;line-height:32px}.tabstep-header__desc[data-v-2f754f8c]{font-size:20px;line-height:28px}.tabstep-content[data-v-2f754f8c]{margin-bottom:80px}.tabstep-content .tabitem-header__title[data-v-2f754f8c]{font-size:22px;line-height:32px}.tabstep-content .tabitem-header__desc[data-v-2f754f8c]{font-size:18px;line-height:30px}}@media screen and (max-width:540px){.tabstep-namewrap .tab-name li[data-v-2f754f8c]{font-size:12px}.tabstep-namewrap .tab-name li .tab-num[data-v-2f754f8c]{margin:0 auto 10px;width:28px;height:28px;line-height:28px}.tabstep-header[data-v-2f754f8c]{padding-top:40px;padding-bottom:34px}.tabstep-header__title[data-v-2f754f8c]{font-size:20px;line-height:28px}.tabstep-header__desc[data-v-2f754f8c]{margin-top:8px;font-size:18px;line-height:26px}.tabstep-content[data-v-2f754f8c]{margin-bottom:60px}.tabstep-content .tabitem-header__title[data-v-2f754f8c]{font-size:18px;line-height:26px}.tabstep-content .tabitem-header__desc[data-v-2f754f8c]{font-size:16px;line-height:32px}.tabstep-content .tabitem-header__btnbox[data-v-2f754f8c]{margin-top:28px}}.effect[data-v-4c9ebaa8]{width:100%;max-width:100%;overflow:hidden;background-color:#f1f5ff;background-size:100% 100%;transition:all .3s}.effect-title[data-v-4c9ebaa8]{margin:100px auto 40px}.effect-title__header[data-v-4c9ebaa8]{font-family:PingFangSC-Semibold;font-size:40px;color:#000;letter-spacing:0;text-align:center;line-height:52px;font-weight:600}.effect-title__desc[data-v-4c9ebaa8]{margin-top:18px;font-family:PingFangSC-Regular;font-size:24px;color:#666;letter-spacing:0;text-align:center;line-height:32px;font-weight:400}.effect-content[data-v-4c9ebaa8]{position:relative;display:flex;width:1200px;max-width:100%;justify-content:space-between;margin:82px auto 140px}.effect-content__lf[data-v-4c9ebaa8]{width:314px}.effect-content__md[data-v-4c9ebaa8]{position:absolute;top:50%;left:50%;width:560px;transform:translate(-50%,-50%)}.effect-content__rt[data-v-4c9ebaa8]{width:314px}@media screen and (max-width:1200px){.effect-title__header[data-v-4c9ebaa8]{font-size:32px;line-height:42px}.effect-title__desc[data-v-4c9ebaa8]{font-size:24px;line-height:32px}.effect-content[data-v-4c9ebaa8]{margin:58px auto 100px;padding:0 2vw}.effect-content__lf[data-v-4c9ebaa8]{width:26vw}.effect-content__md[data-v-4c9ebaa8]{width:41.66667vw}.effect-content__rt[data-v-4c9ebaa8]{width:26vw}}@media screen and (max-width:800px){.effect-title[data-v-4c9ebaa8]{margin:80px auto 34px}.effect-title__header[data-v-4c9ebaa8]{font-size:24px;line-height:32px}.effect-title__desc[data-v-4c9ebaa8]{font-size:20px;line-height:28px}.effect-content[data-v-4c9ebaa8]{margin:46px auto 80px}}@media screen and (max-width:540px){.effect-title[data-v-4c9ebaa8]{margin:40px auto 34px}.effect-title__header[data-v-4c9ebaa8]{font-size:20px;line-height:28px}.effect-title__desc[data-v-4c9ebaa8]{margin-top:8px;font-size:18px;line-height:26px}.effect-content[data-v-4c9ebaa8]{margin:34px auto 60px;padding:0 10px}.effect-content__lf[data-v-4c9ebaa8]{width:45vw}.effect-content__md[data-v-4c9ebaa8]{display:none}.effect-content__rt[data-v-4c9ebaa8]{width:45vw}}.aluminum-window-door[data-v-35ce026d]{width:100vw;overflow-x:hidden;font-family:PingFangSC-Regular;background-color:#f6f8ff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:100%!important}.aluminum-window-door[data-v-35ce026d] .banner,.aluminum-window-door[data-v-35ce026d] .banner .banner-bg{background-image:linear-gradient(180deg,#c0d0f0,#9ccbf5 50%,#badefe)}.aluminum-window-door[data-v-35ce026d] .vd{background:#fff}.aluminum-window-door[data-v-35ce026d] .vd-titles{margin-top:90px}.aluminum-window-door[data-v-35ce026d] .bottomBox{background-image:linear-gradient(112deg,#eaeff5,#f7faff 42%,#e3e8f0)}.aluminum-window-door[data-v-35ce026d] .scheme,.aluminum-window-door[data-v-35ce026d] .tabstep{background:#f6faff}@media screen and (max-width:800px){.aluminum-window-door[data-v-35ce026d] .vd-titles{margin-top:80px}.aluminum-window-door[data-v-35ce026d] .banner-content{margin:180px auto 0}}@media screen and (max-width:540px){.aluminum-window-door[data-v-35ce026d] .vd-titles{margin-top:40px}.aluminum-window-door[data-v-35ce026d] .banner-content{margin:130px auto 0}}