@charset "utf-8";
/* CSS Document */
* {
	font-family: "微软雅黑"; font-size:16px; list-style:none;
}

a {
	text-decoration: none;
	color: #000;
}

li {
	list-style: none;
}

body p,body span,body li{
	cursor: default;
}
.clear {
	clear: both;
}

/*装修效果图页面effect.html*/
#effect{
	background: #f6f6f6;
}
#effect .eff_top{
	background: url(../images/effect_bg.jpg) no-repeat center;
	/*background-size: 100% 100%;*/
	/*margin-bottom: 50px;margin-bottom: 220px;*/
}
.effectcon{
    width: 1200px;
    /*margin: 50px auto auto;*/
    margin: 0px auto auto;
    height: auto;
    margin-bottom:0px;
}
.effectcon .eff_left{
	width: 100%;
	height: auto;
	box-shadow: 0 0 1px 0 #ccc inset;
	padding: 28px 0px 28px 35px;
	background: #fff;
	float: left;
	border-radius:10px;
}
/*户型、风格**/
.eff_left .eff_housetype,.eff_left .eff_style{
	width: 100%;
	/* height: 80px; */
	margin: 0px;
	color: black;
	margin-bottom:10px;
}
.eff_left .eff_housetype ul,.eff_left .eff_style ul{margin-left: 20px;width:85%;float:left;}
.eff_left .eff_housetype li,.eff_left .eff_style li{
	margin-right: 38px;
	float: left;
	background: #ffffff;
	text-align: center;
	height: 30px;
	font-size:0.875em;
}
.eff_left .eff_housetype .eff_housetypet,.eff_left .eff_style .eff_stylet{
	margin-left:10px;
	width: 96px;
	height: 34px;
	background: #7c7a7a;
	color: #fff;
	text-align: center;
	line-height: 34px;
	position: relative;
	left: 0px;
	top: 0px;
	float:left;
	margin-top: 10px;
}

.eff_housetype a{
	
    color: #fff;
   
}
.eff_housetype a:hover{
	
    color: #fff;
   
}

.eff_left .eff_housetype .eff_housetypet p,.eff_left .eff_style .eff_stylet p{
    width: 10px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: 19px;
    left: 89px;	
}


.eff_left .eff_housetype li a,.eff_left .eff_style li a {
	padding-bottom:8px;
}
.eff_left .eff_housetype li a:hover,.eff_left .eff_style li a:hover {
	background:url(../images/eff_li_bg.png) repeat-x bottom;
}
.eff_left .eff_housetype li a.checked,.eff_left .eff_style li a.checked {
	background:url(../images/eff_li_bg.png) repeat-x bottom;
}


.eff_left .eff_housetype li hr,.eff_left .eff_style li hr {
    background: #990024 none repeat scroll 0 0;
    border: 0 none;
    display: none;
    height: 1px;
}

