{include file=head.html} <style type="text/css">body{background:#fdfdfd!important}.newBg{background:#fdfdfd!important}.spanH1{display:block;line-height:13px;font-size:13px;color:#666;margin:14px 0 14px}.form-common-body form .form-input input{height:44px!important;line-height:44px!important;width:100%;border-radius:5px;background-color:#4a403a;text-indent:10px;color:#999;font-size:12px}.bottomBg{background:#f7f7f7}.ccImg{display:block;width:6.9rem;height:1.4rem;margin:0 auto;background:red}.tabHH1::-webkit-scrollbar{display:none}.tabHH1{width:6.9rem;margin:0 auto;display:inline-block;overflow-y:hidden;overflow-x:scroll}.tabH1{display:flex;font-size:.28rem;height:.88rem;line-height:.88rem;color:#666;white-space:nowrap}.tabH1 span{display:inline-block;padding:0 .2rem}.contH1{width:6.9rem;margin:0 auto}.contBox1{width:3.32rem;height:3.34rem;background:#fff;border-radius:5px;box-shadow:0 1px 5px 1px #ddd;overflow:hidden;display:flex;flex-direction:column;margin-bottom:.22rem}.contBox1 img{width:100%;height:2.42rem}.spanH2{line-height:.5rem;font-size:.24rem;color:#333;padding-left:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spanH3{line-height:.3rem;font-size:.24rem;color:#333;padding-left:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shadowH{box-shadow:0 1px 4px 1px #ddd}.detail_team .a .img{width:100%!important;height:1.7rem!important;border-radius:50%}.detail_team .a .img img{width:1.7rem!important;height:1.7rem!important;border-radius:50%}.detail_team .a{width:2.3rem;border-radius:5px;overflow:hidden;margin-right:.2rem;display:inline-flex;box-sizing:border-box;padding-top:.3rem;flex-direction:column;align-items:center}.index-page .box8 .loupan{width:4rem;margin-left:.12rem;border-radius:5px;margin-top:5px}.index-page .box8 .loupan .img{width:4rem;height:3.4rem;border-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;position:relative}.index-page .box8 .loupan p{font-size:12px;color:#333;text-align:center;padding:10px 0}.wbxBox{position:absolute;width:61px;height:68px;right:5px;top:0;z-index:6;background:url(images/wbx.png) no-repeat center center;background-size:100% 100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding-top:6px}.wbxSpan{text-align:center;line-height:16px;font-size:12px;color:#fff}.tabH1Active{color:#741520}.yyBtnH{display:block;width:100%;height:40px;background:#741520;line-height:40px;text-align:center;color:#fff;border-radius:2px;margin:14px auto 25px}.boxH2{width:100%;height:4.42rem;box-sizing:border-box;position:relative;border-top-left-radius:5px;border-top-right-radius:5px;margin-bottom:15px}.b2Img{width:100%;height:100%}.yhImg{width:1.7rem;height:.5rem;position:absolute;left:-.2rem;top:.36rem}.swiperH1{width:100%;height:4.6rem;margin-top:.2rem}.swiperH1List{width:3.84rem;height:4rem;margin-top:.26rem;display:flex;align-items:center;flex-direction:column;border-radius:10px;box-shadow:0 0 .15rem #ddd}.swiperH1 .swiper-wrapper{display:flex;align-items:center;height:4.2rem}.swiperH1 .swiper-slide-active{transform:scale(1.1)!important}.swiperH1Img{width:100%;height:2.28rem;margin-bottom:10px;border-top-left-radius:10px;border-top-right-radius:10px}.swiperH1Span1{line-height:.28rem;font-size:.28rem;font-weight:700;color:#333;letter-spacing:1px}.swiperH1TextBox2{margin-top:4px;padding-top:.2rem;display:flex;align-content:center;justify-content:center}.swiperH1TextBox{display:inline-flex;align-items:flex-start;flex-direction:column}.swiperH1Span2{display:inline-block;font-size:.24rem;text-align:left;color:#666;box-sizing:border-box}.swiperH1Span2:first-child{margin-bottom:.05rem}.index-page .box13 .topic .top-item .text{width:5rem!important;margin-right:.2rem}.index-page .box13 .topic .top-item{width:6.8rem!important}.color333{color:#333}.footer .gopc{color:#333!important}.jsqImg{display:flex;width:6.4rem;height:1.2rem;margin:0 auto;background:url(images/jsqbg.png) no-repeat center;background-size:100% 100%;align-items:center;justify-content:flex-end;box-sizing:border-box;padding-right:.24rem}.changePrice{display:flex;flex:1;align-items:center;justify-content:flex-end;box-sizing:border-box}.changePrice img{margin:0 0;height:.73rem;width:auto;margin-right:.02rem}.popBox{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.6);top:0;left:0;z-index:999;display:none;justify-content:center;flex-direction:column;align-items:center}.popSection{position:relative;background:#fff;width:4.5rem;height:4.5rem;background-size:100% 4.5rem;box-sizing:border-box;padding-top:.82rem;display:flex;flex-direction:column;align-items:center;border-radius:5px}.popClose{width:.4rem;height:.4rem;position:absolute;right:.14rem;top:.14rem}.popSpan1{line-height:.34rem;font-size:.34rem;color:#333;letter-spacing:1px;margin-bottom:.3rem}.popInput{width:3.44rem;height:.6rem;box-sizing:border-box;line-height:.6rem;font-size:.22rem;background:#fafafa;border:1px solid #d9d9d9;border-radius:3px;margin-bottom:.2rem;padding-left:.16rem}.popBtn{width:3.44rem;height:.6rem;box-sizing:border-box;line-height:.6rem;font-size:.22rem;background:#741520;color:#fff;text-align:center;margin-bottom:.2rem}.popSpan2{line-height:.2rem;font-size:.2rem;color:#666}.swiperH4 .swiper-slide-active{transform:scale(1.05)!important}.index-page .mainPage-title p { font-size: .22rem; color: #666;}</style> <div class="index-page" id="wrapper"> <div class="swiper-container" id="swiper1"> <div class="swiper-wrapper" style="height:3.4rem"> {pboot:slide num=32 gid=1} <a class="swiper-slide lazy" href="[slide:link]"><img src="[slide:src]" alt="[slide:title]" title="[slide:title]" class="lazy_img cover "></a> {/pboot:slide} </div> {pboot:slide num=32 gid=1} <div class="swiper-pagination"> </div> {/pboot:slide} </div> <script> window.onload = function() { var cla = '#swiper1'; new Swiper(cla, { slidesPerView: 1, spaceBetween: 30, loop: true, autoplay:5000, pagination: { el: cla + ' .swiper-pagination', clickable: true, }, on: { init: function() { $(cla).find('.swiper-wrapper .swiper-slide').eq(0).find('img').show(); $(cla).find('.swiper-wrapper .swiper-slide').eq(0).next().find('img').show(); $(cla).find('.swiper-wrapper .swiper-slide').eq(0).prev().find('img').show(); $(window).scroll(); }, slideChangeTransitionEnd: function() { $(cla).find('.swiper-wrapper .swiper-slide').eq(this.activeIndex).find('img').show(); $(cla).find('.swiper-wrapper .swiper-slide').eq(this.activeIndex).next().find('img').show(); $(cla).find('.swiper-wrapper .swiper-slide').eq(this.activeIndex).prev().find('img').show(); $(window).scroll(); } } }); } </script> <div class="box2 bg-white "> <div class="form-common-body"> <form action="{pboot:msgaction}" method="post"> <div class="form-input"> <input type="text" name="name" placeholder="您的小区名称" class="text-sub bg-form" required> </div> <div class="form-input"> <input type="text" name="mj" placeholder="您的户型面积" class="text-sub bg-form" required> </div> <div class="form-input"> <input type="text" name="ch" placeholder="您的称呼(必填)" class="text-sub bg-form" required> </div> <div class="form-input"> <input type="text" name="lx" placeholder="您的联系方式(必填)" class="text-sub bg-form" required> </div> <div class="form-input"> <button type="submit" class="button button-primary full-w">立即预约</button> </div> </form> <div class="tel sub"> <p>*严格遵守《信息保密协议》，对您的信息严格保密 </p> </div> </div> </div> <div class="box1"> <h2 class="titleh2">设计方案高度还原</h2> <p class="titledes">以设计力，改变更多人的生活</p> <div class="box1cases"> <div class="swiper-container cp"> <div class="swiper-3d swiper-wrapper"> {pboot:list scode=1 num=36 isrecommend=1} <div class="swiper-slide"> <a href="[list:link]"> <div class="casesdiv"> <img src="[list:ico]" alt=""> <div class="casestextbg"> <p class="text1">[list:title] [list:ext_mj]㎡</p> </div> </div> </a> </div> {/pboot:list} </div> </div> <div class="swiper-pagination" style="display:none"></div> </div> </div> <div class="more"> {pboot:sort scode=1}<a href="[sort:link]"> <button>更多案例</button> </a>{/pboot:sort} </div> <script src="{pboot:sitetplpath}/web/js/index.js"></script> <div class="box2" style="padding-bottom: 1rem;"> <div class="container pr"> <h2 class="wrap-title text-center fontwhite pt-20">德系工艺展示</h2> <p class="text-center text-text-2 fontwhite">别墅大宅专属工艺体系</p> </div> <ul class="sub clearfix"> <li class="tab-button on" id="data-tab1">工艺知识</li> <li class="tab-button" id="data-tab2">现场照片</li> </ul> <div class="swiper-container swiper-container33 mt10 " id="tab-1"> <div class="swiper-wrapper"> {pboot:list scode=17 num=36} <div class="swiper-slide"> <a onclick="vdFtion('[list:ext_spsz]')"> <img src="[list:ico]" alt="[list:title]"> <div class="bar"> <h2>[list:title]</h2> <p></p> </div></a> </div> {/pboot:list} </div> </div> <div class="swiper-container swiper-container44 mt10 none1" id="tab-2"> <div class="swiper-wrapper"> {pboot:list scode=18 num=36} <div class="swiper-slide"> <a href="[list:link]"> <img src="[list:ico]" alt="[list:title]"> <div class="bar"> <h2>[list:title]</h2> <p></p> </div></a> </div> {/pboot:list} </div> </div> </div><script type="text/javascript"> //tab切换 $('#data-tab1').click(function() { $("#data-tab1").addClass('on'); $("#data-tab2").removeClass('on'); $("#tab-2").addClass('none1'); $("#tab-1").removeClass('none1'); }); $('#data-tab2').click(function() { $("#data-tab2").addClass('on'); $("#data-tab1").removeClass('on'); $("#tab-1").addClass('none1'); $("#tab-2").removeClass('none1'); });</script> {pboot:sort scode=5} <div class="box7 bg-white pdt20" style="clear:both;padding-top: 0.5rem;padding-bottom: 0.5rem"> <div class="mainPage-title mb10 ml15 mr15"> <div class="left"> 业主真实评价 </div> <a class="right block" href="[sort:link]">查看全部 <i class="iconfont icon-icon1"></i></a> </div> <div class="detail_team clearfix pdl15 pdr15" id="designer_list" style="padding-top: 0.5rem;">{pboot:list scode=5 num=30 isrecommend=1} <a class="a shadow" href="[list:link]"> <div class="cover-body img inline"> <img data-original="[list:ico]" alt="[list:title]" title="" src="[list:ico]" class="lazy_img cover"> </div> <p class="f12 text-black pdt5 ellipsis mb4" style="font-weight:700;text-align:center;width:100%"> [list:title] </p> <p class="ellipsis pdb10" style="text-align:center;font-size:10px;width:100%"> [list:sortname] </p> </a> {/pboot:list} </div> </div> {/pboot:sort} {pboot:sort scode=4} <div class="box8 bg-white pdl15 pdr15 pdt20" style="clear:both;"> <div class="mainPage-title mb10"> <div class="left"> 高端热盘占有率 </div> <a class="right block" href="[sort:link]">查看全部 <i class="iconfont icon-icon1"></i></a> </div> <div class="detail_team clearfix">{pboot:list num=6 scode=4} <a href="[list:link]" class="loupan shadowH"> <div class="img lazy"> <img data-original="[list:ico]" src="[list:ico]" alt="[list:title]" class="lazy_img auto" style="height: 100%;"> </div> <p class="ellipsis"> [list:title] </p> </a>{/pboot:list} </div> <a href="[sort:link]"><span class="yyBtnH">更多楼盘</span></a> </div>{/pboot:sort}<div class="bottomBg" style="height:9px;"> </div><div class="py-20 relative z-20" style=" background-color: rgba(246, 246, 246, var(--tw-bg-opacity)"> <div class="container" > <div class="flex justify-center" > <div class=" h-full flex-shrink-0 py-12" > <h2 class="text-regular text-2xl text-center" style="font-weight: 600;font-size:24px">4组团队，赋能1个家</h2> <ul > <li class="flex items-center mt-12 pl-20" style="display: flex;align-items: center;"> <div class="rounded-full border border-primary-border flex justify-center items-center mr-3" style="width:56px;height:56px" > <img src="{pboot:sitetplpath}/web/images/icon1.png" style="max-width:100%"> </div> <div class="text-regular" > <p class="text-l font-medium" >主创设计师团队</p> <p class="text-s" >专家级设计团队，反复打磨量身定制</p> </div> </li> <li class="flex items-center mt-12 pl-20" style="display: flex;align-items: center;"> <div class="rounded-full border border-primary-border flex justify-center items-center mr-3" style="width:56px;height:56px" > <img src="{pboot:sitetplpath}/web/images/icon2.png" style="max-width:100%"> </div> <div class="text-regular" > <p class="text-l font-medium" >深化设计师团队</p> <p class="text-s" >精准规划未来家，不放过任何一处设计细节</p> </div> </li> <li class="flex items-center mt-12 pl-20" style="display: flex;align-items: center;"> <div class="rounded-full border border-primary-border flex justify-center items-center mr-3" style="width:56px;height:56px" > <img src="{pboot:sitetplpath}/web/images/icon3.png" style="max-width:100%"> </div> <div class="text-regular" > <p class="text-l font-medium" >金牌项目经理班组</p> <p class="text-s" >一砖一瓦的建筑师，德系工艺高效配合</p> </div> </li> <li class="flex items-center mt-12 pl-20" style="display: flex;align-items: center;"> <div class="rounded-full border border-primary-border flex justify-center items-center mr-3" style="width:56px;height:56px" > <img src="{pboot:sitetplpath}/web/images/icon4.png" style="max-width:100%"> </div> <div class="text-regular" > <p class="text-l font-medium" >售后客服团队</p> <p class="text-s" >全过程时时关心、事事关注、认真倾听</p> </div> </li> </ul> </div> <div class="bg-regular h-full flex-1 relative py-12" > <div class="triangle-l absolute top-2/4" ></div> <h2 class="text-2xl text-white font-medium text-center" >多位设计师联手共创卓越设计</h2> <div class="px-5 mt-5 mx-auto" > <img src="{pboot:sitetplpath}/web/images/team.png" style="max-width:100%" ></div> </div> </div> {pboot:sort scode=3}<a href="[sort:link]"><span class="yyBtnH">了解更多</span></a>{/pboot:sort} </div> </div> <div class="bottomBg" style="height:9px;"> </div> <div style="padding-bottom: 0.5rem;background:#fff"> <div class="container pr"> <h2 class="wrap-title text-center fontblack pt-20">服务流程</h2> <p class="text-center text-text-2 fontblack">用最优质的服务，给您带来最好的体验</p> </div> <ul class="sub clearfix"> <img src="{pboot:sitetplpath}/web/images/service.png" style="max-width:100%"> </ul> </div> <div style="background: #f6f6f6"> <div class="container pr"> <h2 class="wrap-title text-center fontblack pt-20">我们承诺</h2> <p class="text-center text-text-2 fontblack">7项清零行动，打消您的一切顾虑 </p> </div> <ul class="sub clearfix"> <img src="{pboot:sitetplpath}/web/images/bg8.png" style="max-width:100%"> </ul> </div> </div> <script src="{pboot:sitetplpath}/web/js/main_new.js"></script> <script src="{pboot:sitetplpath}/web/js/source.js"></script> {include file=foot.html}