/*--首页公共样式--*/
.js_floor a:link, .js_floor a:visited {
	color: #333;
}
.js_floor a:hover {
	text-decoration: underline;
}
/*select {appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url("../img/select.png") no-repeat scroll 100% center;}*/

#index_recommend, #index_Product4, #index_oneFlor, #index_secondFlor, #index_threeFlor, #index_Product, #index_decoration, .bannerImg {
	width: 100%;
	position: relative;
	font-family: "microsoft yahei";
}
#index_oneFlor > div, #index_secondFlor > div, #index_Product > div, #index_threeFlor > div, #index_decoration > div, #index_Product4 > div {
	width: 1200px;
	margin: 0 auto;
}
.oneFlor_hot span, .Floor_tittle p, .Floor_tittle > span {
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	margin: 0 20px 0 15px;
	float: left;
}
.oneFlor_hot > span + span {
	margin-right: 0;
}
.ProductList, .Floor_tittle p, .ProductPic, .ProductList {
	display: inline-block;
}
/*--首页公共样式完--*/
/*banner图片*/

/*Banner*/
.hiSlider-pages, .hiSlider-title {
	position: absolute;
	z-index: 3
}
.hiSlider-btn-prev, .hiSlider-btn-next {
	position: absolute;
	z-index: 5;
	top: 40%;
	height: 100px;
	width: 50px;
	background: url(../img/bannerbtn.png) no-repeat;
	font-size: 0;
	overflow: hidden;
	opacity: .6;
filter:alpha(opacity:60)
}
.hiSlider-btn-prev {
	left: 18%;
}
.hiSlider-btn-next {
	right: 18%;
	background-position: -50px 0
}
.hiSlider-btn-prev:hover, .hiSlider-btn-next:hover {
	opacity: 1;
filter:alpha(opacity:100)
}
.hiSlider-pages {
	bottom: 20px;
	right: 48%;
	text-align: center
}
.hiSlider-pages a {
	height: 12px;
	width: 12px;
	margin: 0 6px;
	display: inline-block;
	overflow: hidden;
	text-indent: -100px;
	font-size: 0;
	border-radius: 50%;
	background: #ddd
}
.hiSlider-pages a.active {
	background: #5472BF
}


/*中间内容*/
.index_content {/* width: 1200px; position: relative; left: 50%; margin-left: -600px; top:0; */
	width: 1200px;
	position: relative;
	margin: 0 auto;
	z-index: 90; /* height: 500px; */ /* background: red */
}
.right_info {
	background: #dcdcdc;
	background: rgba(0, 0, 0, 0.5);
}
.left_info, .right_info {
	font-size: 12px;
	position: absolute;
}