.eff_left .eff_case{ width:100%;}
.eff_left .eff_case li{
    width: 28%;
    margin-right: 2.5%;
   /* height: 333px;*/ height:auto; min-height:280px;
    margin-bottom: 30px;
	padding:10px;
	border:1px solid #ffffff; position:relative; overflow:hidden;
}
.eff_left .eff_case li a{ font-size:14px;}
.eff_left .eff_case li:hover{ border:1px solid #3d393a;}
.eff_left .eff_case li img{
	height: auto; width:100%;
}

.eff_left .eff_case li ._iel{
	color: #e4e4e1;
    width: 78px;
    display: block; position:absolute; top:10px; right:10px; background:#4c4846; height:30px; line-height:30px; 
}
.eff_left .eff_case li ._iel span{font-size:0.75em;}
.i_like{ background:url(../images/i_like.png) 5px no-repeat; padding-left:25px;}
.i_rec{ background:url(../images/i_rec.png)  5px no-repeat; padding-left:25px;}
.i_hot{ background:url(../images/i_hot.png)  5px no-repeat; padding-left:25px;}


.d_classify li{
    width: 265px;
    /*height: 406px;*/height:auto; min-height:280px;
    padding: 13px;
    border: 1px solid #fff;
    position: relative;
    float: left;
    margin-right: 9px;
}
.d_classify li:nth-of-type(4),.d_classify li:nth-of-type(8),.d_classify li:nth-of-type(12){
	margin-right: 0;
}
#ullist li:nth-of-type(4),#ullist li:nth-of-type(8),#ullist li:nth-of-type(12){
    margin-right:2.5%;
}
.d_classify li div:nth-of-type(1){width: 100%; display:block;height: 165px; overflow:hidden;}
.eff_left .eff_case li div:nth-of-type(1){height: 150px;  }
.d_classify li img{
	width: 100%;
	height: auto;transition: all 0.7s ease 0s; display:inline;
}
.d_classify li:hover img{transform:scale(1.03);/*border-radius:25% 20px 25% 20px; box-shadow:0 5px 10px rgba(36, 36, 36, 0.8)*/}
.d_classify li p{
	text-align: center;
}
.d_classify li p:nth-of-type(1){
    width: 77px;
    height: 32px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    position: absolute;
    right: 14px;
    top: 13px;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
    display: none;
}
.d_classify li p:nth-of-type(2){
    font-size: 1em;
    font-weight: 600;
    margin: 12px 0 12px 0; color:#333333;
}
.d_classify li p:nth-of-type(2) a{ font-size:1em;font-weight: 600;color:#333333;}
.d_classify li p:nth-of-type(2) a:hover{ color:#999999;}
.d_classify li p:nth-of-type(3){
	font-size: 14px; color:#999999;
}
.d_classify li a.more_show{
	background: black none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: block;
    font-size: 0.75em;
    height: 27px;
    line-height: 27px;
    margin: 14px 0 0 70px;
    text-align: center;
    width: 110px;
}

.eff_left .eff_case2{ width:100%;}
.eff_left .eff_case2 li{ width:30%;margin-right: 2.5%; height:auto; margin-bottom: 30px;border:1px solid #cccccc; position:relative; overflow:hidden; float:left;}
.eff_left .eff_case2 li .eff_case2_pic{width:100%;/* height:163px; */display:block;position:relative;overflow:hidden;}
.eff_left .eff_case2 li .eff_case2_pic img{width: 100%; height: 320px;transition: all 0.7s ease 0s; display:inline;}
.eff_left .eff_case2 li:hover .eff_case2_pic img{transform:scale(1.03);}
.eff_left .eff_case2 li .eff_case2_pic span{
	position: absolute;
	display: block;
	width: 100%;
	height: 40px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: rgba(56, 56, 56, 0.62);
	line-height: 40px;
	bottom: 0px;
	cursor:pointer;
	overflow:hidden;
	}
.eff_left .eff_case2 li .eff_case2_text{font-size: 20px; height: 58px; text-align: left; line-height:58px;}
.eff_left .eff_case2 li .eff_case2_text img{ border-radius:50%; width:42px; height:42px;}
.eff_left .eff_case2 li .eff_case2_text p:nth-of-type(1){ width:42px; height:42px;  padding:8px 10px; float:left;}
.eff_left .eff_case2 li .eff_case2_text p:nth-of-type(2){ width:50%; line-height:58px; float:left;}
.eff_left .eff_case2 li .eff_case2_text span{ background:url(../images/xin.png) no-repeat 0px 3px; padding-left:25px; cursor:pointer;}

/*装修效果图页面免费预约*/
.eff_right{
	width: 283px;
	height: 100%;
	float: right;
}
.eff_right .e_topr,.eff_det_con_foot .e_topr{
    width: 100%;
    height: 315px;	
    box-shadow: 0 0 2px 0 #ccc;
    padding: 30px 0px 21px;
    margin-bottom: 40px;
    background: #fff;
    border-radius: 6px;
}
.eff_right .e_topr img,.eff_det_con_foot .e_topr img{
	width: 95px;
	height: 95px;
	float: left;
	border-radius:50%;
}
.eff_right .e_topr img:hover,.eff_det_con_foot .e_topr img:hover{box-shadow: 0 0 18px 7px #c8c8c8;}
.eff_right .e_right,.eff_det_con_foot .e_right{
    width: 140px;
    height: 100px;
    margin: 0 0 35px 109px;
}
.eff_right .e_right p,.eff_det_con_foot .e_right p{
    color: #7f7f7f;
    line-height: 28px;
    font-size: 12px;
}
.eff_right p:nth-of-type(1),.eff_det_con_foot .badge{
    width: 101%;
}
.eff_right .e_right p:nth-of-type(1),.eff_det_con_foot .e_right p:nth-of-type(1){
    font-size: 18px;
    color: black;
    margin-left: 0px;
}
.eff_right .e_right p:nth-of-type(1) a,.eff_det_con_foot .e_right p:nth-of-type(1) a{ font-size:18px; color:black;}
.eff_right .e_right p:nth-of-type(1) a:hover,.eff_det_con_foot .e_right p:nth-of-type(1) a:hover{ color:#999999;}
.eff_right .e_topr .mian{
	font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #ccc;	
}
.eff_right .di_input{
    margin-top: 10px; padding:10px 0px 10px 25px; overflow:hidden;
}

.w_customer .left input/*,.eff_right .di_input input*/{
    width: 406px;
    height: 56px;
    padding-left: 10px;
    margin-bottom: 20px;
    background: rgba(134, 134, 134, 0.4);
    border: 0;
    border-radius: 2px;
	font-size:18px; color:#7f7f7f;
}
.w_customer .left p,.eff_right .di_input p{
    width: 419px;
    height: 56px;
    margin-left: 71px;
    margin-bottom: 20px;
    text-align: left;
}
.w_customer .left p:nth-of-type(2),
.eff_right .di_input p:nth-of-type(2){
    margin-left: 71px;	
}
.w_customer .left p input/*,.eff_right .xiao input*/{
    /*width: 142px;
    margin-right: 13px;*/ width:225px;
}
.w_customer .left p{ position:relative;}
.w_customer .left .span_ys, .w_customer .left .span_mj {
    color: #777777;
    font-size: 20px;
    line-height: 56px;
    position: absolute;
    right: 10px; background:none;
}
.w_customer .left p select{
	background-color: rgba(134, 134, 134, 0.4);
    border: 0;
    border-radius: 2px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    padding-right: 14px;
    width:166px;
	height: 56px;
	display:inline-block;
	color:#7f7f7f;
	margin-right:10px;
	font-size:18px;
	padding-left:10px;

    background-image: url("../images/arrow.png") no-repeat scroll right center transparent;
}
.w_customer .left p select option{background-color: #4f4f4f; line-height:28px;}
.w_customer .left p  select::-ms-expand { display: none; }
.w_customer .left p span{}
.w_customer .right .bm,.w_customer .right .butt{
    background: rgba(0,0,0,0);
    width: 241px;
    height: 78px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 28px; 
    text-align: center;
    line-height: 77px;
    position: static;
    border-radius: 0;
}
.w_customer .right .butt{
	margin-bottom: 50px;
}
.w_customer .right .bm:hover,.w_customer .right .butt:hover{
   background:#000000; cursor:pointer;
}
/*.w_customer .left p span,.eff_right .di_input span{
    display: inline-block;
    width: 166px;
    height: 56px;
    line-height: 56px;
    padding-left: 10px;
    background: rgba(134, 134, 134, 0.4);
    border-radius: 2px;
    margin-right: 16px;
}*/
::-webkit-input-placeholder { color: #999999; } 
:-ms-input-placeholder { color: #999999;} 
::-moz-placeholder { color: #999999;} 
:-moz-placeholder { color: #999999; }
/*.eff_right .di_input input,*/#eff_box .xiao span{
    width: 227px;
    height: 36px;
    background: #fff;
    box-shadow: 0 0 2px 0 #ccc;	
}

#eff_box .xiao {
    color: #9b9b9b;
    margin-bottom: -3px;
    width: 173px;
}
#eff_box .xiao span {
    color: #9b9b9b;
    height: 35px;
    line-height: 35px;
    margin-left: -71px;
    width: 92px;
}
#eff_box .xiao input {
    width: 70px;
}

.eff_right input.sub {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 6px;
    color: #fff;
    height: 36px;
    margin: 3px 0 0 20px;
    outline: medium none;
    width: 202px;
	cursor:pointer;
}
.eff_right input.sub:hover {
    background: black none repeat scroll 0 0;
    color: #fff;
}

.er_box {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}

.eff_fine {
    background: #fff none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 0 2px 0 #ccc;
    height: auto;
    margin-bottom: 21px; margin-top:20px;
    padding: 15px;
    width: 89%;
}
.eff_fine:hover img{/*border-radius:20px 25% 20px 25%; box-shadow:0 5px 10px rgba(36, 36, 36, 0.8)*/transform:scale(1.03);}
.eff_fine img {
    height: auto;
    margin-bottom: 16px;
    width: 100%;transition: all 0.7s ease 0s; display:inline;
}
.eff_fine div{ width:100%; height:158px; overflow:hidden; margin-bottom:20px;}

.eff_fine p {
    text-align: center;
}
.eff_fine p:nth-of-type(1) {
    font-size: 18px;
    margin-bottom: 8px;
}
.eff_fine p:nth-of-type(1) a{font-size: 18px;}
.eff_fine p:nth-of-type(1) a:hover{ color:#999999;}
.eff_fine p:nth-of-type(2) {
    color: #989898;
    font-size: 13px;
}

/*装修详情页页面effect_detail.html*/
#effect_tetail{
	background: #f6f6f6;
}
#effect_tetail .eff_det_top{
	background: url(../images/eff_det_bg.jpg) no-repeat center;
	/*background-size: 100% 100%;*/
	/*margin-bottom: 50px;margin-bottom: 220px;*/
}
.eff_det_con{
	width: 1200px;
	margin: auto;
	/*margin-top:50px;*/
	/* margin-top:140px; */
}
.eff_det_con .eff_det_con_top{
	width: 100%;
	height: auto;
}
.eff_det_con_top .eff_det_con_l{
    width: 100%;
    float: left;
    height: auto;
    box-shadow: 0 0 2px 0 #ccc;
    padding: 50px 42px 42px;
    position: relative;
    background: #fff;
    border-radius: 6px;
}
.eff_det_con_top .eff_det_con_l span:nth-of-type(1){
	display: block;
	margin: auto;
	font-size: 22px;
	margin-bottom: 21px;
	text-align: center;
}

.eff_det_con_top .eff_det_con_l p:nth-of-type(1){
	/*font-size: 22px;
    margin-bottom: 21px;*/
    
}
.eff_det_con_top .e_detail{
    font-size: 14px;
    color: #666666;
    margin-bottom: 39px;
    text-align: center;
}
.eff_det_con_top .e_detail span{
	color: red;
	font-size: 15px;
}
.eff_det_con_top .e_detail img{
    margin: 0px 0 0 18px;
    position: relative;
    top: 3px;	
}
.eff_det_con_top .eff_det_con_l p:nth-of-type(3){
	/* font-size: 18px; */
	/* color: #666666; */
	/* margin-bottom: 6px; */
}
.eff_det_con_top .eff_det_con_l p:nth-of-type(4){
    /* color: #666666; */
    /* margin-bottom: 24px; */
    /* line-height: 30px; */
}
.eff_det_con_top .ef_bigimg{
	overflow:hidden;
	width: 100%;
	/* height: 507px; */
	margin-bottom: 42px;
	margin-top:10px;
	}
.eff_det_con_top .box{
	width: 100%;
	/* height: 507px; */
	transition: all 0.7s ease 0s;
	display:inline;
}
.eff_det_con_top .box:hover{/*border-radius:30px 25% 30px 25%; box-shadow:0 5px 10px rgba(36, 36, 36, 0.8);*/transform:scale(1.03);}
.eff_det_con_top .ef_hide{
    width: 732px;
    height: 143px;
    overflow: hidden;	
    margin: auto;
}
.eff_det_con_top .ef_hide ul{
    width: 2400px;
    height: 143px;
    position: relative;
}
.eff_det_con_top .ef_hide  li{
	width: 171px;
    float: left;
    margin-right: 16px;
    overflow: hidden;
	height:142px;
}
.eff_det_con_top .ef_hide li:nth-of-type(4){
	margin-right: 0;
}
.eff_det_con_top .ef_hide li img{
    width:100%;
    height: 100%; cursor:pointer; /*border:1px solid #ffffff; padding:3px;*/transition: all 0.7s ease 0s; display:inline;
}
.eff_det_con_top .ef_hide li img:hover{transform:scale(1.03);/*border-radius:25% 25% 25% 25%; box-shadow:0 5px 10px rgba(36, 36, 36, 0.8)*/}
.eff_det_con .eff__arrow{
	width: 28px;
	height: 36px;
	position: absolute;
	top: 87%;
	left: 4%;
	background: url(../images/xiaoicon.png) no-repeat 0px -414px;
}
.eff_det_con .eff__arrow-b{
	background-position:-1px -373px;
	left: 92%;
}

.eff_det_con_r{ 
    height: 209px;
}
.eff_det_con_r .e_topr{
    height: auto;
    margin-bottom: 40px;
    padding: 30px 21px 20px;
    width: 84.5%;
}
.eff_det_con_r input.sub{
   margin-left:40px;
}

.eff_stylist{
	font-size: 24px;
	font-weight: 400;
	margin: 50px 0 22px 0; color:#212121;
}

.eff_det_con_foot{
    width: 100%;
    height: 346px;
    position: relative;
}

.eff_det_con_foot .eff_hide{
	width: 97%;
	height: 260px;
	margin: auto;
	overflow: hidden;
	padding-top: 20px;
}
.eff_det_con_foot .eff_hide a {
	color:#646464;
}
.eff_det_con_foot ul{
    width: 3550px;
    height: 100%;
	position: relative;
}
.eff_det_con_foot li{
    width: 269px;
    height: 219px;
    float: left;
    margin: 0 10px 0 10px;
    position: relative;
    border-radius: 9px;	
}
.eff_det_con_foot .e_topr{
    height: 168px; padding: 30px 21px 21px; width:84.5%; overflow:hidden;
}
.eff_det_con_foot .e_right p{ line-height:25px;}
.eff_det_con_foot .ef_two .e_topr{
    height: 196px;
    width: 84.5%;	
}
.eff_det_con_foot .badge{ font-size:14px; color:#333333; line-height:24px;}
.eff_det_con_foot li:hover{ cursor:pointer;}
.eff_det_con_foot li:hover .badge{ font-size:16px; color:#333333;}
.eff_det_con_foot .eff__arrow{
	top: 28%;
	left: -1%;
}
.eff_det_con_foot .eff__arrow-b{
    left: 97.2%;	
}
.eff_det_con_foot .wsm{
	left: 99%;	
	background-position:-1px -373px;
}

/*装修报价quoted.html*/
.q_head{
	background: url(../images/quoted_bg.jpg) no-repeat center;
	/*height: 1168px;*/ margin-top:0px; height:880px;
}
.q_head .qu_top{
    width: 1148px;
    height: 462px;
    padding: 23px 0 0 50px;
    margin: auto;
    background: rgba(255, 255, 255, 0.95);
    position: relative;
    top: 26%;
}
.qu_top .one,.qu_top .two{
	text-align: center;
	width: 100%;
}
.qu_top .one{
    font-size: 26px;
    margin-bottom: 20px;
}
.qu_top .two{
    font-size: 17px;
    color: #f7941c;
    margin-bottom: 28px;
}
.qu_top .q_one{
    width: 499px;
    height: 324px;
    float: left; padding-top:20px;
}
.qu_top .q_one p{
    position: relative;
    margin-bottom: 42px;
    color: #6e6e6e
}
.qu_top .q_one p span{
	font-size: 12px;	
}
.q_head .qu_top .q_one .qu_a{
    font-size: 17px;
    color: black;	
}
.qu_top .q_one .qu_m{
    left: 300px;
    top: 4px;
    font-size: 16px;
    color: #959595;	
}
.qu_top .q_one p:nth-of-type(1) input{
    width: 223px;
    height: 30px;
    border: 1px solid #c5c5c5;
    margin-left: 80px;
	padding-left:10px;
}
.qu_top .q_one p:nth-of-type(1) span{
	position: absolute;
	color: #969696;
}
.qu_top .q_one p:nth-of-type(2) input,.qu_top .q_one p:nth-of-type(3) input{
    width: 19px;
    height: 19px;
    border-radius: 0;
    position: relative;
    top: 4px;
    margin-right: 3px;
	font-size:15.3px;
}
.qu_top .q_one button,.qu_top .q_three button{
    width: 95%;
    height: 40px;
    background: black;
    border: 0;
    color: #fff;
    font-size: 17px;
    margin-bottom: 20px;
    border-radius: 8px;
    outline: none;
}
.qu_top .q_one p.zhu{
    color: #666666;
    width: 92%;
    margin-left: 14px; font-size:14.3px;
}
.qu_top .zhu span{
	color: #ff8c00;
    margin: 0 7px 0 -16px; font-size:14.3px;
}
.qu_top .q_two{
    width: 48px;
    height: 250px;
    position: relative;
    float: left;
    background: black;
    font-size: 25px;
    color: #fff;
    padding-top: 55px;
}
.qu_top .q_two img{
    position: absolute;
    top: 136px;
    left: -11px;
}

.qu_top .q_three{
    float: left;
    width: 437px;
    height: 337px;
    margin-left: 47px;
}
.qu_top .t_one{
    height: 30px;
    font-size: 17px;
    color: #f7941c;
    border-bottom: 2px dashed #b5b6b3;
    margin-bottom: 19px;
}
.qu_top .dentity{
    width: 370px;
    height: 138px;
    box-shadow: 0 0 5px 0 #ccc;
    background: #f3f3f3;
    padding: 36px;
}
.qu_top .dentity p{
    color: #9d9d9d;
    margin-bottom: 30px;
}
.qu_top .dentity p span:nth-of-type(1){
    font-size: 17px;
    color: black;
    margin-right: 62px;
}
.qu_top .dentity p span:nth-of-type(2){
    color: #f7941c;
    margin-right: 96px;
    display: inline-block;
    width: 114px;
    text-align: center;
    overflow: hidden;
}
.qu_top .q_three button{
    width: 215px;
    height: 39px;
    /*background: #f7941c;*/background: #000;
    margin: 18px 0 0 110px;
}

/*报价清单*/
.qu_Box{
    width: 1200px;
    margin: auto;
    height: auto;
}
.qu_Box .qu_onet{
	margin-top: 68px;
    font-size: 18px;
    color: #5f5f5f;
    text-align: center;
}
.qu_Box .qu_onet span{
    font-size: 32px;
    color: black;
    margin-right: 13px;
}
.qu_Box .hanker{
    width: 100%;
    height: 200px;
    position: relative;
}
.qu_Box .hanker ._tu{
    font-size: 36px;
    text-align: center;
    float: left;
    line-height: 170px;
    color: #d3d3d3;
    margin: 0 100px 0 100px;
    width: 170px;
    height: 168px;
    border-radius: 50%;
    
}

.qu_Box .hanker ._tu:nth-of-type(1){
    margin-left: 151px;	
	background: url(../images/chuzu.jpg) no-repeat;
}
.qu_Box .hanker ._tu:nth-of-type(2){
	background: url(../images/zizhu.jpg) no-repeat;
}
.qu_Box .hanker ._tu:nth-of-type(3){
	background: url(../images/jingzhuang.jpg) no-repeat;
}
.qu_Box .hanker ._tu:hover{
	background: url(../images/tu_hover.jpg) no-repeat;
	color: #fff;
}
.qu_Box  ._xian{
    width: 100%;
    border-top: 2px dashed #c8c8c8; margin-top:-117px;
    z-index: -1;
}
.qu_Box .hanker li{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #c8c8c8;
    top: 39%;
}
.qu_Box .hanker li:nth-of-type(1){
    left: 3%;	
}
.qu_Box .hanker li:nth-of-type(2){
    left: 34.5%
}
.qu_Box .hanker li:nth-of-type(3){
    left: 65%;	
}
.qu_Box .hanker li:nth-of-type(4){
    left: 95%;	
}

.qu_room{
	width: 900px;
	height: 60px;
	margin: 150px auto 50px;
	color: black;
}
.qu_room ul{ margin-top:25px; width:85%; float:left;}
.qu_room  li{
	margin-right: 38px;
	float: left;
	background: #ffff;
	text-align: center;
	height: 30px;
	font-size:20px; line-height:30px;
}
.qu_room .qu_roomt{
    width: 130px;
    height: 46px;
    background: black;
    color: #fff;
    text-align: center;
    line-height: 46px;
    position: relative;
    left: 0px;
    top: 0px; float:left; font-size:22px;
}
.qu_room .qu_roomt p{
    width: 15px;
    height: 25px;
    background: #fff;
    position: absolute;
    top: 21px;
    left: 115px;	
}
.qu_room li hr {
    background: black none repeat scroll 0 0;
    border: 0 none;
    display: none;
    height: 1px; font-size:5px;
}
.qu_room_con{ margin-bottom:100px; display:none;}
.multifunctional{
	/*width: 96.5%;*/ width:98%;
	height: 57px;
	background: black;
	font-size: 23px;
	color: #fff;
	line-height: 57px; padding-left:2%;
}
/*.qu_quote{
	width: 100%;
	height: auto;
	box-shadow:2px 2px 1px 1px #ccc;
}*/
.qu_quote{
	width: 100%;
	height: 508px;
	overflow: auto;	
	box-shadow: 0 0 3px 1px #ccc;
}

.qu_quote table{
	width: 100%;
}
.qu_quote tr{
	width: 100%;
	height: 48px; color:#7e7e7e;
}
.qu_quote tr:nth-of-type(1) th{
	font-size: 21px;
	font-weight: 400;
	border-top: 0; height:48px; line-height:48px; text-align:center;
}
.qu_quote th{
	height: auto;
	border: 1px dashed #d4d4d4;
	text-align: center;
	line-height: 30px; padding:10px;
}
.qu_quote th:nth-of-type(1){
	width: 87px;
}
.qu_quote th:nth-of-type(2){
	width: 205px; text-align:left;
}
.qu_quote th:nth-of-type(3),.qu_quote th:nth-of-type(4),
.qu_quote th:nth-of-type(5){
	width: 82px;
}
.qu_quote th:nth-of-type(6){
	width: 643px; text-align:left;
}
.qu_quote tr:hover{
	/*color: #f7941c;*/color: #000;
	cursor: default;
}

.qu_quote::-webkit-scrollbar{
	width:5px;
    background: #ccc;

}
.qu_quote::-webkit-scrollbar-thumb{
	background: black;;
 	border-radius:15px;	
}
.qu_quote::-webkit-scrollbar{
	width:5px;
    background: #ccc;

}
.demo{height:508px;width:1200px;overflow:hidden;box-shadow:-1px 1px 2px 0px #ccc;border: 0px;}
/* 滚动条的样式 */
/*.scrollUp,.scrollHandle,.scrollDown{overflow:hidden;background-image:url(images/ttscrollbar.png);background-repeat:no-repeat;_background-image:url(images/ttscrollbar.gif)}*/
.scrollBar{height:100%;width:10px;  background-repeat:repeat-y; background:url(../images/ttscrollbar.png);overflow:hidden;position:absolute;right:0;top:0;z-index:111}
.scrollUp,.scrollDown{height:23px;cursor:pointer;position:absolute;left:1px;cursor:pointer; display:none;}
.scrollUp,.scrollHandle,.scrollHandleDown,.scrollDown{width:14px;position:absolute;}
.scrollHandle{height:300px; background:#000000;left:1px;top:19px;cursor:n-resize;}
.scrollUp{background-position:left -1px;top:0;}
.scrollDown{background-position:0 -26px;bottom:0;}


/*设计师/工长designer.html*/
.des_top{
	width: 100%;
	height: 100%;
	/*padding-top: 240px;*/ padding-top:160px;
}

.des_top .top,.d_process .top{
    font-size: 30px;
    width: 307px;	
	margin: 0 auto 20px;
	text-align: center;
}
.des_top .wire,.d_process .wire{
    width: 209px;
    margin-bottom: 78px;
    border-top: 1px solid black; text-align:center; margin:0 auto;
}
.des_box{
    width: 1200px;
    height: 100%;
    margin: 50px auto;
    background: #fff;
	padding-bottom:50px;
}
.des_box .des_box_det{
	width: 100%;
    height: 276px;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 50px;
}
.des_box .des_box_det div{
	float: left;
}
.des_box .des_left{
    width: 162px;
    margin: 0 35px 0 30px;
}
.des_box .des_left img{
	width: 161px;
	height: 161px;
	margin-bottom: 35px; border-radius:50%;
}
.des_box .des_left img:hover{
    cursor: pointer;
	box-shadow: 0 0 18px 7px #c8c8c8;
}
.des_box .des_left a.booking,.des_box .des_left button{
    width: 145px;
    height: 31px;
    border: 1px solid #e7e7e7;
    color: #989898;
    font-size: 14px;
    background: rgba(0,0,0,0);
	display:block; text-align:center; line-height:31px; cursor:pointer;
}
.des_box .des_left a.booking:hover,.Box-li .right a.booking:hover,.des_box .des_left button:hover,.Box-li .right button:hover{
	background: black;
	color: #fff;
	font-size: 18px;
	border-radius: 6px;	

}
.des_box .des_abstract{
    width: 217px;
    height: 100%;
    margin-right: 50px;
}
.des_box .des_abstract p{
	font-size: 15px; color:#333333;
}
.des_box .des_abstract p:nth-of-type(1){
    font-size: 19px;
    margin-bottom: 17px;	    
}
.des_box .des_abstract p:nth-of-type(1) a{ font-size:19px;}
.des_box .des_abstract p:nth-of-type(1) a:hover{ color:#666666;}
.des_box .des_abstract p:nth-of-type(4){
	margin-bottom: 29px;
}
.des_box .des_abstract p:nth-of-type(2),.des_box .des_abstract p:nth-of-type(3),.des_box .des_abstract p:nth-of-type(4){
    font-size: 14px;
    color: #666666;
}
.des_box .des_hide{
	width: 668px;
	height: 212px;
	overflow: hidden;
}

.des_box .des_print{
	width: 9999px;
    height: 197px;
    color: #333333;
    position: relative;
}
.des_box .des_print p{
    width: 203px;
    height: 100%;
    float: left;
    margin-right: 20px;
    font-size: 14px;
	text-align:center;
}
.des_box .des_print p a{ color:#333333; font-size:14px;}
.des_box .des_print img{
	width: 100%;
	height: 174px;
	border: 2px solid #fff;
	padding: 2px;
}
.des_box .des_print img:hover{
	border: 2px solid #666666;
	padding: 2px;		
	cursor: pointer;
}
.des_box .des_click{
    width: 18px;
    height: 35px;
    margin: 67px 0 0 -5px;
    padding: 10px 0 0 13px; display:none;
}
.des_box .des_click p{
    width: 5px;
    height: 5px;
    background: #666666;
    border-radius: 50%;
    margin-bottom: 5px;
}
.des_box .s_hide{
	border-bottom: 1px solid #fff;
}
.des_box .des_click,.des_box .des_click p,.o_p_details .arrows p span{
	cursor: pointer;
}
.foreman_top{ padding-top:100px;}
.des_foreman{
    width: 1200px;
    margin: auto;
    height: 100%;
    padding-top: 63px;
}
.des_foreman .Box{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.des_foreman li {
    float: left;
    position: relative;
}
.des_foreman .Box-li:nth-of-type(3), .des_foreman .Box-li:nth-of-type(6) {
    margin-right: 0;
}
.des_foreman .Box-li{
    width: 30%;
    height: 231px;
    background: #fff;
    padding: 10px;
    margin: 0 2% 50px 0;
	border:1px solid #e3e3e3;
}
.des_foreman .Box-li .left{width: 215px;
    float: left;
    height: 157px; overflow:hidden;}
.des_foreman .head{
	width: 215px;
    float: left;
    height: 157px; 
}
.des_foreman .head{ /*padding:2px;*/ transition: all 0.7s ease 0s; display:inline;}
.des_foreman .head:hover{ transform:scale(1.03);/*box-shadow:0px 0px 8px #666666; border-radius:8px;*/}
.des_foreman .Box-li .right {
    float: right;
    width: 131px;
}
.des_foreman .Box-li p{
	font-size: 13px;
	color: #acacac;
}
.des_foreman .Box-li p span{ font-size:13px;}

.des_foreman .Box-li .xing_praise{ width:100%;}
.des_foreman .Box-li .xing_praise p{ 
    line-height: 20px;
    font-size: 13px;
    color: #999999;
    border: 0;
    padding-left: 0px; width:40%; margin-bottom:0px; float:left; margin-top:0px;}
	
.des_foreman .Box-li .xing{
	 width:75px; float:left;
}

.des_foreman .Box-li .xing_black,.praise .xing_black{ 
	 width:75px; float:right; position:relative; background:url(../images/xing.png) no-repeat 0px -20px; font-size:1px; height:20px;
}
.des_foreman .Box-li .xing_yellow1,.des_foreman .Box-li .xing_yellow2,.des_foreman .Box-li .xing_yellow3,.des_foreman .Box-li .xing_yellow4,.des_foreman .Box-li .xing_yellow5,.des_foreman .Box-li .xing_yellow6,.des_foreman .Box-li .xing_yellow7,.des_foreman .Box-li .xing_yellow8,.des_foreman .Box-li .xing_yellow9,.des_foreman .Box-li .xing_yellow10{
     float:right; position:absolute; top:0px; left:0px; background:url(../images/xing.png) no-repeat -1px 5px; height:20px;
}
.des_foreman .Box-li .xing_yellow2{ width:20%;}
.des_foreman .Box-li .xing_yellow3{ width:30%;}
.des_foreman .Box-li .xing_yellow4{ width:40%;}
.des_foreman .Box-li .xing_yellow5{ width:50%;}
.des_foreman .Box-li .xing_yellow6{ width:60%;}
.des_foreman .Box-li .xing_yellow7{ width:70%;}
.des_foreman .Box-li .xing_yellow8{ width:80%;}
.des_foreman .Box-li .xing_yellow9{ width:90%;}
.des_foreman .Box-li .xing_yellow10{ width:100%;}
.des_foreman .Box-li .xing_yellow1{ width:15%;}

.des_foreman .Box-li p:nth-of-type(1),.des_foreman .Box-li p:nth-of-type(3){
	margin-bottom: 8px; 
}
.des_foreman .Box-li .xing_praise p:nth-of-type(1){
	margin-bottom: 0px; 
}
.des_foreman .Box-li p:nth-of-type(1){
	text-align: center;
}
.des_foreman .Box-li p:nth-of-type(1) span{
	color: black;
	font-size: 17px;
    margin-right: 4px;
}
.Box-li .right img{
	width: 12px;
    margin-left: -4px;
    padding-top: 3px;
}
.Box-li .right .xing{
    position: relative;
    top: 2px;
    left: 2px;	
}
.Box-li .xing span{
    margin-right: 2px;
    top: 7px;
    left: -2px;
    position: relative;
    padding: 6px;
    background: url(../image/icon.png) no-repeat -44px -522px;
}
.Box-li .xing span:nth-of-type(5){
    background-position: -61px -522px;
}
.Box-li .right a.booking,.Box-li .right button{
    width: 131px;
    height: 30px;
    margin: 10px 0 0 -16px;
    border: 1px solid black;
    background: #fff;	
    margin: 10px 0 0 -3px;
    outline: none; display:block; text-align:center; line-height:25px;
}
.des_foreman .right p:hover{
	cursor: default;
}
.Box-li .right a.booking:hover,.Box-li .right button:hover{
	cursor: pointer;
}
.Box-li .i_hiea{
    width: 276px;
    height: 64px;	
    overflow: hidden;
    margin-top: 168px;
}
.Box-li .subset{
    width: 103%;
    height: 64px;
    background: #fff;
    margin-top: 1px;
    position: relative;
}
.des_foreman .Box-li .subset {
    background: #fff none repeat scroll 0 0;
    height: 64px;
    margin-top: 170px;
}
.des_foreman .subset li {
    margin-right: 10px; overflow:hidden;
}

.Box-li .subset img{
    width: 82px;
    height: 60px;transition: all 0.7s ease 0s; display:inline;
}
.Box-li .subset img:hover{/* box-shadow:0px 0px 8px #666666; border-radius:8px;*/transform:scale(1.03);}
.Box-li .right .praise p {
    border: 0 none;
    color: #999999;
    float: left;
    font-size: 1em;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 5%;
    width: 40%;
}
.Box-li .icon{
	padding: 14px;
    left: 276px;
    top: 194px;
    position: absolute;
    background: url(../images/icon.png) no-repeat -33px -732px;
}

.Box-li .i_casedo{
    width: 87px;
    height: 63px;
    line-height: 63px;
    font-size: 16px;
    color: #ccc;
	position: absolute;	
    top: 181px;
    left: 293px;
}
/**设计师/工长详情页  designer_detail.html*/
.des_det_top{
	background: url(../images/des_det_bg.jpg) no-repeat center; height:auto; min-height:750px; max-height:860px;
	/*margin-bottom: 50px;margin-bottom: 220px;*/ margin-bottom:120px;
}
.des_det_top div{
    width: 460px;
    height: auto;
    text-align: center;
    /*top: 262px;*/ top:150px;
}
.des_det_top div p{
    height: 64px;
    line-height: 88px;
    color: #fff;
    font-size: 22px;
    width: 100%;
    position: static;
    background: rgba(0,0,0,0);
}
.des_det_top div p:nth-of-type(1){
    font-size: 32px;
}
.des_det_top div p:nth-of-type(2){
    font-size: 20px; line-height:30px; height:auto; padding-top:20px;
}
.des_det_top div p:nth-of-type(3){
    font-size: 20px;
}
.des_det_top img{ width:200px; height:200px; border-radius:50%;}
.des_det_top img:hover {
    box-shadow: 0 0 18px 7px #c8c8c8;
    cursor: pointer;
}
.des_det_top button{
    width: 174px;
    height: 46px;
    background: rgba(0,0,0,0);
    border: 1px solid #fff;
    font-size: 20px;
    color: #fff;
    margin-top: 62px;
}
.des_det_top button:hover{
	cursor: pointer;
	background: black;
}

.d_process{
    width: 1200px;
    height: auto;
    margin: 40px auto 100px;
}
.d_process .top{
    width: 280px;
    font-size: 34px;
}
.d_process .wire{
    width: 209px;
    margin-bottom: 78px;
    border-top: 1px solid black;
}

.d_process .d_classify{
	width: 100%;
	height: auto;
	overflow:hidden;
}

.d_process .d_topa{
    margin-top: 40px;
    font-size: 26px;	
}
.d_process .d_wire{
    width: 164px;
    border-top: 1px solid #777777; margin-bottom:40px;
}
.d_process .d_complete{
	margin: -26px 0 56px 0;	
}


/*装修攻略strategy.html*/
#s_content{
    width: 1200px;
    /*padding-top: 222px;*/ padding-top:142px;
    margin: auto;
}
#s_content .q_top{
    font-size: 30px; text-align:center;
}
.s_detail{
    width: 94.5%;
    height: 573px;
    padding: 33px;
    box-shadow: 0 0 3px 0px #ccc;
    background: #fff;
    margin: auto;
	margin: 0 auto 37px;
}
.s_detail li{
	margin-right: 37px;
	float: left;
}
.s_detail li:nth-of-type(3){
	margin-right: 0;
}
.s_one,.str_bla{
    width: 353px;
    height: 334px;
}
.s_one img,.str_bla img{
	width: 100%;
	height: 208px;
}
.s_one p{
	width: 100%;	
}
.s_one p:nth-of-type(1){
	height: 37px;
    line-height: 37px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px dashed black;
    text-align: center;	
}
.s_one p:nth-of-type(1) a{ font-size:14px;}
.s_one p:nth-of-type(1) a:hover{ color:#999999; font-size:16px;}
.s_one p:nth-of-type(2){
    width: 93%;
    font-size: 11.5px;
    color: #666666;
    margin: 6px auto 14px; height:38px; overflow:hidden;
}
.s_one a.more{
    width: 107px;
    height: 26px;
    color: #fff;
    background: black;
    border: 0;
    margin-left: 123px;
	outline: none; display:block;
	text-align:center; line-height:26px; font-size:14px;
}
.s_one a.more:hover{ font-size:1em;}

.s_one .s_bosom{
	margin-top: -5px;
	height: 131px;	
}
.s_ones .s_bosom{
    height: 129px;
}
.s_one:hover{
	box-shadow: 0 0 4px 0 #ccc;
	background: #f6f6f6;
}
.s_detail .s_onec{
	height: 100%;
}
.s_detail .s_onec .s_bosom{
	height: 141px;
}
.s_onec .s_bosom p:nth-of-type(2){
    line-height: 21px;	
}
.s_onec img{
	height: 434px;
}
.s_detail li:nth-of-type(4),.s_detail li:nth-of-type(5){
	width: 355px;
	height: 208px;
    margin-top: -207px;
}

.str_bla{ position:relative;}
.str_bla:hover .s_bosom_hide{ display:block; cursor:pointer;}
.str_bla .s_bosom_hide{
	top:0px; left:0px; width:100%;
	position:absolute; background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
	height:100%; display:none;
}
.str_bla .s_bosom_hide p{
	width: 100%;	
}
.str_bla .s_bosom_hide p:nth-of-type(1){
	height: 37px;
    line-height: 37px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px dashed #ffffff;
    text-align: center;	
	padding-top:40px; color:#FFFFFF;
}
.str_bla .s_bosom_hide p:nth-of-type(2){
    width: 93%;
    font-size: 11.5px;
    color: #ffffff;
    margin: 6px auto 14px;
}
.str_bla .s_bosom_hide a.more{
    width: 107px;
    height: 26px;
    color: #fff;
    background: #f7941c;
    border: 0;
    margin-left: 123px;
	outline: none; display:block;
	text-align:center; line-height:26px; font-size:14px;
}
.str_bla .s_bosom_hide a.more:hover{ font-size:1em;}
a.mores{
    width: 400px;
    height: 60px;
    background: #fff;
    border: 1px solid black;
    color: #666666;
    font-size: 23px;
    position: relative;
    left: 50%;
    margin:0 0 110px -197px; display:block; text-align:center; line-height:60px; cursor:pointer;
}
a.mores:hover{ color:#000000;}
.s_house{
    width: 1200px;
    height: 1068px;
    margin: 0 auto 80px;
}
.s_house a {
   color:#646464;
}
.s_house a:hover{
    color:#080707;
}
.s_centents{
    width: 570px;
    height: 477px;
    margin: 0 10px 25px 0;
    padding: 10px;
    box-shadow: 0 0 5px 0 #ccc;
    float: left;
}
.s_centents:nth-of-type(2),.s_centents:nth-of-type(4){
	margin-right: 0;
}
.s_centents .s_centents_t{
    width: 100%;
    height: 44px;
    font-size: 22px;
    border-bottom: 1px dashed #808080;
    margin-bottom: 29px;
}
.s_centents .s_centents_t span{ font-size:21px;}
.s_centents .s_centents_t span:nth-of-type(2){
	float: right;
    font-size: 18px; color:#363636;
}
.s_house ul{
	width: 100%;
}
.s_house li{
	width: 48%;
    float: left;
    height: 35px;
    line-height: 35px; padding:1%;
}
.s_house li:nth-of-type(1),.s_house li:nth-of-type(2){
   height:208px;
}
.s_centents .li_img{
	width: 277px;
	height: 208px;
	float: left;
	position: relative;
}
.s_centents .li_img img{
	width: 100%;
	height: 100%;
}
.s_centents .li_img p.li_img_t{
	width: 100%;
	height: 33px;
	background: rgba(0,0,0,0.3);
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 33px;
	position: absolute;
	bottom: 0;
	display: block;
}
.s_centents .li_img p.li_img_more{
    width:100%; height:100%;
	background: rgba(0,0,0,0.3);
	color: #fff;
	display: none;
	text-align:center; position:absolute; top:0px; left:0px; cursor:pointer;
}
.s_centents .li_img p.li_img_more img{
    width: 177px;
	height: 81px; margin-top:70px;
}
.s_centents .li_img:hover p.li_img_t{
    display:none;
}
.s_centents .li_img:hover p.li_img_more{
    display:block;
}
.o_p_strategy .o_p_alist span,.s_house li span{
    background: url(../images/icon_b.png) no-repeat -49px -422px;
    padding: 8px;
}
.s_house li a {
   color:#000000; font-size:16.5px;
}
.s_house li a:hover{
    color:#5a5858;
}


/**文章详情页 article.html*/
.art_top{
    width: 1200px;
    margin: auto;
    /*padding-top: 202px;*/
    /* padding-top:120px; */
    height: auto;
    /* margin-bottom:100px; */
}
.art_top .site{ top:0px;}
.art_top .art_centent{
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    padding: 0px 44px 44px 44px;
    margin-top: 19px;
    border-radius: 8px;
}
.art_centent h2{
	font-size: 23px;
    text-align: center; color:#333333;
}
.art_centent .art_c_t{
    font-size: 14.3px;
    text-align: center;
    margin: 19px 0 51px 0;
    color: #666666;
}
.art_centent .art_c_info{
    color:#666666; line-height:30px; font-size:15.8px; width:100%;
}
.art_centent .art_c_info p{
    color: #666666;
    font-size: 15.8px;
	margin-bottom:15px;
}
.art_centent .art_c_info img{
    width:auto;
	max-width:100%;
    height: auto;
    margin-bottom: 24px;
	display:block; align-self:center; margin:auto;
}

.art_right .er_box{
    margin-top: 36px;
}
.art_right_list,.art_right_list1{
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 8px;
}
.art_right_list ul li,.art_right_list1 ul li{
    line-height: 51px;
    color: #6a6a6a;
    font-size: 18px;
	width:96%; padding:0px 2%;
}
.art_right_list ul li span{
    background: black;
    color: #fff;
    display: inline-block;
    width: 19px;
    height: 21px;
    line-height: 20px;
    text-align: center;
    margin: 0 8px 0 5px;
}
.art_right_list ul li a,.art_right_list1 ul li a{ color:#676767;}
.art_right_list ul li a:hover,.art_right_list1 ul li a:hover{ color:#333333;}

.art_right_list1 ul li{
	background: rgba(0, 0, 0, 0) url("../images/ico_a.png") no-repeat scroll 7px 22px;
	color: black;
    margin-right: 2px; padding-left:7%; width:90%;
} 


.art_right_list2{
    padding: 15px;
    /*height: 257px;*/
    height: 168px;
    position: relative;
    background: #fff;
    border-radius: 8px; cursor:pointer;
}
.art_right_list2 img{
	width: 248px;
	height: auto;
	transition: all 0.7s ease 0s;
}
.art_right_list2 .lun_b{
    width: 248px;
    height: 100%;
    padding: 0;
    overflow: hidden;
}
.art_right_list2 span:hover{
	cursor: pointer;
	background-position-y: 25px;
}
.art_right_list2 .f_futub{
	left: 241px;
}
/*.art_right_list2 .yir{
    width: 247px;
    height: 33px;
    background: rgba(0,0,0,0.5);
    text-align: center;
    line-height: 33px;
    color: #fff;
    font-size: 15px;
    position: absolute;
    bottom: 15px;
    display: none;
}*/
.art_right_list2 .f_futu,.art_right_list2 .f_futub{
    width: 36px;
    height: 43px;
    position: absolute;
    top: 45%;
    left: 0px;
    background: #3a3738;
    overflow: hidden;
}
.art_right_list2 .f_futub {
    left: 241px;
}
.art_right_list2 .f_futu span,.f_futub span{
    padding: 19px;
    background: url(../images/zuo.png) no-repeat 6px 26px;	
}

.art_right_list2 .f_futub span{
   background: url(../images/you.png) no-repeat 11px 26px;	
}

/*22号修改*/
.art_right_list2 p:nth-of-type(1){ width: 36px;}
.art_right_list2 .lun_b ul{ position:relative; width:99999px;}
.art_right_list2 .lun_b ul li{ width:248px; height:100%; float:left; position:relative;}
.art_right_list2 .lun_b ul li:hover span{ display:block;}
.art_right_list2 .lun_b ul li:hover img{transform:scale(1.03);}
.art_right_list2 .lun_b ul li span{
    width: 247px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
    position: absolute;
    bottom: 0px;
    display: block;
}


/*新房装修专题页 newhouse.html*/
#wrapper3 .newhouse_top_bg{
	background: url(../images/newhouse_bg.jpg) no-repeat center;
	/*background-size: 100% 100%;*/
	/*margin-bottom: 50px;margin-bottom: 240px;*/ margin-bottom:120px;
}
.new_path{
	width: 1200px;
	margin: auto;
}
.new_path .new_path_t{
    margin: 80px 0 50px 0;
    font-size: 36px;
    color: #666666;
}
.new_path .new_path_t span{
    color: #333333;
    font-size: 56px;
    padding: 20px;
}
.new_path .new_path_chart{
	width: 100%;
	height: 554px;
	position: relative; margin-top:-50px;
}
.new_path .new_path_chart div{
    width: 144px;
    height: 144px;
    padding: 3px;
    border: 2px dashed #dddddd;
    border-radius: 50%;
    color: black;
    margin-right: 98px;
    float: left;
    margin-top: 62px;
    position: absolute;
}
.new_path .new_path_chart div:nth-of-type(1){
	
}
.new_path .new_path_chart div:nth-of-type(2){
	left: 241px;
}
.new_path .new_path_chart div:nth-of-type(3){
	left: 481px;
}
.new_path .new_path_chart div:nth-of-type(4){
	left: 751px;
}
.new_path .new_path_chart div:nth-of-type(5){
	left: 995px;
}
.new_path .new_path_chart div:nth-of-type(6){
	left: 0px;
	top: 365px;
}
.new_path .new_path_chart div:nth-of-type(7){
	top: 365px;
	left: 243px;
}
.new_path .new_path_chart div:nth-of-type(8){
	top: 365px;
	left: 506px;
}
.new_path .new_path_chart div:nth-of-type(9){
	top: 365px;
	left: 748px;
}
.new_path .new_path_chart div:nth-of-type(10){
	top: 365px;
	left: 1001px;
}
.new_path .new_path_chart div span:nth-of-type(2){
    display: inline-block;
    width: 102px;
    height: 30px;
    margin-top: 74px;
}
.new_path .new_path_chart p{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    font-size: 17px;
    position: relative;
    background: #dddddd;
}


.new_path .new_path_chart span:nth-of-type(1){
    display: inline-block;
    width: 38px;
    height: 36px;
    background: url(../images/xiaoicon.png) no-repeat -14px -9px;
    position: absolute;
    top: 27px;
    left: 55px;
}


.new_path .new_path_chart div:nth-of-type(5),.new_path .new_path_chart div:nth-of-type(10){
	margin-right: 0;
}

.new_path_chart div:nth-of-type(3) span:nth-of-type(1){
	background-position-y: -130px;
}
.new_path_chart div:nth-of-type(4) span:nth-of-type(1){
	background-position-y: -46px;
}
.new_path_chart div:nth-of-type(5) span:nth-of-type(1){
	background-position-y: -287px;
}
.new_path_chart div:nth-of-type(6) span:nth-of-type(1){
	background-position-y: -50px;
}
.new_path_chart div:nth-of-type(7) span:nth-of-type(1){
	background-position-y: -89px;
}
.new_path_chart div:nth-of-type(8) span:nth-of-type(1){
	background-position-y: -175px;
}
.new_path_chart div:nth-of-type(9) span:nth-of-type(1){
	background-position: -20px -246px
}
.new_path_chart div:nth-of-type(10) span:nth-of-type(1){
	background-position: -20px -331px;
}

.new_path .new_path_chart div:nth-of-type(2){
	margin-top: 113px;
}
.new_path .new_path_chart div:nth-of-type(3){
    margin-top: 173px;
}
.new_path .new_path_chart div:nth-of-type(4){
    margin-top: 122px;	
}
.new_path .new_path_chart div:nth-of-type(5){
    margin-top: 212px;
}
.new_path ul{
	width: 100%;
	position: relative;
	margin-bottom: 100px;
}
.new_path li{
	position: absolute;
	width: 30px;
	height: 30px;
	background: url(../images/xiaoicon.png) no-repeat -17px -214px;
}
.new_path li:nth-of-type(1){
    top: -403px;
    left: 189px;	
}
.new_path li:nth-of-type(2){
    top: -332px;
    left: 426px;	
}
.new_path li:nth-of-type(3){
    top: -352px;
    left: 675px;	
}
.new_path li:nth-of-type(4){
    top: -309px;
    left: 932px;	
}
#main .new_path .new_path_chart ._num{
	background: rgba(0,0,0,0);
    font-size: 22px;
}
.new_path li:nth-of-type(5),.new_path li:nth-of-type(6),.new_path li:nth-of-type(7),
.new_path li:nth-of-type(8){
	top: -57px;
}
.new_path li:nth-of-type(5){
    left: 184px;	
}
.new_path li:nth-of-type(6){
    left: 440px;	
}
.new_path li:nth-of-type(7){
    left: 691px;	
}
.new_path li:nth-of-type(8){
	left: 944px;	
}

.ca_interest{
	width: 100%;
	height: 240px;
	position: relative;
}
.ca_interest .ca_one{
    font-size: 26px;
    color: #666666;
    padding-left: 44px;
}
.c_path .top_b{
    margin-top: 285px;
}
.ca_interest .ca_one span{
    margin: 0 90px 0 0px;
}
.ca_interest .ca_two{
	margin-top: 20px;
}

.ca_interest .ca_two p{
    width: 146px;
    height: 146px;
    border-radius: 50%;
    text-align: center;
    line-height: 146px;
    font-size: 56px;
    color: #fff;
    float: left;
    margin-left: -12px;
}
.ca_interest .ca_two p:nth-of-type(3){
    margin-right: 383px;
}
.ca_interest .ca_one span:nth-of-type(3){
    margin-right: 460px;	
}
.ca_interest .ca_one span:nth-of-type(4){
    margin-right: 66px;
}
.ca_interest .ca_one span:nth-of-type(5){
    margin-right: 72px;	
}
.ca_interest .ca_one span:nth-of-type(6){
    margin-right: 0;	
}
.ca_interest .ca_two p:nth-of-type(1),.ca_interest .ca_two p:nth-of-type(6){
	background: url(../images/quanq1.png);
}
.ca_interest .ca_two p:nth-of-type(2),.ca_interest .ca_two p:nth-of-type(5){
	background: url(../images/quanq2.png);
}
.ca_interest .ca_two p:nth-of-type(3),.ca_interest .ca_two p:nth-of-type(4){
	background: url(../images/quanq3.png);
}
.ca_interest .ca_tu{
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -149px;
}

.ca_location{
    width: 100%;
    height: 705px;
    position: relative;
}
.ca_location ._one{
	width: 420px;
    height: 424px;
    position: absolute;
}
.ca_location ._top{
    width: 50%;
    height: 83px;
    border-left: 1px solid #6f6f6f;
    padding-left: 6px;
    margin-bottom: 20px;
}
.ca_location ._top p:nth-of-type(1){
    font-size: 24px;
    border-left: 1px solid #6f6f6f;
    margin-bottom: 15px;
    padding-left: 8px;
    font-weight: 400;
    height: 37px; color:#333333;
}
.ca_location ._top p:nth-of-type(2){
    color: #999999;
    margin-left: 9px;
    font-size: 18.5px;
}
.ca_location .tu_{
	width: 20px;
	height: 20px;
	background: url(../images/xiaosanj.png) no-repeat;
}
.ca_location .c_tua{
    padding: 5px 10px 4px 7px;
    border: 2px solid #858585;
    margin-top: 8px; overflow:hidden;
}
/*.ca_location ._one .c_tua{width:403px; overflow:hidden;}*/
.ca_location .c_tua img{
	width: 100%;
	height: 100% ;transition: all 0.7s ease 0s; display:inline;
}
.ca_location .c_tua img:hover{transform:scale(1.03);/*border-radius:25% 20px 25% 20px; box-shadow:0 5px 10px rgba(36, 36, 36, 0.8)*/}
.ca_location .c_tub{
    width: 205px;
    height: 211px;
    position: absolute;
    left: 40%;
    border: 1px solid #858585;
}
.ca_location ._big{
    width: 160px;
    height: 92px;
    position: absolute;
    left: 63%;
    top: 9px;
}
.ca_location ._big hr{
    width: 83px;
    margin-top: -10px;
    height: 1px;
    height: 1px;
    border: 0;
    border-top: 1px solid #5c5c5c;
}
.ca_location ._big span:nth-of-type(1){
    display: inline-block;
    margin-left: -20px;
    width: 14px;
    height: 12px;
    transform: rotate(93deg);
	background: url(../images/xiaosanj.png) no-repeat;
}

.ca_location ._big p{
	border-top: 1px solid #858585;
    width: 21px;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    left: 84px;
    top: -26px;
    padding-left: 16px;
}
.ca_location ._big span:nth-of-type(2){
    color: #9a9a9a;
    font-size: 18.5px;
    position: relative;
    top: 12px;
}
.ca_location ._oneb{
    left: 40%;
    top: 42%;	
}
.ca_location ._oneb .c_tua{
    width: 72.5%;
    padding-bottom: 1px;
    border: 1px solid #858585;	
}

.ca_location .c_right{
    width: 349px;
    height: 261px;
    position: absolute;
    right: 0px;
    top: 155px;
}
.ca_location .c_right p:nth-of-type(1){
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 24px;
    text-align: right;
}
.ca_location .c_right p:nth-of-type(2){
    line-height: 23px;
    text-align: justify; color:#444444; font-size:14px; font-weight:400;
}
.ca_location a{
    right: 109px;
    bottom: 42px;
    position: absolute;
    width: 96px;
    height: 42px;
    color: #fff;
    border: 0;
    background: #333333; display:block; text-align:center; font-size:13px;
}
.ca_location a:hover{background: #bc9e3b;}
.ca_location button{
	right: 109px;
    bottom: 42px;
    position: absolute;
    width: 96px;
    height: 42px;
    color: #fff;
    border: 0;
    background: #333333;
}

.personae{
	margin-top: 129px;
    position: relative; margin-bottom:100px;
}
.personae .chan_hiden{
	width: 95%;
	height: auto;
	overflow: hidden;
	margin: auto;
}
.personae,.personae ul{
	position: relative;
}
.personae ul{
	width: 3600px;
}
.personae .arrowhead{
    width: 36px;
    position: absolute;
    top: 110px;
    height: 40px;
    background: url(../images/xiaoicon.png) no-repeat -22px -414px;
}
.personae ._two{
    right: 0;	
    background-position-y: -373px;
}
.personae li{
    width: 323px;
    position: static;
    height: auto;
    float: left;
    margin: 0 25px 10px;
    background: rgba(0,0,0,0);
    text-align: center; padding-top:15px;
}
/*.personae li:nth-of-type(1),.personae li:nth-of-type(4){
	left: 90px;
	margin-left: -42px;
}
.personae li:nth-of-type(7){
	margin-left: -73px
}
.personae li:nth-of-type(3){
	margin-right: 0;	
}*/
.personae li img{
    width: 200px; border-radius:50%; height:200px;
}
.personae li img:hover {
    box-shadow: 0 0 18px 7px #c8c8c8;
    cursor: pointer;
}
.personae li p:nth-of-type(1){
    margin-top: 30px;
    font-size: 27px;
}
.personae li p:nth-of-type(1) a{ font-size:27px;}
.personae li p:nth-of-type(1) a:hover{ color:#666666;}
.personae li p:nth-of-type(2){
    margin-top: 18px; font-size: 16px; color:#333333;
}
.personae li p:nth-of-type(3){
    margin-top: 21px;
    font-size: 14px; color:#333333; line-height:25px;
}
.new_path .top_c{
    margin: 80px 0 204px 0;
}
.ch_touch{
    width: 100%;
    height: auto;
    position: relative; margin-top:100px;
}
.ch_touch div{
	width: 482px;
	height: 489px;
}
.ch_touch .ch_left{
    border: 1px solid #dcdcdc;
    margin-top: 95px;
}
.ch_touch .ch_hide{
    background: #fff;
    margin: -25px 0 0 25px;
}
.ch_touch .ch_hide2{
    width: 514px;
    height: 508px;
    position: relative;
    overflow: hidden;
    top: -27px;
    left: -7px;
}
.ch_touch .ch_show{
    width: 472px;
    height: 479px;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    box-shadow: 0 0 6px 3px #cdcdcd;
    padding: 10px;
    position: relative;
    top: 0px;
    left: 21px; 
}
.ch_touch .ch_show div{overflow:hidden;width: 472px; height: 272px;}
.ch_touch .ch_show img{
	width: 100%;
	height: 272px;transition: all 0.7s ease 0s; display:inline;
}
.ch_touch .ch_show img:hover{transform:scale(1.03);}
.ch_touch .ch_show p{
	width: 96%;
    font-size: 20px;
    margin: 23px 0 22px 0;
    font-weight: 600;
}
.ch_touch .ch_show p a{ color:#333333; font-size:18.5px;}
.ch_touch .ch_show p a:hover{color: #666666;}
.ch_touch .ch_show p:nth-of-type(2){
    font-size: 15px;
    line-height: 26px;
    color: #666666;
    font-weight: 500;
}
.ch_touch .ch_hide-b{
	position: absolute;
    top: -156px;
    right: 53px;
}
.ch_touch .ch_hide-b,.ch_touch .ch_hide-b div{
	width: 373px;
	height: 500px;
}
.ch_hide2 .ch_show div{overflow:hidden;height: 272px;}
.ch_touch .ch_hide-b .ch_hide{
    margin: -20px 0 0 -22px;	
}
.ch_touch .ch_hide-b .ch_hide2{
 	width: 400px;
    height: 535px;
    left: -37px;
    top: -36px;
	
}
.ch_touch .ch_hide-b .ch_show{
    left: 1px;
    top: 0px;
    box-shadow: 0 0 6px 2px #ccc;	
}
.ch_count{
	width: 100%;
	height: 560px;
    margin-top: 100px;
}
.ch_count li{
    width: 22.5%;
    height: 100%;
    box-shadow: 0 0 3px 0px #ccc;
    margin:0px 1%;
    float: left;
    overflow: hidden;
    background: rgba(0,0,0,0);
    position: static;
	
}
.ch_touch .ch_li_top{ width:90%; padding:2%; margin:10px 3% 0px; box-shadow: 0 0 3px 0px #ccc; height:340px;}
.ch_touch li:hover .ch_li_top{box-shadow: 0 0 3px 0px #ffffff;}
.ch_touch .ch_li_top .top_img{ width:100%; overflow:hidden; height:170px;}
.ch_touch .ch_li_top img{ width:100%; height:170px; transition: all 0.7s ease 0s; display:inline;}
.ch_touch .ch_li_top img:hover{/*box-shadow: 0 0 2px 2px #ccc;  border-radius:10px;*/ cursor:pointer;transform:scale(1.03);}
.ch_touch .ch_li_top p{ color:#666666; font-size:13.5px; padding:10px;}
.ch_touch .ch_li_top p.badge_2{ color:#333333; font-size:16.5px; font-weight:400; margin:5px 0px; padding:0px; cursor:pointer;}
.ch_touch .ch_li_top p.badge_2 a{ color:#333333;}
.ch_touch .ch_li_top p.badge_2 a:hover{ color:#666666;}

.ch_touch li:hover .ch_li_bot{
    width: 100%;
    overflow: hidden;
    border-radius: 38px;
    height: 250px;
    margin: 0px 0 0 -2px;
    background: #f8f8f8;
    box-shadow: 0 0 5px 2.5px #ccc inset;
    padding: 24px 1% 0;
}
.ch_touch li .ch_li_bot{
    width: 100%;
    overflow: hidden;
    border-radius: 38px;
    height: 250px;
    margin: 0px 0 0 -2px;
    padding: 24px 1% 0;
	background:none;
}
.ch_touch .ch_li_bot p a{color: #666; }
.ch_touch .ch_li_bot p a:hover{color: #333; }
.ch_touch .ch_li_bot p.badge {
    color: #666;
    margin-bottom: 21px;
    margin-left: 23px;
    width: 87%;
}
.ch_touch .ch_li_bot p span {
    background: #999999 none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    margin: 0 8px 0 -14px;
    padding: 4px;;
}

/*老房装修专题页 oldhouse.html*/
#wrapper3 .oldhouse_top_bg{
	background: url(../images/oldhouse_bg.jpg) no-repeat center;
	/*background-size: 100% 100%;*/
	/*margin-bottom: 50px;*//*margin-bottom: 230px;*/ margin-bottom:120px;
}
.old_path{
	width: 1200px;
	margin: auto;
}
.o_p_free,.choice_foreman{
	width: 1200px;
	margin: 124px auto 0;
}
.o_p_free_home,.choice_foreman_t{
    width: 719px;
    height: 107px;
    border: 2px solid #000000;
    margin:auto;
}
.o_p_free_home .inside,.choice_foreman_t .inside{
	width: 710px;
    height: 99px;
    border: 1px solid #000000;
    position: relative;
    margin: 3px 0 0 3px;
}
.o_p_free_home .inside p,.choice_foreman_t .inside p{
    width: 100%;
    height: 100%;
    font-size: 24px;
    line-height: 121px;
    text-align: center; color:#2b2b2b;
}
.o_p_free_home .inside p:nth-of-type(1),.choice_foreman_t .inside p:nth-of-type(1){
    width: 288px;
    height: 60px;
    background: black;
    color: #fff;
    line-height: 60px;
    top: -32px;
    left: 210px;
    font-size: 30px;
    position: absolute; font-weight:400;
}

.o_p_circle{
	width: 100%;
    height: 205px;
    margin-top: 90px;
}
.o_p_circle li{
	margin-right: 105px;
	float: left;
	width: 152px; 
}
.o_p_circle li:nth-of-type(5){
	margin: 0;
}
.o_p_circle li p:nth-of-type(1){
    width: 138px;
    height: 138px;
}
.o_p_circle li p:nth-of-type(2){
	width: 50px;
	height: 2px;
	border-top: 3px solid #999999;
	border-bottom: 1px solid #999999;
	margin: 23px auto 9px;
}
.o_p_circle li p:nth-of-type(3){
    font-size: 16px;
    color: #474747;
    text-align: center;	
}
.o_p_circle li:hover img{ width:165px; }

.o_p_renovate{
	width: 1200px;
    height: auto;
    margin: 120px auto 0;
    font-family: sans-serif;
	text-align:center;
}
.o_p_renovate span:nth-of-type(1){
	font-size: 30px; display:block; line-height:50px;
}
.o_p_renovate span:nth-of-type(2){
	font-size: 18px;
	color: #666666; line-height:50px;
}
.o_p_renovate p{
	width: 200px;
	height: 1px;
	border-top: 1px solid #dedede;
    margin: -45px auto 12px;
}

.o_p_details{
    width: 100%;
    height: 467px;
    margin-top: 70px;
    position: relative;
}
.o_p_details .left{
	margin: 0 40px 0 0;
}
.o_p_details .left,.o_p_details .right{
    width: 514px;
    height: 345px;
    float: left;
	/*background: url(../images/laof.jpg) no-repeat;*/
	background-size:100% 100%;
    position: relative;
}
.o_p_details .right{
	/*background: url(../images/xinf.jpg) no-repeat;*/
	background-size:100% 100%;	
}
.o_p_details .left .top_img,.o_p_details .right .top_img{
    position:absolute; top:0px; left:0px; width:512px; height:344px;
}
.o_p_details .left div,.o_p_details .right div{
    position: absolute;
    width: 414px;
    height: 140px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    top: 253px;
    left: 48px; overflow:hidden;
}
.o_p_details .left .tu,.o_p_details .right .tu{
    width: 90%;
    height: 11px;
    background: url(../images/icon_b.png) no-repeat -51px -323px; 
    margin-left: 23px;
    display: inline-block;
}
.o_p_details .character p:nth-of-type(1){
    text-align: center;
    font-size: 20px;
    margin: 8px 0 0px 0;
}
.o_p_details .character p:nth-of-type(2){
    width: 90%;
    margin: 8px 0 8px 25px;
    line-height: 24px; font-size:15px; display:block;
}
.o_p_details .character p:nth-of-type(3){
    width: 90%;
    margin: 8px 0 8px 25px;
    line-height: 24px; font-size:15px; display:none;
}

.o_p_details .topa{
    height: 59.4px;
    width: 78px;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #fff;
    font-size: 22px;
    background: url(../images/banyj.png);
    background-size: 100%;
    line-height: 53px;
    text-align: center;
}
.o_p_details .back{
	position: absolute;
}

.o_p_details .backdrop{
    position: absolute;
    top: 94px;
    left: -154px;
}
.o_p_details .i_hiden{
    width: 1068px;
    height: 500px;
    margin: auto;
    overflow: hidden;
}
.o_p_details .i_do{
	width: 99999px;
	position: relative;
}
.o_p_details .arrows p{
    top: 34%;
    left: 0.2%;
    width: 51px;
    height: 48px;
    position: absolute;
    border-radius: 6px;
    left: 0px;
    background: rgba(0,0,0,0.5);
}
.o_p_details .arrows p:nth-of-type(2){
    left: 95.3%;	
}
.o_p_details .arrows p span{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../images/icon_b.png) no-repeat -49px -159px;
}
.o_p_details .arrows p:nth-of-type(2) span{
    background: url(../images/icon_b.png) no-repeat -40px -200px;
}

#o_p_expert{
    width: 100%;
    margin-top: 110px;
    height: 933px;
    background: url(../images/jiaz_banner.jpg) top center no-repeat;
}
.o_p_experts{
    width: 1200px;
    margin: auto;
    height: 100%;
    padding-top: 63px;	
}
#o_p_expert li{
	float: left;
	position: relative;
}

.o_p_experts .top,.o_p_strategy .top,.o_p_flow .top{
    text-align: center;
    font-size: 30px;
    color: #fff; line-height:50px;	
}

.o_p_experts .top span:nth-of-type(1),.o_p_strategy .top span:nth-of-type(1),
.o_p_flow .top span:nth-of-type(1){
	font-size: 30px; display:block;
}
.o_p_experts .top span:nth-of-type(2),.o_p_strategy .top span:nth-of-type(2),
.o_p_flow .top span:nth-of-type(2){
	font-size: 18px;	
	margin-left: 6px;
}
.o_p_experts .underline,.o_p_strategy .underline,.o_p_flow .underline{
    width: 190px;
    height: 1px;
    border-top: 1px solid #fff;
    margin: -45px auto 0px;	
}


.o_p_forman .Box-li .i_hiea{
    width: 276px;
    height: 64px;	
    overflow: hidden;
    margin-top: 168px;
}
.o_p_forman  .subset{
    width: 372px;
    height: 64px;
    background: #fff;
    margin-top: 1px;
    position: relative;
}
.o_p_forman  .subset li{
    margin-right: 10px;	
}
.o_p_forman  .subset img{
    width: 82px;
    height: 60px;
}
.o_p_forman  .subset img:hover{/*border-radius:8px;*/}
.o_p_forman #inde_wo {
    margin-top: 0;
    width: 868px;
}
.o_p_forman .Box-li .icon{
    width: 87px;
    height: 63px;
    line-height: 25px;
    font-size: 16px;
    color: #ccc;
	position: absolute;	
    top: 190px;
    left: 275px;
	padding:0 0 0 20px;
	background: url(../images/icon.png) no-repeat -33px -732px; cursor:pointer;
}

/*.o_p_forman .Box-li .icon{
	padding: 14px;
    left: 276px;
    top: 194px;
    position: absolute;
    background: url(../images/icon.png) no-repeat -33px -732px;
}

.o_p_forman .Box-li .i_casedo{
    width: 87px;
    height: 63px;
    line-height: 50px;
    font-size: 16px;
    color: #ccc;
	position: absolute;	
    top: 181px;
    left: 293px;
}
.o_p_forman .i_casedo span{
    padding: 13px;
    position: absolute;
    left: -23px;
    top: 17px;
    color: #ccc;
    background: url(../images/icon.png) no-repeat -38px -733px;
}*/

.o_p_strategy{
    width: 1200px;
    height: auto;
    margin: 100px auto 0;
    position: relative;
}

.o_p_strategy .top{
    color: black;	
}
.o_p_strategy .underline{
	border-top: 1px solid #dedede;	
}


.o_p_strategy .details{
	width: 100%;
	height: 660px;
    margin-top: 80px;
	position: relative;
}
.o_p_strategy .details li{
	float: left;
	position: relative;
}
.o_p_strategy .details li img{
	width:100%; height:100%;
}
.o_p_strategy .details li img:hover{
	box-shadow: 0 0 6px 6px #ccc; cursor:pointer;
}
.o_p_strategy .details li:nth-of-type(1){
	width: 35.67%;
    height: 63.8%;
    margin: 0 2.5% 3% 0;
}

.o_p_strategy .details li:nth-of-type(2){
	width: 35.67%;
    height: 33%;
	position:absolute;
	top:66.8%;
}

.details li p:nth-of-type(1){
    width: 100%;
    height: 50px; line-height:50px;
    color: #f7961b;
    font-size: 17px;
    text-align: center;
}
.details li p:nth-of-type(1) a{ font-size:17px; color:#f7961b;}
.details li p:nth-of-type(1) a:hover{color:#666666;}
.details li p:nth-of-type(1) span{
    font-size: 20px;
    color: #b76600;
}
.details li p:nth-of-type(2){
    width: 80%;
    height: 10px;
    background: url(../images/icon_b.png) no-repeat -41px -528px;
    margin: 0 0 0px 63px;
}
.details li p:nth-of-type(3){
    width: 80%;
    height: 10px;
    margin-top:10px; font-size:14px; line-height:26px; color:#3e3e3e; padding:0px 10%; text-align:justify;
}
.details li p:nth-of-type(4),.details li p:nth-of-type(5){
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/icon_b.png) no-repeat -41px -467px;
}
.details li p:nth-of-type(5){
    left: 90%;
    top: 85%;
    background-position-x: -124px;
}

.o_p_strategy .details li:nth-of-type(2) .one{
	color: black;
	height: 42px; line-height:42px; font-size: 18px;
}
.o_p_strategy .details li:nth-of-type(2) .one a{ font-size:18px; color:black;}
.o_p_strategy .details li:nth-of-type(2) .one a:hover{ color:#666666;}
.o_p_strategy .details li .left{
    background-position: -45px -382px;
}
.o_p_strategy .details li .right{
    background-position: -129px -382px;
}

/*.o_p_strategy .details li:nth-of-type(2){
    width: 27.917%;
    height: 34.48%;
    margin: 0 2.14% 3% 0;
    background: url(../images/fangn_19.png);
    background-size: 100% 100%;
}*/
.o_p_strategy .details li:nth-of-type(3){
    width: 27.75%;
    height: 34.4%;
    margin: 0 2% 3% 0;
}
.o_p_strategy .details li:nth-of-type(4){
    width: 32%;
    height: 33.728%;
	position: absolute;
	top:39.4%; left:38.2%;
}
.o_p_strategy .details li:nth-of-type(5){
    width: 32%;
    height: 34.4%;
    position: absolute;
	right:0px;
}

.o_p_strategy .details li:nth-of-type(6){
    width: 27.75%;
    height: 34.4%;
    position: absolute;
    top: 40%;
    right: 1%;
}
.o_p_strategy .details li:nth-of-type(7){
    height: 150px;
    left: 42%;
    position: absolute;
    top: 77.5%;
    width: 461px;
}
.o_p_strategy .details li:nth-of-type(8){
    height: 48px;
    right: 1%;
    position: absolute;
    top: 92%;
    width: 135px;
}
.o_p_strategy .details a.mores{
    width: 100%;
    height: 100%;
    background: black;
    color: #fff;
    font-size: 26px;
    border: 0;
    border-radius: 1px;
    outline: none;
    cursor: pointer; line-height:48px; left:0; margin:0;
}
.o_p_strategy .details a.mores:hover{ background:#f7961b;}

.o_p_strategy .details li .qv{
	width: 0px;
    height: 0px;
    margin-top: -9px;
}
.o_p_strategy .o_p_alist{
    width: 100%;
    margin-top: 60px;
}
.o_p_strategy .o_p_alist a{
    color:#000000; font-size:17px;
}
.o_p_strategy .o_p_alist a:hover{
    color:#666666;
}
.o_p_strategy .o_p_alist li{
    float: left;
    width: 32%;
    height: 35px;
	padding:0px 1% 0px 0px;
    margin: 10px 0px 10px 0;
    font-size: 17px;
    line-height: 35px; overflow:hidden;
}

.o_p_flow{
	width: 100%;
	height: 540px;
	background: url(../images/o_p_flow_bg.jpg) repeat;
/*	background-size: 100% 100%;*/
    padding-top: 78px; margin-top:50px;
}
.o_p_flow .Box{
	width: 1200px;
	height: 100%;
	margin: auto;
}

/*.o_p_flow dl {
    margin: 60px auto 0;
    width: 1200px;
}
.o_p_flow dl dt {
    float: left;
    text-align: center;
    width: 20%;
}
.o_p_flow dl dt span {
    bottom: -15px;
    color: #fff;
    display: inline-block;
    font-size: 1.4em;
    position: relative;
    text-align: center;
}
.o_p_flow .number {
    height: 20px;
    margin: auto;
    position: relative;
    top: 55px;
    width: 1200px;
}
.o_p_flow .son_1, .son_border {
    float: left;
}
.o_p_flow .son_1:nth-child(1) {
    margin-left: 7%;
}
.o_p_flow .son_1 {
    height: 40px;
    margin-right: 3px;
    width: 40px;
}
.o_p_flow .son_1 .c {
    border: 1px solid #ffffff;
    border-radius: 50%;
    font-size: 1.5em;
    height: 100%;
    line-height: 40px;
    text-align: center;
    width: 100%;
}
.o_p_flow .son_border, .son_border1, .son_border2 {
    border-bottom: 1px solid #5b5b5b;
    float: left;
    height: 100%;
    margin: 0 0.5%;
    padding: 0;
}
.o_p_flow .son_border {
    width: 16%;
}
.o_p_flow .son_border1 {
    width: 15.5%;
}
.o_p_flow .son_border2 {
    width: 17%;
}*/

/**免费量房 measure.html*/
#wrapper3 .measure_top_bg{
	background: url(../images/measure_bg.jpg) no-repeat center;
	/*background-size: 100% 100%;*/
	/*margin-bottom: 50px;*//*margin-bottom: 230px;*/ margin-bottom:120px;
}
.choice_foreman_t .inside p:nth-of-type(1){
    width:400px;
	left:150px;
}
.choice_foreman_t .inside p:nth-of-type(2){
    color:#000000;
}
.choice_foreman_list{
    width:1200px;height:472px;background:url(../images/bg.png) no-repeat;
	margin-top:50px; margin-bottom:120px;
	display:inline-block;
}
.choice_foreman_list ul li{
  width:150px;height:250px;display:inline-block; float:left; position:relative;
}
.choice_foreman_list ul li p{ width:84%; padding:10px 8% 0px; font-size:14px;display:inline-block;float:left; color:#272727; font-weight:bold;}
.choice_foreman_list ul li p:nth-of-type(1){
    width:100%; padding:0px;
}
.choice_foreman_list ul li .gz_img{ width:100%; height:150px; border:1px dashed #333333;border-radius:50%;}

.choice_foreman_list li:nth-of-type(1){ margin-left:56px; margin-top:210px;}
.choice_foreman_list li:nth-of-type(2){ margin-left:96px; margin-top:135px;}
.choice_foreman_list li:nth-of-type(3){ margin-left:95px; margin-top:188px;}
.choice_foreman_list li:nth-of-type(4){ margin-left:133px; margin-top:220px;}
.choice_foreman_list li:nth-of-type(5){ margin-left:38px; margin-top:58px;}

.praise{ position:relative; top:1px; left:1px; width:100%; height:150px; background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0; border-radius:50%; display:none; }
.choice_foreman_list ul li:hover .praise{ display:block;}
.praise p:nth-of-type(1){ text-align:center; color:#ffffff; font-size:14.5px; position:absolute; top:50px; left:0px;}
.praise p:nth-of-type(2){ text-align:center; width:50%; margin-top:10px; }

.praise .xing{ position:absolute; top:80px; left:20px; width:110px;}
.praise .xing_black{ 
	 width:110px; float:right; position:relative; background:url(../images/xing2.png) no-repeat 0px -20px; font-size:1px; height:25px;
}
.praise .xing_yellow1,.praise .xing_yellow2,.praise .xing_yellow3,.praise .xing_yellow4,.praise .xing_yellow5,.praise .xing_yellow6,.praise .xing_yellow7,.praise .xing_yellow8,.praise .xing_yellow9,.praise .xing_yellow10{
     float:right; position:absolute; top:-2px; left:0px; background:url(../images/xing2.png) no-repeat -1px 5px; height:25px;
}
.praise .xing_yellow2{ width:20%;}
.praise .xing_yellow3{ width:30%;}
.praise .xing_yellow4{ width:40%;}
.praise .xing_yellow5{ width:50%;}
.praise .xing_yellow6{ width:60%;}
.praise .xing_yellow7{ width:70%;}
.praise .xing_yellow8{ width:80%;}
.praise .xing_yellow9{ width:90%;}
.praise .xing_yellow10{ width:100%;}
.praise .xing_yellow1{ width:15%;}

#require{width:100%;height:1014px;background:url(../images/banner_2.jpg) no-repeat top center;margin:0 auto;}
.require_con{width:1200px;height:1014px;margin:0 auto;background:url(../images/center.png) no-repeat;position:relative;}

.require_con li{
	float: left;
	position: relative;
}
.require_con li img{
	width:100%; height:100%;
}
.require_con li img:hover{
	box-shadow: 0 0 2px 2px #ccc; cursor:pointer;
}
.require_con li:nth-of-type(1){
	width: 23%;
    height: 20.5%;
    margin: 23% 0 3% 0;
}

.require_con li:nth-of-type(2){
	width: 23%;
    height: 12%;
	position:absolute;
	top:50%;
}
.require_con li p:nth-of-type(1){
    width: 100%;
    height: 30px; line-height:30px;
    color: #ffffff;
    font-size: 20px;
    text-align: left;
}
.require_con li p:nth-of-type(2){
    width: 100%;
    height:85px ; font-size:14px; line-height:25px;
    margin: 0 0 0px 0px; color:#eaeaea;
}
.require_con li:nth-of-type(3){
	width: 23%;
    height: 20.5%;
	position:absolute; top:23%; right:8%;
}

.require_con li:nth-of-type(4){
	width: 23%;
    height: 15%;
	position:absolute;
	top:47%; right:0%;
}
.require_con li:nth-of-type(5){
	width: 23%;
    height: 20.5%;
	position:absolute; top:67%; right:29%;
}

.require_con li:nth-of-type(6){
	width: 23%;
    height: 15%;
	position:absolute;
	top:67%; right:4%;
}

.mea_book{ background:#FFFFFF; margin-bottom:100px;}

/**公司简介 company.html*/
.c_serve,.c_culture,.c_contact{
	width: 1200px;
	margin: auto; height:auto;
}
.c_serve_t{
	width: 1200px;
	margin: auto; height:200px;
}
.c_serve_t .top,.c_serve_t p:nth-of-type(3),.c_serve_t p:nth-of-type(4){
	text-align: center;
}
.c_serve_t .top,.c_culture .top{
    font-size: 30px;
}
.c_serve_t p:nth-of-type(3),.c_serve_t p:nth-of-type(4),.q_two,.q_tree{
	color: #666666;
    margin-bottom: 21px;
}
.c_serve_t .wire{
    margin: 30px 0 28px 497px;
    border-top: 1px solid black;	
}
.q_top,.q_two,.q_tree{
	text-align: center;	
}
.c_serve .c_serve_list{
    width: 305px;
    height: 539px;
    float: left;
    margin:0px 141px 0px 0; position:relative;
}
.c_serve .c_serve_list:nth-of-type(4){
	margin-right: 0;
}
.c_serve .c_serve_list:hover .c_s_hide{display:block;}
.c_serve .c_serve_list .c_s_hide{height: 175px; width: 175px;border-radius: 50%; background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0; position:absolute; top:10px; left:65px; text-align:center; color:#ffffff; display:none;}
.c_serve .c_serve_list .c_s_hide span:nth-of-type(1){ display:block; font-size:32px; margin-top:50px; line-height:30px; height:30px;}
.c_serve .c_serve_list .c_s_hide span:nth-of-type(2){ display:block; font-size:19.4px; margin-top:10px; line-height:30px;}
.c_serve .c_serve_list p{ font-weight:400;}
.c_serve .c_serve_list p:nth-of-type(1){
    margin: auto;
    border: 3px solid #000000; padding:5px;
    border-radius: 50%;
    height: 175px;
    width: 175px;	
}
.c_serve .c_serve_list p:nth-of-type(2){
    font-size: 21px;
    width: 100%;
    margin: 12px auto 10px; text-align:center;
}
.c_serve .c_serve_list p:nth-of-type(3){
    color: #666666; font-size:17.5px; text-align:center;
}
.c_serve .c_serve_list p:nth-of-type(4){
    text-align: center;
    color: black;
    margin: 0; font-size:14px; line-height:25px;
}
.c_serve .c_serve_list p:nth-of-type(5){
    width: 100%;
    text-align: justify; font-size:14px; line-height:25px;
}


.c_culture .firm{
    height: auto;
    width: 100%;
    margin-top: -20px;
}
.c_culture .firm p{
	color: #333333;
    font-size: 18px;
    line-height: 40px;
	text-align: left;
}

.c_culture .firm span{
    font-size: 21.5px;
    /*font-weight: 600; */color:#000000;
}
.c_culture .c_print{
    width: 100%;
    height: 300px;
    margin: 0px 0 100px 0;
    overflow: hidden;
}
.c_culture .c_print img{
	width: 359px;
	float: left;
	height: 287px;
	margin-right: 55px;transition: all 0.7s ease 0s; display:inline;
}
.c_culture .c_print img:hover{transform:scale(1.03);}
.c_culture .c_print img:nth-of-type(3){
	margin-right: 0;
}

.c_contact .site{
	width: 100%;
    height: 700px;
    position: relative;
    margin-top: 0px; top:0px;
}
.c_contact .site p{
    color: #333333;
    font-size: 26px;
    line-height: 47px;
    text-align: left;
    margin: 0;
}
.c_contact .site p:nth-of-type(1){
    color: black;
    font-size: 32px;
    margin-bottom: 40px;
}
.c_contact .site div{
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    border: 1px solid black;
}

/**办公室装修 office.html*/
#wrapper3 .office_top_bg{
	/*margin-bottom: 10px;*/margin-bottom: 120px;
	height: 690px;
    background: url(../images/measure_bg.jpg) no-repeat center;
}
.print{
	width: 100%;
	height: 301px;
	background: url(../images/xiaob.jpg) no-repeat top center;
}

#off_Box{
    width: 100%;
    height: auto;
}
.off_exhibition{
    width: 1200px;
    height: 160px;
    margin: auto;
    text-align: center;
   /* background: #fbfbfb;*/
    margin-top: 80px;
    position: relative;
}
.off_exhibition .top{
    font-size: 30px;
}
.off_exhibition p:nth-of-type(3),.off_exhibition p:nth-of-type(4){
	color: #666666; padding:5px 0px;
}
.off_exhibition .wire{
    border-top: 1px solid black;	
}
#off_Box ul{
    width: 1200px; margin:auto;
    margin-top: 20px;
}
#off_Box li{
    width: 32%;
    height: 315px;
    border-radius: 18px;
    box-shadow: 0 0px 3px 0px #ccc;
    position: relative;
    float: left;
    margin: 0 2% 27px 0;
    overflow: hidden;
}
#off_Box li.noright{ margin-right:0px;}

#off_Box li img{
    width: 100%;
    height: 270px;
}
#off_Box li:hover{
    box-shadow: 0 2px 10px 1px #ccc;	
}
#off_Box li p{
    margin-left: 20px;
    height: 36px;
    text-align: left;
}
#off_Box li p:nth-of-type(1){
    font-size: 20px;
    margin-top: 17px;
}
#off_Box li p:nth-of-type(1) a{ font-size:17px;}
#off_Box li p:nth-of-type(1) a:hover{ color:#999999;}
#off_Box li p:nth-of-type(3){
	color: black;
}
#off_Box button{
    border: 1px solid #bfbfbf;
    width: 118px;
    height: 35px;
    position: absolute;
    top: 350px;
    left: 242px;
    border-radius: 20px;
    background: #fff;
    font-size: 16px;
    color: #666;
    padding-bottom: 4px;
}
#off_Box button:hover{ cursor:pointer; background:#999999; color:#FFFFFF;}

#off_designer_Box{}
#off_designer_Box ul{
    width: 1200px; margin:auto;
    margin-top: 20px;
}
#off_designer_Box li{
	width: 248px;
    height: 527px;
	background:url(../images/sjs_l_bg.jpg) no-repeat;
    /*box-shadow: 0px 0px 4px 1px #ccc;*/
    margin-left: -8px;
	padding:40px 30px 0px;
    float: left;
/*    overflow: visible;
    border-radius: 0px;
    background: #fff;*/
	position:relative
}
#off_designer_Box li p:nth-of-type(1) {
    height: 165px;
    margin-left: 30px;
    padding: 10px;
    position: relative;
    top: 20px;
    transform: rotate(45deg);
    width: 165px; margin-bottom:130px;
}

#off_designer_Box li .revolve{
    width: 150%;
    height: 150%;
    transform: rotate(-45deg);
    margin:-40px 0 0 -40px;
}
#off_designer_Box li:hover{
    width: 248px;
    height: 527px;
	background:url(../images/sjs_f_bg.jpg) no-repeat;
    /*box-shadow: 0px 0px 4px 1px #ccc;*/
    margin-left: -8px;
	padding:40px 30px 0px;
    float: left;
/*    overflow: visible;
    border-radius: 0px;
    background: #fff;*/
	position:relative
}
#off_designer_Box li:hover p:nth-of-type(1){
	transform: rotate(0deg);
    width: 248px;
    height: 248px;
    margin: 0; top: 30px; left:10px; margin-bottom:47px;
}
#off_designer_Box li:hover .revolve{
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    margin: -50px 0 0 -50px;
}
#off_designer_Box li p{
	text-align: center;
	margin-left: 0;
	overflow: hidden; color:#000000; margin:0px 0px 5px;
}
#off_designer_Box li p:nth-of-type(2){
    font-size: 20px;
    margin: -24px 0 35px 0;	
}
#off_designer_Box li p:nth-of-type(2) a{font-size: 20px;}
#off_designer_Box li p:nth-of-type(2) a:hover{ color:#666666;}


#off_designer_Box li p:nth-of-type(3){
    height: 25px;
}
#off_designer_Box li p:nth-of-type(4){
    margin-bottom: 30px;
    color: black;
}
#off_designer_Box li p:nth-of-type(5){
	color: #403939;
}

#off_triangle_Box{
    width: 100%;
    height: 962px;
    background: #fbfbfb; margin-top:50px;
}

#off_triangle_Box .tableau{
	width: 590px;
    height: 450px;
    margin: auto;
    position: relative;
    margin-top: 60px;
}
#off_triangle_Box .tableau .centre{
    position: absolute;
    top: 189px;
    left: 210px;
    width: 142px;
}
#off_triangle_Box .tableau div{
    position: absolute;
    border-bottom: 1px solid #ecd4a9;
    text-align: left;
    padding-left: 20px;
}
#off_triangle_Box .one{
    width: 399px;
    height: 115px;
    top: 94px;
    left: -264px;
}
#off_triangle_Box .two{
    left: 470px;
    height: 130px;
    top: 126px;
    width: 363px;
}
#off_triangle_Box .three{
    border-left: 1px solid #ecd4a9;
    top: 434px;
    left: 179px;
    padding-top: 42px;
}
#off_triangle_Box .one span{
	font-size: 38px;
    color: #ceae80;
}
#off_triangle_Box .one span:nth-of-type(2){
    font-size: 27px;
}
#off_triangle_Box .one p{
    width: 367px;
    line-height: 25px;
    color: #666666;
    font-size: 17px;
}
#off_triangle_Box .one p:nth-of-type(2){
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    background: #ebd3a8;
    left: 0px;
    top: 104px;
}
#off_triangle_Box .two p:nth-of-type(2){
    left: 383px;
    top: 119px;	
}
#off_triangle_Box .three p:nth-of-type(2){
    left: 419px;
    top: 147px;
}

