/* banner 开始*/
* {
	 margin: 0;
    padding: 0;
    outline: none;
font-family: 'Microsoft YaHei';
}
a {
	text-decoration: none;
    color: #000;
}
a:hover {
	text-decoration: none;
}
li {
	list-style: none;
}
input,
select {
	font-family: "microsoft yahei";
	outline: none;
	border: none;
	border: 1px solid #c8c8c8;
}
img {
	border: none;
	padding: 0;
	margin: 0;
}
/* banner */
#solid{
	width:100%;
	height:800px;
	clear:both;
	position:relative;
}
#solid .solid0,#solid .solid1,#solid .solid2{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:800px;
	display:none;
}
#solid ul{
	margin:0px;
	padding:0px;
	list-style:none;	
}
#solid ul li{
	position:absolute;
	/* left:50%; */
	top:0px;
	width:100%;
	height:800px;
	/* margin-left:-452px; */
	display:none;
	cursor:pointer;
}
#solid #btt{
	width:100%;
	height:55px;
	top:745px;
	/* left:50%;
	
	margin-left:-452px; */
	position:relative;
	float: left;
z-index: 2;
}
#solid img{
	
	height: auto;
	margin: 0 auto;
}
#solid #btt span{
	position:absolute;
	top:15px;
	left:45%;
	display:block;
	width:30px;
	height:8px;
	margin:0 15px;	
	text-align:center;
	background:#3d3d3d;
	z-index:1000;
	cursor:pointer;
	filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
	-moz-opacity:0.7; /*Firefox私有，透明度50%*/
	opacity:0.7;
}
.banner {width:1903px;height:800px;margin:0 auto;background:#cccccc;overflow:hidden;position:relative;}
	.banner ul { position:absolute;left:0;top:0;z-index:100;}
	.banner ul li { display:block;width:1903px;height:auto;float:left;}
	.banner .con { position:absolute; left:45%; bottom:3%;z-index:101; }
	.banner .con a { float:left; margin-right:8px; display:block; width:8px; height:8px; border-radius:100%; background:#000;z-index:101;}
	.banner .con a.active { background:#fff;}
	.banner .u { width:30px;height:20px;background:rgba(255,255,255,0.5); display:none;}
	.banner .left { position:absolute; top:40%;left:2%;z-index:103;}
	.banner .right { position:absolute; top:40%;right:2%;z-index:103;}
/* banner-end */

.dn1{width: 100%;height:0;overflow: hidden;margin:0 auto;position: relative;padding-bottom:41.67%}
    #list{width: 700%;height: auto;min-height: 500px;max-height: 800px;position: absolute;}
    #list img{width: 14.29%;;float: left;cursor: pointer;height:auto;}
    .arrow{position: absolute;color:#fff;text-decoration: none;bottom: 20px;text-align: center;width: 40px;height: 40px;font-size: 30px;top:50%;font-weight: bold;background: rgba(0,0,0,0.3);}
    #left{left:20px;}
    #right{right: 20px;}
    .btns{width: 100px;height: 10px;position: absolute;bottom: 20px;left: 50%; padding-left:-50px}
    .btns span{cursor: pointer;border: 1px solid #fff;border-radius: 50%;margin-right: 8px;-webkit-border-radius:50%;-moz-border-radius:50%;width: 10px;height: 10px;float: left;}
    .btns .on{background: orange;}



/*报价器开始*/
iframe {
	width: 100%;
	height: 295px;
	margin: 0 auto;
	overflow-x: none;
	overflow-y: none;
	border: none;
}

.caculator-box1 {
	display: block;
	width: 100%;
	height: 460px;
	border-top: 1px solid #f5f5f5;
	background: #eef3f9;
}

.allFloor_title_box {
	text-align: center;
	margin-top: 30px;
}

.allFloor_title_box .floor-titles {
	height: 60px;
	line-height: 60px;
	text-align: center;
}

.allFloor_title_box .floor-titles .line {
	display: inline-block;
	width: 79px;
	border-top: 1px solid #b5b5b5;
	vertical-align: 2px;
}

.allFloor_title_box .floor-titles .txt {
	color: #000;
	vertical-align: middle;
	font-size: 30px;
	padding: 0px 20px;
}

.caculator-total-box {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.allFloor_title_box .floor_summery {
	font-size: 14px;
	color: #606060;
}

.calculator_left {
	width: 510px;
	height: 250px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	float: left;
	border-radius: 14px;
	background: url(../images/new_gaibanbjq.jpg) left top no-repeat;
	position: relative;
}

#testForm {
	overflow: hidden;
}

.calculator_left input {
	position: absolute;
	top: 180px;
	left: 142px;
	width: 250px;
	height: 40px;
	text-align: center;
	font-size: 22px;
	color: #666666;
}

.calculator_right {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	background-color: #f6f6f6;
	width: 680px;
	height: 250px;
	padding-left: 60px;
	box-sizing: border-box;
	padding-top: 30px;
	padding-bottom: 30px;
	float: right;
	border-radius: 14px;
}

.calculator_right_slide {
	position: absolute;
	width: 100%;
	padding-top: 27px;
	padding-bottom: 17px;
	padding-left: 45px;
	left: 0px;
	top: 0px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 14px;
}

.calculator_right_modal {
	display: block;
	margin-bottom: 15px;
	padding: 0px 20px;
	padding-left: 0px;
        float:left;
}

.calculator_right_modal label {
	margin-right: 0px;
	font-size: 14px;
}

.shj_index_jsq_select_list {
	width: 150px;
	height: 35px;
	border: 1px solid #c8c8c8;
	text-align: left;
	line-height: 35px;
	position: relative;
	margin-left: 20px;
	cursor: pointer;
	font-size: 14px;
	background: #fff;
	display: inline-block;
	box-sizing: border-box;
	padding-left: 3px;
}

.calculator_right_modal input {
	display: inline-block;
	width: 160px;
	height: 35px;
	text-align: left;
	background-color: #fff;
	margin-left: 20px;
	padding-left: 10px;
	border: 1px solid #dcdcdc;
	text-align: left;
	box-sizing: border-box;
	font-size: 12px;
}

.yzcode {
	display: inline-block;
	vertical-align: middle;
	width: 90px;
	height: 35px;
	float: right;
	margin-right: 30px;
}

.caculator-btn-bj {
	display: inline-block;
	width: 232px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	background: #737373;
}
.caculator-btn-phone {
    width: 330px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 14px !important;
    color: #fff !important;
    background: #2a8d70 !important;
    cursor: pointer;}

/*报价器结束*/

/* 标题 */
.title a{display:block; line-height:28px; font-size:26px; color:#0d957f; line-height:48px;}
.title{background:url(../images/line.jpg) no-repeat center 48px; text-align:center;font-size:16px; color:#898787; line-height:42px;  height:120px; width:528px; margin:0 auto;margin-top:40px;}
/* 标题-end */

/* 案例 */
.span{
	width: 55%;
	height: auto;
	margin: 0 auto;
	text-align: center;		
}
.span ul{
	width: 100%;
	float: left;
	height: auto;
	text-align: center;
}
.span ul li{
	width: 10%;
	float: left;
	height: auto;
	line-height: 20px;
	text-align: center;
	
}
.span ul li a{
	color: #727272;
	font-size: 14px !important;
}
.span ul em{
	width: 2%;
	float: left;
	height: auto;
}
.case_list {
    width: 100%;
    min-width: 1610px;
    height: auto;
    margin: 0 auto;

}
.case_list ul {
	width: 100%;
    overflow: hidden;
    margin: 0;
    margin-left: 0px;
    padding: 0;
    margin-left: -10px;
}
.case_list li {
    float: left;
	margin-left: 17px;
	width: 24%;
	margin-top: 20px;
	height: auto;
	max-height: 325px;
	position: relative;
	min-width: 400px;
	overflow: hidden;
}
/* .case_list li:first-child{
	margin-left:0px;
}
.case_listli:nth-child(5){
	margin-left:0px;
} */
.case_list li a {
    width: 100%;
    max-height: 325px;
    height: auto;
}
.case_list li img {
    width: 460px;
    height: 325px;
    max-height: 325px;
}
.case_list li span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    width: 100%;
}
.more{
	width: 120px;
height: 30px;
line-height: 30px;
display: block;
border: 1px solid #cbcbcb;
color: #101010;
font-size: 14px;
margin: 20px auto;
text-align: center;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}
/* 案例-end */
/* 装修流程 */

.box{
	width: 100%;
	float: left;
}
.box img{
	margin-left:10px;
	margin-bottom: 40px;
}
/* 装修流程-end */
/* 生活咨询 */
.zixun 
{
	width: 100%;
	height: auto;

}
.inewsbox{ height:400px}
.fnews{ float:left; width:594px;}
.fnews img{ width:594px; height:163px}
.fnews big{ display:block;font-size:16px; color:#0d957f; line-height:48px; width:560px;white-space:nowrap; text-overflow:ellipsis; word-break: keep-all; overflow:hidden}
.fnews p{ font-size:14px; color:#3f3e3e; padding:0; margin:0; margin-bottom:30px; height:72px; overflow:hidden}
.fnews font{ display:block; width:112px; height:30px; background:#0D957F; text-align:center; line-height:30px; font-size:14px; color:#FFF}

.ir{ float:right; width:560px}

.inewslist{ margin-bottom:20px; height:100px}
.num{ float:left;font-size:60px; color:#0d957f; line-height:80px; border-right:solid 3px #E2E2E2; padding-right:15px}
.inews{ float:right; width:454px}
.inews big{ display:block; height:28px}
.inews a{ float:left; display:block; font-size:16px; color:#3f3e3e; width:300px;white-space:nowrap; text-overflow:ellipsis; word-break: keep-all; overflow:hidden}
.inews a:hover{color:#0d957f}
.inews span{ float:right; font-size:14px; color:#3f3e3e}
.inews p{ padding:0; margin:0;font-size:14px; color:#3f3e3e; line-height:22px; height:66px; overflow:hidden}

.indextwobox{min-width:1200px;  width:auto; padding:5px 0;background:#EEF3F9; _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1200? '1200px' : 'auto');}

.indextwo{width:1400px;height:600px; text-align:left; margin:0 auto}

/* VR实景图 */
.box4 {
    background: url(../images/index-09.jpg) no-repeat center top;
    height: 720px;
 
}
#d_tab29{position:relative;text-align:left; width:1180px; margin:0 auto; padding-top:50px;}
#d_tab29 ul,#d_tab29 li{margin:0;padding:0;list-style:none}

#d_tab29 img{border:0;vertical-align:top}

#d_tab29 .d_img{position:relative;margin:0 auto;width:1180px;height:100%} 

#d_tab29 .d_img li{position:absolute;display:none;z-index:0}

#d_tab29 .d_img li img{width:100%;}

#d_tab29 .d_img li.d_pos3{display:block;width:600px; left:60px;top:80px;z-index:1;}

#d_tab29 .d_img li.d_pos1{display:block;width:800px;left:195px; height:450px;top:20px;z-index:3; position:relative}

#d_tab29 .d_img li.d_pos2{display:block;width:600px; right:60px;top:80px;z-index:1}

#d_tab29 .d_word{position:absolute;left:195px;height:260px; top:380px;width:800px;overflow:hidden; z-index:10; text-align:center}

.d_word p{ height:60px;line-height:60px; background:rgba(0,0,0,0.5) ;}

#d_tab29 .d_word ul{width:9999px;}

#d_tab29 .d_word ul li{float:left;width:824px;text-align:center;}

#d_tab29 .d_word ul li a{width:824px;height:100%;display:inline-block;text-align:center;}

.d_word p{ color:#ffffff; float:left; width:100%; margin-top:140px; display:inline}

.q-img{ float:left; width:60px !important; height:60px; vertical-align:middle; margin-left:370px;}

#d_tab29 .d_next{position:absolute;right:0%;margin-left:10px;top:320px;z-index:10;cursor:pointer}

#d_tab29 .d_prev{position:absolute;left:0%;margin-right:10px;top:320px;z-index:10;cursor:pointer}

/* 设计师 */
.isjtd{ width:1400px; position:relative}
#CSSBox{width:1200px;height:440px; overflow:hidden;}
.changeDiv{ float:left;width:1200px;height:440px;overflow:hidden; position:relative; margin-left:60px}
.changeDiv a{ float:left;display:block; width:209px; height:440px; margin-right:40px}
.changeDiv img{ width:209px; height:257px}
.changeDiv big{display:block; line-height:44px;font-size:15px; color:#525355}
.changeDiv font{display:block;font-size:14px; line-height:22px; color:#3f3e3e; padding-bottom:5px}
.changeDiv span{display:block;font-size:14px; line-height:22px; color:#3f3e3e; height:44px; overflow:hidden}
.changeDiv p{ position:absolute; display:none;width:209px; height:257px; background:url(../images/isjtdbj.png) no-repeat; padding:0; margin:0}

.changeDiv a:hover big{ color:#0d957f}
.changeDiv a:hover p{ display:block}
#LeftButton{float:left; padding-top:120px; }
#RightButton{float:right;padding-top:120px; }

/* 热装楼盘 */
.ilplist{ margin-left:-25px;text-align: left;}

.ilplist a{ float:left; display:block; background:#FFF; width:280px; height:340px; margin:0 0 25px 25px}

.ilplist img{ width:280px; height:196px}

.ilplist p{ padding:0 10px; margin:0; font-size:14px; color:#3f3e3e}

.ilplist big{ display:block; font-size:14px; color:#0d957f; line-height:36px}

.ilplist font{ display:block; text-align:right}

.ilplist font img{ width:76px; height:25px}
/* 用户 */
.ifwtitle{ text-align:center; height:140px;}

.ifwtitle a{ display:block; font-size:30px; color:#6a6969; padding-top:50px; line-height:40px;}

.ifwtitle span{ font-size:40px; color:#0d957f;line-height:40px;}



.ifwlist{ height:536px}

.ifwlist a{ float:left; display:block; position:relative; width:120px; height:120px}

.ifwlist img{ width:120px; height:120px; position:absolute; z-index:98;}

.ifwlist span{ position:absolute; display:block; top:0; left:0; width:120px; height:120px; background:url(../images/black.png) repeat; z-index:99}

.ifwlist a:hover span{ display:none}

.ifwlist a:hover img{width:119px; height:122px; border:solid 2px #0D957F;position:absolute; top:-3px; left:-3px; z-index:100}

.ifwlist p{ position:absolute;top:-3px; display:none; background:#0D957F; width:330px; height:96px; font-size:14px; color:#FFF; padding:0; margin:0; padding:30px 15px 0; z-index:999}

.ifwlist a:hover p{ display:block}

.ifwlist .left{left:117px; text-align:left}

.ifwlist .right{right:117px; text-align:right}
/* 装修攻略 */
.zx-gl{width: 100%;height: 749px;background: #f3f3f3;margin-top: 60px;background: url(/assets/home/index/img/zx-gl-bg.jpg) no-repeat;background-size: auto 749px;
    background-position: center;}
.gl-list{width: 1220px;height: 448px;overflow: hidden;}
.gl-list ul li{float: left;width: 298px;height: 100%;margin-right: 6px;}
.gl-list ul li .gl-img{width: 298px;height: 140px;overflow:hidden;position: relative;}
.gl-list ul li .gl-img img{width: 298px;height: 100%;}
.gl-list ul li .gl-img div{width: 298px;height: 140px;font-size:24px;background: rgba(0,0,0,0.7);transition:all 0.5s ease;position: absolute;left: 0;top: 0;text-align: center;line-height: 140px;color: #f5f5f5;}
.gl-list ul li:hover .gl-img div{background: rgba(0,0,0,0.3);}
.gl-list ul li .gl-list-wz,
.gl-list ul li .gl-list-wd{width:298px;height:268px;padding-top: 40px;background: #fff;overflow: hidden;}
.gl-list ul li .gl-list-wz .gl-list-item,
.gl-list ul li .gl-list-wd .gl-list-item{width:298px;height:12px;margin-bottom: 24px;}
.gl-list ul li .gl-list-wz .gl-list-item .wz-fenlei{width: 92px;height: 12px;color:#999;font-size: 14px;line-height: 12px;border-right:1px solid #ccc;display: block;float: left;margin-right: 20px;margin-left: 30px;}
.gl-list ul li .gl-list-wz .gl-list-item .wz-det{width: 135px;height: 14px;text-align: center;font-size: 14px;line-height: 12px;display: block;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gl-list ul li .gl-list-wd .gl-list-item .wz-det{width: 135px;height: 14px;margin-left: 30px;font-size: 14px;line-height: 12px;display: block;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gl-list ul li a{cursor: pointer;}
.gl-list ul li a:hover span{color: #ff5353 !important;}
.gl-list ul li .to-gl{height: 16px;}
.gl-list ul li .to-gl p{margin-right: 30px;font-size: 22px;}
.gl-list ul li .to-gl p .go-to{width:24px;height:7px;float:right;margin-top:12px;margin-left:10px;display:inline-block;background: url(../images/jiantou.png) no-repeat;}
.gl-list ul li .to-gl p a{color: #ccc;width: 72px;display: block;float: right;}
.gl-list ul li .to-gl p a:hover {color: #ff5353}
.gl-list ul li .to-gl p a:hover .go-to{background: url(../images/jiantou-hover.png);}
.gl-list ul li .gl-list-wd .gl-list-item .wz-shijian{font-size: 14px;line-height: 12px;color:#999;float: right;margin-right: 30px;}
/* .wz-det{font-size: 14px ;line-height: 12px;color:#999 ;float: right;margin-right: 30px;} */
.wz-shijian{font-size: 14px;line-height: 12px;color:#999;float: right;margin-right: 30px;}
.more{width: 178px;height: 38px;font-size:14px;display: block;margin:0 auto;text-align: center;line-height: 38px;border:1px solid #999;margin-top: 30px;}
.more:hover{background: #0d957f;border-color: #0d957f;color: #fff;}