/*-------banner左边信息栏*/
.left_info {
	width: 250px;
	height: 500px;
	overflow: hidden;
	background: #000;
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	 filter:alpha(opacity:80); opacity:0.8; -moz-opacity:0.8;-khtml-opacity: 0.8;
}
.left_info a:hover {
	text-decoration: underline;
}
.li_hover{height: 100%; width: 100%;}
.li_hover li.border_B {
	display: inline-block;
	cursor: pointer;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: relative;
	font-size: 14px;
}
.li_hover li.border_B i{ vertical-align: middle; width: 22px;height: 22px} 
.li_hover li.border_B p{
	margin-top:15px;
	line-height: 34px;
	color: #f6360a;
	font-weight: bold;
	padding-left: 20px;
	font-size: 14px;
}
.li_hover li:hover{color:#53070d }
.li_hover li:hover i{color:#53070d }

.li_hover li .menu-item{
	height: 112px;
	overflow: hidden;
	background-size:100% 100%;
	-moz-background-size:100% 100%;
}
.li_hover li .menu-item a{ 
	display: inline-block;
	padding: 3px 8px;
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
	margin-left: 10px;
	text-decoration: none;
}
.li_hover li .menu-item a:hover{
	text-decoration: underline;
}


/*快捷操作样式*/
.fast_action{
	width: 100%;
	background-color: #dfdfdf;
	padding: 26px 0px;
}
.fast_action ul{
	width: 1200px;
    margin: auto;
    overflow: hidden;
}
.fast_action ul li {
	float: left;
	width: 216px;
	height: 130PX;
	margin-left: 30px;
	cursor: pointer;
	text-align: center;
	background-color: #fff;
}
.fast_action ul li:first-child {
	margin-left: 0px;
}
.fast_action ul li a {
	padding-top: 36px;
	display: inline-block;
	color: #585657;
}
.fast_action ul li a i{
	font-size: 30px;
	color: #585657;
	display: inline-block;
}
.fast_action ul li:hover{
	box-shadow: darkgrey 0px 0px 30px 5px inset;/*//边框内阴影*/
	-webkit-box-shadow: darkgrey 0px 0px 30px 5px inset;
}
.fast_action ul li:hover a{
	color: #53070d;
}
.fast_action ul li:hover a i{
	font-size: 36px;
	color: #53070d;
}







/*add*/
.black_layer {
	width: 100%;
	height: 40px;
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
	top: -54px;
	left: 0px;
}
.right_info_wx {
	display: block;
	width: 125px;
	height: 125px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 15px;
	background: rgba(0, 0, 0, 0.4);
	margin: 0 auto;
}
.right_info_wx img {
	display: block;
	width: 66px;
	height: 66px;
	margin: 0 auto;
	margin-bottom: 5px;
}
.right_info_wx p {
	text-align: center;
	color: white;
}
.right_info_tag_list {
	display: block;
	width: 125px;
	margin: 0 auto;
	padding: 10px;
}
.right_info_tag_list a {
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
	color: white;
	text-align: center;
	border-radius: 10px;
	border: 1px solid #FFFFFF;
	margin: 0 auto;
	margin-bottom: 8px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.right_info_tag_list a:hover {
	border-color: #7dc62a;
	cursor: pointer;
}
.right_info_last_tag {
	color: #FFFFFF;
	background-color: #73b434;
	border-color: #73b434 !important;
}
.right_info_last_tag:hover {
	color: #FFFFFF;
	background-color: #fa8128;
	border-color: #fa8128 !important;
}
.ui-dialog-shj .ui-dialog-body {
	padding-top: 20px;
}
.size_form {
	width: 350px;
	padding-left: 20px;
	display: none;
	font-family: "microsoft yahei";
}
.size_form p {
	color: #71B426;
	font-size: 20px;
	text-align: center;
}
.size_form select, .size_form input {
	line-height: 28px;
	height: 28px;
	border: 1px solid #E8E8E8;
	padding-left: 10px;
}
.size_form .house_type select {
	width: 50px;
}
.size_form .house_area {
	width: 215px;
}
.size_form .house_area input {
	width: 100px;
}
.size_form .house_area .area {
	float: right;
	display: inline-block;
	line-height: 28px;
	width: 30px;
	background: #EDEDED;
	text-align: center;
	border: 1px solid #d4d4d4;
}
.size_form .house_city select {
	margin: 0 auto;
	width: 145px;
}
.size_form .house_info input {
	width: 260px;
}
.size_form .house_name input {
	width: 160px;
}
.size_form .house_number {
	width: 315px;
}
.size_form .house_number input {
	width: 120px;
}
.size_form .house_number div {
	display: inline-block;
	border: 1px solid #71B426;
	text-align: center;
	line-height: 28px;
	font-size: 12px;
	width: 100px;
	color: #71B426;
	cursor: pointer;
}
.size_form .house_number div:hover {
	background: #71B426;
	color: #fff;
}
.submit_btn {
	color: #fff;
	background: #71B426;
	line-height: 38px;
	text-align: center;
	margin-left: 88px;
	width: 118px;
	font-size: 14px;
	cursor: pointer;
	padding: 0 25px 0 25px;
	display: inline-block;
	border: 1px solid #7dc62a;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.submit_btn:hover {
	color: #7dc62a;
	background: transparent;
}
.allSubMenu {
	display: none;
	width: 775px;
	height: 500px;
	position: absolute;
	top: 0px;
	left: 198px;
}
.SubMenu {
	display: none;
	background: #f5f5f5;
	position: absolute;
	z-index: 100;
	left: 220px;
	width: 580px;
}
.SubMenu-left {
	position: relative;
	width: 442px;
	padding: 20px;
	padding-left: 120px;
	float: left;
	background: #fff;
	padding-bottom: 15px;
}
.SubMenu-top {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #e6e6e6;
}
.SubMenu-top-title {
	position: absolute;
	top: 23px;
	left: 20px;
	color: black;
	font-size: 13px;
	font-weight: 600;
}
.SubMenu-top-title span {
	font-size: 12px;
	vertical-align: middle;
	margin-left: 5px;
	position: relative;
	top: -1px;
}
.SubMenu-top-link a {
	font-size: 13px;
	display: inline-block;
	color: #737373;
	padding: 0px 5px 10px 5px;
}
.SubMenu-top-link a:hover {
	cursor: pointer;
	color: #5a5a5a;
	text-decoration: underline;
}
.SubMenu-green {
	color: #95c46e !important;
}
.SubMenu-bottom {
	position: relative;
	left: -90px;
	width: 565px;
}
.SubMenu-bottom a {
	position: relative;
	display: inline-block;
	width: 125px;
	height: 125px;
	margin-right: 6px;
	overflow: hidden;
}
.SubMenu-bottom a:first-child {
	margin-left: 0px;
}
.SubMenu-bottom a:hover {
	cursor: pointer;
	text-decoration: none;
}
.SubMenu-bottom a:hover div {
	opacity: 1;
	line-height: 20px;
}
.SubMenu-bottom a img {
	display: block;
	width: 125px;
	height: 125px;
}
.SubMenu-bottom a div {
	display: block;
	opacity: 0;
	background: rgba(0, 0, 0, 0.7);
	color: white;
	width: 125px;
	height: 20px;
	text-align: center;
	padding: 1px;
	font-size: 13px;
	position: absolute;
	bottom: 0px;
	line-height: 53px;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
}
.SubMenu-right {
	width: 160px;
	background: #f5f5f5;
	display: inline-block;
	float: right;
	padding: 10px;
	padding-bottom: 0px;
}
.SubMenu-right img {
	width: 76px;
	height: 50px;
	margin-bottom: 2px;
	margin-right: 0px;
}
/*banner部分完！*/
/*--今日推荐--*/
.index_recommend {
	width: 1200px;
	margin: 0 auto;
}
#index_recommend {
	height: auto;
	padding: 40px 0 0 0;
}
#index_recommend .prev, #index_recommend .next {
	float: right;
	margin-bottom: 10px;
	margin-left: 5px;
	width: 40px;
	height: 35px;
	background: #949693;
	text-align: center;
	line-height: 35px;
	color: #fff;
	cursor: pointer;
}
#index_recommend .prev:hover, #index_recommend .next:hover {
	background: #71B426;
}
#index_recommend > div {
	width: 1200px;
	margin: 0 auto;
	font-family: "microsoft yahei";
}
.recommend_tittle {
	float: left;
	height: 40px;
	width: 330px;
}
.recommend_tittle > img {
	float: left;
}
.recommendText {
	float: right;
}
.recommendText p {
	float: left;
	font-size: 20px;
	font-weight: bolder;
	color: #71B426;
	margin: 0;
}
.recommendText img {
	margin-top: 5px;
}
.recommend_tittle > div img:first-child {
	margin-bottom: 8px;
}
.pictureList {
	width: 296px;
	height: 296px;
	text-align: center;
	float: left;
	cursor: pointer;
	border-right: solid 3px #71b426;
	position: relative;
}
.pictureList .recommendProfile {
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	background-color: #000000;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	position: absolute;
	visibility: hidden;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	left: 0;
	top: 0;
}
.pictureList .recommendProfile a {
	display: block;
	height: 100%;
}
.pictureList .recommendProfile a ul {
	padding-top: 120px;
}
.pictureList .recommendProfile a ul .name {
	color: #fff;
	font-size: 18px;
	width: 240px;
	margin: 0 auto;
	overflow: hidden;
}
.pictureList .recommendProfile a ul .price {
	color: #ee6d67;
	font-size: 16px;
	width: 105px;
	height: 30px;
	line-height: 30px;
	margin: 5px auto;
	border: 2px solid #ee6d67;
	border-radius: 10px;
}
.pictureList:hover .recommendProfile {
	opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	visibility: visible;
}
.pictureList:hover .recommendProfile a {
	position: relative;
}
.pictureList:hover .p_height > img {
	-webkit-filter: blur(2px);
	filter: blur(2px);
}
.p_height {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.p_height img {
	width: 100%;
	height: 100%;
}
.item_list {
	position: absolute;
	left: 0;
}
.groupPic {
	width: 1193px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	border: solid 3px #71b426;
}
.recommend_pic {
	width: 1200px;
	position: relative;
}
/*今日推荐--完！*/
/*--1F热销产品--*/
.oneFlor_tittle {
	width: 1200px;
	height: 60px;
	float: right;
}
.oneFlor_hot {
	background-image: url("../img/hotproduct.png");
	width: 220px;
	height: 51px;
	float: left;
}
.oneFlor_more {
	float: right;
	width: 906px;
	height: 59px;
	border-bottom: 1px solid #71B426;
}
.oneFlor_more .active {/*color: #ED6D64;*/
	border-bottom: 4px solid #71B426;
}
.oneFlor_more ul {
	float: right;
	font-size: 14px;
	padding-top: 20px;
	position: relative;
}
.oneFlor_more ul li {
	float: left; /*padding: 0 10px 0 10px;*/
	margin: 0 10px 0 10px;
	height: 36px;
	line-height: 44px;
	cursor: pointer;
}
.oneFlor_more ul li span {
	color: #71B426;
	font-size: 16px;
}
.oneFlor_leftPic {
	width: 284px;
	height: 707px;
	overflow: hidden;
	display: inline-block;
	margin-top: 20px;
	position: relative;
}
.oneFlor_leftPic .arrows {
	position: absolute;
	top: 50%;
	width: 100%;
}
.oneFlor_leftPic .arrows .arrow {
	position: absolute;
	width: 25px;
	height: 60px;
	top: 50%;
	margin-top: -30px;
	font-family: "iconfont" !important;
	font-size: 20px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	background: #71B426;
	opacity: 0.7;
	filter: alpha(opacity=70);
	cursor: pointer;
	color: #fff;
	text-align: center;
	line-height: 60px;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
.oneFlor_leftPic .arrows .arrow:hover {
	opacity: 1;
}
.oneFlor_leftPic .arrows .prev {
	border-radius: 0 5px 5px 0;
	left: 0;
	text-align: right;
}
.oneFlor_leftPic .arrows .next {
	border-radius: 5px 0 0 5px;
	right: 0;
}
.oneFlor_leftPic li {
	height: 707px;
}
.oneFlor_leftPic li a {
	display: block;
	height: 100%;
}
.oneFlor_list {
	width: 892px;
	height: auto;
	float: right;
	padding-top: 5px;
	overflow: hidden;
}
.oneFlor_list .oneFlor_pic {
	display: none;
	width: 976px;
	margin-right: -10px;
}
.oneFlor_list .active {
	display: block;
}
.oneFlor_pic > div {
	width: 268px;
	height: 330px;
	padding: 7px;
	float: left;
	border: 1px solid #CECECE;
	margin: 15px 20px 0 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.oneFlor_pic > div:hover {
	border: 1px solid #71B426;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.pic_description {
	padding: 24px 0px 0px 0px;
	margin: auto;
	width: 277px;
}
.pic_description a {
	display: block;
}
.title_wrap {
	color: #666;
	text-align: justify;
	max-height: 32px;
	overflow: hidden;
}
.title_wrap:hover {/*color: #ED6D64;*/
}
.pic_title {
	padding-top: 5px;
	color: #333;
	font-size: 12px;
	text-align: justify;
	max-height: 35px;
	overflow: hidden;
	cursor: pointer;
	margin: 2px 0;
}
.pic_title:hover {/*color: #ED6D64;*/
}
.pic_title p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 270px;
}
.deal {
	font-size: 12px;
	margin-top: 8px;
}
.deal i {
	font-style: normal;
}
.pic_redText {
	font-size: 14px;
	font-weight: bold;
	color: #DF6861;
}
.floor {
	width: 268px;
	height: 268px;
	overflow: hidden;
	cursor: pointer;
}
.floor img {
	width: 100%;
	height: 100%;
}
.cob57c5b {
	color: #b57c5b;
}
.co5e5e5e {
	color: #5e5e5e;
}
.mf50 {
	margin-left: 50px;
}
/*--1F热销产品 完！--*/
.midBanner {
	width: 100%;
	height: 90px;
	text-align: center;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
}
.midBanner img {
	width: 1200px;
}
/*--2F-*/
.florTwo {
	height: 450px;
}
.videoBox {
	width: 660px;
	height: 445px;
}
.mt30 {
	margin-top: 30px;
}
.clearBoth {
	clear: both;
}
.imga {
	width: 530px;
	height: 215px;
	display: block;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.imga img {
	width: 530px;
	height: 215px;
	display: block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
}
.imga img:hover {
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
.imgb {
	width: 530px;
	height: 215px;
	display: block;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin-top: 14px;
}
.imgb img {
	width: 530px;
	height: 215px;
	display: block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
}
.imgb img:hover {
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
.twoFlor_list {
	clear: both;
	width: 1200px;
	overflow: hidden;
}
.twoFlor_list .secondFlor_pic {
	margin-top: 20px;
	padding-left: 1px;
	display: none;
	width: 1220px;
	margin-right: -20px;
}
.twoFlor_list .secondFlor_pic div:nth-child(4n+1) {
	margin-left: 0px;
}
.twoFlor_list .active {
	display: block;
}
.secondFlor_pic > div {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	width: 291px;
	height: 400px;
	float: left;
	margin: 5px 7px 5px 4px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.secondFlor_pic > div .buy_now {
	float: right;
	padding: 10px 0 10px 0;
	cursor: pointer;
}
.secondFlor_pic > div:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.TwoFlor_pic_box {
	width: 277px;
	height: 277px;
	margin: auto;
	overflow: hidden;
	margin-left: 7px !important;
}
.TwoFlor_pic_box img {
	width: 277px;
	height: 277px;
	display: block;
	margin-top: 7px;
}
.TwoFlor_pic_box a {
	display: block;
}
.pic_description > div a:visited {
	color: #333;
}
.pic_description > div a:link {
	color: #333;
}
/*--2F 完！--*/
/*4F产品*/
.fw600 {
	font-weight: 600;
}
.ProductList {
	width: 32.8%;
}
.ProductList .fourFloorimga {
	display: block;
	width: 393px;
	height: 205px;
}
.ProductList .fourFloorimgb {
	display: block;
	width: 393px;
	height: 205px;
	margin-top: 10px;
}
.ProductList img {
	width: 393px;
	height: 205px;
}
.thirdFloor .hotSale {
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.thirdFloor .hotSale img {
	display: block;
	width: 100%;
	height: 100%;
}
.titleName {
	margin-top: 35px;
}
.nameSpan {
	font-size: 20px;
	font-weight: 600;
}
.Floor_tittle {
	background-image: url("../img/hotproduct.png");
	background-repeat: no-repeat;
	width: 100%;
	height: 51px;
}
.Floor_tittle p, .Floor_tittle > span {
	line-height: 50px;
	height: 50px;
	font-size: 20px;
	margin: 0 30px 0 15px;
	overflow: hidden;
}
.Floor_tittle > span {
	display: inline-block;
	width: 100px;
	overflow: hidden;
}
.ProductList {
	margin-top: 20px;
}
.list_border {
	border-bottom: 1px solid #CECECE;
	padding: 10px 0 10px 0;
}
.list_border:hover {
	background: #71B426;
}
.list_border:hover a {
	color: #fff;
}
.last_list {
	height: 300px;
	text-align: center;
}
.ProductList div ul li a {
	color: #333;
}
.ProductList div ul li a {
	color: #333;
}
.ProductPic {
	width: 67%;
	float: right;
	margin-top: 20px;
}
.index_brand {
	height: 60px;
	font-size: 14px;
	border-bottom: 1px solid #71B426;
	position: relative;
	width: 864px;
}
.index_brand ul {
	float: right;
	padding-top: 15px;
	position: relative;
}
.index_brand ul li {
	float: left;
	margin: 0 10px 0 10px;
	line-height: 46px;
	height: 42px;
	color: #333;
	cursor: pointer;
	background-color: #ffffff;
}
.index_brand ul li.active {
	border-bottom: 4px solid #71B426;
	position: relative;
	z-index: 999;
}
.quebec {
	position: absolute !important;
	bottom: -5px;
	left: 10px;
	top: 56px;
	z-index: 998;
	margin: 0 !important;
	border: 0;
	width: 28px;
	height: 4px !important;
	padding: 0;
	background: #71B426 !important;
	-webkit-transition-property: left, width;
	transition-property: left, width;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.quebec1 {
	position: absolute !important;
	bottom: -5px;
	left: 10px;
	top: 56px;
	z-index: 998;
	margin: 0 !important;
	border: 0;
	width: 28px;
	height: 4px !important;
	padding: 0;
	background: #71B426 !important;
	-webkit-transition-property: left, width;
	transition-property: left, width;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.n1:hover ~ li.quebec {
	left: 10px;
	width: 28px;
}
.n2:hover ~ li.quebec {
	left: 60px;
	width: 40px;
}
.n3:hover ~ li.quebec {
	left: 120px;
	width: 28px;
}
.n4:hover ~ li.quebec {
	left: 170px;
	width: 28px;
}
.n5:hover ~ li.quebec {
	left: 218px;
	width: 28px;
}
.n6:hover ~ li.quebec {
	left: 265px;
	width: 40px;
}
.n7:hover ~ li.quebec {
	left: 325px;
	width: 40px;
}
.third_floor {
	width: 100%;
	height: 420px;
}
.third_floor .decorativeLight {
	width: 100%;
	display: none;
	zoom: 1;
}
.third_floor .decorativeLight:before, .third_floor .decorativeLight:after {
	content: '';
	display: table;
}
.third_floor .decorativeLight:after {
	clear: both;
}
.third_floor .active {
	display: block;
}
.LightSale {
	width: 191px;
	height: 205px;
	text-align: center;
	margin-left: 10px;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.LightSale:hover {
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
}
.sale_tit {
	font-size: 14px;
	margin: 0;
}
.sale_tits {
	font-size: 12px;
	text-align: left;
	margin: 0;
}
.sale_tits:hover {
	text-decoration: underline;
	cursor: pointer;
}
.width_100 {
	width: 100px;
	height: 20px;
	overflow: hidden;
}
.text_l {
	text-align: left;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	width: 161px;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.js_floor {
	overflow: hidden;
}
.LampList {
	width: 160px;
	display: block;
	text-align: center;
	margin: auto;
}
.LampList .sale_tit a {
	display: block;
	width: 161px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.LampList .sale_price {
	font-size: 14px;
	font-weight: bold;
	color: #DF6861;
}
.lampDis {
	width: 161px;
	height: 64px;
	font-size: 14px;
	display: block;
	margin-top: 7px;
}
.lamp_wrap {
	width: 120px;
	height: 120px;
	overflow: hidden;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
}
.lamp_wrap a {
	display: block;
	height: 100%;
}
.lamp_wrap img {
	width: 100%;
	height: 100%;
}
.LampBuy {
	width: 215px;
	height: 40px;
	position: relative;
	z-index: 10;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	top: -5px;
}
.LightSale:hover .LampBuy, .LightMid:hover .LampBuy {
	filter: alpha(opacity=100);
	opacity: 1;
}
.LightSale:hover, .LightMid:hover {
	border-color: #71B426;
	position: relative;
}
.LightMid {
	width: 465px;
	padding: 10px;
	border: 1px solid #CECECE;
	margin-left: -1px;
	margin-top: -1px;
}
.LightMid, .picNode, .textNode {
	height: 250px;
}
.picNode {
	width: 250px;
	float: left;
	overflow: hidden;
}
.picNode a {
	display: block;
	height: 100%;
}
.picNode img {
	width: 100%;
	height: 100%;
}
.textNode {
	width: 40%;
	float: right;
	text-indent: 1em;
}
.textNode a:link, .textNode a:visited {
	color: #666;
}
.textNode a:hover {
	color: #DF6861;
}
.hot_sale {
	display: inline-block;
	padding-left: 110px;
}
.textNode p {
	padding: 0;
	margin: 0;
}
.size_18 {
	font-size: 18px;
	color: #ddd;
	height: 26px;
	width: 190px;
	overflow: hidden;
}
.size_20 {
	font-size: 20px;
	height: 26px;
	width: 190px;
	overflow: hidden;
}
.textNode p:nth-child(4) {
	color: red;
}
/*--3-6F产品--完！*/
/*--装修流程--*/
#index_decoration {
	background: url("../img/zhuangxiu.png") no-repeat center;
	height: 132px;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.decoration {
	width: 180px;
	height: 100px;
	text-align: center;
	color: #fff;
	padding: 60px 0 0 0;
	float: left;
	background: url("../img/order.png");
}
.decoration p:first-child {
	font-size: 22px;
}
.decorationList {
	width: 85%;
	height: 120px;
	float: right;
}
.decorationList > div {
	width: 20.5%;
	height: 120px;
	background: #F6F6F6;
	float: left;
	margin-left: 5px;
	text-align: center;
	padding: 20px;
}
.onlineOrders .p_18 {
	font-size: 18px;
	color: #71B426;
}
.onlineOrders .p_12 {
	font-size: 12px;
}
.onlineOrders .mt_25 {
	margin-top: 25px;
}
/*--装修流程--完！--*/
/*--楼层--*/
#index_oneFlor > div {
	width: 1200px;
	margin: 0 auto;
}
#index_floor {
	width: 50px;
	font-size: 12px;
	position: absolute;
	z-index: 999;
	top: 1170px;
	left: 50%;
	margin-left: -650px;
	font-family: "microsoft yahei";
}
#index_floor.fixed {
	position: fixed;
	top: 71px;
}
#index_floor.absolute {
	position: absolute;
}
#index_floor ul li {
	background: #FFFFFF;
	width: 30px;
	height: 30px;
	margin-top: 3px;
	border: 1px solid #A5A5A5;
	color: #A5A5A5;
	text-align: center;
	line-height: 28px;
	cursor: pointer;
}
#index_floor ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
#index_floor ul li a .floor_name {
	display: none;
}
#index_floor ul li a:link, #index_floor ul li a:visited {
	color: #A5A5A5;
}
#index_floor ul li a:hover {
	color: #FFFFFF;
}
#index_floor ul li:hover {
	background: #71B426;
	color: #fff;
}
#index_floor ul li.active a span {
	display: none;
}
#index_floor ul li.active a .floor_name {
	display: inline;
}
#index_floor ul li.active a:link, #index_floor ul li.active a:visited {
	background: #71B426;
	color: #FFFFFF;
}
/*2016.9.9新增*/
.swiper-nested-1 {
	width: 100px;
	height: 340px;
	color: #fff;
	text-align: center;
}
.red-slide {
	background: #ca4040;
}
.blue-slide {
	background: #4390ee;
}
.orange-slide {
	background: #ff8604;
}
.green-slide {
	background: #49a430;
}
.pink-slide {
	background: #973e76;
}
.swiper-nested-1 .swiper-slide {
	font-size: 21px;
}
.pagination-nested-1 {
	position: absolute;
	z-index: 100;
	left: 10px;
	bottom: 10px;
}
.pagination-nested-1 {
	bottom: auto;
	top: 10px;
}
.pagination-nested-1 {
	display: block;
	margin-right: 0;
	margin-bottom: 5px;
}
/*到此删除*/
.showSubMenus {
	display: block !important;
}
.floor_title_box {
	width: 1200px;
	margin: auto;
	overflow: hidden;
	height: 30px;
	margin-top: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 10px;
}
.calculator_title {
	background: url('../img/title_1.png') left center no-repeat;
}
.brand_title {
	background: url('../img/title_2.png') left center no-repeat;
}
.gallery_title {
	background: url('../img/title_3.png') left center no-repeat;
}
.designer_title {
	background: url('../img/title_4.png') left center no-repeat;
}
.construction_title {
	background: url('../img/title_5.png') left center no-repeat;
}
.village_title {
	background: url('../img/title_6.png') left center no-repeat;
}
.flip_title {
	background: url('../img/title_7.png') left center no-repeat;
}
.interent_title {
	background: url('../img/title_8.png') left center no-repeat;
}
.knowledge_top_title {
	background: url('../img/title_9.png') left center no-repeat;
}
.floor_tips {
	text-align: right;
	padding: 10px 0;
	font-size: 13px;
}
.floor_tips {
	color: #333;
}
.main_box {
	width: 1200px;
	margin: auto;
}
.more_product {
	color: #333;
	vertical-align: text-top;
	font-size: 12px;
}
.more_product:hover {
	color: #f25618;
}
.flip_button_box {
	margin-top: 10px;
}
.green_btn {
	background: #73b434;
	color: #fff;
	padding: 4px 30px;
	border-radius: 8px;
}
.txtc {
	text-align: center !important;
}
.mf10 {
	margin-left: 10px;
}
/*品牌实力*/
.brand_list_box {
	float: left;
	margin-left: 12px;
	position: relative;
	width: 230px;
}
.brand_list_box a {
	display: block;
}
.brand_list_box img {
	width: 230px;
	height: 210px;
}
.gray_image {
	position: relative;
}
.brand_list_box:hover .green_image {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: absolute;
	top: 0;
	display: block;
}
.green_image {
	position: absolute;
	top: 0;
	display: none;
}
/*案例图库*/
.case_box {
	margin-top: 10px;
	overflow: hidden;
}
.case_box a {
	display: block;
}
.case_left_box {
	width: 472px;
	float: left;
}
.case_left_list {
	position: relative;
	width: 472px;
}
.case_left_list img {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
}
.case_left_list:hover img {
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
}
.case_desc {
	margin: 3px 20px 17px 20px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.case_top {
	height: 400px;
	overflow: hidden;
}
.case_top img {
	position: relative;
	width: 472px;
	height: 400px;
}
.case_bottom {
	height: 226px;
	margin-top: 15px;
	overflow: hidden;
}
.case_bottom img {
	position: relative;
	width: 480px;
	height: 226px;
}
.case_tips_box {
	font-size: 13px;
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.75);
	width: 100%;
	padding: 0;
	color: #fff;
	transition: height 0.5s;
	-moz-transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-o-transition: height 0.5s;
	height: 0px;
}
.case_tips_box span {/*width: 33%;*/
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	margin-left: 20px;
}
.case_top:hover .case_tips_box {
	height: 79px;
}
.case_tips_box_small {
	font-size: 13px;
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.75);
	width: 100%;
	padding: 0;
	height: 0px;
	color: #fff;
	line-height: 40px;
	transition: height 0.5s;
	-moz-transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-o-transition: height 0.5s;
}
.case_tips_box_small span {
	display: inline-block;
}
.case_tips_box_small_span1 {
	font-size: 14px;
	margin-left: 20px; /*width: 84px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/
}
.case_tips_box_small_span2 {
	font-size: 12px;
	margin-left: 8px;
}
.case_right_box {
	width: 713px;
	float: right;
}
.case_right_top_box {
	height: 400px;
	overflow: hidden;
}
.case_right_left_box {
	height: 400px;
	position: relative;
	width: 230px;
	float: left;
	overflow: hidden;
}
.case_right_left_box img {
	height: 400px;
	width: 230px;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
}
.case_right_left_box:hover img {
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
}
.case_right_left_box:hover .case_tips_box_small {
	height: 40px;
}
.case_right_right_box {
	float: left;
	height: 400px;
	width: 713px;
}
.case_right_right_top_box {
	width: 472px;
	height: 200px;
	position: relative;
	overflow: hidden;
}
.case_right_right_top_box img {
	height: 200px;
	width: 469px;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
}
.case_right_right_top_box:hover img {
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
}
.case_right_right_top_box:hover .case_tips_box_small {
	height: 40px;
}
.case_right_right_bottom_box {
	overflow: hidden;
}
.case_right_right_bottom_left {
	float: left;
	width: 227px;
	height: 183px;
	position: relative;
	margin-top: 15px;
	margin-left: 10px;
}
.case_right_right_bottom_left img {
	width: 227px;
	height: 183px;
	position: relative;
}
.case_right_right_bottom_left:hover .case_tips_box_small {
	height: 40px;
}
.right_bottom_ohver {
	overflow: hidden;
}
.right_bottom_ohver img {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
}
.right_bottom_ohver:hover img {
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
}
.case_right_right_bottom_right {
	float: right;
	width: 230px;
	height: 183px;
	position: relative;
	margin-top: 16px;
}
.case_right_right_bottom_right img {
	width: 230px;
	height: 183px;
	position: relative;
}
.case_right_right_bottom_right:hover .case_tips_box_small {
	height: 40px;
}
.case_right_bottom_box {
	margin-top: 15px;
	position: relative;
	height: 226px;
	width: 705px;
	overflow: hidden;
}
.case_right_bottom_box img {
	height: 226px;
	width: 705px;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
}
.case_right_bottom_box:hover img {
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
}
/*设计师*/
.designer_content_box {
	overflow: hidden;
}
.designer_video_box {
	position: relative;
	width: 309px;
	height: 578px;
	float: left;
}
.designer_box {
	width: 888px;
	height: 578px;
	float: right;
	overflow: hidden;
	position: relative;
}
.designer_list_box {
	width: 284px;
	height: 284px;
	margin-left: 10px;
	float: left;
	font-size: 12px;
	background: #f8f8f8;
	margin-bottom: 10px;
}
.designer_list_box i {
	font-style: normal;
	color: red;
}
.designer_list_box .designer_info {
	background: rgba(0, 0, 0, 0.75);
	position: absolute;
	height: 0px;
	bottom: 0;
	width: 100%;
	transition: height 0.5s;
	-moz-transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-o-transition: height 0.5s;
}
.designer_list_box p {
	overflow: hidden;
	position: relative;
	width: 284px;
}
.designer_img_box {
	height: 284px;
	width: 284px;
	overflow: hidden;
}
.designer_list_box:hover .designer_info {
	height: 80px;
}
.designer_list_box img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.designer_list_box:hover img {
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
}
.designer_btn_box {
	position: absolute;
	bottom: 0px;
	display: none;
}
.designer_btn_box a {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	padding: 6px 30px;
}
.see_case {
	background: rgba(127, 127, 127, 0.8);
}
.see_case:hover {
	background: #7f7f7f;
}
.order_design {
	background: rgba(243, 134, 15, 0.8);
}
.order_design:hover {
	background: #f3860f;
}
/*在建工地*/
.construction_style {
	display: inline-block;
	width: 800px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.construction_style a {
	margin-right: 20px;
	color: #7f7f7f;
}
.construction_style a:hover {
	text-decoration: underline;
}
.more_btn {
	display: inline-block;
	float: right;
}
.more_btn a {
	color: #333;
}
.more_btn a:hover {
	color: #f25618;
}
.construction_list_box {
	margin-left: -12.6px;
	width: 968px;
	height: 432px;
	float: left;
}
.construction_list_box_right {
	float: right;
	width: 230px;
	height: 432px;
	background: url('../img/tuanzhuan.png');
}
.construction_list_box_right a {
	display: block;
	width: 188px;
	height: 35px;
	border: 1px solid #fff;
	margin: auto;
	text-align: center;
	color: #fff;
	line-height: 35px;
	margin-top: 350px;
}
.construction_list_box_right a:hover {
	background: #fff;
	color: #000;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.construction_list {
	width: 310px;
	height: 210px;
	position: relative;
	float: left;
	margin-left: 12.6px;
	margin-bottom: 10px;
	overflow: hidden;
}
.construction_list a {
	display: block;
}
.construction_list:hover .construction_tips {
	height: 66px;
}
.construction_list img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.construction_list:hover img {
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
}
.construction_tips {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.75);
	color: #fff;
	font-size: 12px;
	font-size: 13px;
	height: 0px;
	transition: height 0.5s;
	-moz-transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-o-transition: height 0.5s;
}
.construction_tips span {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 5px;
}
/*团装小区*/
.village_left_swiper {
	width: 345px;
	height: 350px;
}
.village_left {
	width: 460px;
	float: left;
}
.gallery-textbox {
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	color: #fff;
}
.village_right {
	width: 740px;
	float: right;
}
.village_right {
	font-size: 12px;
	overflow: hidden;
}
.village_right_list {
	background: #f8f8f8;
	width: 236px;
	height: 350px;
	float: left;
	margin-left: 10px;
	text-align: center;
	padding-top: 5px;
}
.village_right_list:hover {
	background: #73b434;
	color: #fff;
}
.village_right_list img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.village_right_list:hover img {
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
}
.village_right_list:hover .green_btn {
	background: #036833;
	color: #fff;
	padding: 4px 30px;
	border-radius: 8px;
}
.village_right_img {
	display: block;
	margin-top: 5px;
	margin: auto;
	margin-bottom: 10px;
	width: 226px;
	height: 190px;
	overflow: hidden;
}
.village_right_list img {
	width: 226px;
	height: 190px;
}
.village_right_list p {
	line-height: 30px;
	text-align: left;
	width: 200px;
	margin: auto;
}
.short_span {
	width: 90px;
	display: inline-block;
}
.long_span {
	width: 210px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*整装和定制*/
.width1200 {
	width: 1200px;
	height: 410px;
}
.pagination {
	position: absolute;
	z-index: 20;
	left: 10px;
	bottom: 10px;
}
.width310 {
	width: 310px !important;
	height: 400px;
}
.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #222;
	margin-right: 5px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}
.swiper-visible-switch {
	background: #aaa;
}
.swiper-active-switch {
	background: #fff;
}
.customized_list_box {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	width: 290px;
	height: 400px;
	background: #fff;
	color: #333;
	margin: 5px auto auto auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.customized_list_box:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.flip_button_box {
	width: 100%;
	height: 20px;
	text-align: right;
}
/*装修知识部分*/
.knowledge_box {
	width: 1200px;
	overflow: hidden;
	background-size: 175px 200px;
	height: 200px;
	background-color: #f8f8f8 !important;
}
.knowledge_list_top {
	width: 239px;
	height: 200px;
	overflow: hidden;
}
.knowledge_pic_box {
	width: 239px;
	height: 200px;
}
.knowledge_pic_box img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	width: 239px;
	height: 200px;
}
.knowledge_pic_box:hover img {
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	width: 239px;
	height: 200px;
}
.first_knowledge_box {
	background: url('../img/knowledge_top.jpg') left center no-repeat;
	margin-bottom: 14px;
}
.last_knowledge_box {
	background: url('../img/knowledge_bottom.jpg') left center no-repeat;
	margin-bottom: 40px;
}
/*装修攻略*/
.knowledge_list_top {
	float: left;
	position: relative;
	margin-left: 16px;
}
.knowledge_list_top img {
	width: 239px;
	height: 200px;
}
.knowledge_list_top:first-child {
	margin-left: 196px;
}
.knowledge_list_top_mask {
	position: absolute;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 28px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 28px;
}
/*大家都在问*/
.knowledge_list_box {
	width: 333px;
	float: left;
	overflow: hidden;
	margin-top: 25px;
}
.knowledge_list_box a {
	color: #333;
}
.knowledge_img_box {
	position: absolute;
	margin-left: 0px;
}
.knowledge_list {
	margin-left: 120px;
	position: relative;
	margin-top: -2px;
}
.knowledge_list li {
	list-style: disc;
	font-size: 13px;
	width: 180px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 26px;
}
.knowledge_list_box a:hover {
	text-decoration: underline;
	color: #ff343f !important;
}
.knowledge_title {
	margin-bottom: 20px;
	font-size: 18px;
}
.list_first {
	margin-left: 196px;
}
.list_next {/*margin-left: 70px;*/
}
#customized .swiper-slide {
	opacity: 1;
}
#interent .swiper-slide {
	opacity: 1;
}