#off_flow_Box{
	width: 1095px;
	background: #fff; margin:auto;
}
#off_flow_Box ul{
    width: 100%;
    height: 936px;
    position: relative;
    top: 89px;
}
#off_flow_Box li{
    width: 205px;
    height: 205px;
    transform: rotate(45deg);
    position: absolute;
    border-radius: 0;
    box-shadow: 0 0;
    overflow: hidden;
}
#off_flow_Box img{
	width: 100%;
	height: 100%;
}
#off_flow_Box li:nth-of-type(1){
    width: 430px;
    height: 430px;
    left: 50%;
    margin-left: -250px;
}
#off_flow_Box li:nth-of-type(2){
    top: 271px;
    left: 90px;
}
#off_flow_Box li:nth-of-type(3){
    top: 434px;
    left: 249px;	
}
#off_flow_Box li:nth-of-type(4){
    top: 596px;
    left: 408px;
}
#off_flow_Box li:nth-of-type(5){
    top: 434px;
    left: 570px;	
}
#off_flow_Box li:nth-of-type(6){
    top: 273px;
    left: 733px;	
}
#off_flow_Box li:nth-of-type(7){
    top: 110px;
    left: 894px;	
}
#off_flow_Box .trace{
    width: 100%;
    height: 100%;
    position: absolute;
    top: -7px;
    left: 4px;
    transform: rotate(-45deg);
}
#off_flow_Box .trace span{
    width: 55%;
    color: #dedede;
    height: 34px;
    font-size: 24px;
    display: block;
    margin-left: 42px;

}
#off_flow_Box .trace span:nth-of-type(1){
    width: 80px;
    height: 82px;
    margin: 0 0 5px 55px;
	background: url(../images/fuwu_icon.png) no-repeat -143px -18px;
}
#off_flow_Box .trace span:nth-of-type(2){
    width: 15%;
    margin-left: 80px;
    border-bottom: 1px solid #fff;
    margin-bottom: 4px;
}

