body{background:#f1f1f1;}
/* 首页 banner 轮播图 */
.Phome-banner{width: 100%;height: 4.2rem;}
.Phome-banner img{display: block;width: 100%;height: 100%;}
.Phome-banner .swiper-container{width: 100%;height: 100%;}
.Phome-banner .swiper-container img{display: block;width: 100%;height: 100%;}
.Phome-banner .swiper-pagination{width: 100%;height: 0.12rem;position: absolute;left: 0;bottom: 0.28rem!important;display: flex;justify-content: center; flex-wrap: nowrap;}
.Phome-banner .swiper-pagination-bullet{width: 0.08rem;height: 0.08rem;background: rgba(255,255,255,0);border: 0.02rem solid rgba(255,255,255,1);border-radius:50%;margin-right: 0.12rem!important;opacity: 1;}
.Phome-banner .swiper-pagination-bullet-active {width: 0.12rem;height: 0.12rem;background: rgba(25,121,88,1);border: 0;}

/* 8个分类*/
.Phome-class{width: 100%;height: 4.8rem;background: #fff;}
.Phome-class li{width: 25%;height: 1.4rem;float: left;}
.Phome-class li a{display: block;width: 100%;height: 100%}
.Phome-class li img{display: block;width: 0.56rem;height: 0.54rem;margin: 0 auto}
.Phome-class li span{display: block;width: 100%;text-align: center;font-size: 0.24rem;color: #333;line-height: 0.24rem;margin-top: 0.2rem;}
.Phome-class li:first-child,.Phome-class li:nth-child(2),.Phome-class li:nth-child(3),.Phome-class li:nth-child(4){margin-top: 0.5rem;}
/* 装修计算 */
.Phome-zxjs{width: 100%;height: 7.57rem;background: #fff;}
.Phome-zxjs-div{display: block;width: 7rem;margin: 0 auto;}
.Phome-zxjs-div img{display: block;width: 100%;}
.Phome-zxjs form{display: block;width: 7rem;margin:0.38rem auto 0;border-bottom: 0.01rem solid #e2e2e2;box-shadow: 0 0.3rem 0.2rem -0.1rem #d3d3d3;}
.Phome-zxjs form input::placeholder{color: #b8b7b7;}
.Phome-zxjs form input{display: block;width: 6rem;height: 0.86rem;box-sizing: border-box;background: #f1f1f1;padding-left: 1.1rem;font-size: 0.26rem;color: #b8b7b7;margin:0 auto 0.2rem;border-radius: 0.05rem;}
.Phome-zxjs form input:nth-child(2){margin-bottom: 0;}
.Phome-zxjs form div{width: 6rem;height: 0.86rem;box-sizing: border-box;background: #f1f1f1;margin:0 auto 0.2rem;border-radius: 0.05rem;}
.Phome-zxjs form div span{display: block;width: 0.46rem;height: 0.46rem;float: left;position: relative;top: 0.2rem;left: 0.28rem;}
.Phome-zxjs form div span img{display: block;width: 100%;height: 100%;}
.Phome-zxjs form div input{display: block;width: 5.54rem;height: 0.86rem;float: left;box-sizing: border-box;padding-left: 0.7rem;font-size: 0.26rem;color: #b8b7b7;}
.Phome-zxjs form p{font-size: 0.18rem;color: #666;text-align: center;line-height: 0.2rem;margin-top: 0.28rem;margin-bottom: 0.3rem;}
.Phome-zxjs form button{display: block;width: 6rem;height: 0.86rem;margin: 0 auto;border-radius: 0.05rem;background: #47816d;color: #fff;font-size: 0.36rem;text-align: center;line-height: 0.9rem;margin-top: 0.4rem}

/* 海量精选案例 */
.Phome-case{width: 100%;overflow: hidden;margin-top: 0.2rem;background: #fff;}
.Phome-case-one{width: 7rem;margin: 0.4rem auto 0;height: 0.42rem;left: 0;right: 0;}
.Phome-case-one span{display: inline-block;float: left;width: 33.3%;}
.Phome-case-one span:first-child{font-size: 0.34rem;color:#333;text-align: left;font-weight: bold;}
.Phome-case-one span:nth-child(2){font-size: 0.24rem;color:#999;padding-top: 0.12rem;}
.Phome-case-one span:nth-child(3) a{display: block;font-size: 0.22rem;color:#999;text-align: right;padding-top: 0.12rem;}
.Phome-case-two{width: 7.5rem;height: 5rem;margin:0 auto;} 
.Phome-case-title{position:relative;height: 0.85rem;width: 100%;overflow: hidden;margin:0 auto;}
.Phome-case-title .swiper-slide a{display: block;width: 1.28rem;height: 0.46rem;line-height: 0.46rem;border-radius: 0.23rem;text-align: center;font-size: 0.22rem;color: #666;float: left;background:#f1f1f1;margin: 0.28rem 0.2rem 0.28rem 0.24rem;}
.Phome-case-title .swiper-slide:last-child a{margin-right:0.24rem;}
.Phome-case-title .swiper-slide-thumb-active a{color: #fff;background:#228c68;}
/*.Phome-case-list{width: 100%;height: 3.4rem;margin-top: 0.24rem!important;overflow: hidden;}*/
.Phome-case-list{width: 92.8%;height: 3.4rem;margin-top: 0.24rem!important;overflow: hidden;}
.Phome-case-list a{display: block;width: 100%;height: 3.4rem}
.Phome-case-list .swiper-slide img{display: block;width: 100%;height: 100%}
.Phome-case-list .swiper-slide p{position: absolute;width: 100%;height: 0.6rem;background: rgba(0,0,0,0.5);left: 0;bottom: 0;line-height: 0.6rem;}
.Phome-case-list .swiper-slide p span{font-size: 0.24rem;display:block;color: #fff;text-align: center;}

/* 推荐设计师 */
.Phome-designer{width: 100%;height:5.8rem;overflow: hidden;margin-top: 0.2rem;background: #fff;}
.Phome-designer-center{width: 7rem;height: 6.55rem;margin: 0 auto;}
.Phome-designer-one{width: 7rem;margin: 0.4rem auto 0;height: 0.42rem;left: 0;right: 0;}
.Phome-designer-one span{display: inline-block;float: left;}
.Phome-designer-one span:first-child{font-size: 0.34rem;width: 28.3%;color:#333;text-align: left;font-weight: bold;}
.Phome-designer-one span:nth-child(2){font-size: 0.24rem;width: 48.4%;color:#999;padding-top: 0.12rem;}
.Phome-designer-one span:nth-child(3){font-size: 0.22rem;width: 23.3%;color:#999;text-align: right;padding-top: 0.12rem;}
.Phome-designer-one span:nth-child(3) a{display: block;color:#999;}
.Phome-designer-two{width: 7rem;height: 6rem; background: #202c39;margin:0.3rem auto 0;}
.Phome-designer-two .swiper-container{width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.Phome-designer-two .swiper-slide{}
.Phome-designer-two .gallery-top{}
.Phome-designer-two .gallery-thumbs{height: 20%;box-sizing: border-box;padding: 10px 0;}
.Phome-designer-two .gallery-thumbs .swiper-slide{}
.Phome-designer-two .gallery-thumbs .swiper-slide-thumb-active .designer-two-listhead{border: 0.04rem solid #efb456;}
.designer-two{width: 7rem;height: 1.4rem;}
.designer-two-listhead{width: 0.8rem;height: 0.8rem;border-radius: 0.5rem;overflow: hidden;float: left;margin-left: 0.14rem;border:0.04rem solid #999;}
.designer-two-listhead img{display: block;width: 100%;height: 100%;}
.designer-three{width: 7rem;height: 4.6rem;}
.designer-three-top{width: 7rem;height: 2.53rem;background: #fff;}
.three-top-left{width: 2.14rem;height: 2.53rem;float: left;}
.three-top-left img{display: block;width: 100%;height: 100%;}
.three-top-right{width: 4.68rem;height: 2.53rem;float: right;}
.top-right-one{width: 100%;height: 0.93rem;margin-top: 0.1rem;}
.right-one-span{width: 2.32rem;height: 0.93rem;float: left;}
.right-one-span span{display: block;width:1.8rem;height:0.4rem;line-height: 0.4rem;color: #333;margin-left: 0.1rem;}
.right-one-span span:first-child{font-size: 0.32rem;}
.top-right-one .right-one-span:first-child span:first-child{font-weight: bold;margin-top: 0.16rem;}
.right-one-span span:nth-child(2){font-size: 0.18rem;}
.top-right-one .right-one-span:nth-child(2) span{background: #228c68;width: 1.57rem;height: 0.44rem;line-height: 0.44rem;text-align: center;color: #fff;border-radius: 0.22rem;font-size: 0.22rem;margin: 0.25rem auto;}
.top-right-two{width: 100%;height: 0.93rem;margin-top: 0.1rem;}
.right-two-span{display: block;width:4.6rem;height:0.4rem;line-height: 0.4rem;color: #333;margin-left: 0.1rem;font-size:0.18rem;overflow: hidden;}
.top-right-two .right-two-span:nth-child(3){margin-top: 0.1rem;}

.designer-three-bottom{width: 7rem;height: 2rem;}
.designer-three-bottom a{display: block;width: 2.14rem; height:1.45rem;float: left;margin-top:0.28rem;margin-bottom: 0.28rem;}
.designer-three-bottom a:first-child,.designer-three-bottom a:nth-child(2){margin-right: 0.29rem;}
.designer-three-bottom a img{display: block;width: 100%;height: 100%;}

/* 甄选家装产品 */
.Phome-chanpin{width: 100%;height: 6.68rem;background: #fff;margin-top: 0.2rem;position: relative;}
.Phome-chanpin-one{width: 7rem;margin: 0.4rem auto 0;height: 0.42rem;left: 0;right: 0;position: absolute;}
.Phome-chanpin-one span{display: inline-block;float: left;}
.Phome-chanpin-one span:first-child{font-size: 0.34rem;width: 33.3%;color:#333;text-align: left;font-weight: bold;}
.Phome-chanpin-one span:nth-child(2){font-size: 0.24rem;width: 63.4%;color:#999;padding-top: 0.12rem;}
.Phome-chanpin-two{width: 7rem;height: 5.38rem;margin: 0 auto;position: absolute;top:1.3rem;left: 0;right: 0;}
.Phome-chanpin-two .swiper-container {width: 100%;height: 100%;}
.Phome-chanpin-two .swiper-slide {transition: 300ms;transform: scale(0.8);}
.Phome-chanpin-two .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.chanpin-two-div1{width: 4.1rem;height: 3.78rem;}
.chanpin-two-div1 img{display: block;width: 100%;height: 100%;}
.chanpin-two-div2{width: 4.1rem;height: 0.9rem;background: #313131;}
.chanpin-two-div2 span{display: block;height: 0.42rem;color: #fff;}
.chanpin-two-div2 span:first-child{width: 2.1rem;margin-top:0.24rem;margin-left:0.22rem;float: left;text-align: center;font-size: 0.3rem;line-height: 0.42rem;}
.chanpin-two-div2 span:nth-child(2){width: 1.04rem;margin-top:0.24rem;margin-right:0.32rem;float: right;text-align: center;font-size: 0.22rem;line-height: 0.42rem;background: #228c68;border-radius: 0.21rem;}


/* 在施工地 */
.Phome-gongdi{width: 100%;height: 6.68rem;background: #fff;margin-top: 0.2rem;position: relative;}
.Phome-gongdi-one{width: 7rem;margin: 0.4rem auto 0;height: 0.42rem;left: 0;right: 0;position: absolute;}
.Phome-gongdi-one span{display: inline-block;float: left;}
.Phome-gongdi-one span:first-child{font-size: 0.34rem;width: 23.3%;color:#333;text-align: left;font-weight: bold;}
.Phome-gongdi-one span:nth-child(2){font-size: 0.24rem;width: 53.4%;color:#999;padding-top: 0.12rem;}
.Phome-gongdi-one span:nth-child(3){font-size: 0.22rem;width: 23.3%;color:#999;text-align: right;padding-top: 0.12rem;}
.Phome-gongdi-one span:nth-child(3) a{display:block;color:#999;}
.Phome-gongdi-two{width: 7rem;height: 5.48rem;margin: 0 auto;top: 1rem;left: 0;right: 0;position: absolute;}
.Phome-gongdi-two .swiper-container {width: 100%;height: 100%;}
.Phome-gongdi-two .swiper-slide {text-align: center;font-size: 18px;background: #fff;width: 80%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.gongdi-two{width: 5.5rem;height: 4.88rem;}
.gongdi-two-img{width: 5.5rem;height: 3.0rem;}
.gongdi-two-img img{display: block;width: 100%;height: 100%;}
.gongdi-two-div{width: 5.5rem;height: 1.85rem;background: #f1f1f1;}
.gongdi-two-div .two-div{width: 5.5rem;height: 0.84rem;border-bottom: 1px solid #e5e5e5;}
.gongdi-two-div .two-div span{display: block;font-size: 0.24rem;text-align: center;height: 0.44rem;margin-top: 0.2rem;}
.gongdi-two-div .two-div span:first-child{width: 2.04rem;color: #333;line-height: 0.44rem;margin-left: 0.24rem;float: left;font-weight: bold;overflow: hidden;}
.gongdi-two-div .two-div span:nth-child(2){width: 2.04rem;background: #228c68;color: #fff;line-height: 0.44rem;float: right;border-radius: 0.22rem; margin-right: 0.24rem;}
.gongdi-two-div .two-div2{width: 5.5rem;height: 0.98rem;}
.gongdi-two-div .two-div2 span{display: block;width: 50%;height: 0.49rem;float: left;font-size: 0.18rem;color: #333;text-align: center;line-height: 0.49rem;}

/* 线下沉浸式体验馆 */
.Phome-experience{width: 100%;height: 6.9rem;background: #fff;margin-top: 0.2rem;position: relative;}
.Phome-experience-one{width: 7rem;margin: 0.4rem auto 0;height: 0.42rem;left: 0;right: 0;position: absolute;}
.Phome-experience-one span{display: inline-block;float: left;}
.Phome-experience-one span:first-child{font-size: 0.34rem;width: 43.3%;color:#333;text-align: left;font-weight: bold;}
.Phome-experience-one span:nth-child(2){font-size: 0.24rem;width: 53.4%;color:#999;padding-top: 0.12rem;}
.Phome-experience-two{width: 100%;height: 5.7rem;position: absolute;top:1.2rem;}
.experience-shang{width: 7rem;height: 3.94rem;margin:0 auto;}
.experience-shang img{display: block;width: 100%;height: 100%;}
.experience-xia{width: 7rem;height: 1.08rem;margin:0 auto;background:#f1f1f1;}
.experience-xia span{height: 0.52rem;}
.experience-xia span:first-child{float: left;width: 3.4rem;color:#000;font-size: 0.28rem;line-height: 0.52rem;text-align: center;margin: 0.28rem 0.26rem;font-weight:bold;}
.experience-xia span:nth-child(2){float: right;width: 2.36rem;color:#f1f1f1;background: #228c68;font-size: 0.24rem;line-height: 0.52rem;text-align: center;border-radius: 0.26rem;margin: 0.28rem 0.36rem;}
.Phome-experience-two .swiper-container{margin:0.1rem auto 0;}
.Phome-experience-two .swiper-pagination{width: 100%;height: 0.12rem;position: absolute;left: 0;bottom: 1.28rem!important;display: flex;justify-content: center; flex-wrap: nowrap;}
.Phome-experience-two .swiper-pagination-bullet{width: 0.08rem;height: 0.08rem;background: rgba(255,255,255,0);border: 0.02rem solid rgba(255,255,255,1);border-radius:50%;margin-right: 0.12rem!important;opacity: 1;}
.Phome-experience-two .swiper-pagination-bullet-active {width: 0.12rem;height: 0.12rem;background: rgba(25,121,88,1);border: 0;}
.Phome-experience-two .swiper-button-prev{width:0.46rem;height:0.46rem;left: 0.25rem;cursor: pointer;background: url("../images/eft_tyg.png") no-repeat center;
    background-size: 100%}
.Phome-experience-two .swiper-button-next{width:0.46rem;height:0.46rem;right: 0.25rem;cursor: pointer;background: url("../images/right_tyg.png") no-repeat center;
    background-size: 100%}

/* 装修攻略 */
.Phome-article{width: 100%;height: 7.14rem;background: #fff;margin-top: 0.2rem;position: relative;}
.Phome-article-one{width: 7rem;margin: 0.4rem auto 0;height: 0.42rem;left: 0;right: 0;position: absolute;}
.Phome-article-one span{display: inline-block;float: left;}
.Phome-article-one span:first-child{font-size: 0.34rem;width: 23.3%;color:#333;text-align: left;font-weight: bold;}
.Phome-article-one span:nth-child(2){font-size: 0.24rem;width: 53.4%;color:#999;padding-top: 0.12rem;}
.Phome-article-one span:nth-child(3){font-size: 0.22rem;width: 23.3%;color:#999;text-align: right;padding-top: 0.12rem;}
.Phome-article-one span:nth-child(3) a{display:block;color:#999;}
.Phome-article-two{width: 100%;height: 6.14rem;position: absolute;top:1rem;}
.article-list{width: 7rem;height: 1.96rem;margin:0 auto;}
.Phome-article-two .article-list:first-child,.Phome-article-two .article-list:nth-child(2){border-bottom: 1px solid #e5e5e5;}
.article-left{width: 2.04rem;height: 1.36rem;float: left;margin: 0.3rem 0;}
.article-list .article-left img{display: 100%;width: 100%;height: 100%;}
.article-right{width: 4.7rem;height: 1.36rem;float: left;margin: 0.3rem 0 0.3rem 0.24rem;}
.article-right-shang{display: block;width: 100%;font-size: 0.26rem;line-height: 0.36rem;color: #333;font-weight: bold;}
.article-right-xia{display: block;width: 100%;font-size: 0.2rem;margin-top: 0.36rem;color: #999;}
.article-right-xia span:nth-child(2){margin-left: 0.64rem;}

/* 品牌实力 */
.Phome-brand{width: 100%;height: 6.84rem;background: #fff;margin-top: 0.2rem;position: relative;}
.Phome-brand-one{width: 7rem;margin: 0.6rem auto 0;height: 0.42rem;left: 0;right: 0;position: absolute;}
.Phome-brand-one span{display: inline-block;float: left;}
.Phome-brand-one span:first-child{font-size: 0.34rem;width: 23.3%;color:#333;text-align: left;font-weight: bold;}
.Phome-brand-one span:nth-child(2){font-size: 0.24rem;width: 76.4%;color:#999;padding-top: 0.12rem;}
.Phome-brand-two{width: 7rem;height: 5.66rem;margin: 0 auto;position: absolute;left: 0;right: 0;top:1.2rem;}
.brand-two{width: 3.5rem;height: 2.6rem;float: left;}
.brand-two-img{width: 0.88rem;height: 0.88rem;margin: 0.36rem auto 0.32rem;}
.brand-two-img img{display: block;width: 100%;height: 100%;}
.brand-two-span{display: block;width: 3.5rem;height: 0.4rem;}
.brand-two-span span{display: block;width: 100%;height: 0.4rem;margin: 0 auto;}
.brand-two-span span:first-child{width: 3rem;line-height: 0.26rem;font-size: 0.24rem;color: #333;text-align: center;font-weight: bold; }
.brand-two-span span:nth-child(2){width: 2.6rem;line-height: 0.34rem;font-size: 0.18rem;color: #999;text-align: center;}

/* 备案 */
.Phome-beian{width: 100%;height: 1.84rem;position: relative;margin-bottom:1rem;}
.Phome-beian p{position: absolute;width: 90%;height: 0.4rem;line-height: 0.4rem;text-align:center;font-size: 0.22rem;color:#999;margin:0 auto;left:0;right:0;}
.Phome-beian p a{color:#999;}
.Phome-beian p:first-child{top:0.36rem;}
.Phome-beian p:nth-child(2){top:1.2rem;}

/* 预约工地弹窗 */
.Phome-gongdi-all{width: 100%;height: 100vh;overflow: hidden;background: rgba(0,0,0,0.5);display: none;position: fixed;left: 0;top: 0; z-index: 999;}
.Phome-gongdi-tan{position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 4.6rem;height: 7.67rem;display: none;background: #fff;}
.Phome-gongdi-tan-img{width:4.6rem;height:2.44rem;}
.Phome-gongdi-tan-img img{display:block;width:100%;height:100%;}
.Phome-gongdi-tan-form{width:4.6rem;height:5.23rem;}
.Phome-gongdi-tan-form h2{font-size: 0.3rem;color:#333;text-align: center;padding-top: 0.25rem;line-height: 0.4rem;}
.Phome-gongdi-tan-form span{height: 0.38rem;display:block;font-size: 0.3rem;color:#333;text-align: center;padding-top: 0.06rem;line-height: 0.4rem;font-weight: 600}
.Phome-gongdi-form{width: 100%;height:2.55rem;margin:0 auto;margin-top:0rem;overflow: hidden;}
.Phome-gongdi-form input{width:3.68rem;font-size: 0.24rem;height: 0.56rem;background: none;border: 1px solid #e5e5e5;padding-left: 0.2rem;display: block;overflow: hidden;position: relative;margin: 0 auto;margin-top: 0.18rem;}
.Phome-gongdi-form button{width: 3.88rem;height: 0.56rem;position: absolute;left: 0;right: 0;bottom: 0.78rem;margin: auto;background: #ffac29;border-radius: 0.06rem;outline: none;border: none;cursor: pointer;font-size: 0.28rem;}
.Phome-gongdi-form input.coolbg{width: 3.88rem;height: 0.56rem;position: absolute;left: 0;right: 0;bottom: 0.78rem;margin: auto;background: #ffac29;border-radius: 0.06rem;outline: none;border: none;cursor: pointer;font-size: 0.28rem;}
.Phome-gongdi-span{display: block;width: 80%;margin: 0 auto;font-size: 0.16rem!important;text-align: center;position: absolute;bottom: 0.3rem;left: 0;right: 0;color:#999!important;font-weight: normal!important;}
.Phome-gongdi-close{width:4.6rem;height:0.5rem;margin: 0.6rem auto 0;}
.Phome-gongdi-close-div{width:0.5rem;height:0.5rem;margin:0 auto;}
.Phome-gongdi-close-div img{display:block;width:100%;height:100%;}