/*装修计算器出报价部分*/
.card_title_box{
	width: 1200px;
	margin: auto;
	overflow: hidden;
	padding-top: 50px;
	text-align: center;
}
.card_title_box i{
	font:bold 26px/26px '微软雅黑';
}
.card_title_box span{
	width: 1px;
	height: 26px;
	display: inline-block;
	background-color: #000;
	margin: 0px 10px -3px 10px;
}
.card_title_box p{
	line-height: 36px;
	color: #787878;
	position: relative;
}
.card_title_box p a{
	float: right;
	color: #333;
	text-decoration: none;
	position: absolute;
	top: 0px;
	right: 0px;
}


.title_green_pic {
	vertical-align: sub;
	margin-right: 5px;
}
.card_title_left {
	width: 80%;
	float: left;
	overflow: hidden;
	height: 40px;
}
.card_title_right {
	width: 20%;
	float: right;
	text-align: right;
	font-size: 12px;
	margin-top: 17px;
}
.card_title_right a {
	color: #000;
}
.card_title_right a:hover {
	color: #ff343f;
}
.big_size_blod {
	font-size: 28px;
	font-weight: bold;
}
.big_size {
	font-size: 28px;
	margin-left: 8px;
	margin-right: 10px;
}
.small_size {
	font-size: 12px;
}
.title_little {
	margin-left: 80px;
	font-size: 12px;
}
.title_little a {
	font-style: normal;
	margin-right: 20px;
	color: #474747;
}
.title_little a:hover {
	text-decoration: underline;
}
.hot_product {
	overflow: hidden;
	clear: both;
	background: #242424;
}
.hot_pic {
	width: 350px;
	height: 400px;
	position: relative;
}
.hot_pic img {
	width: 100%;
	height: 100%;
}
.hot_banner {
	width: 850px;
	height: 400px;
	position: relative;
}
.hot_banner img {
	width: 850px;
	height: 400px;
}
.hot_top_btn {
	position: absolute;
	display: block;
	width: 78px;
	height: 26px;
	background: #a4e14b;
	font-size: 12px;
	text-align: center;
	line-height: 26px;
	bottom: 43px;
	left: 20px;
	color: #000;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.hot_top_btn:hover {
	background: #f8f625;
}
.hot_bottom_btn {
	position: absolute;
	display: block;
	width: 78px;
	height: 26px;
	background: #b06b37;
	font-size: 12px;
	text-align: center;
	line-height: 26px;
	bottom: 40px;
	left: 22px;
	color: #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.hot_bottom_btn:hover {
	background: #c84025;
}
.arrow-left {
	display: block;
	position: absolute;
	z-index: 99;
	width: 139px;
	height: 400px;
	left: 0;
}
.arrow-left:hover {
	background: url('../img/arrowhover_left.png') center center no-repeat;
	display: inline-block;
	position: absolute;
	z-index: 99;
	width: 139px;
	height: 400px;
}
.arrow-right {
	display: block;
	position: absolute;
	z-index: 99;
	width: 139px;
	height: 400px;
	right: 0;
}
.arrow-right:hover {
	background: url('../img/arrowhover_right.png') center center no-repeat;
	display: inline-block;
	position: absolute;
	z-index: 99;
	width: 139px;
	height: 400px;
}
.gray_bgColor {
	background: #232225;
}
/*.prd-intro-floor div:hover img{transform: rotateY(180deg);}*/.prd-intro-floor {
	width: 1200px;
	height: 330px;
	margin: auto;
	overflow: hidden;
	position: relative;
}
.prd-intro-first {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 460px;
	height: 330px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: all 0.9s;
	cursor: pointer;
}
.prd-intro-first:hover {
	background-size: 105% 105%;
}
.prd-intro-first-liner {
	display: block;
	background: white;
	display: block;
	position: absolute;
	left: 22px;
	top: 205px;
	width: 30px;
	height: 1px;
}
.prd-intro-line-one {
	color: white;
	font-size: 32px;
	font-weight: bold;
	display: block;
	position: absolute;
	left: 22px;
	top: 242px;
}
.prd-intro-line-two {
	color: #e9e9e9;
	font-size: 14px;
	display: block;
	position: absolute;
	left: 22px;
	top: 290px;
}
.prd-intro-icon {
	position: absolute;
	right: 30px;
	bottom: 30px;
	display: block;
	transition: all 0.3s;
}
.prd-intro-second {
	position: absolute;
	top: 0px;
	left: 471px;
	width: 280px;
	height: 330px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-color: #efeef3;
	display: block;
	cursor: pointer;
}
.prd-intro-second-img {
	position: absolute;
	bottom: 0;
	right: 10px;
	transition: all 0.3s;
}
.prd-intro-second:hover .prd-intro-second-img {
	position: absolute;
	bottom: 0;
	right: 20px;
}
.prd-intro-second-liner {
	display: block;
	width: 30px;
	height: 1px;
	background: #043e2d;
	position: absolute;
	top: 24px;
	left: 12px;
}
.prd-intro-second-line-one {
	color: #043e2d;
	font-size: 26px;
	font-weight: bold;
	display: block;
	position: absolute;
	left: 12px;
	top: 55px;
}
.prd-intro-second-line-two {
	color: #605f61;
	font-size: 14px;
	display: block;
	position: absolute;
	left: 12px;
	top: 100px;
}
.prd-intro-third {
	position: absolute;
	right: 0px;
	top: 0;
	width: 440px;
	height: 160px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #efeef3;
	display: block;
	cursor: pointer;
}
.prd-intro-third:hover .small_imgs {
	right: 40px;
	position: absolute;
	bottom: 30px;
}
.prd-intro-third-liner {
	display: block;
	width: 30px;
	height: 1px;
	background: #043e2d;
	position: absolute;
	top: 37px;
	left: 23px;
}
.prd-intro-third-line-one {
	color: #043e2d;
	font-size: 26px;
	font-weight: bold;
	display: block;
	position: absolute;
	left: 20px;
	top: 68px;
}
.prd-intro-third-line-two {
	color: #605f61;
	font-size: 14px;
	display: block;
	position: absolute;
	left: 20px;
	top: 111px;
}
.prd-intro-fourth {
	position: absolute;
	right: 0px;
	top: 170px;
	width: 440px;
	height: 160px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-color: #efeef3;
	display: block;
	cursor: pointer;
}
.small_imgs {
	right: 30px;
	position: absolute;
	top: 30px;
	transition: all 0.3s
}
.prd-intro-fourth:hover .small_imgs {
	right: 40px;
	position: absolute;
	top: 30px;
}
.shj_index_jsq_box {
	width: 100%;
	height: 390px;
	margin: 0 auto;
}
.shj_index_jsq {
	width: 1220px;
	height: inherit;
	margin: 0 auto;
}
.shj_index_jsq_title {
	width: inherit;
	height: 100px;
	text-align: center;
	margin-top: 20px;
}
.shj_index_jsq_title>h2 {
	font-size: 32px;
}
.shj_index_jsq_title_line {
	color: #75b43f;
	font-weight: bold;
}
.shj_index_jsq_content {
	width: inherit;
	height: 290px;
	float: left;
}
.shj_index_jsq_menu_box {
	width: 220px;
	height: 250px;
	float: left;
}
.shj_index_jsq_menu {
	width: 105px;
	background: #f6f6f6;
	float: left;
	border-radius: 7px;
	text-align: center;
	padding: 27px 0;
	cursor: pointer;
	position: relative;
}
.shj_index_jsq_menu_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.shj_index_jsq_menu_click {
	background: #064e38;
	color: #fff;
}
.shj_index_jsq_menu_left {
	margin-left: 10px;
}
.shj_index_jsq_menu_big {
	margin-top: 10px;
	width: 220px;
}
.shj_index_jsq_menu>h5 {
	margin-top: 5px;
}
.shj_index_jsq_menu_img2 {
	display: none;
}
.shj_index_jsq_info_box {
	width: 800px;
	height: 212px;
	padding: 19px 30px 19px 0px;
	font-size: 14px;
	float: left;
	position: relative;
	margin-left: 10px;
}
#shj_index_jsq_bj, #shj_index_jsq_lfyf {
	position: absolute;
	top: 19px;
	left: 45px;
}
#shj_index_jsq_lfyf {
	display: none;
}
.shj_index_jsq_item {
	width: 750px;
	height: 45px;
}
.shj_index_jsq_item>h5 {
	width: 60px;
	height: 30px;
	line-height: 30px;
	float: left;
}
.shj_index_jsq_select {
	width: 190px;
	height: 30px;
	border: 1px solid #c8c8c8;
	text-align: center;
	line-height: 30px;
	position: relative;
	margin-left: 15px;
	cursor: pointer;
	font-size: 14px;
	background: #fff;
	display: inline-block;
}
.shj_index_jsq_text {
	width: 150px;
	height: 30px;
	border: 1px solid #c8c8c8;
	border-radius: 8px;
	text-align: center;
	line-height: 30px;
	position: relative;
	margin-left: 20px;
	cursor: pointer;
	font-size: 14px;
	float: left;
	outline: none;
}
.shj_index_jsq_select_bg {
	width: inherit;
	height: inherit;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
.shj_index_jsq_jicon {
	text-align: right;
	position: absolute;
	top: 0px;
	right: 20px;
}
.shj_index_jsq_input {
	width: 495px;
	text-align: left;
	text-indent: 20px;
}
.shj_index_jsq_input:focus {
	border: 1px solid #75b43f;
}
.shj_index_jsq_radio {
	width: auto;
	height: 30px;
	line-height: 30px;
	margin-left: 20px;
	display: inline-block;
	cursor: pointer;
	position: relative;
}
.shj_index_jsq_radio span {
	font-size: 12px;
}
.shj_index_jsq_radio_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.shj_index_jsq_ricon {
	display: block;
	width: 16px;
	height: 16px;
	margin: 7px 8px 0 0;
	background: url('../img/icon.png') no-repeat;
	background-position: -30px -828px;
	cursor: pointer;
	float: left;
}
.shj_index_jsq_ricon_check {
	background-position: -6px -828px;
}
.shj_index_jsq_cbtn {
	background: #127a59;
	color: #fff;
	line-height: 20px;
}
.shj_index_jsq_select_list {
	width: inherit;
	height: auto;
	background: #fff;
	padding: 7px 0;
	position: absolute;
	top: 23px;
	left: -1px;
	z-index: 999;
	border-left: 1px solid #75b43f;
	border-right: 1px solid #75b43f;
	border-bottom: 1px solid #75b43f;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	position: absolute;
	top: 25px;
	left: -1px;
	z-index: 999;
	display: none;
	max-height: 150px;
	overflow: hidden;
	overflow-y: auto;
}
.shj_index_jsq_select_list li {
	height: 30px;
}
.shj_index_jsq_select_list li:hover {
	background: #f6f6f6;
}
.shj_index_jsq_city_list {
	height: 210px;
	overflow-y: scroll;
}
.shj_index_jsq_bj_box {
	width: 160px;
	height: 250px;
	float: left;
	position: relative;
}
#shj_index_jsq_bj_right, #shj_index_jsq_lf_right, #shj_index_jsq_yf_right {
	position: absolute;
	top: 5px;
	left: 0;
}
#shj_index_jsq_lf_right, #shj_index_jsq_yf_right {
	display: none;
}
.shj_index_jsq_brst {
	width: 150px;
	height: 65px;
	background: #f6f6f6;
	color: #cf832f;
	border-radius: 8px;
	text-align: center;
	font-size: 16px;
	padding-top: 5px;
	margin-bottom: 10px;
}
.shj_index_jsq_brst>h5 {
	margin-bottom: 10px;
}
.shj_index_jsq_bj_box>p {
	width: 132px;
	padding: 10px 9px 6px;
	line-height: 18px;
}
.shj_index_jsq_btn {
	width: 150px;
	height: 46px;
	border-radius: 8px;
	border: 1px solid #9fc97f;
	color: #9fc97f;
	margin-top: 10px;
	font-size: 14px;
	cursor: pointer;
}
.shj_index_jsq_rbtn {
	background: #75b43f;
	color: #fff;
}
.shj_index_jsq_info_box input[type='text'] {
	cursor: text;
}
.shj_index_jsq_right_img {
	width: 150px;
	height: 212px;
	border-radius: 8px;
}
.shj_index_jsq_wdiv {
	width: inherit;
	height: 35px;
}
.right-img-tip {
	position: absolute;
	right: 20px;
	top: 20px;
	display: block;
	width: 150px;
	height: auto;
}