#off_flow_Box .one span:nth-of-type(1){
    padding: 72px;
    margin: 66px 0 0 91px;
	background: url(../images/icon_tub.png) no-repeat -267px -388px;
}
#off_flow_Box .one span:nth-of-type(2){
    border: 0;
    width: 55%;
    font-size: 38px;
    margin-top: 8px;
    color: #bcbcbc;	
}

#w_separate{
	width: 100%;
	height: 33px;
	background: #fbfbfb;
}
#off_advantage_Box{
    width: 100%;
    height: 950px;
    position: relative;
    overflow: hidden;
}
/*.w_advantage{
	width: 1200px;
	height: 77%;
	margin-top: 100px;
    background: url('../image/youshibg.jpg') no-repeat;
}*/
#off_advantage_Box .double,#off_advantage_Box .double_b{
    position: absolute;
    left: 50%;
    width: 268px;
    height: 176px;
    background: url(../images/icon_tub.png) no-repeat -185px 0;
    margin-left: -696px;
    z-index: 1;
}
#off_advantage_Box .double_b{
	background-position: -271px -191px;
    left: 50%;
    margin-left: 407px;
    top: 78%;
}
#off_advantage_Box ul{
	width: 1210px;
	height: 80%; margin:auto;
}
#off_advantage_Box ul p{
	text-align: center;
}
#off_advantage_Box ul img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
    border-radius: 3px;
}
#off_advantage_Box ul li{
    width: 393px;
    height: 304px;
    float: left;
    border-radius: 3px;
    margin: 0 3px 7px 4px;
    box-shadow: 0 0 5px 1.5px #f5f5f5;
	border: 1px solid rgba(0,0,0,0);
}
#off_advantage_Box ul li:hover{ border:1px solid #666666;}
#off_advantage_Box ul li:nth-of-type(1){
	background: url(../images/youshi_01.jpg) no-repeat;
    background-size:100% 100% ;
}
#off_advantage_Box ul li:nth-of-type(2){
	background: url(../images/youshi_02.jpg) no-repeat;
	background-size:100% 100% ;
}
#off_advantage_Box ul li:nth-of-type(3){
	background: url(../images/youshi_03.jpg) no-repeat;
	background-size:100% 100% ;
}
#off_advantage_Box ul li:nth-of-type(4){
	background: url(../images/youshi_4.jpg) no-repeat;
	background-size:100% 100% ;
}
#off_advantage_Box ul li:nth-of-type(5){
	background: url(../images/youshi_5.jpg) no-repeat;
	background-size:100% 100% ;
}
#off_advantage_Box ul li:nth-of-type(6){
	background: url(../images/youshi_6.jpg) no-repeat;
	background-size:100% 100% ;	
}

