/*

*创建时间：2015-12-16

*创建人：陈维烜

*创建作用：设计圈PC站首页样式

*最后修改：吕玉燕 2016-02-27 11:24

*/

/*右侧快捷菜单图标*/

.fixed-service-hover,.fixed-service-link,.fixed-suggest-link,.fixed-to-top,.fixed-code {background: url(../images/common_fixed_src.png) no-repeat;}

.fixed-service-hover {background-position: -0px -0px;height: 19px;width: 20px;}

.fixed-service-link {background-position: -21px -0px;height: 19px;width: 20px;}

.fixed-suggest-link {background-position: -42px -0px;height: 19px;width: 19px;}

.fixed-to-top {background-position: -62px -0px;height: 11px;width: 18px;}

.fixed-code {background-position: -81px -0px;height: 21px;width: 21px;}

/*首页banner*/

.carousel{margin: 0 auto;min-width: 1190px;}

.home-carousel .item img{margin: 0 auto;display: block;height: 420px;}

.home-carousel div{overflow: hidden;min-width: 1300px;}

.home-carousel a{width:100%;height:420px;display:block;background:no-repeat center;}

.home-banner{width:100%;height:420px;display:block;background:no-repeat center;}

/*首页分类导航*/

.nav-sort-container{width: 1280px;margin: 0 auto;position: relative;z-index:55;zoom:1;}