.calculator_right {
	display: inline-block;
	position: relative;
	background-color: #f6f6f6;
	width: 915px;
	height: 432px;
	border:1px solid #ccc;
	border-radius: 4px;
	float: right;
}
.calculator_right_slide {
	position: absolute;
	width: 100%;
	padding: 55px 0px;
	left: 0px;
	top: 0px;
}
.calculator_right_modal {
	display: block;
	margin-bottom: 15px;
	margin-top: 20px;
	padding: 0px 20px;
}
.calculator_right_modal label {
	margin-right: 0px;
	font-size: 14px;
}
.calculator_right_modal select {
	display: inline-block;
	width: 145px;
	height: 30px;
	text-align: center;
	background-color: #fff;
	margin-right: 15px;
	text-align: center;
	border-radius: 10px;
	text-align-last: center;
}
.calculator_right_modal select:focus {
	border-color: #0cb061;
}
.calculator_right_modal input {
	display: inline-block;
	width: 180px;
	height: 30px;
	text-align: left;
	background-color: #fff;
	padding-left: 10px;
	border: 1px solid #c8c8c8;
	text-align: left;
	margin-left: 15px;
}
.calculator_right_modal input:focus {
	border-color: #0cb061;
}
.form-radio-box {
	display: inline-block;
	width: 90px;
}
.form-radio-box input {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 10px;
	vertical-align: middle;
}
.form-radio-box span {
	vertical-align: middle;
	white-space: nowrap;
	font-size: 12px;
}
/*提交申请*/
.calculator-btn-red {
	display: inline-block;
	background-color: #127a59;
	width: 150px;
	height: 20px;
	padding: 5px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
	margin-left: 15px;
}
.calculator-btn-red:hover {
	cursor: pointer;
}