#off_advantage_Box li p:nth-of-type(1){
    font-size: 29px;
    margin-top: 75px;	
}
#off_advantage_Box li p:nth-of-type(2){
    width: 155px;
    margin: 30px 0 0 129px;
    height: 26px; border-top:1px solid #000000;
}
#off_advantage_Box li p:nth-of-type(3){
    width: 294px;
    margin-left: 58px;
    line-height: 26px;
    height: 50px;	
}

#off_space_Box{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	background: #fbfbfb;
}
#off_space_Box ._left{
    left: 50%;
    margin-left: -882px;
    top: 292px;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 65px;
    background: url(../images/zhuangsx.png) no-repeat -145px -3px;
}

#off_space_Box ._right{
    left: 50%;
    z-index: 1;
    margin-left: 134px;
    top: 471px;
    position: absolute;
    width: 100%;
    height: 65px;
    background: url(../images/zhuangsx.png) no-repeat 0px -125px;
}

.off_space .the_Bij{
	position: relative;
    margin: -12px auto 15px;
    width: 290px;
    height: 305px;
    background: url('../images/lunpan.png') no-repeat;
}
.off_space .zho{
    width: 145px;
    font-size: 30px;
    color: #333333;
    top: 119px;
    left: 73px;
    font-weight: bold;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    top: 357px;
}
#off_space_Box .point{
    position: absolute;
    top: 515px;
    left: 50%;
    margin-left: -7px;
}