.nav-sort-wrap{color:#fff;background: rgba(0,0,0,.8);*background: #30313a;width: 216px;*height:210px;position: absolute;top: 0;left: 0;}

.nav-sort-wrap a{color:#fff;}

.nav-sort-wrap .sort-title{line-height:24px;height:20px;font-size: 16px;font-weight: bold;margin-bottom: 20px;margin-top: 20px;}

.nav-sort-wrap .a{margin-top: 10px;}

.nav-sort-wrap .sort-content a{float: left;display: block;width: 60px;margin-right: 10px;_margin-right: 9px;margin-bottom: 10px;*margin-bottom:8px}

.nav-sort-wrap .sort-content a:hover{color:#FF1A2B;}

.nav-sort-wrap .sort-wrap{position:relative;height: 183px;}

.nav-designer-wrap{top: 211px;height:209px;_width:210px;*height:auto;*background:#30313a;*padding-bottom:20px;}

.nav-designer-wrap:hover{box-shadow:1px 1px 1px #ccc;}

.nav-designer-wrap .sort-hover-wrap{top:-211px;}



/*.nav-sort-wrap:hover .nav-designer-hover,.nav-sort-wrap:hover .nav-case-hover {background: url(../images/home_nav_hover.png) no-repeat;}*/

/*.nav-sort-wrap:hover .nav-designer-hover {background-position: -0px -0px;height: 22px;width: 22px;}*/

/*.nav-sort-wrap:hover .nav-case-hover {background-position: -23px -0px;height: 20px;width: 22px;}*/

/*.nav-sort-wrap:hover{background: #fff;}*/

/*.nav-sort-wrap:hover a{color:#292930;}*/

/*.nav-sort-wrap:hover .sort-title{color:#292930;}*/

/*.nav-designer-wrap:hover{height:209px;}*/

.nav-sort-wrap:hover .sort-hover-wrap{display: block;box-shadow:1px 1px 1px #ccc;}

.sort-hover-wrap{display:none;padding:25px 0;color:#292930;position:absolute;top:-20px;right:-255px;width: 255px;height: 370px;background: #fff;}

.sort-hover-wrap .sort-hover-title{color:#292930;font-size: 14px;margin-left:20px;margin-bottom: 5px;}

.sort-hover-wrap div.last-child{border-top: 1px dashed #eee;padding-top: 10px;margin-right: 20px;}

.sort-hover-wrap div.sort-last-title{padding-top: 30px;margin-top: 20px;}

.sort-hover-wrap ul{overflow: hidden;margin-bottom: 10px;padding-left: 12px;}

.sort-hover-wrap li{text-align:center;float: left;padding:2px 10px;border: 1px solid #fff;cursor: pointer;}

.sort-hover-wrap li:hover a{color: #FF1A2B;}

.sort-hover-wrap li a{color:#292930;}

/*首页模块标题*/

.home-tile{height: 45px;margin-top: 10px;border-bottom: 1px solid #d4d4d4;}

.home-tile h2{font-size: 24px;color: #333;float: left;}

.home-tile .title-recommend{float: right;margin-top: 14px;}

.home-tile .title-recommend a{margin:15px 10px;font-size: 14px;color: #999;}

.home-tile .title-recommend a:hover{color:#FF1A2B;}

.home-tile .title-recommend a.title-more{margin:0 0 0 25px;color: #666;}

/*每周精选*/

.home-case-wrap{overflow: hidden;margin-bottom: 20px;min-width: 1190px;}

.home-case-list{margin-right: -32px;padding-bottom:2px;margin-bottom: 2px;overflow: hidden;}

.home-case-item{position:relative;border:1px solid #eee;width: 376px;height: 300px;float: left;margin-top: 28px;margin-right: 28px;_margin-right: 18px;}

.home-case-item:hover{box-shadow: 1px 1px 3px #c5c5c5;}

.home-case-item .case-item-tips{position: absolute;top: 20px;color: #fff;text-align: center;border-radius: 20px;}

.home-case-item .case-type-tips{display:none;left: 20px;background: rgba(0,0,0,.36);padding: 2px 15px;}

.home-case-item:hover .case-type-tips{display: block;}

.home-case-item:hover .list-entrust-btn{display: block;}

.home-case-item .home-case-img{width: 376px;height: 188px;}

.home-case-item .case-title{overflow:hidden;text-align:center;text-decoration:none;cursor:pointer;color:#333;display:block;margin-top:10px;height: 40px;_width: 330px;line-height: 40px;font-size: 18px;padding: 0 14px;}

.home-case-item .case-summary{color:#999;display:block;height: 20px;line-height: 20px;font-size: 12px;text-align: center;}

.home-case-item .case-summary span{margin-right:6px;padding:0 3px;color:#999;}

.home-case-item .case-summary span.case-price{color:#FF1A2B;font-size: 16px;padding: 0;margin-right: 15px;}

.home-case-item .case-designer{padding:0 10px;line-height:44px;display:block;height: 44px;margin-top: 15px;border-top: 1px solid #eee;}

.home-case-item .case-designer img{height: 30px;width: 30px;border:2px solid transparent;background: #eee;border-radius: 50%;}

.home-case-item .case-designer .case-num-wrap{float: right;margin-right: 5px;*margin-top:-48px;}

.home-case-item .case-designer span{color: #686868;margin-left: 6px;}

.home-case-item .case-designer span:hover{color: #FF1A2B;}

/*广告位*/

.ad-banner-wrap{width: 1280px;margin: 20px auto;}

.ad-banner-wrap img{width: 1280px;height: 128px;display: block;margin: 0 auto;}

/*设计大师*/

.home-designer-wrap{width: 1280px;overflow: hidden;margin: 20px auto;}

.home-designer-wrap .home-designer-block{margin: 30px 0;overflow: hidden;position: relative;}

.home-designer-wrap .home-designer-block a:link,.home-designer-wrap .home-designer-block a:visited{transition: all 0s ease 0s;}

.home-designer-wrap .home-designer-block .designer-left{position: absolute;left: 0;top:155px;cursor: pointer;}

.home-designer-wrap .home-designer-block .designer-right{position: absolute;right: 4px;top:155px;cursor: pointer;}

.home-designer-wrap .designer-list-bottom .designer-name{height:30px;line-height:30px;}

.home-designer-wrap .designer-name{display:block;color:#d0d0d0;font-size:14px;text-align:center;height:40px;line-height:40px;width:100%;background: rgba(0,0,0,.36);}

.home-designer-wrap .home-designer-block .designer-list-bottom a:hover .designer-name{display: block;}

.designer-list-left{float: left;position: relative;width: 278px;height: 384px;margin-right: 20px;}

.carousel-inner .designer-list-left img{display : block;width: 284px;height: 384px;}

.designer-list-left span{position: absolute;bottom: 0;left: 0;}



.designer-list-right{float: left;}

.designer-list-right img {display: block;width: 100%;height: 100%;}

.designer-list-right .home-more-designer{background: #FF1A2B;text-align: center;color: #fff;font-size: 15px;}

.designer-right-top{overflow:hidden;position: relative;margin-right: -20px;margin-bottom: 24px;}

.designer-right-top a{position:relative;display:block;float:left;width: 280px;height: 250px;_height: 270px;margin-right: 24px;_margin-right: 12px;}

.designer-right-top span{position: absolute;bottom: 0;left: 0;}

.designer-list-bottom{position: relative;margin-right: -24px;}

.designer-list-bottom span{position: absolute;bottom: 0;left: 0;}

.designer-list-bottom a{position: relative;display:block;float:left;margin-right: 22px;*margin-right: 18px;_margin-right: 15px;width: 130px;height: 110px;}

.designer-list-bottom a img{width: 130px;height: 110px;}



/*合作伙伴*/

.home-deanparter-wrap{width: 1280px;overflow: hidden;margin: 0px auto;}

.deanparter{width:1280px;margin:20px auto;margin-bottom:0;overflow:hidden;border-left:1px solid #eee;}

.deanparter ul{margin-top:0px;border-top:1px solid #eee;}

.deanparter ul li{float:left;width:182px;height:80px;vertical-align:middle;}

.deanparter ul li a{display:block;width:186px;height:78px;border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:center;}

.deanparter ul li a:hover{border-bottom:1px solid #f60;}

.deanparter ul li a img{padding-top:16px;height:50px;}

.deanparter ul li a img:hover{opacity:1;}





/*推荐资讯*/

.home-information-wrap{width: 1280px;margin: 20px auto;}

.home-information-list{margin: 10px 0 30px;height: 480px;overflow: hidden;}

.home-information-left{float: left;width: 460px;padding-top:10px;height: 465px;margin-right: 30px;}

.home-information-left .information-left-top{position: relative;}

.home-information-left .information-left-top{position: relative;}

.home-information-left .information-left-top .information-title{display:block;padding-top:10px;width:100%;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,.61);height: 70px;}

.home-information-left  .information-title span{display: block;padding: 0 15px;height: 30px;line-height: 30px;}

.home-information-left  .information-title-title{font-size: 16px;color: #e8e8e8;}

.home-information-left  .information-title-summary{font-size: 14px;color: #acacac;}

.information-left-bottom{width: 536px;overflow:hidden;}

.home-information-left .information-left-bottom img{margin-top: 24px;width: 218px;height: 150px;float:left;}

.home-information-left .information-left-bottom .left-bottom-img{margin-right: 24px;}



.home-information-right{float: left;width: 780px;height: 390px;}

.home-information-right .information-right-item{padding:10px 0;overflow: hidden;border-bottom: 1px solid #eee;}

.home-information-right .information-right-left{float: left;width: 280px;height: 140px;}

.home-information-right .information-right-left a{position: relative;}

.home-information-right .information-right-left img{width: 280px;height: 140px;}

.home-information-right .information-right-left span{display:none;color:#d0d0d0;font-size:14px;text-align:center;height:40px;line-height:40px;width:100%;background: rgba(0,0,0,.36);position: absolute;bottom: 0;left: 0;}

.home-information-right .information-right-left a:hover span{display:block;}

.home-information-right .information-right-right{width:380px;overflow:hidden;float: left;padding:0 30px;}

.home-information-right .information-right-right a{font-size: 14px;color: #666;margin: 10px 0;}

.home-information-right .information-right-right a:hover{color:#FF1A2B;}

.home-information-right .information-right-right .information-strong{font-size: 16px;font-weight: bold;margin-bottom: 24px;}

.home-information-right a{display: block;}

/*/!*首页底部三模块*!/

.home-bottom-wrap{width: 1200px;overflow:hidden;margin: 30px auto;}

.home-bottom-wrap .home-bottom{margin-right:10px;float:left;width: 310px;height: 70px;padding:50px 40px;border: 1px solid #eee;}

.home-bottom-wrap .home-bottom i{float: left;}

.home-bottom-wrap .home-bottom-text{padding-left:65px; }

.home-bottom-wrap .no-margin .home-bottom-text{padding-left:80px; }

.home-bottom-wrap .home-bottom-text a{display:block;font-size: 18px;color: #333;margin: 5px 0;}

.home-bottom-wrap .home-bottom-text a:hover{color:#FF1A2B;}

.home-bottom-wrap .home-bottom-text span{display:block;font-size: 14px;color: #999;}

.home-bottom-wrap .no-margin{margin-right:0;}*/

/*首页底部三模块*/

.home-bottom-wrap{width: 1190px;overflow:hidden;margin: 30px auto;}

/*.home-bottom-wrap .home-bottom{margin-right:10px;float:left;width: 310px;height: 70px;padding:50px 40px;border: 1px solid #eee;}*/

/*2016-01-19 换广告位*/

.home-bottom-wrap .home-bottom{margin-right:10px;float:left;border: 1px solid #eee;width: 386px;height: 170px;}

.home-bottom-wrap .home-bottom img{width: 386px;height: 170px;}



.home-bottom-wrap .home-bottom i{float: left;}

.home-bottom-wrap .home-bottom-text{padding-left:65px; }

.home-bottom-wrap .no-margin .home-bottom-text{padding-left:80px; }

.home-bottom-wrap .home-bottom-text a{display:block;font-size: 18px;color: #333;margin: 5px 0;}

.home-bottom-wrap .home-bottom-text a:hover{color:#FF1A2B;}

.home-bottom-wrap .home-bottom-text span{display:block;font-size: 14px;color: #999;}

.home-bottom-wrap .no-margin{margin-right:0;}



.carousel-inner {position: relative;width: 100%;_height: 380px;overflow: hidden;}

.right-fixed-wrap {zoom: 1;position: fixed;width: 50px;height: 50px;right: 5px;bottom: 200px;z-index: 9;}



.carousel-indicators li {background-color: #2f2f2f;cursor: pointer;}

.carousel-indicators .active{background: #ff4200;}

.home-case-item .list-entrust-btn{display:none;right: 20px;width: 96px; height: 32px;background: #ee6864 url('../images/design-des.png') 17px 8px no-repeat;font-size: 14px;text-align: right;padding-right: 20px;line-height: 32px;}



#solid{

	width:100%;

	height:530px;

	clear:both;

	position:relative;

}

#solid .solid0,#solid .solid1,#solid .solid2,#solid .solid3{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:528px;

	display:none;

}

#solid .solid0{

	background:#9a000c;

}

#solid .solid1{

	background:#561784;

}

#solid .solid2{

	background:#8d6a4a;

}

#solid .solid3{

	background:#f5de42;

}

#solid ul{

	margin:0px;

	padding:0px;

	list-style:none;	

}

#solid ul li{

	position:absolute;

	left:50%;

	top:0px;

	/*width:1000px;*/

	height:420px;

	margin-left:-452px;

	display:none;

	cursor:pointer;

}

#solid #btt{

	width:1000px;

	height:55px;

	top:470px;

	left:50%;

	position:relative;

	margin-left:-452px;

	z-index: 2;

}

#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;/*其他，透明度50%*/

}





/*===============导航栏=============*/



.nav-li{

	padding: 13px 0 13px 13px;

	height: 48.1px;

	border-bottom: 1px solid rgba(255,255,255,.2);

	font-size: 16px;

	cursor: pointer;

}

.nav-li:hover{

	background:#ffffff;

	border-bottom: 1px solid rgba(255,255,255,.8);

	color: #000000;

}

.nav-li:hover a{

	color: #000000;

}

.nav-li .deannavsub a:hover,

.nav-li .deanhiddenmenu a:hover{

	color: #FF1A2B;

}

.nav-li:hover .deanhiddenmenu{

	display: block;

}

.deannavsub{

	padding-top: 10px;

	overflow: hidden;

}

.deannavsub a{

	display: inline-block;

	color: #fff;

	margin-right: 10px;

	font-size: 12px;





}

.jiantou{

	float: right;

	display: block;

	width: 6px;

	height: 11px;

	margin: 19px 20px 0 0;

	background: url(../../../images/arrow_r.png) center no-repeat;



}

.deanhiddenmenu {

	padding: 20px;

	background: #fff;

	border-top: 1px solid #ededed;

	position: absolute;

	left: 216px;

	top: 0;

	width: 658px;

	height: 485px;

	z-index: 581;

	box-shadow: 0 4px 8px rgba(0,0,0,.1);

	display: none;

}

.deanhdml {

	width: 400px;

	float: left;

}

.deanhdml dl dd {

	margin-bottom: 20px;

}



.deanhdmlhs {



	width: 70px;

	height: 25px;

	line-height: 25px;

	overflow: hidden;

	font-size: 14px;

	color: #FF1A2B;

	font-weight: 600;

}

.deanhdmlhf a {

	display: inline-block;

	height: 25px;

	line-height: 25px;

	font-size: 12px;

	color: #333;

	margin-right: 10px;

}

.deanhdmlhf a.deanhdreds {

	color: #FF1A2B;

}

.deanhdmr {

	float: right;

	width: 240px;

	height: 410px;

	overflow: hidden;

}

.deanhdmr dl dd {

	width: 100%;

	height: 195px;

}

.deanhdmr dl dd a {

	width: 240px;

	height: 176px;

	overflow: hidden;

	display: block;

}

.deanhdmr dl dd a img{



	width: 100%;

}

.nav-huace,

.nav-tiezhi,

.nav-xinfeng,

.nav-biaoge,

.nav-penhui{

	float: left;

	margin-right: 10px;

	height: 20px;

	width: 22px;



}

.nav-huace{

	background: url(../images/nav-huace.png);

	background-size: cover;



}

.nav-tiezhi{



	background: url(../images/nav-tiezhi.png);

	background-size: cover;



}

.nav-xinfeng{



	background: url(../images/nav-xinfeng.png);

	background-size: cover;



}

.nav-biaoge{



	background: url(../images/nav-biaoge.png);

	background-size: cover;



}

.nav-penhui{



	background: url(../images/nav-penhui.png);

	background-size: cover;



}

.hoverewm{

	position: absolute;

	left: -97px;

	top: 0px;

	opacity: 0;

	z-index: -1;





}
.l {
	float: left;
}
.liucheng{width: 100%; background: #fff;}
.liucheng .liucheng_box{width: 1280px; height: 100px;margin: 0 auto;}
 .liucheng .liucheng_box li{width: 20%; margin-top: 24px; cursor: pointer;}
.liucheng .liucheng_box .liucheng_img{width: 54px; height: 54px; background: url(../images/hylico.png) no-repeat;}
.liucheng .liucheng_box .liucheng_img.img1{background-position: -369px 0px;}
.liucheng .liucheng_box .liucheng_img.img2{background-position: -369px -87px;}
.liucheng .liucheng_box .liucheng_img.img3{background-position: -369px -174px;}
 .liucheng .liucheng_box .liucheng_img.img4{background-position: -369px -266px;}
 .liucheng .liucheng_box .liucheng_img.img5{background-position: -369px -352px;}
.liucheng .liucheng_box .liucheng_img1:hover .liucheng_img.img1{background-position: -434px 0px;}
.liucheng .liucheng_box .liucheng_img2:hover .liucheng_img.img2{background-position: -434px -87px;}
.liucheng .liucheng_box .liucheng_img3:hover .liucheng_img.img3{background-position: -434px -174px;}
.liucheng .liucheng_box .liucheng_img4:hover .liucheng_img.img4{background-position: -434px -266px;}
.liucheng .liucheng_box .liucheng_img5:hover .liucheng_img.img5{background-position: -434px -352px;}
 .liucheng .liucheng_box .liucheng_list{margin-left: 10px;}
.liucheng .liucheng_box .liucheng_list h3{font-size: 16px; color: #333333;line-height: 30px}
.liucheng .liucheng_box .liucheng_list p{font-size: 14px; color: #999999; }

.ind-main2 {
	padding: 55px 0 20px;
	background: #f4f4f4;
	box-shadow: 1px 9px 20px rgba(0,0,0,0.055) inset;
	-webkit-box-shadow: 1px 9px 20px rgba(0,0,0,0.055) inset;
	-o-box-shadow: 1px 9px 20px rgba(0,0,0,0.055) inset;
	-moz-box-shadow: 1px 9px 20px rgba(0,0,0,0.055) inset;
}



.g-wrap {
	margin: 0 auto;
	width: 1280px;
	position: relative;
	background: #ffffff;
}
.g-wrap:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	visibility: hidden;
}

.ind-main2 .recBox1{
	width: 186px;
	height: 305px;
	float: left;
	display: inline;
}
.ind-main2 .recBox2{
	width: 220px;
	height: 305px;
	float: left;
	display: inline;
	margin-left: 1px;
	position: relative;
	background: #fff;
	overflow: hidden;
	padding-right: 20px;
	padding-left: 20px;
    border-left: 1px #f3f3f3 solid;
}
.ind-main2 .recBox2.t1{

}
.ind-main2 .recBox2 img{
	display: block;
	width: 220px;
	height: 305px;
	transition: .2s ease;
}
.ind-main2 .recBox2 .info{
	position: absolute;
	left: 0;
	top: 5px;
	width: 100%;
	text-align: center;
}

.ind-main2 .recBox2 .info p.a2 {
	color: #b0b0b0;
	font-size: 14px;
	line-height: 2;
}

.ind-main2 .recBox2 .info p.a2:first-child{
	color: #484848;
	font-size: 20px;
}
.ind-main2 .recBox2:hover img {
	transform: translateY(-5px);
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {

	font-size: 30px;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	font-size: 30px;
}
.tc1 {
	padding-top: 27px;
	text-align: center;
	position: relative;
}
.tc1:before {
	content: '';
	position: absolute;
	width: 270px;
	height: 1px;
	z-index: 1;
	background: #5f5f5f;
	left: 50%;
	margin-left: -135px;
	top: 50px;
}
.tc1 span {
	color: #4e4e4e;
	font-size: 28px;
	line-height: 1.5;
	z-index: 2;
	background: #ffffff;
	padding: 0 15px;
	position: relative;
}
.tc2 {
	font-size: 16px;
	color: #a9a9a9;
	text-align: center;
	line-height: 1.8;
	padding-bottom: 20px;
	text-transform: uppercase;
}
.sharebox{
	height: 350px;
	overflow: hidden;
	position: relative;
}
.sharebox a>img{
	width: 100%;
	transition: .3s esae;
}
.share-box{
	padding: 55px 45px 0;
	position: relative;

}
.sharebox a>img:hover{
	transform: translateY(-5px);
}
.share-box .swiper-button-next,
.share-box .swiper-button-prev{
	color: #d9d9d9;
}
.sharebox .info{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	text-align: center;
}
.sharebox .info img{
	width: 56px;
	height: 56px;
}
.sharebox .info a{
	color: #757575;
	line-height: 38px;
	font-size: 16px;
}

.design-area {
	width: 1190px;
	margin-bottom: 20px;
}
.design-area ul {
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
}
.area-qh {
	position: relative;
	overflow: hidden;
	width: 95%;
	height: 56px;
	padding-right: 60px;
	border-bottom: 1px solid #e4e4e4;
	line-height: 56px;
}
.area-qh span {
	float: left;
	width: 158px;
	height: 56px;
	border-right: 1px solid #e4e4e4;
	text-align: center;
	color: #686868;
	font-size: 14px;
	_padding-top: 15px;
}
.area-qh .active {
	float: left;
	width: 158px;
	height: 56px;
	text-align: center;
	color: #f76120;
	font-size: 14px;
	line-height: 55px;
	_background: #fff;
	_padding-top: 15px;
}
.area-qh a {
	display: inline-block;
	height: 28px;
	padding: 0 10px;
	color: black;
	font-size: 14px;
	line-height: 28px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.area-qh .active a {
	color: #f76120;
}
.albumbox{
	border: 1px solid #e4e4e4;
	padding: 35px 45px;
	margin-bottom: 50px;
}

.albumbox .hcsjimg li{
	padding: 22px 0 18px;
}

.albumbox .hcsjimg li .title {
	font-size: 16px;
	line-height: 1;
	color: #494949;
	padding-bottom: 8px;
}
.albumbox .hcsjimg li .f-clearfix:after{
	content: '';
	display: block;
	clear: both;
}
.albumbox .hcsjimg li .lleft {
	width: 656px;
	height: 266px;
	float: left;
	display: inline;
	background-color: #f9f9f9;
	margin-right: 40px;
}
.albumbox .hcsjimg li .lleft img{
	width: 656px;
	height: 266px;
}
.albumbox .hcsjimg li .lright {
	padding: 36px 32px;
	height: 194px;
	background: #f6f8fa;
}
.albumbox .hcsjimg li .info {
	font-size: 16px;
	color: #666666;
	line-height: 18px;
	height: 65px;
}
.albumbox .hcsjimg li .btnw {
	margin-top: 15px;
}
.albumbox .hcsjimg li .btna {
	display: inline-block;
	width: 112px;
	height: 40px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	background-color: #f76120;
	border-radius: 4px;
}
.albumbox .hcsjimg li .ks {
	margin-top: 20px;
}
.albumbox .hcsjimg li .ks a {
	font-size: 14px;
	color: #f76120;
}

.gxhdzbox{
	padding-top: 30px;
}
.gxhdzbox .gxhdzul{
	text-align: center;
	line-height: 24px;
	padding-bottom: 40px;
}
.gxhdzbox .gxhdzul .dzp{
	font-size: 26px;
	color: #4d4d4d;
	margin-bottom: 15px;
}
.gxhdzbox .gxhdzul p{
	font-size: 18px;
	color: #5f5f5f;
}
.gxhdzbox ul{}
.gxhdzbox ul:after{
	content: '';
	display: block;
	clear: both;
}
.gxhdzbox ul li{
	width: 50%;
	float: left;
	padding: 5px;
	box-sizing: border-box;
}
.gxhdzbox ul li .gxhdzimg{
	height: 300px;
	overflow: hidden;
}
.gxhdzbox ul li .gxhdzimg img{
	width: 100%;
}

.zzbtbox{
	line-height: 24px;
	margin-bottom: 40px;
}
.zzbtbox .zzp24{
	font-size: 24px;
	color: #454750;
	margin-bottom: 10px;
}
.zzbtbox .zzp24 img{
	vertical-align: middle;
	margin-right: 5px;
}
.zzbtbox p{
	color: #808080;
	font-size: 14px;
}
.zzbiaoti{
	border: 1px solid #e6e6e6;
	padding: 12px 18px;
	font-size: 18px;
	color: #333333;
}
.zzbiaoti i{
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 2px solid #666666;
	border-radius: 100%;
	margin-right: 10px;
}
.guigeimg{}
.guigeimg img{
	width: auto;
	max-width: 100%;
}
.zzjuli{
	padding: 36px 0;
}
.zdbox{
	margin-bottom: 10px;
}
.zdimg{
	float: left;
	width: 606px;
	height: 180px;
	overflow: hidden;
	margin-right: 25px;
}
.zdimg img{
	width: 100%;
}
.zdtextbox{
	line-height: 24px;
	height: 140px;
	background: #fafafa;
	color: #808080;
	padding-top: 40px;
	font-size: 14px;
	padding-right: 35px;
}
.zdtextbox .p18{
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
}
.zdtextbox .p18 img{
	vertical-align: middle;
	margin-right: 5px;
}

.zhizhangbox{}
.zhizhangbox:after{
	content: '';
	display: block;
	clear: both;
}
.zhizhangbox li{
	float: left;
	width: 50%;
	padding: 5px;
	box-sizing: border-box;
}
.zhizhangbox li .zzimgbox{
	height: 150px;
	overflow: hidden;
}
.zhizhangbox li .zzimgbox img{
	width: 100%;
}
.zhizhangbox li .zztextbox{
	background: #fafafa;
	padding: 15px;
	color: #808080;
}
.zhizhangbox li .zztextbox span{
	font-size: 18px;
	color: #333333;
	display: inline-block;
	margin-right: 30px;
}
.ysbcbox{}
.ysbcbox:after{
	content: '';
	display: block;
	clear: both;
}
.ysbcbox li{
	float: left;
	width: 33.33333333%;
	padding: 5px;
	box-sizing: border-box;
	text-align: center;

}
.ysbcbox li div{
	background: #fafafa;
	height: 200px;
	overflow: hidden;
	box-sizing: border-box;
}
.ysbcbox li div p{
	color: #666666;
	line-height: 24px;
	font-size: 14px;
}

.ysbcbox li:first-child div{
	padding-top: 30px;
}
.ysbcbox li div img{
	width: 100%;
}
.ysbcbox li.ysbc12{
	width: 100%;
}
.caseboximg{}
.caseboximg img{
	width: 100%;
	margin-bottom: 15px;
}

/*可视化样式 start*/
.home_visual_body .content,.topic_visual_body .content,.store_visual_body .content{ padding-bottom:80px;}
.w1200{ margin:0 auto;}
.visual-item{background: #f4f4f4;}
.visual-item:after{ content: ' '; display: block; clear: both; height: 0; visibility: hidden;}
.adv_module{ margin-top:20px;}

.shop-list-main .visual-item{ margin-bottom:20px;}
.shop-list-main .visual-item .custom img{ width:100%;}
.shop-list-main .visual-item:last-child{ margin-bottom:0;}
.shop-list-main .adv_module{ margin:0;}
.shop-list-main .adv_module .bd{ overflow:hidden;}
.shop-list-main .floor-line-con{ padding-top:0;}
.floor-content{ position:relative; width:1280px; margin:0 auto;}
.floor-line-con{ padding-top:30px; animation:fadeIn .5s;padding-bottom: 10px;}
.floor-left-adv{ float:left;}
.floor-left-adv a{ display:block;}
.floor-left-adv img{vertical-align: middle;display: inline-block;}
/*可视化样式 end*/
/*第十套可视化楼层样式*/
.floorTen .floor-title{ text-align:center;margin-bottom: 10px;}
.floorTen .floor-title-con{ display:inline-block; height:44px; line-height:44px; position:relative;}
.floorTen .floor-title-con h3{ display:block; width:200px; padding:0 20px; background-color:#ea1939; font-size:20px; color:#fff;height: 44px;}
.floorTen .floor-title-con h3.c1{background-color:#ff6600;}
.floorTen .floor-title-con h3.c2{background-color:#9bc119;}
.floorTen .floor-title-con h3.c3{background-color:#549cef;}
.floorTen .floor-title-con h3.c4{background-color:#a445f3;}
.floorTen .floor-title-con i{ width:0; height:0; border-bottom:44px solid rgba(255,24,83,.3); position:absolute;top:0;}
.floorTen .floor-title-con i.aa{ border-bottom:44px solid rgba(255,102,0,.3); }
.floorTen .floor-title-con i.bb{ border-bottom:44px solid rgba(155,193,25,.3); }
.floorTen .floor-title-con i.cc{ border-bottom:44px solid rgba(84,156,239,.3); }
.floorTen .floor-title-con i.dd{ border-bottom:44px solid rgba(164,69,243,.3); }
.floorTen .floor-title-con i.left-arrow{ left:-10px; border-left:10px solid transparent;}
.floorTen .floor-title-con i.right-arrow{ right:-10px; border-right:10px solid transparent;}
.floor-bd .bd-left {
	float: left;
	width: 475px;
	height: 100%;
}
.floorTen .floor-bd{ height:550px; margin-top:0;}
.floorTen .bd-left{ width:304px; position:relative;}

.floorTen .floor-left-slide .hd{ bottom:135px; height:5px;}
.floorTen .floor-left-slide .hd li{ border-radius:inherit; width:20px; height:5px; margin-right:10px; background-color:rgba(255,255,255,.5);}
.floorTen .floor-left-slide .hd li.on{ background-color:#fff;}
.floorTen .floor-left-slide .hd li:last-child{ margin-right:0;}

.floorTen .floor-nav{ position:absolute; width:200px; top:358px;}
.floorTen .floor-nav ul{ margin-left:11px; width:189px;}
.floorTen .floor-nav li{ width:70px; height:26px; line-height:26px; text-align:center; font-size:14px; color:#fff; padding:0 7px; margin:0 6px 8px 0; border:1px solid rgba(255,255,255,.5); background-color:rgba(255,255,255,.1); float:left; cursor:pointer;}
.floorTen .floor-nav li.current{ border-color:#fff;}
.floor-bd .bd-right {
	float: right;
	width: 715px;
	height: 100%;
}
.floorTen .bd-right{ width: 976px; }
.floorTen .floor-bd .bd-right .f-r-main{ margin:0;}
.floorTen .bd-right .p-list{ width:auto; margin:0;}
.floorTen .bd-right .p-list .li{ float: left;width: 199px; height:auto;border: 1px solid #eee;margin: 0 0 -1px -1px;}
.floorTen .bd-right .p-list .li .product{ padding:10px 20px 10px 20px; height:215px;}
.floorTen .bd-right .p-list .li .product .p-img{ width:158px; height:158px;}
.floorTen .bd-right .p-list .li .product .p-name{ font-size:12px; width:100%; text-align:center; margin-top:10px;}
.floorTen .bd-right .p-list .li .product .p-name a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.floorTen .bd-right .p-list .li .product .p-name a:hover{ color:#f42424;}
.floorTen .bd-right .p-list .li .product .p-price{ text-align:center; font-weight:bold; margin-top:5px; font-size:16px; color:#f42424;}
.floorTen .bd-right .p-list .child-double{ width:399px; height:235px; border:1px solid #eee; margin:0 0 -1px -1px;}
.floorTen .floor-bd .bd-right .cplist{

}
.floorTen .floor-bd .bd-right .cplist li {
    position: relative;
    width: 231px;
    height: 268px;
    background: #fff;
    float: left;
    margin-left: 13px;
    margin-bottom: 13px;
    overflow: hidden;

}
.floorTen .floor-bd .bd-right .cplist li.big {
    width: 475px;
}
.floorTen .floor-bd .bd-right .cplist li:hover {
    box-shadow: 0 0 10px 0 rgb(111 111 111 / 30%);
}

.floorTen .floor-bd .bd-right .cplist li .t1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 22px 0 0 20px;
    font-size: 20px;
    color: #484848;
    z-index: 2;
}

.floorTen .floor-bd .bd-right .cplist li .t2 {
    position: absolute;
    left: 0;
    top: 52px;
    padding-left: 20px;
    width: 100%;
    color: #b0b0b0;
    font-size: 14px;
    z-index: 2;
}

.floorTen .floor-bd .bd-right .cplist li  img {
    display: block;
    /*width: 100%;*/
    /*height: 100%;*/
	margin: auto;
    transition: .3s ease;
}

.floorTen .floor-bd .bd-right .cplist li:hover img {
    transform: translateY(-5px);
}
    /*新增楼层模板 end*/
.f-r-main .p-list {
    margin-left: 18px;
    width: calc(100% + 28px);
}
.floor-bd .p-list {
    float: left;
}