@charset "utf-8";
/* CSS Document */

/************************************************************************************
局部装修
*************************************************************************************/
.nav1 ul li span {
	font-size: 1rem;
	color: #adafb5; padding-bottom:10px; cursor:pointer;
}
.nav1 ul li:hover  span,.nav1 ul li.active span{
	color: #fff;
	background:url(/style/images/nav_li_bg.png) repeat-x bottom;
}
.jubu-banner-background{
	width: 100%;
	height: 580px;
	position: relative; 
}
.jubu-banner-background a:nth-of-type(1){ width:100%; height:100%; display:block; cursor:pointer;}

.jubu_main{ width:1200px;  margin:0 auto; padding-bottom:30px;     padding-top: 1px;}

/*厨房翻新*/
.jb-cffanxin{ width:100%; height:auto; margin:0 auto;}
.jb-header-title{ width:100%; height:75px; margin:0 auto; text-align:center; border-bottom:1px solid #c7c7c7; margin-bottom:70px; margin-top:10px;}
.jb-header-title p{padding-top:3px;}
.jb-header-title p span{ border-bottom:4px solid #999999; height:70px; line-height:70px; display:inline-block; font-size:2.25rem;}

.jb-fanxin-bannner{ width:1200px; height:450px; float:left;}
.jb-fanxin-bannner p{ width:100%; height:450px; position:relative; overflow:hidden;
-moz-box-shadow:0px 8px 8px rgba(0,0,0,0.11); -webkit-box-shadow:0px 8px 8px rgba(0,0,0,0.11); box-shadow:0px 8px 8px rgba(0,0,0,0.11);
}
.jb-fanxin-bannner p img{ width:100%; height:auto; min-height:450px; transition: all 0.7s ease 0s; }
.jb-fanxin-bannner p:hover img{transform: scale(1.03);}
.jb-fanxin-bannner p span{ position:absolute; width:156px; height:70px; background:url(/style/images/ico88.png) no-repeat -1px -1px; right:0px; bottom:24px; text-align:center; text-indent:1rem; line-height:70px; }
.jb-fanxin-bannner p span a{ width:100%; height:100%; display:block; color:#fff; font-size:1.25rem; letter-spacing:1px;}


.jb-cffanxin-con{ width:1200px; height:auto; float:left; margin:0 auto;}
.jb-fanxin-title{ width:1200px; text-align:center; float:left; line-height:100px; color:#333333; font-size:1.375rem; height:100px; padding-bottom:15px;}
.jb-fanxin-title span{ display:inline-block; border-bottom:2px solid #d43336; color:#333333; font-size:1.375rem; line-height:40px;}
.jb-fanxin-info{ width:1198px; float:left; border:1px solid #d1d1d1; border-top:0px; padding-bottom:40px; }
.jb-fanxin-left{ float:left; width:685px; }
.jb-fanxin-left ul li{ width:226px; height:156px; overflow:hidden; text-align:center; margin:0px; padding:0px; float:left;}
.jb-fanxin-left ul li p{ width:100%; height:100%; overflow:hidden; text-align:center; position:relative;}
.jb-fanxin-left ul li p img{ width:100%; height:auto; min-height:156px; transition: all 0.7s ease 0s; }
.jb-fanxin-bannner li:hover img{transform: scale(1.03);}
.jb-fanxin-left ul li p span{ position:absolute; width:100%; height:100%; display:block; left:0px; top:0px; font-size:1.25rem; color:#fff; line-height:156px; background:rgba(0,0,0,0.3);}
.jb-fanxin-left ul li p:hover span{ background:rgba(0,0,0,0.1);}
.jb-fanxin-left ul li.active p span{background:rgba(0,0,0,0.1);}
.jb-fanxin-right{ float:right; width:498px;}
.jb-fanxin-con{ width:100%; height:auto; display:none;}
.jb-fanxin-con .jb-fx-con-img{ width:498px; height:376px; overflow:hidden; float:left;}
.jb-fanxin-con .jb-fx-con-img img{ width:100%; height:auto; min-height:376px; float:left; transition: all 0.7s ease 0s; }
.jb-fanxin-con .jb-fx-con-img img:hover{transform: scale(1.03);}
.jb-fanxin-con .jb-fx-con-text{ width:100%; height:42px; float:left; margin-top:30px;}
.jb-fanxin-con .jb-fx-con-text span{ display:inline-block;}
.jb-fanxin-con .jb-fx-con-text span:nth-of-type(1){ margin-left:25px; border-left:2px solid #999999; height:26px; line-height:26px; color:#333333; font-size:1.375rem; padding-left:10px; width:185px;}
.jb-fanxin-con .jb-fx-con-text span:nth-of-type(2),.jb-fanxin-con .jb-fx-con-text span:nth-of-type(3){ width:115px; height:42px; line-height:42px; text-align:center; color:#fff; font-size:1.125rem; background:#d84749; border-radius:21px; cursor:pointer; margin-right:10px;}
.jb-fanxin-con .jb-fx-con-text span:nth-of-type(3){ margin-right:0px;}
.jb-fanxin-con .jb-fx-con-text span:nth-of-type(2) a{ display:block; width:100%; height:100%; color:#fff; font-size:1.125rem;}

/*卫生间翻新*/
.jb-wsjfanxin{ width:100%; height:auto; margin:0 auto;}
.jb-wsjfanxin-con{ width:1200px; height:auto; float:left; margin:0 auto;}

/*墙面翻新*/
.jb-qmfanxin{ width:100%; height:auto; margin:0 auto;}
.jb-qmfanxin-con{ width:1200px; height:auto; float:left; margin:0 auto;}
.jb-fanxin-info2{ width:1198px; float:left; border:1px solid #d1d1d1; border-top:0px; padding-bottom:20px; }
.jb-fanxin-top{ width:100%; height:auto; float:left;}
.jb-fanxin-top ul li{ width:268px; height:auto; float:left; text-align:center; margin-left:42px;}
.jb-fanxin-top ul li:nth-of-type(1){ margin-left:0px;}
.jb-fanxin-top ul li .jb-qmfx-img{ width:268px; height:255px; overflow:hidden; position:relative; border-bottom:2px solid #fbfbfb;}
.jb-fanxin-top ul li .jb-qmfx-img:hover{ border-bottom:2px solid #d43336;}
.jb-fanxin-top ul li .jb-qmfx-img img{ width:100%; height:auto; min-height:255px;}
.jb-fanxin-top ul li .jb-qmfx-img span{position:absolute; left:0px; top:0px; display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.3);transition:all 1s ease;transform: translateY(0);}
.jb-fanxin-top ul li .jb-qmfx-img:hover span{ transform: translateY(-100%);}
.jb-fanxin-top ul li .jb-qmfx-text{ width:100%; text-align:center; margin-top:20px;}
.jb-fanxin-top ul li .jb-qmfx-text span{ display:inline-block; border-left:2px solid #d43336; height:22px; line-height:22px; color:#333333; font-size:1.25rem; text-indent:8px;}
.jb-fanxin-bottom{ width:100%; margin:0 auto; text-align:center; margin-top:30px; float:left;}
.jb-fanxin-bottom span{width:130px; height:42px; line-height:42px; text-align:center; color:#fff; font-size:1.125rem; background:#d84749; border-radius:21px; cursor:pointer; display:inline-block; margin:0px 100px;
-moz-box-shadow:5px 10px 7px rgba(0,0,0,0.11); -webkit-box-shadow:5px 10px 7px rgba(0,0,0,0.11); box-shadow:5px 10px 7px rgba(0,0,0,0.11);}
.jb-fanxin-bottom span a{ display:block; width:100%; height:100%; color:#fff; font-size:1.125rem;}


/*客厅翻新*/
.jb-ktfanxin{ width:100%; height:auto; margin:0 auto;}
.jb-ktfanxin-con{ width:1200px; height:auto; float:left; margin:0 auto;}
.jb-ktfanxin-con .jb-fanxin-left ul li{ width:226px; height:234px; overflow:hidden; text-align:center; margin:0px; padding:0px; float:left;}
.jb-ktfanxin-con .jb-fanxin-left ul li p span{ position:absolute; width:100%; height:100%; display:block; left:0px; top:0px; font-size:1.25rem; color:#fff; line-height:234px; background:rgba(0,0,0,0.3);}
.jb-ktfanxin-con .jb-fanxin-left ul li p:hover span{ background:rgba(0,0,0,0.1);}
.jb-ktfanxin-con .jb-fanxin-left ul li.active p span{background:rgba(0,0,0,0.1);}

/*卧室翻新*/
.jb-wsfanxin{ width:100%; height:auto; margin:0 auto;}
.jb-wsfanxin-con{ width:1200px; height:auto; float:left; margin:0 auto;}

/*主材品牌*/
.jb-zhucaipp{ width:100%; height:auto; margin:0 auto;}
.jb-header2-title{ width:100%; height:45px; margin:50px auto 40px; text-align:center;}
.jb-header2-title p{height:40px; line-height:40px;font-size:1.5rem; color:#333;}
.jb-header2-title p span{ border-bottom:2px solid #d43336; height:40px; line-height:40px; display:inline-block; font-size:1.5rem; color:#333;}

.jb-zhucaipp-con{ width:1200px; height:auto; float:left; margin:0 auto;}
.jb-zhucaipp-list{ width:100%; height:80px; float:left; margin:0 auto; margin-bottom:50px;}
.jb-zhucaipp-list ul li{ width:80px; height:80px; float:left; margin:0px 59px;}
.jb-zhucaipp-list ul li span{ width:52px; height:52px; display:block; border:14px solid #f3d3d4; background:#fff; text-align:center; line-height:52px; font-size:1.125rem; color:#d84749; border-radius:100%; cursor:pointer; transition:all 0.7s ease;}
.jb-zhucaipp-list ul li:hover span,.jb-zhucaipp-list ul li.active span{ color:#fff; background:#dd6365;}

.jb-zhucaipp-infos,.jb-zhucaipp-info{ width:100%; height:auto; float:left; margin:0 auto;}
.jb-zhucaipp-info{ display:none;}
.jb-zhucaipp-info ul li{ width:564px; height:auto; text-align:center; margin:0px 18px; float:left; overflow:hidden;}
.jb-zcpp-lx{ width:100%; text-align:center; float:left;}
.jb-zcpp-lx span{ width:112px; height:62px; background:#e06f71; display:inline-block; border-radius:56px 56px 0px 0px; line-height:62px; font-size:1.375rem; color:#fff;}
.jb-zcpp-img{ width:100%; height:416px; overflow:hidden;
-moz-box-shadow:5px -8px 7px rgba(0,0,0,0.11); -webkit-box-shadow:5px -8px 7px rgba(0,0,0,0.11); box-shadow:5px -8px 7px rgba(0,0,0,0.11);}
.jb-zcpp-img img{ width:100%; height:auto; min-height:416px; transition: all 0.7s ease 0s; }
.jb-zcpp-img img:hover{transform: scale(1.03);}
.jb-zcpp-text{ float:left; width:490px; height:auto; min-height:75px; padding:20px 36px; border:1px solid #d1d1d1; border-top:0px;}
.jb-zcpp-text p:nth-of-type(1){ width:100%; text-align:center; height:40px; line-height:40px; padding-bottom:10px; color:#333; font-size:1.25rem;}
.jb-zcpp-text p:nth-of-type(2){ width:100%; text-align:left; line-height:25px; font-size:0.875rem; color:#666;}

/*装修流程*/
.jb-liucheng{ width:100%; height:auto; margin:0 auto;}
.jb-liucheng-con{ width:1200px; height:auto; float:left; margin:0 auto;}
.jb-liucheng-con ul li{ float:left; width:364px; height:410px; margin-right:49px; border:1px solid #d6d6d6; background:#fff; margin-bottom:50px; overflow:hidden; }
.jb-liucheng-con ul li:hover{
-moz-box-shadow:5px 10px 13px rgba(0,0,0,0.06); -webkit-box-shadow:5px 10px 13px rgba(0,0,0,0.06); box-shadow:5px 10px 13px rgba(0,0,0,0.06);}
.jb-liucheng-con ul li:nth-of-type(3),.jb-liucheng-con ul li:nth-of-type(6){ margin-right:0px;}
.jb-liucheng-con ul li .jb-lc-img{ width:100%; height:265px; overflow:hidden; }
.jb-liucheng-con ul li .jb-lc-img img{ width:100%; height:auto; min-height:265px; transition: all 0.7s ease 0s; /*cursor:pointer;*/}
.jb-liucheng-con ul li:hover .jb-lc-img img{transform: scale(1.03);}
.jb-liucheng-con ul li .jb-lc-title{ padding-top:20px; width:100%; margin:0 auto; color:#333333; font-size:1.375rem; text-align:center; line-height:35px;}
.jb-liucheng-con ul li:hover .jb-lc-title{ color:#d43336;}
.jb-liucheng-con ul li .jb-lc-info{ width:90%; padding:10px 5% 20px; margin:0 auto; line-height:25px; font-size:0.875rem; color:#666666; position:relative; letter-spacing:1px;}
.jb-liucheng-con ul li .jb-lc-info span{ position:absolute; top:18px; left:8px; width:2px; height:14px; background:#d43336;}

/*装修工艺*/
.jb-gongyi{ width:100%; height:auto; margin:0 auto;}
.jb-gongyi-con{ width:100%; margin:0 auto; float:left;}
.jb-gongyi-con ul{ width:1130px; padding-left:56px; float:left; margin:20px 0px;}
.jb-gongyi-con ul li{ width:155px; height:135px; margin:0px; text-align:center; display:inline-block; background:url(/style/images/ico88.png) no-repeat -5px -81px; float:left;}
.jb-gongyi-con ul li p{ width:105px; text-align:center; padding-top:42px; padding-left:24px; line-height:25px; color:#333; font-size:1.125rem;}
.jb-gongyi-con ul li:nth-of-type(2),.jb-gongyi-con ul li:nth-of-type(4),.jb-gongyi-con ul li:nth-of-type(6){ margin-top:81px;}
.jb-gongyi-con ul li:nth-of-type(7) p{ padding-top:55px;}

/*局部装修攻略*/
.jb-gonglue{ width:100%; height:auto; margin:0 auto;}
.jb-gonglue-con{ width:1200px; height:auto; float:left; margin:0 auto;}
.jb-gonglue-con ul li{float:left;width:364px;height: 400px;margin-right:49px;border:1px solid #d6d6d6;background:#fff;margin-bottom:50px;overflow:hidden;-moz-box-shadow:5px 10px 13px rgba(0,0,0,0.06);-webkit-box-shadow:5px 10px 13px rgba(0,0,0,0.06);box-shadow:5px 10px 13px rgba(0,0,0,0.06);}
.jb-gonglue-con ul li:nth-of-type(3),.jb-gonglue-con ul li:nth-of-type(6){ margin-right:0px;}
.jb-gonglue-con ul li .jb-gl-img{width:100%;/* height:228px; */overflow:hidden;}
.jb-gonglue-con ul li .jb-gl-img img{width:100%;height:auto;max-height: 228px;transition: all 0.7s ease 0s;/*cursor:pointer;*/}
.jb-gonglue-con ul li:hover .jb-gl-img img{transform: scale(1.03);}
.jb-gonglue-con ul li .jb-gl-title{ padding-top:20px; width:100%; margin:0 auto; text-align:center; line-height:35px;}
.jb-gonglue-con ul li .jb-gl-title a{color: #111111;font-size:1.125rem;}
.jb-gonglue-con ul li:hover .jb-gl-title a{ color:#333;}
.jb-gonglue-con ul li .jb-gl-info{ width:86%; padding:10px 7% 20px; margin:0 auto; line-height:25px; font-size:0.75rem; color:#666666; position:relative; letter-spacing:1px;}
.jb-gonglue-con ul li .jb-gl-info span{position:absolute;top:15px;left:15px;width:2px;height:14px;background: #0d0d0d;}

/*全城覆盖*/
.jb-quancheng{ width:100%; height:auto; margin:0 auto;}
.jb-quancheng .jb-header2-title,.jb-gongyi .jb-header2-title{ margin-top:10px;}{ margin-top:10px;}
.jb-quancheng-con{ width:100%; margin:0 auto; float:left;}
.jb-quancheng-con ul{ width:1160px; float:left; padding-top:20px; margin-left:20px;}
.jb-quancheng-con ul li{ float:left; width:142px; height:50px; margin:0px 0px 30px 20px; text-align:center;}
.jb-quancheng-con ul li a{ display:inline-block; width:140px; height:48px; border:1px solid #c7c7c7; border-radius:24px; color:#333333; font-size:1.125rem; line-height:48px;}
.jb-quancheng-con ul li a:hover{ color:#d43336; border:1px solid #d43336;}



.no_sho{ display:block;}