.off_space .the_Bij .point{
    position: absolute;
    top: 287px;
    left: 137px;
}
.off_space .the_Bij p{
	position: absolute;
    color: #b1b1b1;
    font-size: 17px;
    width: 84px;
    height: 43px;
    line-height: 43px; text-align:center;
}

.off_space .the_Bij p:nth-of-type(1){
	display: none;
}
.off_space .the_Bij p:nth-of-type(2){
    top: 244px;
    left: 100px;
    font-weight: bold;
    color: #fefefe;
}
.off_space .the_Bij p:nth-of-type(3){
    left: 190px;
    top: 207px;
    transform: rotate(-45deg);	
}
.off_space .the_Bij p:nth-of-type(4){
    top: 122px;
    left: 223px;
    transform: rotate(-91deg);	
}
.off_space .the_Bij p:nth-of-type(5){
    top: 36px;
    left: 188px;
    transform: rotate(-134deg);	
}
.off_space .the_Bij p:nth-of-type(6){
    top: 1px;
    left: 103px;
    transform: rotate(-180deg);	
}
.off_space .the_Bij p:nth-of-type(7){
    top: 37px;
    left: 16px;
    transform: rotate(135deg);
}
.off_space .the_Bij p:nth-of-type(8){
    top: 123px;
    left: -20px;
    transform: rotate(90deg);
}
.off_space .the_Bij p:nth-of-type(9){
    top: 208px;
    left: 15px;
    transform: rotate(45deg);
}


