[data-v-515cd37a] .el-carousel__container{height:500px;position:relative}.bannerImage[data-v-515cd37a]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.header-title[data-v-565bd862]{margin:66px 0 36px;text-align:center}.header-title .title[data-v-565bd862]{color:#18232f;font-size:38px;font-weight:600;line-height:53px}.header-title .sub-title[data-v-565bd862]{color:#86909c;font-size:18px;font-weight:100;line-height:25px;margin-top:14px}.video-container[data-v-565bd862]{background:#fff;border-radius:8px;box-shadow:0 6px 16px 0 rgba(98,108,121,.12);display:flex;margin-bottom:88px}.video-container-left[data-v-565bd862]{background:url(/ssr/img/video-bg.d5dc6d5.png);background-position:136px 57px;background-repeat:no-repeat;background-size:411px;color:#626c79;font-size:18px;font-weight:400;overflow:hidden;padding:61px 72px;position:relative;width:495px}.video-container-left .video-title-1[data-v-565bd862]{color:var(--color-primary);font-weight:600;line-height:25px}.video-container-left .video-title-2[data-v-565bd862]{color:#18232f;font-size:32px;font-weight:600;line-height:45px;margin-top:6px}.video-container-left .video-image-bg[data-v-565bd862]{height:441px;left:136px;position:absolute;top:57px;width:411px}.video-container-left .resource[data-v-565bd862]{align-items:center;display:flex;margin-top:40px;position:relative}.video-container-left .resource .active[data-v-565bd862]{align-items:center;background:#18232f;border-radius:4px;color:#fffefe;display:flex;font-size:18px;font-weight:400;padding:6px 14px}.video-container-left .resource-box[data-v-565bd862]{color:#18232f;cursor:pointer}.video-container-left .resource-box+.resource-box[data-v-565bd862]{margin-left:24px}.video-container-left .arrow-btn[data-v-565bd862]{align-items:center;background:#fff;border:1px solid #202d40;border-radius:32px;color:#18232f;display:flex;height:63px;margin-top:78px;padding-left:12px;position:relative;width:202px}.video-container-left .arrow-btn[data-v-565bd862]:active,.video-container-left .arrow-btn[data-v-565bd862]:hover{background-color:var(--color-primary);border:1px solid var(--color-primary);color:#fff;cursor:pointer}.video-container-left .arrow-btn:active .arrow-svg[data-v-565bd862],.video-container-left .arrow-btn:hover .arrow-svg[data-v-565bd862]{color:var(--color-primary)}.video-container-left .arrow-btn[data-v-565bd862]:active{background:#3170ff;opacity:.9}.video-container-left .arrow-text[data-v-565bd862]{font-weight:600;margin-left:17px}.video-container-right[data-v-565bd862]{align-items:center;background-image:url(/ssr/img/video-player.08cadf9.png);background-position:50%;background-size:cover;display:flex;height:530px;justify-content:center;padding:12px 12px 0 0;position:relative;width:873px}.video-container-right .guide-video[data-v-565bd862]{height:100%;width:100%}.video-container-right .video-player[data-v-565bd862]{align-items:center;background-image:linear-gradient(270deg,#bdffc3,#3170ff);border:none;border-radius:50px;cursor:pointer;display:flex;height:75px;padding:6px;position:relative;width:348px;z-index:1}.video-container-right .video-player[data-v-565bd862]:after{background:#000;border-radius:60px;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px;z-index:-1}.video-container-right .video-player span[data-v-565bd862]{color:#fff;font-size:21px;line-height:29px;margin-left:13px}.designItem[data-v-20a64aee]{background-size:cover;border-radius:8px;display:flex;flex-direction:column;height:543px;justify-content:space-between;padding:61px 0 40px 40px;transition:all .2s;width:784px}.designItem-header[data-v-20a64aee]{color:#fff;width:288px}.designItem .t1[data-v-20a64aee]{font-size:20px;font-weight:600;line-height:30px}.designItem .t2[data-v-20a64aee]{color:#fff;font-size:32px;font-weight:600;line-height:46px;margin-top:6px}.designItem .t3[data-v-20a64aee]{color:#a1a7b1;font-size:16px;font-weight:400;line-height:22px;margin-top:8px}.designItem-prior[data-v-20a64aee]{color:#fff;font-size:18px;line-height:25px}.designItem-prior .item[data-v-20a64aee]{display:flex}.designItem-prior .item+.item[data-v-20a64aee]{margin-top:20px}.designItem-prior .item-icon[data-v-20a64aee]{color:#00b578;margin-right:13px}.designItem .model[data-v-20a64aee]{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:46px}.design-model-2[data-v-520bcf6c]{align-items:center;background-color:#ebf5ff;background-image:url(/ssr/img/design-bg.e728006.png);background-position:272px 0;background-repeat:no-repeat;background-size:350px;border-radius:8px;display:flex;height:256px;margin-left:34px;padding-left:40px;width:622px}.design-model-2 .model-content[data-v-520bcf6c]{width:256px}.design-model-2 .model-content .t1[data-v-520bcf6c]{color:var(--color-primary);font-size:20px;font-weight:600;line-height:30px}.design-model-2 .model-content .t2[data-v-520bcf6c]{color:#18232f;font-size:32px;font-weight:600;line-height:46px;margin-top:6px}.design-model-2 .model-content .t3[data-v-520bcf6c]{color:#626c79;font-size:16px;font-weight:400;line-height:22px;margin-top:8px}.design-model-2 .model-icon[data-v-520bcf6c]{color:#202d40;display:flex;font-size:16px;font-weight:400;line-height:25px;margin-left:44px;text-align:center}.design-model-2 .model-icon img[data-v-520bcf6c]{height:64px;margin-bottom:13px;width:64px}.design-model-2 .model-icon+.model-icon-item[data-v-520bcf6c],.design-model-2 .model-icon-item[data-v-520bcf6c]{margin-left:46px}.design-model-3[data-v-a72d4f32]{align-items:center;background-color:var(--color-primary);border-radius:8px;display:flex;height:256px;margin-left:34px;padding-left:40px;position:relative;width:622px}.design-model-3 .model-content[data-v-a72d4f32]{color:#fff;width:256px}.design-model-3 .model-content .t1[data-v-a72d4f32]{font-size:20px;font-weight:600;line-height:30px}.design-model-3 .model-content .t2[data-v-a72d4f32]{font-size:32px;font-weight:600;line-height:46px;margin-top:6px}.design-model-3 .model-content .t3[data-v-a72d4f32]{font-size:16px;font-weight:400;line-height:22px;margin-top:8px}.design-model-3 .design-image[data-v-a72d4f32]{height:256px;position:absolute;right:0;top:0}.header-title[data-v-3fb889ac]{margin:66px 0 36px;text-align:center}.header-title .title[data-v-3fb889ac]{color:#18232f;font-size:38px;font-weight:600;line-height:53px}.header-title .sub-title[data-v-3fb889ac]{color:#86909c;font-size:18px;font-weight:100;line-height:25px;margin-top:14px}.design-header[data-v-3fb889ac]{border-bottom:1px dotted #d8d8d8;display:flex;justify-content:center;padding-bottom:29px;position:relative}.design-header-cell[data-v-3fb889ac]{background:#fff;border:1px solid #d8dce6;border-radius:4px;color:#18232f;cursor:pointer;display:flex;padding:13px 27px}.design-header-cell span[data-v-3fb889ac]{font-size:16px;margin-left:8px}.design-header-cell .dot[data-v-3fb889ac]{background:#d8d8d8;border-radius:50%;bottom:-5px;height:8px;position:absolute;width:8px}.design-header-cell .dot_active[data-v-3fb889ac]{background:var(--color-primary)}.design-header-cell .line[data-v-3fb889ac]{border:1px solid var(--color-primary);bottom:-12px;height:2px;left:0;position:absolute;width:352px}.design-header .active[data-v-3fb889ac]{background:var(--color-primary);color:#fff}.design-header .design-header-cell[data-v-3fb889ac],.design-header-cell[data-v-3fb889ac]{margin-left:98px}.design-header .arrow[data-v-3fb889ac]{border-bottom:4px solid transparent;border-left:8px solid #d8d8d8;border-top:4px solid transparent;bottom:-4px;height:0;position:absolute;right:0;width:0}.design-content[data-v-3fb889ac]{display:flex;margin-top:48px}.design-content-3[data-v-3fb889ac]{margin-top:31px}.example-container[data-v-7a2b65e8]{height:876px;position:relative}.example-container .banner[data-v-7a2b65e8]{background:url(/ssr/img/banner.81a1bda.png) no-repeat 50%;background-size:contain;height:414px}.example-container .box[data-v-7a2b65e8]{display:flex;justify-content:space-between;left:50%;position:absolute;top:310px;transform:translateX(-50%);width:1440px}.example-container .box img[data-v-7a2b65e8]{height:419px;width:700px}.example-container .btn-view[data-v-7a2b65e8]{border:1px solid #c6c9ce;border-radius:32px;color:#202d40;font-size:16px;height:48px;left:50%;line-height:48px;position:absolute;text-align:center;top:770px;transform:translateX(-50%);width:150px}.example-container .btn-view[data-v-7a2b65e8]:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}