/*公用*/
*{
    margin: 0;
    padding: 0;
}
body{
    _font-family: 'Microsoft YaHei' !important; font-family: 'Microsoft YaHei';
    margin:0 auto;
    width:100%;
}

/*更多选择标签*/
em,i{ font-style:normal;}

/*列表,图像,A重置*/
ul{ list-style:none;}
img{ border:0 none;}
a{ text-decoration:none; outline:none;}
li,img,label,input {vertical-align: middle; }

body{background-color:#fff;}
.cases_bannar{width:100%;}
.cases_bannar img{width:100%;}
.cases_content{position:relative;top:-120px;width:1300px;padding:0 50px;margin:0 auto;box-sizing: border-box;}
.cases_content .cases_title{width:100%;padding-left:0;box-sizing: border-box;}
.cases_content .cases_title p{font-size:14px;color:#fff;line-height: 60px;}
.cases_content .cases_title p a{color:#fff;}
.cases_nav_content{width:100%;padding:0;background-color:#fff;box-sizing: border-box;box-shadow: 1px 1px 10px #ccc;}
.cases_nav_content .gongzhang_left{position:relative;width:40%;height:480px;float: left;overflow: hidden;}
.cases_nav_content .gongzhang_left img{position:absolute;top:0;left:-9999px;right:-9999px;margin:auto;width:100%;}
.cases_nav_content .gongzhang_right{width:60%;padding:0 50px;float: left;box-sizing: border-box;}
.cases_nav_content .gongzhang_right>h3{position:relative;width:100%;line-height: 30px;padding:25px 0;font-size:26px;color:#000;font-weight:normal;border-bottom:1px solid #ebebeb;}
.cases_nav_content .gongzhang_right>h3 span{position:relative;top:-2px;line-height: 30px;font-size:16px;color:#fff;padding:0 20px;border-radius: 100px;background-color:#aa0000;display: inline-block;}
.cases_nav_content .gongzhang_right>h3 a{position:absolute;right:0;top: 20px;width:190px;height:45px;line-height: 45px;text-align: center;font-size:16px;color:#aa0000;border:1px solid #aa0000;display: inline-block;}
.cases_nav_content .gongzhang_right .gongzhang_detail{width:100%;padding:20px 0;box-sizing: border-box;border-bottom:1px solid #ebebeb;}
.cases_nav_content .gongzhang_right .gongzhang_detail ul li{width:33%;float: left;}
.cases_nav_content .gongzhang_right .gongzhang_detail ul li span{font-size:15px;line-height: 40px;color:#666666;display: block;}
.cases_nav_content .gongzhang_right .gongzhang_detail ul li span i{color:#000;}
.cases_nav_content .gongzhang_right .gongzhang_detail ul li:first-child+li{text-align: center;}
.cases_nav_content .gongzhang_right .gongzhang_detail ul li:first-child+li+li{text-align: right;}
.cases_nav_content .gongzhang_right .gongzhang_detail ul li:first-child+li+li span:first-child{padding-right:30px;}
.cases_nav_content .gongzhang_right .gongzhang_detail ul li:first-child+li+li span:last-child{font-size:30px;color:#fda74b;}
.cases_nav_content .gongzhang_right .gongzhang_detail p{font-size:15px;color:#666666;line-height: 30px;}
.cases_nav_content .gongzhang_right .gongzhang_detail p i{color:#000;}
.gongzhang_text{width:100%;height: 210px;overflow-x: hidden;}
.gongzhang_text h3{position:relative;font-weight:normal;font-size:18px;color:#666;padding:15px 0 15px 20px;}
.gongzhang_text h3::before{content:'';position:absolute;top:15px;left:0;width:3px;height:25px;display: inline-block;background-color:#aa0000;}
.gongzhang_text p{font-size:14px;line-height: 30px;color:#000;}

/* 相关案例 */
.gongzhang_cases_list{width:100%;padding:20px 0;}
.gongzhang_cases_list>h3{position:relative;width:100%;padding-left:20px;font-size:20px;color:#000;box-sizing: border-box;}
.gongzhang_cases_list>h3::before{content:'';position:absolute;left:0;top:0;width:4px;height:25px;display: inline-block;border-radius: 100px;background-color:#aa0000}
.gongzhang_cases_list>h3 a{position:absolute;right:0;font-weight:normal;font-size: 14px;line-height: 30px;color:#666;}
.gongzhang_cases_list .gongdi_list{width:100%;padding:20px 0;border-bottom: 1px solid #edecec;}
.gongzhang_cases_list .gongdi_list .gongdi_list_left{width:295px;height:211px;float: left;overflow: hidden;}
.gongzhang_cases_list .gongdi_list .gongdi_list_left img{width:100%;transition: all .3s;}
.gongzhang_cases_list .gongdi_list .gongdi_list_left:hover img{transform: scale(1.1,1.1);}
.gongzhang_cases_list .gongdi_list .gongdi_list_right{width:585px;padding:0 20px;float: left;box-sizing: border-box;}
.gongzhang_cases_list .gongdi_list .gongdi_list_right h3{font-weight: normal;font-size:18px;color:#000;line-height: 40px;margin-bottom: 9px;}
.gongzhang_cases_list .gongdi_list .gongdi_list_right p{font-size:16px;color:#444;}
.gongzhang_cases_list .gongdi_list .gongdi_list_right p span{padding:0 10px;}
.gongzhang_cases_list .gongdi_list .gongdi_list_right p span:first-child{padding-left:0;}
.gongzhang_cases_list .gongdi_list .gongdi_list_right ul{margin-top:20px;}
.gongzhang_cases_list .gongdi_list .gongdi_list_right ul li{width:31%;height: 121px;margin-right:2%;float: left;overflow: hidden;}
.gongzhang_cases_list .gongdi_list .gongdi_list_right ul li img{width:100%;height: 121px;transition: all .3s;}
.gongzhang_cases_list .gongdi_list .gongdi_list_right ul li:hover img{transform: scale(1.1,1.1);}

/* 在施工地 */
.gongzhang_detail_content{width:100%;padding:50px 0 0 0;}
.gongzhang_detail_content .gongzhang_detail_left{width:880px;padding:0;float: left;box-sizing: border-box;}
.gongzhang_detail_content .gongzhang_class{position: relative;top: 0px;width: 100%;height: 70px;padding-top: 20px !important;background: #fff;line-height: 50px;box-shadow: rgba(0, 0, 0, 0.04) 0px 8px 20px;
box-sizing: border-box;}
.gongzhang_detail_content .gongzhang_class a{padding:0 30px;font-size:18px;color:#000;line-height: 35px;display: inline-block;}
.gongzhang_detail_content .gongzhang_class a.on{color:#aa0000;}
.gongzhang_detail_content .gongzhang_class a:hover{color:#aa0000;}
.gongzhang_gongdi_list{width:100%;padding:20px 0;}
.gongzhang_gongdi_list>h3{position:relative;width:100%;padding-left:20px;font-size:20px;color:#000;box-sizing: border-box;}
.gongzhang_gongdi_list>h3::before{content:'';position:absolute;left:0;top:0;width:4px;height:25px;display: inline-block;border-radius: 100px;background-color:#aa0000}
.gongzhang_gongdi_list>h3 a{position:absolute;right:0;font-weight:normal;font-size: 14px;line-height: 30px;color:#666;}
.gongzhang_gongdi_list .gongdi_list{width:100%;padding:20px 0;border-bottom: 1px solid #edecec;}
.gongzhang_gongdi_list .gongdi_list .gongdi_list_left{width:295px;height:211px;float: left;overflow: hidden;}
.gongzhang_gongdi_list .gongdi_list .gongdi_list_left img{width:100%;transition: all .3s;}
.gongzhang_gongdi_list .gongdi_list .gongdi_list_left:hover img{transform: scale(1.1,1.1);}
.gongzhang_gongdi_list .gongdi_list .gongdi_list_right{width:585px;padding:0 20px;float: left;box-sizing: border-box;}
.gongzhang_gongdi_list .gongdi_list .gongdi_list_right h3{font-weight: normal;font-size:18px;color:#000;line-height: 40px;margin-bottom: 9px;}
.gongzhang_gongdi_list .gongdi_list .gongdi_list_right ul li{width:31%;float: left;}
.gongzhang_gongdi_list .gongdi_list .gongdi_list_right ul li span{font-size:14px;color:#000;line-height: 45px;display: block;}

.gongzhang_detail_content .content{width:100%;}
.gongzhang_detail_content .listBox .process {float: left;}
.gongzhang_detail_content .process {width: 100%;padding-top: 25px;}
.gongzhang_detail_content .over {overflow: hidden;}
.gongzhang_detail_content .clearfix {clear: both;}
.gongzhang_detail_content .listBox .process .process-list:nth-child(1) {width: 60px;}
.gongzhang_detail_content .listBox .process .process-list {width: 120px;}
.gongzhang_detail_content .process .process-list {position: relative;width: 17%;float: left;left: -55px;}
.gongzhang_detail_content .process .process-list.done:first-child:before {background-color: #fff;}
.gongzhang_detail_content .process .process-list.done:before {background-color: #e74c3c;}
.gongzhang_detail_content .process .process-list:first-child:before {background-color: #fff;}
.gongzhang_detail_content .process .process-list:before {content: '';float: left;width: 100%;height: 1px;margin-top: 7px;background-color: #dadee5;position: relative;right: 8px;}
.gongzhang_detail_content .process .process-list.done i.iconfont {border: 0;background:url(../images/gongzhang_icon01.png)center center no-repeat;color: #e74c3c;border-color: #e74c3c;background-size:100%;}
.gongzhang_detail_content .process .process-list i.iconfont {position: absolute;width: 15px;height: 15px;border: 1px solid #ccc;border-radius: 50%;text-align: center;line-height: 15px;background-color: #fff;z-index: 1;right: 5px;font-size: 12px;}
.gongzhang_detail_content .iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.gongzhang_detail_content .process .process-list.done i.iconfont:before {display: inline;}
.gongzhang_detail_content .process .process-list i.iconfont:before {display: none;}
.gongzhang_detail_content .icon-right1:before {content: "";}
.gongzhang_detail_content .process .process-list.done span {color: #e74c3c;}
.gongzhang_detail_content .process .process-list span {float: right;margin-top: 17px;font-size: 12px;width: 48px;display: block;color: #dadee5;margin-left: 5px;position: relative;left: 24px;text-align: center;}
.gongzhang_detail_content .process .process-list.ing i.iconfont {border: 0;background:url(../images/gongzhang_icon02.png)center center no-repeat;background-size:100%;box-shadow: 0 0 8px rgba(0,0,0,0.1);border-color: #e74c3c;}
.process .process-list.ing:before {background-color: #e74c3c;}
.process .process-list.ing span {color: #e74c3c;}
.gongdi_list_left .cases_pinglun{width:100%;}
.gongdi_list_left .cases_pinglun>h3{font-size:18px;font-weight:normal;color:#000;line-height:50px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}

.cases_pinglun_list{position:relative;width:100%;padding:40px 0 40px 80px;box-sizing: border-box;border-bottom:1px solid #e8e8e8;}
.cases_pinglun_list ul li{width:100%;}
.cases_pinglun_list ul li span{position:absolute;left:0;top:40px;}
.cases_pinglun_list ul li h3{font-weight:normal;line-height: 30px;font-size:16px;color:#000;}
.cases_pinglun_list ul li em{display: block;}
.cases_pinglun_list ul li p{font-size:16px;line-height: 30px;margin-top:20px;}
.cases_pinglun_list ul li i{font-size:14px;color:#999;line-height: 30px;margin-top:20px;display: block;}
.cases_pinglun_input{position:relative;width:100%;padding:40px 0 0 80px;box-sizing: border-box;}
.cases_pinglun_input>span{position:absolute;left:0;top:40px;}
.cases_pinglun_input textarea{width:100%;height:240px;text-indent: 2em;padding:10px 0;box-sizing: border-box;font-size:16px;outline: none;display: block;background-color:#fafafa;border:1px solid #edecec;border-radius:10px;}
.cases_pinglun_input .cases_pinglun_yanz{width:100%;padding:20px 0;}
.cases_pinglun_input .cases_pinglun_yanz>input{width:25%;height:40px;padding-left:10px;background-color:#fafafa;border-radius: 5px;border:1px solid #edecec;outline: none;box-sizing: border-box;display: inline-block;}
.cases_pinglun_input .cases_pinglun_yanz>span{position:relative;width:25%;height:40px;margin-left:10px;display: inline-block;background-color:#fafafa;border-radius: 5px;border:1px solid #edecec;box-sizing: border-box;}
.cases_pinglun_input .cases_pinglun_yanz>span img{position:absolute;right:2px;top:2px;width:50%;height:90%;}
.cases_pinglun_input .cases_pinglun_yanz>span input{width:100%;height:100%;padding-left:10px;border:none;outline: none;box-sizing: border-box;}
.cases_pinglun_input .cases_manyi{width:25%;padding:0 10px;text-align: center;display: inline-block;box-sizing: border-box;}
.empstar,.fullstar {background: url(../images/star.gif);display: inline-block;width: 13px;height: 13px;margin: 0 3px;}
.empstar {background-position: right;}
.cases_pinglun_input .cases_pinglun_yanz a{width:21.5%;height:40px;line-height: 40px;display: inline-block;background-color:#aa0000;color:#fff;text-align: center;box-sizing: border-box;}

/* 在职门店 */
.zxmd_content{width:100%;padding: 35px 0;background-color:#f1f1f1;}
.zxmd_content .zxmd_content_l{width:1200px;margin:0 auto;}
.zxmd_content .zxmd_content_l h3{position:relative;width:100%;margin:0 auto;padding-left:20px;font-size: 24px;color:#000;font-weight: normal;box-sizing: border-box;
line-height: 50px;}
.zxmd_content .zxmd_content_l h3::before{content:'';position:absolute;top:13px;left:0;width:4px;height:25px;background-color:#aa0000;display: inline-block;}
.zxmd_content .zxmd_content_l .zxmd_left{width:50%;height:445px;margin-top:10px;float: left;background-color:#fff;}
.zxmd_content .zxmd_content_l .zxmd_left img{width:100%;}
.zxmd_content .zxmd_content_l .zxmd_right{width:50%;height:445px;padding:20px 50px;margin-top:10px;float: left;box-sizing: border-box;background-color:#fff;}
.zxmd_content .zxmd_content_l .zxmd_right h4{width:100%;padding-left:50px;line-height: 50px;background:url(../images/mendian_icon01.png)left center no-repeat;font-size:22px;
color:#747774;font-weight:normal;padding-top: 20px;padding-bottom: 20px;}
.zxmd_content .zxmd_content_l .zxmd_right p{padding-left:50px;font-size:14px;color:#747774;line-height: 35px;}
.zxmd_content .zxmd_content_l .zxmd_right p i{color:#000;}
.zxmd_content .zxmd_content_l .zxmd_right p:nth-of-type(1){background:url(../images/mendian_icon02.png)left 10px center no-repeat;background-size:20px;}
.zxmd_content .zxmd_content_l .zxmd_right p:nth-of-type(2){background:url(../images/mendian_icon03.png)left 10px center no-repeat;background-size:20px;}
.zxmd_form{width:100%;margin-top:35px;padding:10px;box-sizing: border-box;border-top:1px solid #edecec;}
.zxmd_form h5{font-size:16px;color:#666;line-height: 65px;font-weight:normal;}
.zxmd_form input{width:48%;height:45px;padding-left:10px;border-radius: 5px;border:1px solid #edecec;background-color:#fafafa;color:#666;box-sizing: border-box;outline: none;}
.zxmd_form a{width:48%;height:45px;line-height: 45px;font-size:14px;text-align: center;color:#fff;display: block;background-color:#aa0000;margin-top: 25px;}


/* 设计师推荐 */
.gongzhang_last{width:100%;background-color:#fff;}
.gongzhang_last h3{position:relative;width:1177px;padding-top: 65px;padding-left:20px;margin:0 auto;font-size: 24px;color:#000;font-weight: normal;}
.gongzhang_last h3::before{content:'';position:absolute;top:70px;left:0;width:4px;height:25px;background-color:#aa0000;display: inline-block;}
.gongzhang_last .cases_list{width:1300px;padding:50px 50px;background-color:#fff;margin: 0 auto;box-sizing: border-box;overflow: hidden;}
.gongzhang_last .cases_list ul{width:103%;}
.gongzhang_last .cases_list ul li{position: relative;top:0;width:22%;margin-right:3%;margin-bottom:3%;background-color:#fff;float: left;transition: all .3s;}
.gongzhang_last .cases_list ul li img{width:100%;}
.gongzhang_last .cases_list ul li a:first-child{position:relative;display: block;overflow: hidden;}
.gongzhang_last .cases_list ul li a:first-child .design_title{position:absolute;bottom:0;width:100%;padding:10px;background:rgba(0,0,0,0.4);box-sizing: border-box;}
.gongzhang_last .cases_list ul li a:first-child .design_title h3{color:#fff;font-size:22px;height:30px;line-height: 30px;font-weight:normal;}
.gongzhang_last .cases_list ul li a:first-child .design_title p{color:#fff;height:30px;line-height: 30px;}
.gongzhang_last .cases_list ul li a:first-child+a{width:100%;display: block;padding:20px;box-sizing: border-box;}
.gongzhang_last .design_detail{position:relative;width:100%;}
.gongzhang_last .design_detail span{position: absolute;top:-65px;right:0;width:80px;height:80px;box-sizing: border-box;padding: 6px 0;text-align: center;font-size:28px;display: block;
  background-color:#f1f1f1;color:#000;transition: all .3s;}
.gongzhang_last .design_detail span i{font-size:16px;display: block;}
.gongzhang_last .design_detail p{font-size:14px;color:#000;line-height: 40px;}
.gongzhang_last .design_detail p i{color:#999999;margin-right:10px;}
.gongzhang_last .design_detail em{width:100%;height:45px;line-height: 45px;color:#000;border:1px solid #999;font-size:16px;text-align: center;display: block;}
.gongzhang_last .cases_list ul li:hover{top:-20px;box-shadow: 1px 15px 20px #ccc;}
.gongzhang_last .cases_list ul li:hover .design_detail span{top:-100px;color:#fff;background-color:#aa0000;}
.gongzhang_last .cases_list ul li:hover .design_detail em{background-color:#aa0000;color:#fff;border:1px solid #aa0000;box-shadow: 1px 1px 10px #aa0000;}

/* 设计师推荐 end*/

.design_detail_right{width:300px;float: right;}
/* 预约工长 */
.yuyue_gongzhang{width:100%;padding:20px;box-shadow: 1px 1px 10px #ccc;box-sizing: border-box;}
.yuyue_gongzhang h3{font-size:20px;line-height: 45px;text-align: center;}
.yuyue_gongzhang p{font-size:14px;color:#444;line-height: 30px;text-align: center;}
.yuyue_gongzhang p i{color:#aa0000;}
.yuyue_gongzhang input{width:100%;height:45px;margin-top:15px;border-radius: 5px;background-color:#f3f3f3;border:none;padding-left:10px;box-sizing: border-box;}
.yuyue_gongzhang span{font-size:14px;line-height: 45px;text-align: center;display: block;}
.yuyue_gongzhang span i{color:#aa0000;}
.yuyue_gongzhang a{width:100%;text-align: center;line-height: 40px;color:#fff;font-size:16px;background-color:#aa0000;display: block;}


/* 计算器 */
.yuyue_calc{width:100%;margin-top: 30px;padding:20px;box-shadow: 1px 1px 10px #ccc;box-sizing: border-box;}
.yuyue_calc h3{font-size:20px;line-height: 45px;text-align: center;}
.yuyue_calc p{font-size:16px;color:#444;line-height: 30px;text-align: center;}
.yuyue_calc p i{color:#aa0000;}
.yuyue_calc input{width:100%;height:45px;margin-top:15px;border-radius: 5px;background-color:#f3f3f3;border:none;padding-left:10px;box-sizing: border-box;}
.yuyue_calc span{position:relative;width:100%;}
.yuyue_calc span::after{content:'m²';position: absolute;right:10px;top:10px;color:#666;}
.yuyue_calc a{width:100%;margin-top:10px;text-align: center;line-height: 40px;color:#fff;font-size:16px;background-color:#aa0000;display: block;}