.off_space_con{ margin:auto; width:1200px; display:none;}
.off_space_con1,.off_space_con2,.off_space_con3,.off_space_con4,.off_space_con5,.off_space_con6,.off_space_con7,.off_space_con8{ display:none;}
.off_space_con table{
	width: 100%;
	height: 781px;
	background: #fdfdfd;
	margin-top: 63px;
}
.off_space_con table .head{
	width: 100%;
	background: #cacaca;
	height: 92px;
	color: black;
	font-weight: bold;
}
.off_space_con table tr th{
	border: 1px solid #9b9b9b;
	height: auto;
	text-align: center; line-height:25px;
}
.off_space_con tr th:nth-of-type(1){
	width: 185px;
}
.off_space_con tr th:nth-of-type(2){
	width: 219px;
}
.off_space_con tr th:nth-of-type(3){
	width: 300px;
}
.off_space_con tr th:nth-of-type(4){
	width: 119px;
}
.off_space_con tr th:nth-of-type(5){
	width: 376px
}
/*.off_space_con table .root{
	height: 158px;
}*/
/*.off_space_con .root th{
    position: relative;
    top: -30px;
}*/
.no_sho{ display:block;}

#off_space_Box{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	background: #fbfbfb; padding-bottom:60px;
}
#off_exhib_Box .check{
	margin-top: 67px;
}
.intellectual{
    width: 1200px;
    height: 243px;
    box-shadow: 0 0 3px 1px #ccc;
	margin:auto;margin-top: 36px; 
}
.intellectual div{
	float: left;
}
.intellectual .cen{
    width: 450px;
    height: 173px;
    padding: 35px;
}
.intellectual .cen a {
    color:#000; font-size:20px;
}
.intellectual .cen a:hover{
    color:#646464;cursor:pointer; 
}
.intellectual .cen p:nth-of-type(1){
    font-size: 20px;
    margin: 0 0 14px -10px;
    text-align: left;
}
.intellectual .cen p img{
    float: left;
    width: 166px;
    height: 104px;
    margin: 7px 5px 0 5px;/* padding:2px;*/transition: all 0.7s ease 0s; display:inline;
}
.intellectual .cen p img:hover{ /*box-shadow: 0 0 8px #666666; border-radius:8px;*/transform:scale(1.03);}
.intellectual .cen p:nth-of-type(2){
    line-height: 29px;
    text-align: left;
    width: 428px; height:125px; overflow:hidden;
}
.intellectual .bosom{
    width: 156px;
    height: 100%;
    background: #f5f5f5;
    text-align: center;
    line-height: 243px;
    float: left;
}
.intellectual .bosom p{
    width: 90%;
    background: url(../images/icon_tub.png) no-repeat 0px 0px;
    letter-spacing: 4px;
    height: 90px;
    margin: auto;
    margin-top: 55px;
}
.intellectual .bosom span{
	position: relative;
    top: -18px;
    margin-left: 7px;
}
#off_exhib_Box .groups .bosom p{
	background-position-y: -77px;
}
#off_exhib_Box .family .bosom p{
	background-position-y: -222px;
}
#off_exhib_Box .should .bosom p{
	background-position-y: -321px;
}