/*左边部分*/
.calculator_left {
	display: inline-block;
	width: 238px;
	height: 432px;
	vertical-align: top;
}
.calculator_left ul {
	width: 100%;
	height: 100%;
	background-color: #53070d;
	border-radius: 4px;
}
.calculator_left ul li {
	cursor: pointer;
	display: inline-block;
	width: 80%;
	height: 140px;
	margin-left: 10%;
	border-top: 1px solid #fff;
}
.calculator_left ul li:first-child{
	border-top:none;
}
.calculator_left ul li div {
	width: 100%;
	height: 83px;
	margin: 0 auto;
	margin-top: 28px;
	line-height: 83px;
	text-align: center;
}
.calculator_left ul li div i{
	font-size: 40px; color: #fff;
	vertical-align: middle;
} 
.calculator_left ul li div span{
	font: normal 22px/22px '微软雅黑'; color: #fff;
	vertical-align: middle;
}

.calculator_left ul li div.has_back{
	position: relative;
	background-color: #fff;
}
.calculator_left ul li div.has_back span, .calculator_left ul li div.has_back i{color: #53070d;}
.calculator_left ul li div.has_back img{
	position: absolute;
	right: -46px;
	top: 0px;
}























.budget {
	position: absolute;
	right: 20px;
	top: 130px;
	display: block;
	width: 160px;
	height: auto;
	font-size: 13px;
}
.budget_text {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 15px;
	color: #ce8641;
	text-align: center;
}
.budget_input {
	border: none;
	text-align: center;
	color: #ce8641;
}
.system_quotation {
	display: block;
	color: #73b434;
	border: 1px solid #73b434;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-radius: 6px;
}
/* .system_quotation:hover{background:#74b534;color: #fff;}*/.artificial_quotation {
	display: block;
	color: #fff;
	background: #b5b5b6;
	text-align: center;
	height: 42px;
	line-height: 42px;
	margin-top: 50px;
}
.zhinenbaojia {
	display: block;
	color: #fff;
	background: #52070c;
	text-align: center;
	height: 42px;
	line-height: 42px;
	cursor: pointer;
}


/*案例部分外部引用样式开始*/

.finaly_price{ width: 880px; border-top: 2px solid #ccc; margin-left: 15px; }
.finaly_price p{text-align: center; font: bold 22px/36px '微软雅黑'; color: #333;padding-top:15px;}
.finaly_price p span{font-weight: normal; font-size: 17px; padding: 0px 26px; vertical-align: middle;}
.finaly_price p i{vertical-align: middle; height: 17px; width: 2px; background-color: #ccc; display: inline-block;}

.wiyoo_style_2{
	width: 66.7%; 
	height: 420px; 
	display: inline-block; 
	box-sizing: border-box; /*//内边框*/
  	border: 6px solid transparent;
}

.wiyoo_style_3{
	width: 33.3%; 
	height: 209px; 
	display: block; 
	box-sizing: border-box; /*//内边框*/
  	border: 6px solid transparent;
}
.wiyoo_style_3_1{
	position: absolute;
	right: 0px;
	top: 235px;
	width: 33.3%; 
	height: 209px; 
	display: block; 
	box-sizing: border-box; /*//内边框*/
  	border: 6px solid transparent;
}

.wiyoo_style_4{
	float: left;
	width: 50%; 
	height: 323px; 
	display: inline-block; 
	box-sizing: border-box; /*//内边框*/
  	border: 6px solid transparent;
}


.this_index_overflow{
	width: 100%;
	height: 1140px;
	overflow: hidden;
	background-image: url("../img/case_bg.png");
	background-size: 100% 100%;
}






/*案例部分外部引用样式结束*/


/* 星艺套餐部分 开始 */
#foucs{background:#fff;height:528px;overflow:hidden;position:relative; margin-top: 36px;}
#foucs div.main{display:none;}
#foucs .element{display:none;position:absolute; }
#foucs .element img{width: 75%; height: 100%; float: left;}
#foucs .element .tc_content{ width: 25%; float: left; background-color: #fff; height:528px;}
#foucs .element .tc_content span{font: normal 22px/30px '微软雅黑'; padding-left: 15px;}
#foucs .element .tc_content p.p1{ width: 50px; height: 2px; background-color: #ccc; display: block; margin-top: 5px; margin-left: 15px;  }
#foucs .element .tc_content p.p2{font: normal 14px/26px '微软雅黑'; padding: 15px;}
#foucs .element .tc_content a{ padding: 3px 8px; border: 1px solid #ccc; font: normal 14px/26px '微软雅黑'; display: inline-block; margin-top: 15px; margin-left: 15px; color: #333; }
#foucs .element .tc_content a:hover{background-color: #52070c; border-color: #52070c; color: #fff;}
#foucs .navi{display:block;width:80px;height:80px;line-height:99em;overflow:hidden;bottom: 3px;}
#foucs .left{background-position:0 0;}
/*#foucs .left:hover{background-position:0 -80px;}*/
#foucs .right{background-position:-80px 0;}
/*#foucs .right:hover{background-position:-80px -80px;}*/
.taocan_qh_bg{background:url("../img/arrow-btn.png") no-repeat;}

/* 星艺套餐部分 结束 */




/* 星艺设计师 部分开始*/
.this_index_desinger{
	margin-top: 40px;
	width: 100%;
	/*height: 700px;*/
	overflow: hidden;
	background-image: url("../img/desinger_bg.png");
	background-size: 100% 100%;
}

.hot-event {height: 540px; width: 100%; margin: 0 auto;  position: relative; }
.hot-event .switch-tab { text-align: center; padding: 10px 0; position: absolute; bottom: 3px; width: 100%;  }
.hot-event .switch-tab a{  margin: 0 2px; display: inline-block; width: 12px; height: 12px; border: 3px solid #fff; border-radius: 50%; overflow: hidden; vertical-align: top; }
.hot-event .switch-tab .current {  background-color: #fff; }

.hot-event .switch-nav {  z-index: 2; }
.hot-event .switch-nav .i-prev { background-image: url(../img/bg.png); background-position: -127px 0; }
.hot-event .switch-nav .prev { border-radius:50%; position: absolute; left: -60px; top: 200px; }
.hot-event .switch-nav .next { border-radius:50%; position: absolute; right: -60px; top: 200px;}
.hot-event .switch-nav .i-next { background-image: url(../img/bg.png); background-position: -144px 0; }
.hot-event .switch-nav a { display: inline-block; padding: 13px 15px; background: rgba(0,0,0,.3); border-style: solid; border-color: rgba(255,255,255,.6); }
.hot-event .switch-nav a:hover { background: rgba(0,0,0,.2); }
.hide-clip { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; line-height: 0!important; width: 1px!important; overflow: hidden; }
.ico { display: inline-block; width: 16px; height: 16px; vertical-align: middle; overflow: hidden; cursor: pointer; }

.event-item { height: 490px; width: 100%; position: absolute; z-index: 1; left: 0; top: 0; background-color: #fff; }
.event-item .this_left{ float: left; width: 650px; height: 452px; text-align: right; position: relative;}
.event-item .this_left .p1{font: bold 28px/50px '微软雅黑'; padding-top: 26px; }
.event-item .this_left .p2{font: normal 16px/32px '微软雅黑';}
.event-item .this_left .p3{width: 32px; height: 2px; background-color: #454545;  float: right;}
.event-item .this_left .p4{font: normal 14px/26px '微软雅黑'; text-align: right; padding-top: 15px; padding-left: 45px;}
.event-item .this_left .p5{font: normal 14px/26px '微软雅黑'; text-align: right; position: absolute; right: 0px; bottom: 186px;}
.event-item .this_left ul{ position: absolute; right: 0px; bottom:0px; }
.event-item .this_left ul li{float: right; width: 290px; height: 186px; margin-left: 15px; }
.event-item .this_left ul li a{ position: relative; width: 100%; height: 100%; }
.event-item .this_left ul li a img{ width: 100%; height: 100%; }
.event-item .this_left ul li a span{width: 100%; height: 40px; display: inline-block; background-color: #333; opacity: 0.8; position: absolute; left:0px; bottom: 0px; text-align: center; font: normal 14px/40px '微软雅黑'; color: #fff;}
.event-item .this_right{float: right; width: 500px; text-align: center;  }
.event-item .this_right .imgbox{height: 400px;overflow: hidden;}
.event-item .this_right img{ width:333px;}
.event-item .this_right p{ padding-top: 26px; }
.event-item .this_right p a{padding: 4px 12px ; font: normal 14px/22px '微软雅黑'; color: #333; border: 1px solid #ccc; display: inline-block; margin:0px 10px;}
.event-item .this_right p a:hover{ color: #fff; background-color: #53070d; border-color: #52070c; }

/* 星艺设计师 部分结束 */


/* VR实景体验 部分开始*/
.this_index_vr{
	width: 100%;
	/*height: 530px;*/
	height: 600px;
	overflow: hidden;
	background-image: url("../img/vr_bg.png");
	background-size: 100% 100%;
}

/*插件样式*/
/*.poster-main{position: relative;width: 1200px;height: 320px;margin:0 auto;}*/
.poster-main{position: relative;width: 1500px;height: 400px;margin:0 auto;}
.poster-main a,.poster-main img{display:block;}
/*.poster-main .poster-list{width: 1200px;height: 320px}*/
.poster-main .poster-list{width: 1500px;height: 400px}
.poster-main .poster-list .poster-item{position: absolute;left: 0px;top: 0px;overflow: hidden;}
.poster-main .poster-btn{position: absolute;height: 100%;width:100px;top: 0px;z-index: 10;opacity: 0.5;cursor:pointer;}
.poster-main .poster-prev-btn{ left: 0px; background: url("../img/btn_l.png") no-repeat center center; background-color: #000 }
.poster-main .poster-next-btn{right: 0px;background: url("../img/btn_r.png") no-repeat center center;background-color:#000}
/* VR实景体验 部分结束 */



/* 热装楼盘 部分开始*/
.this_index_site{
	width: 100%;
	overflow: hidden;
}

.wiyoo_style_s{
	width: 25%; 
	height: 230px; 
	display: inline-block; 
	box-sizing: border-box; /*//内边框*/
  	border: 6px solid transparent;
}

.show_site_title{
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	background-color: #333;
	width: 100%;
	height:40px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
}
.click_show_site span{ padding: 3px 8px; border-radius: 2px; display: inline-block; margin: 0px 5px;  color: #ffffff; border: 1px solid #fff; cursor: pointer; font-size: 12px; }




/* 热装楼盘 部分结束 */
.click_show_comm{
	position: absolute;
	bottom: 20%;
	left: 0px;
	display: inline-block;
	opacity: 0.87;
	width: 100%;
	height:40px;
	overflow: hidden;
	text-align: center;
}
.click_show_comm span{ padding: 4px 6px; border-radius: 2px; display: inline-block; margin: 0px 5px; color: #52070c; vertical-align: middle; background-color: #fff; cursor: pointer; }
.click_show_comm img{ width: 22px; height: 22px; vertical-align: middle; margin-right: 4px; }


/* 商城热卖 开始 */
.goods_box {width: 1200px;margin: 0 auto;position: relative; height: 980px;}
.goods_box a{ width: 330px; height: 275px; display: inline-block; position: absolute; left: 0px; top: 0px; overflow: hidden; }
.goods_box a:nth-child(2) { width: 330px; height: 405px; display: inline-block; position: absolute; left: 0px; top: 280px;}
.goods_box a:nth-child(3) { width: 466px; height: 688px; display: inline-block; position: absolute; left: 335px; top: 0px;}
.goods_box a:nth-child(4) { width: 382px; height: 225px; display: inline-block; position: absolute; left: 808px; top: 0px;}
.goods_box a:nth-child(5) { width: 382px; height: 225px; display: inline-block; position: absolute; left: 808px; top: 230px;}
.goods_box a:nth-child(6) { width: 382px; height: 225px; display: inline-block; position: absolute; left: 808px; top: 460px;}
.goods_box a:nth-child(7) { width: 595px; height: 285px; display: inline-block; position: absolute; left: 0px; top: 693px;}
.goods_box a:nth-child(8) { width: 595px; height: 285px; display: inline-block; position: absolute; left: 597px; top: 693px;}

.goods_box a div { position: relative;
	background: rgba(0, 0, 0, 0.5);
	width:100%;
	height: 0;
	text-align: center;
	transform: rotate(55deg);
	transition: 0.7s;
	overflow: hidden;
}
.goods_box a div span {
	z-index: 2;/*改变div的层级使其上移两层*/
	overflow: hidden;
	position: absolute;/*绝对定位*/
	top: 50%;/*定位:距离顶部40px*/
	left: 50%;
	margin-left:-100px;
	margin-top: -60px;
	color: #fff;
	width: 200px;
	height: 120px;
}
/*:hover放在里后面而不是div后的原因:鼠标height: 0;高度为0,鼠标没有能够经过div,就不能触发:hover事件*/
.goods_box a:hover div{height: 100%;transform: rotate(0);}
.goods_box a:hover span {
	
	
}
.goods_box a div span h3 {
	margin: 0;
	font-size: 24px;
	line-height: 54px;
}
.goods_box a div span p {
	font-size: 16px;
	margin: 5px;
	line-height: 24px;
}
.goods_style_list{text-align: center; width: 100%; padding: 15px 0px;}
.goods_style_list a{display: inline-block;  font: normal 14px/22px '微软雅黑'; margin: 5px 8px; color: #454554; vertical-align: middle;}
.goods_style_list a:hover{color: #53070d; }
.goods_style_list span{ vertical-align: middle; }

/* 商城热卖 结束 */



/* 星艺故事 部分开始*/
.this_index_video{
	width: 100%;
	height: 875px;
	overflow: hidden;
	background-image: url("../img/video_bg.png");
	background-size: 100% 100%;
}
.video_slider-wrap {position: relative; padding: 10px;height: 500px;width: 578px; margin-top: 160px; float: left; background-image: url("../img/video_yuan_bg.png");
	background-repeat: no-repeat; background-position: 0px 20px;} 
.video_slider {width: 465px;height: 465px;border-radius: 50%;   overflow: hidden; margin: auto;}
.tiles-preload .tiles-slider-wrap *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}
.tiles-slider-wrap *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.tiles-slider-wrap a:focus{outline:0}
.tiles-slider-wrap,.tiles-tile{position:relative}
.tiles-wrap{position:absolute;height:100%;width:100%;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px}
.tiles-tile{float:left;top:0;left:0;right:0;bottom:0;opacity:1;z-index:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tiles-timer{position:absolute;top:0;height:5px;width:0;background:#088bbf}
.tiles-next,.tiles-prev{opacity:0;position:absolute;z-index:1;top:50%;margin:0 .5em;margin-top:-24px;text-indent:-9999px;width:48px;height:48px;line-height:50px;background:url(../img/prev_next.png) left no-repeat;color:white;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tiles-next{right:0;background-position:right}
.tiles-slider-wrap:hover .tiles-next,.tiles-slider-wrap:hover .tiles-prev{opacity:1}
.tiles-nav:hover ~ .tiles-next,.tiles-nav:hover ~ .tiles-prev{opacity:0}
/*.tiles-nav{position:absolute;top:100%;left:50%;margin-top:1em}*/

.tiles-nav{position:absolute;bottom:10px;left:0px;width: 100%; text-align: center;}
.tiles-nav .tiles-nav-item{position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tiles-nav .tiles-nav-item.tiles-nav-active{cursor:default}
.tiles-nav .tiles-nav-item:not(.tiles-nav-active):hover span{visibility:visible;opacity:1;margin-top:-1em}
.tiles-nav .tiles-pagination{text-decoration:none;color:#222;padding:.1em .5em;margin:0 .1em;border-radius:2px}
.tiles-nav .tiles-pagination:hover{text-decoration:none;color:#088bbf}
.tiles-nav .tiles-pagination.tiles-nav-active{background:#088bbf;color:#fff}
.tiles-nav .tiles-bullet{display:inline-block;width:16px;height:16px;margin:0 .3em;border-radius:16px;background:#ddd}
.tiles-nav .tiles-bullet.tiles-nav-active{background:#088bbf}
.tiles-nav span{position:absolute;z-index:1;visibility:hidden;opacity:0;padding:.3em;margin-top:-1.5em;background:rgba(255,255,255,0.85);box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:2px;border-top:1px solid white;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-backface-visibility:hidden}
.tiles-nav span:after,.tiles-nav span:before{content:"";position:absolute;top:100%;left:50%;margin-left:-10px;border-style:solid;border-width:10px;border-color:transparent;border-top-color:rgba(255,255,255,0.85)}
.tiles-nav span:before{margin-top:1px;border-top-color:rgba(0,0,0,0.5)}
.tiles-nav img{display:block}

.tiles-description{position:absolute;z-index:1;bottom:40%;left:42%;width:80px;height:80px;border-radius: 50%;  padding:1em 2em;line-height:1.5;visibility:hidden;opacity:0;color:white;background:rgba(0,0,0,0.65);box-shadow:0 -1px 2px rgba(0,0,0,0.3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tiles-description p{cursor: pointer;position:relative;padding:0;margin:0;}
.tiles-description p i{vertical-align: middle; font-size: 75px; position: absolute; top: -32px; left:-30px;}
.tiles-description-active{opacity:1;visibility:visible}
.tiles-description-active p{left:0}
.tiles-description-empty{display:none}


.tiles-slider-s100 .tiles-tile{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.tiles-slider-s200 .tiles-tile{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.tiles-slider-s300 .tiles-tile{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tiles-slider-s400 .tiles-tile{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.tiles-slider-s500 .tiles-tile{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.tiles-slider-s600 .tiles-tile{-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
.tiles-slider-s700 .tiles-tile{-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out}
.tiles-slider-s800 .tiles-tile{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.tiles-slider-s900 .tiles-tile{-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;transition:all .9s ease-in-out}
.tiles-slider-s1000 .tiles-tile{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.tiles-tile.tiles-reset{-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-ms-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out}
.tiles-simple-anim{opacity:0}
.tiles-default-anim{position:relative;opacity:0;box-shadow:0 0 10px black;top:-5%;left:5%;z-index:1}
.tiles-y1.tiles-up-anim{height:1px!important}
.tiles-x1.tiles-left-normal{clear:both}
.tiles-x1.tiles-left-anim{width:0!important}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x2{left:50%}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x4{left:25%}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x6{left:16.666666666666668%}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x8{left:12.5%}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x10{left:10%}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x12{left:8.333333333333334%}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x14{left:7.142857142857143%}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x16{left:6.25%}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x18{left:5.555555555555555%}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x20{left:5%}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x2{left:-50%}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x4{left:-25%}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x6{left:-16.666666666666668%}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x8{left:-12.5%}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x10{left:-10%}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x12{left:-8.333333333333334%}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x14{left:-7.142857142857143%}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x16{left:-6.25%}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x18{left:-5.555555555555555%}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x20{left:-5%}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y2{top:50%}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y4{top:25%}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y6{top:16.666666666666668%}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y8{top:12.5%}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y10{top:10%}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y12{top:8.333333333333334%}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y14{top:7.142857142857143%}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y16{top:6.25%}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y18{top:5.555555555555555%}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y20{top:5%}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y2{top:-50%}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y4{top:-25%}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y6{top:-16.666666666666668%}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y8{top:-12.5%}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y10{top:-10%}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y12{top:-8.333333333333334%}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y14{top:-7.142857142857143%}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y16{top:-6.25%}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y18{top:-5.555555555555555%}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y20{top:-5%}
.tiles-fliplr-anim{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
.tiles-flipud-anim{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg)}
.tiles-reduce-anim{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.tiles-360-anim{-webkit-transform:rotateZ(360deg) scale(0);-moz-transform:rotateZ(360deg) scale(0);-ms-transform:rotateZ(360deg) scale(0);-o-transform:rotateZ(360deg) scale(0);transform:rotateZ(360deg) scale(0)}
.tiles-leftright-anim.tiles-even{-webkit-transform:translate(50%,0);-moz-transform:translate(50%,0);-ms-transform:translate(50%,0);-o-transform:translate(50%,0);transform:translate(50%,0)}
.tiles-leftright-anim.tiles-odd{-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}
.tiles-updown-anim.tiles-even{-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%);-ms-transform:translate(0,50%);-o-transform:translate(0,50%);transform:translate(0,50%)}
.tiles-updown-anim.tiles-odd{-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.tiles-slider-wrap .tiles-switchlr-anim,.tiles-slider-wrap .tiles-switchud-anim,.tiles-slider-wrap .tiles-fliplr-anim,.tiles-slider-wrap .tiles-y1.tiles-up-anim,.tiles-slider-wrap .tiles-x1.tiles-left-anim,.tiles-slider-wrap .tiles-updown-anim,.tiles-slider-wrap .tiles-leftright-anim,.tiles-slider-wrap .tiles-flipud-anim,.tiles-slider-wrap .tiles-reduce-anim{opacity:0;visibility:hidden}
.tiles-slider-leftright .tiles-wrap,.tiles-slider-updown .tiles-wrap,.tiles-slider-360 .tiles-wrap{overflow:hidden}

.scrolltop{width:433px;height:695px;overflow:hidden;margin-top: 85px; float: right;}
.scrolltop li{height:216px; width:100%;overflow:hidden;text-align:center; margin-bottom: 25px;position: relative; cursor: pointer;}
.scrolltop img{width:100%;}
.scrolltop span{padding-top:80px; height: 114px; width: 411px; display: inline-block; position: absolute; top: 10px; left: 10px; border: 1px solid #fff; text-align: center; }
.scrolltop span i{color: #fff; font-size: 56px; }
.scrolltop p {position: absolute; bottom: 0px; left: 0px; width: 100%; height: 32px; font: normal 16px/32px '微软雅黑'; background-color: #333; opacity: 0.7; color: #fff; width: 100%; text-align: center; overflow: hidden; }

/* 星艺故事 部分结束 */