.tutorial-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.6)}.tutorial-modal-content{position:relative}.tutorial-modal-content,.tutorial-modal-content video{width:1200px;height:683px}.tutorial-modal-close{position:absolute;right:-30px;top:-30px;width:30px;height:30px;cursor:pointer}.tutorial-modal-close .iconfont{font-size:28px;color:#fff;opacity:.8}.tutorial-modal-close:hover .iconfont{opacity:1}@media screen and (max-width:500px){.tutorial-modal-content,.tutorial-modal-content video{width:100%;height:auto}.tutorial-modal-close{right:auto;top:auto;bottom:-30px;left:50%;transform:translate(-50%)}.tutorial-modal-close .iconfont{opacity:1}}.fixed-tutorial{position:fixed;right:22px;bottom:380px;width:50px;padding:10px 0;background:#fff;border-radius:6px;box-shadow:0 0 6px rgba(0,0,0,.2);z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.fixed-tutorial:hover{background:var(--primary-color);color:#fff}.fixed-tutorial:hover .fixed-tutorial-title{color:#fff}.fixed-tutorial-icon .iconfont{font-size:24px}.fixed-tutorial-title{font-size:12px;color:#666;line-height:1.2em}@media screen and (max-width:500px){.fixed-tutorial{right:10px;bottom:360px}}.btn-default,.btn-primary{display:inline-flex;justify-content:center;align-items:center;gap:4px;padding:3px 20px;border:1px solid var(--primary-color);border-radius:20px}.btn-default{border-color:#6ba8ff;color:#6ba8ff}.btn-default:hover{background:rgba(0,0,0,.1)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#0461e3;border-color:#0461e3;color:#fff}.btn-size-large{padding:8px 30px;font-size:16px;border-radius:30px}@media screen and (max-width:500px){.btn-size-large{padding:6px 20px}}.footer{--footer-font-color:hsla(0,0%,100%,.4);background:#252426;color:var(--footer-font-color)}.footer-content.content{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.footer .header-logo{opacity:.6}.footer .header-nav a,.footer a{color:var(--footer-font-color)}.footer a:hover{color:#5aaefc}.footer-content-beian{display:flex;gap:16px}@media screen and (max-width:500px){.footer-content.content{font-size:12px;justify-content:center}.footer-content-menu{display:none}.footer-content-beian{justify-content:center}}.ContentModuleItem_contentModule__4_pY6{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:340px;padding:8px 10px 8px 0;border-radius:8px}.ContentModuleItem_contentModule__4_pY6 .home-menu-item{transform:scale(1.1)}.ContentModuleItem_contentModule__4_pY6 .ContentModuleItem_content__uAAv5{display:flex;flex-direction:column;gap:4px;width:250px}.ContentModuleItem_contentModule__4_pY6 .ContentModuleItem_content__uAAv5 .ContentModuleItem_title__f_i5U{font-size:16px}.ContentModuleItem_contentModule__4_pY6 .ContentModuleItem_content__uAAv5 .ContentModuleItem_desc__tyxvu{font-size:12px;color:var(--font-color-gray)}@media screen and (max-width:500px){.ContentModuleItem_contentModule__4_pY6{width:48%;box-sizing:border-box;gap:8px}.ContentModuleItem_contentModule__4_pY6 .ContentModuleItem_content__uAAv5{width:auto;flex:1}}.ContentModules_contentModules__Szap6{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}@media screen and (max-width:500px){.ContentModules_contentModules__Szap6{padding:0 20px;gap:8px}}.home-content-first{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-top:80px;padding-bottom:0!important}.home-content-first-title{font-size:30px}.home-content-first-subtitle{font-size:16px;color:var(--font-color-gray)}.home-content-first-btn{padding:20px 0}.home-content-first-img img{width:1100px}.home-content-desc{align-items:center;gap:40px 0}.home-content-desc,.home-content-scenes{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.home-content-scenes{align-items:stretch;gap:30px 10px}.home-content-why{display:flex;flex-direction:column;gap:10px}.home-content-why dt{font-size:16px;font-weight:400}.home-content-why dd{font-size:12px;color:var(--font-color-gray)}.home-content-easy{display:flex;gap:80px;align-items:center}.home-content-easy-img,.home-content-easy-img img{width:580px}.home-content-easy-desc{display:flex;flex-direction:column}.home-content-easy-desc dl{border-radius:10px;box-sizing:border-box}.home-content-easy-desc dt{font-size:16px;font-weight:400;padding-bottom:8px}.home-content-easy-desc dd{font-size:14px;color:var(--font-color-gray)}.home-content-2{display:flex;align-items:stretch;justify-content:space-between;padding-bottom:10px}.home-content-2-item{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;width:22%;background:#fff;border-radius:10px;box-sizing:border-box;padding:20px 25px 25px}.home-content-2-item-title{font-size:18px;font-weight:700;padding-bottom:8px;text-align:center}.home-content-2-item-desc{font-size:14px;color:var(--font-color-gray);text-align:center;line-height:1.6em}.home-content-2-item-img{text-align:center}.home-content-2-item-img img{width:50px;height:50px}.home-bottom{background:url(/site/images/bg/1.jpg) no-repeat center 60%;background-size:cover}.home-bottom-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:220px;background:rgba(0,0,0,.5);color:#fff}.home-bottom-content-title{font-size:24px}.home-bottom-content-subtitle{font-size:16px;opacity:.8}.home-bottom-content-btn{margin-top:16px}.home-wordimg{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:50px;padding:20px 0}.home-wordimg-content{display:flex;flex-direction:column;gap:25px}.home-wordimg-img img{width:560px}.home-wordimg-title{font-size:26px}.home-wordimg-desc{font-size:16px;color:var(--font-color-gray);line-height:1.6em}.home-menu-item{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:80px;box-sizing:border-box;padding:8px 0}.home-menu-item span{font-size:12px;color:#666}.home-menu-icon{display:flex;justify-content:center;align-items:center;width:48px;height:48px;background-color:#5b8ff9;border-radius:16px}.home-menu-icon .iconfont{color:#fff;font-size:24px}.menu-sample .home-menu-icon{background-color:#5b8ff9}.menu-construction .home-menu-icon{background-color:#269a99}.menu-craft .home-menu-icon{background-color:#f6a016}.menu-designer .home-menu-icon{background-color:#e8684a}.menu-promotions .home-menu-icon{background-color:#a470ca}.menu-calculatePrice .home-menu-icon{background-color:#5b8ff9}.menu-knowledge .home-menu-icon{background-color:#a470ca}.menu-news .home-menu-icon{background-color:#3ab1e0}.menu-about .home-menu-icon{background-color:#e8684a}.menu-freeDesign .home-menu-icon{background-color:#269a99}.menu-freeMeasure .home-menu-icon{background-color:#5b8ff9}.menu-worker .home-menu-icon{background-color:#3ab1e0}@media screen and (max-width:500px){.home-content-first{margin-top:80px}.home-content-first-img img{width:100%}.home-content-first-title{font-size:22px}.home-content-first-subtitle{padding:0 20px;font-size:14px;text-align:center}.home-content-easy{flex-direction:column;gap:10px}.home-content-easy-img,.home-content-easy-img img{width:90%}.home-content-easy-desc{padding:0 20px;gap:0}.home-bottom-content{height:180px}.home-bottom-content-title{padding-bottom:4px;font-size:18px}.home-bottom-content-subtitle{font-size:12px}.home-menu-item{width:52px}.home-content-desc{padding:0 20px}.home-content-scenes{padding:0 20px;gap:20px}.home-content-2{flex-wrap:wrap;padding:0 20px}.home-content-2-item{width:47%;margin-bottom:20px;padding:10px 15px 15px}.home-content-2-item-img img{width:46px;height:46px}.home-content-2-item-title{font-size:16px;padding-bottom:0}.home-content-2-item-desc{font-size:12px;text-align:left}.home-wordimg{flex-direction:column;padding:20px;gap:20px}.home-wordimg-content{gap:15px}.home-wordimg-title{font-size:22px;text-align:center}.home-wordimg-btns{text-align:center}.home-wordimg-img img{width:100%!important}.home-wordimg.home-wording-reverse{flex-direction:column-reverse}}.module-title{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin:10px 0 55px;font-size:28px}.module-title-desc{padding-top:6px;font-size:18px;font-weight:400;color:#666}@media screen and (max-width:500px){.module-title{margin:15px 20px 25px;font-size:24px;text-align:center}.module-title-desc{font-size:16px}}.scene-desc{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;width:340px;background:var(--bg-gray-color);border-radius:10px;padding:18px 24px;box-sizing:border-box;transition:all .5s}.scene-desc:hover{background:#f8f8f8}.scene-desc-icon .iconfont{font-size:36px;color:var(--primary-color)}.scene-desc-content{display:flex;flex-direction:column;flex:1}.scene-desc-title{margin:6px 0;font-size:18px;font-weight:700}.scene-desc-desc{font-size:14px;color:var(--font-color-gray);text-align:left}@media screen and (max-width:500px){.scene-desc{width:47%;padding:12px 15px 15px;flex-direction:column;gap:5px}.scene-desc-title{text-align:center;font-size:16px}.scene-desc-desc{font-size:12px}}.home-banner{position:relative;background:url(/site/images/bg/2.jpg) no-repeat center 85%;background-size:cover;height:450px;margin-top:64px}.home-banner-overlay{position:absolute;background:rgba(0,0,0,.5);left:0;top:0;width:100%;height:100%;z-index:0}.home-banner-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}.home-banner-title{font-size:50px}.home-banner-subtitle,.home-banner-title{font-weight:700;color:#fff;text-shadow:1px 1px 6px rgba(0,0,0,.2);text-align:center}.home-banner-subtitle{font-size:36px;font-style:italic}.home-banner-desc{margin-top:10px;font-size:20px;color:#fff;text-shadow:1px 1px 6px rgba(0,0,0,.2);text-align:center;line-height:1.6em}.home-banner-desc ul{display:flex;gap:45px}.home-banner-btn{display:flex;gap:30px;margin-top:20px}.home-banner-btn .btn-size-large{padding:10px 40px;font-size:18px;box-shadow:0 0 10px rgba(0,0,0,.2)}.home-banner-btn .btn-default{background:hsla(0,0%,100%,.8);color:#4777bd;border:none;cursor:pointer}.home-banner-btn .btn-default:hover{background:#fff}.home-banner-btn .btn-default .iconfont{font-size:20px}.home-banner-qrcode{--banner-qrcode-width:140px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:var(--banner-qrcode-width);padding:6px;background:#fff;border-radius:15px}.home-banner-qrcode div{margin:-2px 0 6px;text-align:center;font-size:12px;color:#888}.home-banner-qrcode img{width:var(--banner-qrcode-width);height:var(--banner-qrcode-width);border-radius:15px}.home-banner-qrcode:hover{opacity:1}@media screen and (max-width:500px){.home-banner{margin-top:60px}.home-banner-title{font-size:28px}.home-banner-subtitle{padding:0 10px;font-size:20px;text-align:center}.home-banner-desc{margin-top:0;font-size:16px}.home-banner-desc ul{margin:0;gap:30px}.home-banner-btn{margin-top:10px}.home-banner-qrcode{position:static;transform:none;margin-top:20px;opacity:.9;--banner-qrcode-width:130px;width:var(--banner-qrcode-width)}.home-banner-qrcode img{width:var(--banner-qrcode-width);height:var(--banner-qrcode-width)}}.fixed-contact{position:fixed;right:22px;bottom:180px;gap:10px;z-index:1}.fixed-contact,.fixed-contact-item{display:flex;flex-direction:column;justify-content:center;align-items:center}.fixed-contact-item{position:relative;background:#fff;border-radius:6px;box-shadow:0 0 6px rgba(0,0,0,.2);width:50px;padding:6px 0 4px;cursor:pointer}.fixed-contact-item-icon .iconfont{font-size:26px}.fixed-contact-item-desc{font-size:12px;color:#666}.fixed-contact-item-arrow{display:none;position:absolute;top:30px;right:65px;width:16px;height:16px;transform:translateY(-50%) translateX(100%) rotate(90deg);pointer-events:none;overflow:hidden;font-size:14px;z-index:2}.fixed-contact-item-arrow:before{position:absolute;bottom:0;inset-inline-start:0;width:16px;height:8px;background:#fff;-webkit-clip-path:polygon(1.6568542495px 100%,50% 1.6568542495px,14.3431457505px 100%,1.6568542495px 100%);clip-path:polygon(1.6568542495px 100%,50% 1.6568542495px,14.3431457505px 100%,1.6568542495px 100%);-webkit-clip-path:path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z");clip-path:path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z");content:""}.fixed-contact-item-arrow:after{content:"";position:absolute;width:8.9705627485px;height:8.9705627485px;bottom:0;inset-inline:0;margin:auto;border-radius:0 0 2px 0;transform:translateY(50%) rotate(-135deg);box-shadow:2px 2px 5px rgba(0,0,0,.05);z-index:0;background:transparent}.fixed-contact-item-content{position:absolute;z-index:1;top:0;right:65px;width:200px;display:none;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:10px;box-sizing:border-box;padding:16px 0;box-shadow:0 0 6px rgba(0,0,0,.2);color:#333;text-align:center}.fixed-contact-item-content img{max-width:160px}.fixed-contact-item-content-phone{width:100%;padding-bottom:12px;border-bottom:1px solid #eee;margin-bottom:6px}.fixed-contact-item-content-qrcode{color:#888}.fixed-contact-item-content-qrcode span{display:block;margin-top:-4px;font-size:12px}.fixed-contact-item:hover{background:var(--primary-color);color:#fff}.fixed-contact-item:hover .fixed-contact-item-desc{color:#fff}.fixed-contact-item:hover .fixed-contact-item-arrow,.fixed-contact-item:hover .fixed-contact-item-content{display:flex}@media screen and (max-width:500px){.fixed-contact{right:10px;bottom:160px}}.header{--header-font-color:hsla(0,0%,100%,.8);position:fixed;top:0;left:0;width:100%;height:64px;background:#252426;z-index:10}.header-content{justify-content:space-between;gap:36px}.header-content,.header-nav{display:flex;align-items:center}.header-nav{justify-content:flex-end;flex:1;gap:26px}.header-nav a{color:var(--header-font-color)}.header-nav a:hover{color:#5aaefc}.header-btns{display:flex;align-items:center;gap:20px}.header-theme-white.header{background:hsla(0,0%,100%,.8)}@media screen and (max-width:500px){.header{width:100vw;height:60px;box-sizing:border-box}.header-btns,.header-logo{transform:scale(.88)}.header-btns{gap:10px}.header-content{gap:0}.header-nav{display:none}}.header-logo{display:flex;align-items:center;justify-content:flex-start;gap:6px;height:64px;color:#fff}.header-logo-img{width:40px;margin-right:6px}.header-logo-img img{width:40px;height:40px}.header-logo-title{color:#fff}.header-logo-title span{display:block}.header-logo-title span:first-child{font-size:24px;line-height:1.3em;letter-spacing:.1em;opacity:.9}.header-theme-white.header .header-logo-title{color:#333}.header-theme-white.header .header-logo-title span:first-child{opacity:1}.header-theme-white.header .header-logo-title span:last-child{opacity:.8;transform:scale(.9);margin-left:-6px;letter-spacing:0}