#_service{
    width: 100%;
    height: 1398px;
    background: url(../images/shouhouyy.jpg) no-repeat top center;
    margin-top: 103px;
}
.w_customer{
    width: 925px;
    height: 90%;
    padding-top: 94px;
    background: rgba(0,0,0,0);
}
#_service .top,#_service .character p:nth-of-type(3), 
#_service .character p:nth-of-type(4){
    color: #fff;	
}
#_service .wire{
    background: #fff;
    margin-left: 364px;	
}
#_service p:nth-of-type(3),#_service p:nth-of-type(4){
	color: #666666;
}
#_service p:nth-of-type(5){
    margin: auto;
    margin-top: 63px;
    width: 79px;
    height: 100px;
    background: url(../images/icon_tub.png) no-repeat -24px -430px;
}
.w_customer .character{
    margin: auto;
    margin-top: 42px;
    width: 514px;
    height: 200px;
    line-height: 52px;
    font-size: 28px;
    color: #dfdfdf;
}
#_service p:nth-of-type(6){
    font-size: 58px;
    margin-top: 98px;
    color: #dedede;
}
.w_customer .contact{
	width: 811px;
    height: 293px;
    padding: 57px;
    padding-top: 75px;
    background: rgba(68, 68, 68, 0.5);
    border-radius: 4px;
    margin-top: 115px;
}
.w_customer .left{
    width: 558px;
    height: 300px;
    float: left;
    font-size: 18px;
    color: #636363;
}
.w_customer .right{
    width: 250px;
    height: 307px;
    padding-top: 30px;
    float: right;
}
.w_customer .right button{
    background: rgba(0,0,0,0);
    width: 241px;
    height: 78px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 28px; 
    text-align: center;
    line-height: 77px;
    position: static;
    border-radius: 0;
}
.w_customer .right button:nth-of-type(1){
	margin-bottom: 50px;
}

.site{ margin:0 auto; width:1200px; position:relative; top:110px;/* padding-top:150px;*/}
.site1{ top:0px;}
.site2{ top:40px;}


@media screen and (max-width: 980px) {
	/* pagewrap */
	#wrapper{ width:1280px;}
	#wrapper2{ width:1280px;}
	#wrapper3{ width:1280px;}
	/*#main{ width:1200px;}
	.focus_m li{ width:1200px;}*/
}