/*清除浮动*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	*zoom: 1;
}

.banner-box {
	width: 100%;
	position: relative;
}

.banner-box .bd {
	width: 100%;
}

.banner-box .bd li .m-width {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.banner-box .bd li {
	width: 100%;
	height: 800px;
	overflow: hidden;
	position: relative;
}

.banner-box .bd li img {
	width: 1920px;
	max-width: 1920px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -960px;
	z-index: 9;
}

.banner-box .bd li a {
	display: block;
	width: 100%;
	height: 100%;
}

.banner-box .hd {
	width: 100%;
	position: absolute;
	bottom: 37px;
	right: 0;
	z-index: 9;
	text-align: center;
}

.banner-box .hd ul li {
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 10px;
	background: url(../images/dot1.png) no-repeat;
	cursor: pointer;
}

.banner-box .hd ul li.on {
	background: url(../images/dot2.png) no-repeat;
}

.mouse-arrow {
	width: 18px;
	height: 47px;
	background: url(../images/mouse.png) no-repeat;
	position: absolute;
	bottom: 76px;
	left: 50%;
	margin: 0 0 0 -9px;
	z-index: 9999;
	-webkit-animation: flagUp 1s linear infinite;
	animation: flagUp 1s linear infinite;
}

@-webkit-keyframes flagUp {
	0% {
		-webkit-transform: translateY(0);
	}
	25% {
		-webkit-transform: translateY(5%);
	}
	50% {
		-webkit-transform: translateY(10%);
	}
	75% {
		-webkit-transform: translateY(5%);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}

@keyframes flagUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	25% {
		-webkit-transform: translateY(5%);
		transform: translateY(5%);
	}
	50% {
		-webkit-transform: translateY(10%);
		transform: translateY(10%);
	}
	75% {
		-webkit-transform: translateY(5%);
		transform: translateY(5%);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.w1185 {
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 50px;
}


/*装修案例*/

.case-wrap {
	margin: 0px 0;
	background-color: #f4f4f4;
	overflow: hidden;
}

.case-nav {
	height: 66px;
	line-height: 66px;
	text-align: center;
}

.case-nav a {
	display: block;
	width: 395px;
	height: 66px;
	float: left;
	font-size: 16px;
	color: #444;
	background-color: #fff;
	background-image: url(../images/bar.png);
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.case-nav a:last-child {
	background-image: none;
}

.case-nav a:hover {
	color: #fff;
	background-color: #e6212a;
	background-image: none;
	-webkit-transform: color, background-color, background-image;
	-ms-transform: color, background-color, background-image;
	-o-transform: color, background-color, background-image;
	transform: color, background-color, background-image;
}

.case-nav a.active {
	color: #fff;
	background-color: #e6212a;
	background-image: none;
	-webkit-transform: color, background-color, background-image;
	-ms-transform: color, background-color, background-image;
	-o-transform: color, background-color, background-image;
	transform: color, background-color, background-image;
}

.navigetion-bar {
	height: 82px;
	line-height: 82px;
}

.navigetion-bar h3 {
	float: left;
	font-size: 24px;
	color: #424040;
	font-weight: normal;
}

.your-position {
	text-align: right;
	color: #666;
}

.your-position a {
	color: #666;
}

.classify {
	margin: 0 0 24px;
	padding: 30px 45px;
	background-color: #fff;
}

.classify-bar {
	padding: 0 0 0 75px;
	position: relative;
}

.classify-bar span {
	font-size: 16px;
	color: #484545;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 32px;
}

.classify-list {
	width: 100%;
	line-height: 32px;
}

.classify-list a {
	display: inline-block;
	padding: 0 12px;
	margin: 0 10px 20px 10px;
	font-size: 16px;
	color: #484545;
	border: 1px #fff solid;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.classify-list a.active {
	border: 1px #e6212a solid;
	color: #e6212a;
	-webkit-transform: border, color;
	-ms-transform: border, color;
	-o-transform: border, color;
	transform: border, color;
}

.search-box {
	width: 328px;
	margin: 0 20px 0 0;
	overflow: hidden;
}

.search-txt {
	width: 233px;
	height: 40px;
	float: left;
	padding: 0 10px;
	border: 1px #ccc solid;
	border-right: none;
	background-color: #fff;
	font-size: 14px;
	line-height: 40px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.search-txt:focus {
	border: 1px #e6212a solid;
	border-right: none;
	-webkit-transform: border;
	-ms-transform: border;
	-o-transform: border;
	transform: border;
}

.search-btn {
	width: 70px;
	height: 42px;
	float: left;
	border: 1px #e6212a solid;
	background: url(../images/zoom.png) no-repeat center center #e6212a;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.search-btn:hover {
	background-color: #ce0b13;
	-webkit-transform: background-color;
	-ms-transform: background-color;
	-o-transform: background-color;
	transform: background-color;
}

.look {
	display: block;
	float: left;
	width: 128px;
	height: 40px;
	border: 1px #e6212a solid;
	text-align: center;
	font-size: 16px;
	color: #e6212a;
	line-height: 40px;
	background-color: #fff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.look:hover {
	background-color: #e6212a;
	color: #fff;
	-webkit-transform: background-color, color;
	-ms-transform: background-color, color;
	-o-transform: background-color, color;
	transform: background-color, color;
}

.container-fluid {}

.fluid-box {
	margin-bottom: 20px;
	float: left;
	width: 280px;
}

.fluid-box img {
	max-width: 100%
}

.fluid-img a {
	display: block;
	width: 100%;
	position: relative;
}

.fluid-img a em {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 999;
}

.fluid-img a font {
	position: absolute;
	left: 50%;
	margin-left: -45%;
	top: 5%;
	display: block;
	width: 90%;
	height: 90%;
}

.fluid-img a font span {
	position: absolute;
	display: block;
}

.fluid-img a font .it-top {
	left: 0;
	top: 0;
	width: 0%;
	border-top: 1px solid #fff;
	-webkit-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-moz-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-o-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
}

.fluid-img a font .it-bom {
	right: 0;
	bottom: 0;
	width: 0%;
	border-bottom: 1px solid #fff;
	-webkit-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-moz-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-o-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
}

.fluid-img a font .it-lft {
	left: 0;
	bottom: 0;
	height: 0%;
	border-left: 1px solid #fff;
	-webkit-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-moz-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-o-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
}

.fluid-img a font .it-rit {
	right: 0;
	top: 0;
	height: 0%;
	border-right: 1px solid #fff;
	-webkit-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-moz-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-o-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
}

.fluid-img p {
	position: absolute;
	right: 17px;
	top: 15px;
	width: 77px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	color: #e6212a;
	border: 1px solid #e6212a;
}

.fluid-box:hover font .it-top {
	width: 100%;
}

.fluid-box:hover font .it-bom {
	width: 100%;
}

.fluid-box:hover font .it-lft {
	height: 100%;
}

.fluid-box:hover font .it-rit {
	height: 100%;
}

.fluid-ti {
	height: 82px;
	line-height: 82px;
	position: relative;
	overflow: hidden;
}

.fluid-ti a {
	display: inline-block;
	width: 100%;
	height: 82px;
	vertical-align: middle;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	text-align: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.fluid-box:hover .fluid-ti a {
	background-color: #e6212a;
	color: #fff;
	-webkit-transform: background-color, color;
	-ms-transform: background-color, color;
	-o-transform: background-color, color;
	transform: background-color, color;
}


/*装修案例详情*/

.case-show {
	width: 800px;
	padding: 37px;
	background-color: #fff;
}

.case-show-ti {
	margin: 0 0 20px;
}

.case-show-ti h3 {
	margin: 0 0 25px;
	font-size: 24px;
	color: #333;
}

.case-page {
	font-size: 14px;
	color: #666;
}

.case-page a {
	color: #666;
}

.case-show table {
	margin: 0 0 25px;
	width: 100%;
	border-top: 1px #eaeaea solid;
	border-left: 1px #eaeaea solid;
}

.case-show td {
	border-right: 1px #eaeaea solid;
	border-bottom: 1px #eaeaea solid;
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 42px;
}

.house {
	margin: 0 0 25px;
}

.house-box {
	width: 100%;
	position: relative;
}

.house img {
	width: 100%;
}

.house-ti {
	width: 100%;
	position: absolute;
	bottom: 18px;
	left: 0;
	z-index: 9;
	text-align: center;
}

.house-ti li {
	display: inline-block;
	width: 60px;
	height: 37px;
	margin: 0 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	overflow: hidden;
	border-size: border-box;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.house-ti li:hover {
	border: 1px #fff solid;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.house-ti li:hover img {}

.house-ti li.active {
	border: 1px #fff solid;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.house-ti li.active img {}

.house-con {
	width: 100%;
	height: 494px;
	overflow: hidden;
}
.house-con-1,.house-con-2,.house-con-3,.house-con-4,.house-con-5 {
	width: 100%;
	height: 494px;
	overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.house-info {
	padding: 20px 20px 0;
	height: 60px;
	background-color: #f5f5f5;
}

.house-info h3 {
	font-size: 20px;
	color: #333;
}

.house-info p {
	font-size: 14px;
	color: #666;
}

.page-bar {
	padding: 20px 0 0;
	border-top: 1px #e6e6e6 solid;
}

.page-list {
	line-height: 28px;
	font-size: 14px;
	color: #666;
}

.page-list a {
	color: #666;
}

.share {
	padding: 10px 0 0;
}

.page-bar span {
	margin: 0 0 0 10px;
	font-size: 14px;
	color: #666;
	line-height: 56px;
}

.h-float {
	width: 36px;
	height: auto;
	background: url(../image/bar2.png) repeat-y center top;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -214px 0 0 -656px;
	z-index: 9;
}

.h-float li {
	width: 36px;
	height: 36px;
	margin: 0 0 20px;
	position: relative;
	background-color: #d9d9d9;
	border-radius: 50%;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.h-float li a {
	display: block;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

.h-float li:hover {
	background-color: #e6212a;
}

.h-float li:hover a {
	color: #fff;
}

.h-float li.active {
	background-color: #e6212a !important;
	color: #fff;
}

.h-float li.active a {
	color: #fff;
}

.h-float li.h-icon1 a {
	background: url(../image/h-icon1.png) no-repeat center center;
	background-size: 20px 20px;
}

.h-float li.h-icon2 a {
	background: url(../image/h-icon2.png) no-repeat center center;
	background-size: 20px 20px;
}

.h-float li.h-icon3 a {
	background: url(../image/h-icon3.png) no-repeat center center;
	background-size: 20px 20px;
}

.h-float li.h-icon4 a {
	background: url(../image/h-icon6.png) no-repeat center center;
	background-size: 20px 20px;
}

.h-float li.h-icon5 a {
	background: url(../image/h-icon5.png) no-repeat center center;
	background-size: 20px 20px;
}

.h-float li.h-icon6 a {
	background: url(../image/h-icon6.png) no-repeat center center;
	background-size: 20px 20px;
}

.h-float li.h-icon7 a {
	background: url(../image/h-icon7.png) no-repeat center center;
	background-size: 20px 20px;
}



.h-float li.h-icon01 a {
	background: url(../image/h-icon01.png) no-repeat center center;
	background-size: 20px 20px;
}

.h-float li.h-icon02 a {
	background: url(../image/h-icon02.png) no-repeat center center;
	background-size: 20px 20px;
}

.h-float li.h-icon03 a {
	background: url(../image/h-icon03.png) no-repeat center center;
	background-size: 20px 20px;
}

.h-float li.h-icon04 a {
	background: url(../image/h-icon04.png) no-repeat center center;
	background-size: 20px 20px;
}

.h-float li.h-icon05 a {
	background: url(../image/h-icon05.png) no-repeat center center;
	background-size: 20px 20px;
}

.h-float li.h-icon06 a {
	background: url(../image/h-icon06.png) no-repeat center center;
	background-size: 20px 20px;
}

.h-float li.h-icon07 a {
	background: url(../image/h-icon07.png) no-repeat center center;
	background-size: 20px 20px;
}
.h-float li.h-icon08 a {
	background: url(../image/h-icon08.png) no-repeat center center;
	background-size: 20px 20px;
}
.h-float li.h-icon09 a {
	background: url(../image/h-icon09.png) no-repeat center center;
	background-size: 20px 20px;
}


.h-float li span {
	display: block;
	width: 58px;
	position: absolute;
	top: 0;
	left: 18px;
	height: 36px;
	font-size: 14px;
	color: #fff;
	line-height: 36px;
	padding: 0 20px;
	background: #e6212a;
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
	opacity: 0;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.h-float li:hover span {
	opacity: 1;
}

.free {
	width: 300px;
	background-color: #fff;
	border-top: 2px solid #bf1a21;
}

.free-ti {
	width: 272px;
	height: 67px;
	text-align: center;
	background-color: #e6212a;
	line-height: 67px;
	font-size: 24px;
	color: #fff;
}

.free-tips {
	height: 67px;
	line-height: 67px;
	font-size: 15px;
	color: #666;
	text-align: center;
}

.free-tips em {
	color: #e6212a;
}

.free-bar {
	margin: 0 0 10px;
}

.free-slide {
	width: 130px;
	position: relative;
}

.free-pick {
	width: 108px;
	height: 53px;
	padding: 0 10px;
	border: 1px #e5e5e5 solid;
	line-height: 53px;
	font-size: 14px;
	color: #666;
	background: url(../images/arrow.png) no-repeat 98px center;
}

.free-drop {
	display: none;
	width: 128px;
	border: 1px #e5e5e5 solid;
	border-top: none;
	line-height: 32px;
	font-size: 14px;
	color: #666;
	background-color: #fff;
	position: absolute;
	top: 55px;
	left: 0;
	z-index: 999;
}

.free-drop p {
	padding: 0 10px;
}

.free-drop p:hover {
	background-color: #f5f5f5;
}

.free-txt {
	width: 250px;
	height: 53px;
	padding: 0 10px;
	border: 1px #e5e5e5 solid;
	font-size: 14px;
	color: #666;
	line-height: 53px;
}

.free-btn {
	width: 272px;
	height: 53px;
	background-color: #e6212a;
	border: none;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.free-btn:hover {
	background-color: #c5131b;
}

.free.free-fixed {
	position: fixed;
	top: 106px;
	left: 50%;
	margin: 0 0 0 300px;
	z-index: 9;
}


/*设计师*/

.team {
	/* margin: 0 0 30px;*/
	padding: 30px 0 0;
	overflow: hidden;
}

.team-list {
	width: 105%;
}

.team-link {
	width: 281px;
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.team-link:hover {
	box-shadow: 0 5px 5px rgba(0, 0, 0, .5);
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}

.team-info {
	height: 70px;
	line-height: 70px;
}

.team-info a {
	display: block;
	padding: 0 28px;
	background-color: #fff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.team-info b {
	font-size: 20px;
	color: #333;
}

.team-info em {
	font-size: 14px;
	color: #666;
}

.team-link:hover .team-info a {
	background-color: #e6212a;
}

.team-link:hover .team-info b {
	color: #fff;
}

.team-link:hover .team-info em {
	color: #fff;
}

.team-link i {
	display: block;
	width: 24px;
	height: 21px;
	background: url(../images/arrow2.png) no-repeat;
	position: absolute;
	bottom: -23px;
	left: 50%;
	margin: 0 0 0 -12px;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.team-link:hover i {
	opacity: 1;
}

.team-link.active {
	box-shadow: 0 5px 5px rgba(0, 0, 0, .5);
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}

.team-link.active .team-info a {
	background-color: #e6212a;
}

.team-link.active .team-info b {
	color: #fff;
}

.team-link.active .team-info em {
	color: #fff;
}

.team-link.active i {
	opacity: 1;
}

.team-box {
	margin: 0 0 50px;
	border-top: 1px #e6212a solid;
	background-color: #fff;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}

.team-detail {
	padding: 22px 33px 0;
	width: 290px;
	height: 400px;
}

.team-pic {
	width: 95px;
	height: 95px;
	margin: 0 auto 10px;
	border-radius: 50%;
	overflow: hidden;
}

.team-detail-info {
	margin: 0 0 10px;
	text-align: center;
}

.team-detail-info h3 {
	font-size: 20px;
	color: #333;
}

.team-detail-info p {
	font-size: 14px;
	color: #666;
}

.team-detail-info-bar {
	margin: 0 0 20px;
	border-top: 1px #e5e5e5 solid;
	border-bottom: 1px #e5e5e5 solid;
	text-align: center;
	line-height: 42px;
	font-size: 14px;
	color: #333;
}

.team-detail-info-bar span {
	margin: 0 10px;
}

.team-btn {
	margin: 0 0 20px;
}

.follow {
	display: block;
	width: 105px;
	height: 35px;
	float: left;
	border-radius: 4px;
	border: 1px #e6212a solid;
	line-height: 35px;
	text-align: center;
	font-size: 14px;
	color: #333;
}

.follow:hover {
	color: #333;
}

.team-btn em {
	font-size: 16px;
	color: #e6212a;
}

.call-it {
	float: right;
	display: block;
	width: 160px;
	height: 37px;
	border-radius: 4px;
	background-color: #e6212a;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 37px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.call-it:hover {
	background-color: #c1161e;
	color: #fff;
}

.team-detail-con {
	font-size: 12px;
	height: 54px;
	overflow: hidden;
	color: #888;
}

.team-style h3 {
	margin: 0 0 10px;
	font-size: 14px;
	color: #333;
}

.team-style span {
	display: inline-block;
	padding: 0 10px;
	margin: 0 5px 0 0;
	height: 30px;
	border-radius: 2px;
	background-color: #f6e3e4;
	font-size: 12px;
	color: #e6212a;
	line-height: 30px;
}

.team-slide {
	width: 829px;
	height: 422px;
	overflow: hidden;
	position: relative;
}

.arrow-btn {
	display: block;
	width: 44px;
	height: 80px;
	position: absolute;
	top: 50%;
	margin: -40px 0 0;
	z-index: 999;
	opacity: 0.7;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.arrow-btn:hover {
	opacity: 1;
}

.a-left {
	left: 0;
	background: url(../images/a-left.png) no-repeat;
}

.a-right {
	right: 0;
	background: url(../images/a-right.png) no-repeat;
}

.team-slide ul {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}

.team-slide li {
	width: 545px;
	height: 422px;
	float: left;
	position: relative;
	overflow: hidden;
}

.team-slide li img {
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.team-slide li:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.team-slide li p {
	width: 100%;
	font-size: 22px;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 30px;
	left: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*装修套餐*/

.banner-inside img {
	width: 100%;
}

.package {
	padding: 45px 0 0;
	overflow: hidden;
}

.package ul {
	width: 105%;
}

.package li {
	width: 356px;
	margin: 0 58px 0 0;
	float: left;
}

.package-img {
	width: 356px;
	height: 306px;
}

.package-img a {
	display: block;
	width: 356px;
	height: 306px;
	position: relative;
}

.package-img em {
	display: block;
	width: 356px;
	height: 306px;
	background: url(../images/mask.png);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.package-img span {
	display: block;
	width: 300px;
	height: 263px;
	padding: 15px;
	border: 1px #fff solid;
	border-bottom: none;
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 99;
	color: #fff;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.package-info {
	width: 356px;
	height: 116px;
	padding: 42px 0 0;
	text-align: center;
	background-color: #fff;
	color: #333;
	z-index: 99;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.package-info h3 {
	margin: 0 0 17px;
	font-size: 18px;
	font-weight: normal;
}

.package-info span {
	display: block;
	width: 54px;
	height: 2px;
	margin: 0 auto 13px;
	background-color: #ccc;
}

.package-info p {
	font-size: 14px;
	color: #ccc;
}

.package li:hover .package-img em,
.package li:hover .package-img span {
	opacity: 1;
}

.package li:hover .package-info {
	background-color: #e6212a;
	color: #fff;
}

.config-tab {
	width: 100%;
	position: relative;
}

.config-ti {
	width: 1185px;
	height: 62px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -592px;
	z-index: 9999;
}

.config-ti li {
	width: 237px;
	height: 62px;
	float: left;
	text-align: center;
	line-height: 62px;
	font-size: 20px;
	color: #fff;
	background-color: rgba(0, 0, 0, .5);
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.config-ti li img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.config-ti li:hover {
	background-color: rgba(227, 4, 14, .9);
}

.config-ti li.active {
	background-color: rgba(227, 4, 14, .9);
}

.config-info {
	width: 100%;
	padding: 20px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
	background-color: rgba(0, 0, 0, .5);
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}

.step {
	padding: 0 0 60px;
	background-color: #f8f8f8;
}

.step-list {
	padding: 0 22px 30px;
	background-color: #f3f8fb;
}

.step-list li {
	width: 116px;
	float: left;
	margin: 0 22px;
	text-align: center;
}

.step-list li span {
	display: block;
	line-height: 54px;
	font-size: 16px;
	color: #999;
}

.step-box {
	padding: 22px 26px;
	border: 1px #eee solid;
	background-color: #fff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.step-box:hover {
	border: 1px #ff656c solid;
}

.step-box p {
	padding: 20px;
	font-size: 16px;
	color: #333;
}

.step-tips {
	font-size: 20px;
	color: #666;
	text-align: center;
}

.material {
	padding: 0 0 60px;
}

.material-ti {
	margin: 0 0 30px;
}

.material-ti li {
	width: 109px;
	height: 93px;
	float: left;
	margin: 0 30px;
	padding: 16px 0 0;
	text-align: center;
	color: #666;
	font-size: 14px;
	line-height: 32px;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.material-ti li:hover {
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	color: #e6212a;
}

.material-ti li.active {
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	color: #e6212a;
}

.material-box {
	width: 319px;
	height: 334px;
	padding: 28px;
	background-color: #f8f8f8;
	position: relative;
}

.material-box h3 {
	margin: 0 0 30px;
	font-size: 30px;
	color: #333;
	text-align: center;
}

.material-box span {
	font-size: 14px;
	color: #999;
}

.material-box p {
	font-size: 14px;
	color: #333;
	line-height: 30px;
}

.material-box i {
	display: block;
	width: 15px;
	height: 28px;
	background: url(../images/right-arrow.png) no-repeat;
	position: absolute;
	top: 50%;
	right: -15px;
	z-index: 999;
	margin: -14px 0 0;
}

.cate {
	padding: 0 0 60px;
	background-color: #f8f8f8;
}

.cate-list {
	width: 1048px;
	margin: 0 auto;
	height: 168px;
	overflow: hidden;
	position: relative;
}

.c-arrow {
	display: block;
	width: 17px;
	height: 44px;
	position: absolute;
	top: 50%;
	margin: -22px 0 0;
	z-index: 9999;
}

.c-left {
	left: 0;
	background: url(../images/c-left.png) no-repeat;
}

.c-right {
	right: 0;
	background: url(../images/c-right.png) no-repeat;
}

.cate-list ul {
	position: absolute;
	top: 0;
	left: 0;
}

.cate-list li {
	width: 206px;
	height: 168px;
	text-align: center;
	float: left;
}

.cate-list li img {
	width: 168px;
	height: 168px;
	border-radius: 50%;
}

.flow img {
	width: 100%;
}

.service {
	padding: 0 0 60px;
	background-color: #fff;
}

.service-list li {
	width: 237px;
	float: left;
	text-align: center;
}

.service-list h3 {
	font-size: 16px;
	color: #333;
	line-height: 55px;
	font-weight: normal;
}

.service-list p {
	font-size: 12px;
	color: #999;
}


/*报价*/

.price {
	width: 100%;
	height: 500px;
	background: url(../images/price-img.jpg) no-repeat center center;
}

.price .your-position {
	color: #fff;
}

.price .your-position a {
	color: #fff;
}

.price .your-position a:hover {
	text-decoration: underline;
}
.price-c{ overflow: hidden; height: 805px;}



.price-box {
	width: 600px;
	height: 414px;
    position: absolute;
    bottom: 1px;
    left: 0;
    z-index: 10;
}
.price-box .apply_yuyue {
	position: relative;
	overflow: inherit;
	background: inherit;
	text-align: center;
}


.price-box .apply_yuyue h3{
	font-size: 30px;
	position: relative;
	margin-bottom: 30px;
}
.price-box .apply_yuyue h3:after{
	content: '';
	width: 80px;
	height: 1px;
	background: #df0011;
	position:absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.price-box form .button {
    position: absolute;
    display: block;
    width: 90px;
    height: 90px;
    padding: 25px;
    top: 100px;
    left: 530px;
    box-sizing: content-box;
    background: #e74c3c;
    font-size: 36px;
    white-space: normal;
    line-height: 1.3;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(231,76,60,0.6);
}
.price-box form .button:before {
    content: '';
    display: block;
    position: absolute;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 1px solid #e74c3c;
    top: -15px;
    left: -16px;
    transition: all .5s;
    box-shadow: 0 0 20px rgba(231,76,60,0.4);
}
.price-box form .button:hover:before {
    transform: scale(0.7, 0.7);
}

.button:hover, .button:focus {
    color: #000;
    border-color: #ddd;
    background-color: #f8f8f8;
}

.button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    outline: none;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 2px;
}

.price-c .lianxi {
    width: 600px;
    height: 417px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
}
.price-c .lianxi .tel {
    width: 254px;
    margin: auto;
    height: 75px;
    background-color: #f6f8fa;
    font-size: 16px;
    position: relative;
    line-height: 75px;
    padding: 0 0px 0 60px;
}
.price-c .lianxi .iconfont{ position:absolute; top: 5px; left: 20px;}

.mt90 {
    margin-top: 34px;
}
.mt30 {
    margin-top: 30px !important;
}
.f18 {
    font-size: 18px !important;
}
.tc {
    text-align: center;
}
.text-primary {
    color: #e74c3c !important;
}

.price-ti {
	width: 266px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #ef1d20;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.price-ti b {
	font-size: 22px;
}

.price-con {
	width: 216px;
	padding: 25px;
	background-color: rgba(255, 255, 255, .75);
}

.price-bar {
	margin: 0 0 15px;
	position: relative;
}

.price-txt {
	width: 196px;
	height: 36px;
	padding: 0 10px;
	border-radius: 6px;
	background-color: #fff;
	border: none;
	font-size: 14px;
	color: #333;
}

.price-bar em {
	color: #f00;
	position: absolute;
	top: 0;
	right: -10px;
}

.price-bar a {
	display: block;
	width: 96px;
	height: 34px;
	border: 1px #fff solid;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.price-bar a:hover {
	color: #b72024;
	border: 1px #b72024 solid;
}

.price-bar a.active {
	color: #b72024;
	border: 1px #b72024 solid;
}

.price-btn {
	width: 216px;
	height: 36px;
	border-radius: 6px;
	background-color: #b72024;
	color: #fff;
	font-size: 16px;
	border: none;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.price-btn:hover {
	background-color: #e6212a;
}

.step-img img{
	width: 100%;
}


/*优惠活动*/

.off {
	background-color: #f8f8f8;
}

.off-list {
	padding: 0 0 30px;
	overflow: hidden;
}

.off-list ul {
	width: 105%;
}

.off-list li {
	width: 339px;
	float: left;
	padding: 18px;
	margin: 0 30px 45px 0;
	background-color: #fff;
	position: relative;
}

.off-list li:hover {
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
}

.off-link {
	margin: 0 0 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	color: #333;
}

.off-link a {
	color: #333;
}

.off-img {
	display: block;
	margin: 0 0 25px;
	width: 339px;
	height: 100px;
	overflow: hidden;
}

.off-img img {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.off-img:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.off-list li em {
	display: block;
	margin: 0 0 25px;
	font-size: 12px;
	color: #f3a6a9;
	height: 34px;
}

.off-list li p {
	margin: 0 0 25px;
	height: 40px;
	overflow: hidden;
	font-size: 13px;
	color: #9d9b9b;
	overflow: hidden;
}

.done {
	width: 156px;
	height: 86px;
	background: url(../images/done.png) no-repeat;
	position: absolute;
	bottom: 18px;
	right: 18px;
	z-index: 9999;
}


/*关于中庭*/

.zhongting {
	padding: 50px 0;
	background-color: #f8f8f8;
}

.about-box {
	padding: 0 53px 53px;
	background-color: #fff;
}

.about-box-con {
	padding: 30px;
	background-color: #f8f8f8;
	font-size: 14px;
	color: #666;
	line-height: 27px;
}

.honur-list {
	position: relative;
}

.h-arrow {
	display: block;
	width: 24px;
	height: 37px;
	position: absolute;
	top: 50%;
	margin: -18px 0 0;
	z-index: 999;
}

.h-left {
	left: 0;
	background: url(../images/h-left.png) no-repeat;
}

.h-right {
	right: 0;
	background: url(../images/h-right.png) no-repeat;
}

.honur-slide {
	width: 964px;
	height: 211px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.honur-slide ul {
	position: absolute;
	top: 0;
	left: 0;
}

.honur-slide li {
	width: 288px;
	height: 199px;
	float: left;
	margin: 0 30px 0 0;
	border: 6px #f8f8f8 solid;
}

.honur-slide li img {
	width: 100%;
}


/*联系我们*/

.contact-wrap {
	padding: 50px 0;
	background-color: #f8f8f8;
}

.contact-box {
	width: 356px;
	height: 577px;
	padding: 18px;
	background-color: #fff;
}

.contact-bar {
	border-bottom: 1px #e5e5e5 dashed;
}

.contact-bar h3 {
	font-size: 18px;
	color: #333;
	font-weight: normal;
	line-height: 54px;
}

.contact-bar p {
	font-size: 14px;
	color: #999;
	line-height: 36px;
}


/*人才招聘*/

.job-list-bar {
	padding: 0 0 0 25px;
	line-height: 60px;
	font-size: 16px;
	color: #292929;
}

.job-list-bar span {
	display: block;
	float: left;
	text-align: center;
}

.job-list li {
	margin: 0 0 15px;
	background-color: #f7f7f7;
}

.job-list-ti {
	padding: 0 0 0 25px;
	line-height: 60px;
	font-size: 16px;
	color: #292929;
	position: relative;
	background-color: #e9e9e9;
}

.job-list-ti span {
	display: block;
	float: left;
	text-align: center;
}

.job-btn {
	display: block;
	width: 29px;
	height: 29px;
	background: url(../images/jia.png) no-repeat;
	position: absolute;
	top: 50%;
	right: 25px;
	margin: -14px 0 0;
}

.job-list li.act .job-btn {
	background: url(../images/jian.png) no-repeat;
}

.job-list li.act .job-list-ti {
	background-color: #e6212a;
	color: #fff;
}

.job-con {
	padding: 25px;
	font-size: 14px;
	color: #737373;
	line-height: 27px;
}


/*售后服务*/

.after-box {
	width: 476px;
}

.after-ti {
	margin: 0 0 10px;
}

.after-ti h3 {
	font-size: 20px;
	font-weight: normal;
	color: #333;
}

.after-ti p {
	font-size: 16px;
	color: #999;
	line-height: 38px;
}

.after-bar {
	margin: 0 0 20px;
	position: relative;
}

.after-pick {
	width: 476px;
	height: 40px;
	line-height: 40px;
	background: url(../images/after-arrow.png) no-repeat 446px center #fff;
}

.after-pick p {
	padding: 0 10px;
	font-size: 14px;
	color: #4c4c4c;
}

.after-slide {
	display: none;
	width: 476px;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 999;
	background-color: #fff;
}

.after-slide p {
	padding: 0 10px;
	line-height: 40px;
	font-size: 14px;
	color: #4c4c4c;
}

.after-slide p:hover {
	background-color: #ddd;
}

.after-txt {
	width: 456px;
	height: 40px;
	padding: 0 10px;
	line-height: 40px;
	font-size: 14px;
	color: #4c4c4c;
	background-color: #fff;
	border: none;
}

.after-bar textarea {
	width: 456px;
	height: 100px;
	padding: 10px;
	border: none;
	background-color: #fff;
	font-family: "微软雅黑";
	font-size: 12px;
}

.after-btn {
	width: 200px;
	height: 56px;
	background-color: #b72024;
	color: #fff;
	font-size: 16px;
	border: none;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.after-btn:hover {
	background-color: #e6212a;
}


/*装修百科*/

.notice-wrap {
	padding: 0 0 50px;
	background-color: #f8f8f8;
}

.notice {
	padding: 0 30px;
	background-color: #fff;
}

.notice li {
	padding: 30px 0;
	border-bottom: 1px #e5e5e5 solid;
	overflow: hidden;
	position: relative;
}

.notice-img {
	width: 200px;
	height: 150px;
}

.notice-img:hover font .it-top {
	width: 100%;
}

.notice-img:hover font .it-bom {
	width: 100%;
}

.notice-img:hover font .it-lft {
	height: 100%;
}

.notice-img:hover font .it-rit {
	height: 100%;
}

.notice-info {
	width: 900px;
}

.notice-ti {
	padding: 18px 0;
}

.notice-ti span {
	font-size: 12px;
	color: #999;
}

.notice-ti h3 {
	font-size: 18px;
	font-weight: normal;
}

.notice-info em {
	display: block;
	width: 30px;
	height: 2px;
	margin: 0 0 20px;
	background-color: #e6e6e6;
}

.notice-con {
	width: 760px;
	height: 46px;
	font-size: 12px;
	color: #999;
	overflow: hidden;
}

.notice-info .news-more {
	position: absolute;
	top: 50%;
	right: 0;
	margin: -8px 0 0;
}

.pageshow {
	width: 100%;
	margin: 0 auto;
	height: 40px;
	clear: both;
	margin-top: 20px;
}

.pageshow .current {
	background: #E52228;
	color: #FFFFFF;
	height: 40px;
	width: 50px;
	padding: 6px 16px;
	margin-left: 5px;
}

.pageshow .btn-danger,
.pageshow .num,
.pageshow .prev,
.pageshow .next,
.pageshow .first,
.pageshow .end {
	height: 40px;
	width: 50px;
	background: #E6E6E6;
	color: #4D4D4D;
	padding: 6px 16px;
	margin-left: 5px;
}

.map-box {
	width: 66%;
	height: 612px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

.gongyi {
	padding: 0 0 50px;
	background-color: #f8f8f8;
}


/*新闻详情*/

.news-contain {
	width: 1200;
	margin: 0 auto;
	overflow: hidden;
	height: auto;
}

.news-contain h3 {
	font-size: 20px;
	line-height: 60px;
	height: 60px;
	width: 100%;
	text-align: center;
	color: #4d4d4d;
}

.news-detail {
	font-size: 14px;
	line-height: 27px;
	color: #999;
}

.gongyi-detail {
	width: 100%;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	line-height: 27px;
	font-size: 14px;
	color: #666;
	min-height: 400px;
}

.zutu-img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.zutu-img img {
	margin-bottom: 18px;
}

.peizhie table {
	border-collapse: collapse;
}

.peizhie table tr th {
	border: none;
}

.peizhie table tr td {
	border: none;
}

html {
	_background: url(about:blank);
	/* 阻止闪动 in IE6 , 把空文件换成about:blank , 减少请求 */
}

.zc-yy {
	width: 100%;
	height: 50000px;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	background: url(../images/zc-opfs.png) repeat;
	display: none;
	_position: absolute;
	_top: expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);
}

.zc-form {
	display: none;
	width: 540px;
	height: 300px;
	overflow: hidden;
	position: fixed;
	left: 50%;
	margin-left: -270px;
	top: 200px;
	_position: absolute;
	_top: expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-200);
	z-index: 100001;
	background: #fff;
}

.zcfo-off {
	width: 16px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	top: 18px;
	right: 18px;
}

.zcfo-off a {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.zcfo-off a:hover {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}

.zcfo-title {
	width: 100%;
	height: 60px;
	padding-top: 35px;
	overflow: hidden;
	text-align: center;
	line-height: 60px;
	font-size: 22px;
	color: #1b1b1b;
}

.zcfo-num {
	width: 455px;
	height: 30px;
	padding-left: 85px;
	overflow: hidden;
	line-height: 30px;
	color: #757474;
}

.zcfo-num span {
	padding: 0 5px;
	color: #c52424;
}

.zcfo-tx {
	width: 455px;
	height: auto;
	padding-left: 85px;
	overflow: hidden;
}

.zcfo-tx span {
	width: 210px;
	height: auto;
	display: block;
	overflow: hidden;
}

.zcfo-tx span input {
	width: 198px;
	height: 40px;
	display: block;
	line-height: 40px;
	border: 1px solid #dddddd;
	text-indent: 7px;
	color: #a9a9a9;
}

.zcfo-tx em {
	width: 120px;
	height: 100%;
	display: block;
	overflow: hidden;
}

.zcfo-tx em input {
	width: 120px;
	height: 40px;
	display: block;
	cursor: pointer;
	color: #fff;
	background: #c52424;
	font-size: 16px;
}

.zcfo-tx em input.act {
	background: #ce3232;
}

.zcfo-ms {
	width: 455px;
	height: 27px;
	padding-left: 85px;
	overflow: hidden;
	line-height: 27px;
	font-size: 13px;
	color: #a9a9a9;
}

.zcfo-phone {
	width: 100%;
	height: 92px;
	overflow: hidden;
	text-align: center;
	line-height: 92px;
	font-size: 15px;
	color: #a9a9a9;
}

.zcfo-phone b {
	font-size: 18px;
	color: #c52424;
}

.view-pano {
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	border: 1px solid hsla(0, 0%, 100%, 0.8);
	border-radius: 100px;
	bottom: 0;
	color: #fff;
	font-size: 16px;
	height: 44px;
	left: 0;
	line-height: 44px;
	margin: auto;
	padding: 0 20px 0 26px;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}

.view-pano .arrow-right {
	border-color: transparent transparent transparent #fff;
	border-style: dashed dashed dashed solid;
	border-width: 5px;
	display: inline-block;
	margin-left: 10px;
}


/*环保材料*/

.wood-banner img {
	width: 100%;
}

.wood-banner2 img {
	width: 100%;
}

.wood-banner2 {
	opacity: 0;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.wood-banner2.move {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.work {
	padding: 74px 0;
	width: 1200px;
	margin: 0 auto;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.work.move {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.project {
	background: url(../images/project-bg.jpg) no-repeat center center;
}

.project-box {
	width: 1200px;
	margin: 0 auto;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.project-box.move {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.cop {
	padding: 74px 0;
}

.cop-box {
	width: 1300px;
	margin: 0 auto;
}

.cop-ti {
	margin: 0 0 38px;
	text-align: center;
}

.process-box {
	width: 1140px;
	height: 450px;
}

.one,
.two {
	width: 1140px;
}

.process {
	width: 196px;
	height: 196px;
	float: left;
	cursor: pointer;
	position: relative;
}

.process .kuang {
	position: absolute;
	width: 196px;
	height: 196px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	border: 1px solid #d83e49;
	margin-top: 42px;
	margin-left: 42px;
	border-radius: 10px;
	overflow: hidden;
}

.process .kuang1 {
	top: 0;
	left: 0;
	z-index: 1;
}

.process .kuang2 {
	left: 5px;
	top: 0px;
	z-index: 2;
}

.process .text1 {
	width: 276px;
	height: 276px;
	text-align: center;
	z-index: 3;
	position: absolute;
	left: 7px;
	top: 2px;
}

.process .text1 .bg {
	width: 276px;
	height: 276px;
}

.cop-arrow {
	width: 196px;
	height: 66px;
	background: url(../images/cop-arrow.png) no-repeat center 20px #eee;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	bottom: -17px;
	left: 82px;
}

.process .text2 {
	width: 276px;
	height: 276px;
	z-index: 4;
	position: absolute;
	left: 5px;
	top: 0px;
	display: none;
}

.process .text2 .mengban {
	border: 1px solid #533b26;
	position: absolute;
	z-index: 1;
	width: 196px;
	height: 196px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #d73a45;
	margin-top: 42px;
	margin-left: 42px;
	border-radius: 10px;
}

.process .text2 .desc {
	position: absolute;
	z-index: 2;
	width: 140px;
	height: 110px;
	top: 67px;
	left: 73px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 24px;
}

.process {
	margin-right: 89px;
}

.two .process {
	margin-top: -40px;
}

.process:hover .text2 {
	display: block;
}

.cop-slide {
	position: relative;
}

.p-arrow {
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	z-index: 9;
}

.p-left {
	left: 13px;
	top: 115px;
	background: url(../images/p-left.png) no-repeat;
}

.p-right {
	right: 33px;
	bottom: 72px;
	background: url(../images/p-right.png) no-repeat;
}


/*工艺标准*/

.art {
	padding: 76px 0;
}

.art-box {
	width: 1200px;
	margin: 0 auto;
}

.art-ti {
	margin: 0 0 44px;
	height: 51px;
	text-align: center;
	line-height: 51px;
}

.art-ti em {
	display: inline-block;
	width: 54px;
	height: 51px;
	background: url(../images/number.png) no-repeat center center;
	font-size: 34px;
	color: #fff;
}

.art-ti span {
	font-size: 40px;
	color: #000;
}

.art-slide {
	position: relative;
}

.art-slide ul {
	width: 1058px;
	height: 432px;
	margin: 0 auto;
	position: relative;
}

.art-slide li {
	width: 540px;
	height: 432px;
	position: relative;
}

.art-slide li img {
	width: 100%;
}

.art-slide li span {
	display: block;
	width: 266px;
	height: 46px;
	border: 2px #000 solid;
	background-color: rgba(255, 255, 255, .3);
	text-align: center;
	line-height: 42px;
	font-size: 20px;
	color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -23px 0 0 -133px;
}

.art-arrow {
	display: block;
	width: 24px;
	height: 37px;
	position: absolute;
	top: 198px;
	z-index: 9;
}

.art-left {
	left: -100px;
	background: url(../images/art-left.png) no-repeat;
}

.art-right {
	right: -100px;
	background: url(../images/art-right.png) no-repeat;
}

.art-list li {
	width: 260px;
	height: 260px;
	float: left;
	border: 1px #fff solid;
	position: relative;
	overflow: hidden;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.art-list li:nth-child(1) {
	margin-top: 210px;
}

.art-list li:nth-child(2) {
	margin-left: -72px;
	margin-top: 20px;
}

.art-list li:nth-child(3) {
	width: 360px;
	height: 360px;
	margin-left: -52px;
	margin-top: 160px;
}

.art-list li:nth-child(4) {
	margin-left: -52px;
	margin-top: 20px;
}

.art-list li:nth-child(5) {
	margin-left: -72px;
	margin-top: 210px;
}

.art-list li:nth-child(6) {
	margin-left: -51px;
	margin-top: -71px;
}

.art-list li:nth-child(7) {
	margin-left: -783px;
	margin-top: -71px;
}

.art-con {
	width: 370px;
	height: 370px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: -53px;
	left: -56px;
}

.art-con span {
	display: block;
	width: 224px;
	height: 38px;
	border: 2px #000 solid;
	background-color: rgba(255, 255, 255, .3);
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -19px 0 0 -112px;
}

.art-list li:nth-child(3) .art-con {
	width: 510px;
	height: 510px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: -77px;
	left: -75px;
}


/*验收标准*/

.test-1 {
	width: 100%;
	height: 989px;
	background: url(../images/test-1.jpg) no-repeat center center;
}

.test-box {
	width: 1200px;
	margin: 0 auto;
}

.test-top {
	width: 1000px;
	height: 293px;
	padding: 46px 0 0;
}

.test-ti {
	padding: 0 0 0 12px;
	margin: 0 0 10px;
	border-left: 2px #24b574 solid;
}

.test-ti h3 {
	font-size: 40px;
	color: #393c45;
}

.test-ti h3 em {
	color: #24b574;
}

.test-ti p {
	font-size: 26px;
	color: #666;
}

.test-top-con {
	text-transform: uppercase
}

.test-top-con h3 {
	margin: 0 0 5px;
	font-size: 48px;
	color: #393c45;
}

.test-top-con p {
	margin: 0 0 10px;
	font-size: 16px;
	color: #000;
}

.test-top-con span {
	font-size: 12px;
	color: #b2b2b2;
}

.test-con {
	padding: 20px;
	height: 570px;
	background-color: #24b574;
}

.test-con-box {
	width: 570px;
	height: 570px;
	overflow: hidden;
	position: relative;
}

.test-float {
	width: 410px;
	height: 410px;
	padding: 15px;
	overflow: hidden;
	background: url(../images/mask2.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -220px 0 0 -220px;
	z-index: 99;
}

.test-float h3 {
	margin: 0 0 10px;
	height: 56px;
	line-height: 56px;
	border-bottom: 1px #808080 solid;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
}

.test-float p {
	font-size: 14px;
	color: #fff;
	line-height: 24px;
}

.test-2 {
	width: 100%;
	height: 1263px;
	background: url(../images/test-2.jpg) no-repeat center center;
}

.test-2 .test-top {
	width: 760px;
	margin: 0 0 0 440px;
}

.test-2 .test-ti h3 {
	color: #fff;
}

.test-2 .test-ti p {
	color: #fff;
}

.test-2 .test-top-con h3 {
	color: #fff;
}

.test-2 .test-top-con p {
	color: #fff;
}

.paper {
	width: 1157px;
	height: 820px;
	padding: 42px;
	margin: 0 auto;
	background: url(../images/paper.png) no-repeat center center;
}


/*.paper {
  background: rgba(0, 0, 0, 0) url("../images/paper.png") no-repeat scroll center center;
  height: 820px;
  margin: 0 auto 0 167px;
  padding: 53px 37px 37px 37px;
  width: 1157px;
}*/

.paper-box {
	width: 570px;
	height: 820px;
	overflow: hidden;
}

.paper-con {
	font-size: 14px;
	line-height: 30px;
	color: #4d4d4d;
}

.test-3 {
	width: 100%;
	height: 999px;
	background: url(../images/test-3.jpg) no-repeat center center;
}

.test-4 {
	width: 100%;
	height: 1057px;
	background: url(../images/test-4.jpg) no-repeat center center;
}

.paper2 {
	width: 1157px;
	height: 608px;
	padding: 40px;
	margin: 0 auto;
	background: url(../images/paper2.png) no-repeat center center;
}

.paper2-img {
	width: 570px;
	height: 570px;
	overflow: hidden;
}

.paper2-con {
	width: 560px;
	padding: 0 0 10px;
	font-size: 14px;
	color: #4d4d4d;
	line-height: 30px;
	border-bottom: 1px #24b574 solid;
}


/*旧房改造*/

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.old {
	padding: 30px 0 0;
}

.old-img img {
	opacity: 0;
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.old-img img.move {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.local {
	padding: 0 0 50px;
	overflow: hidden;
}

.local ul {
	width: 105%;
}

.local li {
	width: 220px;
	height: 290px;
	float: left;
	margin: 0 25px 0 0;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
}

.local li.move {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.local li:nth-child(1) {
	box-shadow: 0 5px 5px rgba(69, 161, 255, .3);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.local li:nth-child(2) {
	box-shadow: 0 5px 5px rgba(197, 126, 85, .3);
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.local li:nth-child(3) {
	box-shadow: 0 5px 5px rgba(255, 184, 27, .3);
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
}

.local li:nth-child(4) {
	box-shadow: 0 5px 5px rgba(46, 204, 113, .3);
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}

.local li:nth-child(5) {
	box-shadow: 0 5px 5px rgba(255, 102, 0, .3);
	-webkit-transition: all 2.5s;
	-o-transition: all 2.5s;
	transition: all 2.5s;
}

.local li p {
	width: 100%;
	height: 70px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 70px;
}

.local li:nth-child(1) p {
	background-color: #3ba1ff;
}

.local li:nth-child(2) p {
	background-color: #c57e55;
}

.local li:nth-child(3) p {
	background-color: #ffb81b;
}

.local li:nth-child(4) p {
	background-color: #2ecc71;
}

.local li:nth-child(5) p {
	background-color: #ff6600;
}

.old-two {
	background-color: #fff;
}

.advan-box {
	width: 580px;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.advan-ti {
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 30px;
}

.advan-con {
	height: 177px;
	line-height: 177px;
	text-align: center;
	font-size: 22px;
	color: #fff;
}

.advan-1 .advan-ti {
	background: url(../images/advan-ti1.png) no-repeat center center #00c6c9;
	color: #f9f836;
}

.advan-1 .advan-con {
	background: url(../images/advan-bg1.jpg) no-repeat;
}

.advan-2 .advan-ti {
	background: url(../images/advan-ti2.png) no-repeat center center #00a4da;
	color: #ffad38;
}

.advan-2 .advan-con {
	background: url(../images/advan-bg2.jpg) no-repeat;
}

.advan-box.move {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.advan-1 {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}

.advan-2 {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}

.four {
	overflow: hidden;
}

.four ul {
	width: 110%;
}

.four li {
	width: 250px;
	height: 354px;
	float: left;
	margin: 0 67px 0 0;
	text-align: center;
	opacity: 1;
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.four li.move {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.four li:nth-child(1) {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.four li:nth-child(2) {
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.four li:nth-child(3) {
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
}

.four li:nth-child(4) {
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}

.four img {
	margin: 0 0 20px;
}

.four h3 {
	font-weight: normal;
	font-size: 18px;
	color: #4c4c4c;
}

.four p {
	font-size: 14px;
	color: #999;
}

.demo-tips {
	margin: 0 0 38px;
	font-size: 24px;
	text-align: center;
}

.demo-slide ul {
	width: 1200px;
	height: 376px;
	position: relative;
}

.demo-slide li {
	width: 800px;
	height: 376px;
	overflow: hidden;
	position: relative;
}

.demo-box {
	width: 570px;
	height: 322px;
	border: 1px #fff solid;
	background: url(../images/mask2.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -162px 0 0 -286px;
}

.demo-ti {
	padding: 39px 0 55px;
	text-align: center;
	color: #fff;
}

.demo-ti p {
	font-size: 16px;
	color: #fff;
}

.demo-ti h3 {
	height: 51px;
	line-height: 51px;
	font-size: 24px;
	color: #fff;
}

.demo-ti span {
	display: inline-block;
	width: 80px;
	height: 1px;
	background-color: #fff;
}

.demo-con {
	width: 430px;
	margin: 0 auto;
}

.demo-info {
	width: 215px;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
}

.s-flow-list li {
	width: 171px;
	float: left;
	text-align: center;
	position: relative;
}

.s-flow-list p {
	font-size: 16px;
	line-height: 38px;
	color: #666;
}

.s-flow-list span {
	display: block;
	width: 17px;
	height: 22px;
	background: url(../images/flow-arrow.png) no-repeat;
	position: absolute;
	top: 28px;
	right: 0;
	z-index: 9;
}

.apply {
	padding: 0 0 45px;
	background-color: #fff;
}

.apply-box {
	width: 643px;
	height: 286px;
	margin: 0 auto;
	background-color: #f8f8f8;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.apply-box ul {
	width: 344px;
	margin: 0 auto;
	padding: 35px 0 0;
}

.apply-box li {
	margin: 0 0 20px;
}

.apply-box input[type="text"] {
	width: 322px;
	height: 50px;
	padding: 0 10px;
	border: 1px #d9d9d9 solid;
	background-color: #fff;
}

.apply-box input[type="button"] {
	width: 344px;
	height: 50px;
	font-size: 20px;
	color: #fff;
	background-color: #f00;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.apply-box input[type="button"]:hover {
	background-color: #cc040d;
}

.apply-box li em {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #f00;
	line-height: 36px;
}


/*设计中心*/

.designer {
	width: 100%;
	height: 820px;
	padding: 36px 0 0;
	background: url(../images/designer-bg.jpg) no-repeat center center;
}

.designer-page {
	width: 1185px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}

.de-arrow {
	display: block;
	width: 82px;
	height: 119px;
	position: absolute;
	top: 50%;
	opacity: 0.5;
	margin: -60px 0 0;
	z-index: 999;
}

.de-arrow:hover {
	opacity: 1;
}

.de-left {
	left: 0;
	background: url(../images/de-left.png) no-repeat;
}

.de-right {
	right: 0;
	background: url(../images/de-right.png) no-repeat;
}

.de-left.prevStop {
	display: none;
}

.de-right.nextStop {
	display: none;
}

.designer-page .bd li {
	width: 1185px;
	height: 600px;
	overflow: hidden;
	position: relative;
}

.designer-page .hd {
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 0;
	text-align: center;
	z-index: 9999;
}

.designer-page .hd li {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 6px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .5);
	line-height: 22px;
	color: #fff;
	cursor: pointer;
}

.designer-page .hd li.on {
	background-color: rgba(0, 0, 0, .8);
}

.designer-img {
	width: 427px;
	height: 600px;
	overflow: hidden;
}

.designer-info {
	width: 646px;
	height: 540px;
	padding: 30px 56px;
}

.designer-number {
	width: 80px;
	height: 80px;
	margin: 0 0 30px;
	text-align: center;
	line-height: 80px;
	font-size: 60px;
	color: #fff;
	font-family: Impact;
	background-color: #000;
}

.designer-name {
	margin: 0 0 25px;
	color: #333;
	text-transform: uppercase;
}

.designer-name p {
	font-size: 16px;
}

.designer-name h3 {
	font-size: 30px;
}

.designer-intro-hidden {
	width: 646px;
	height: 250px;
	margin: 0 0 10px;
	overflow: hidden;
}

.designer-intro {
	width: 610px;
	height: 250px;
	overflow: hidden;
	overflow-y: auto;
	font-size: 14px;
	color: #666;
}

.designer-intro::-webkit-scrollbar {
	display: none
}

.designer-job span {
	display: inline-block;
	width: 280px;
	height: 39px;
	font-size: 24px;
	color: #333;
	text-align: left;
}

.designer-about {
	width: 1023px;
	height: 440px;
	background: url(../images/about-designer.jpg) no-repeat center center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -220px 0 0 -511px;
	z-index: 9;
}

.designer-about-box {
	width: 575px;
	height: 405px;
	padding: 35px 0 0;
	margin: 0 70px 0 0;
	position: relative;
}

.designer-about-box .designer-number {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}

.designer-about-bar {
	width: 80px;
	height: 3px;
	background-color: #999;
}

.designer-about-hidden {
	width: 466px;
	height: 238px;
	overflow: hidden;
}

.designer-about-info {
	width: 461px;
	height: 238px;
	overflow: hidden;
	overflow-y: auto;
	font-size: 14px;
	color: #666;
	line-height: 26px;
}

.designer-three {
	width: 1023px;
	height: 460px;
	background: url(../images/designer-03.png) no-repeat left center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -220px 0 0 -511px;
	z-index: 9;
}

.designer-three .designer-number {
	position: absolute;
	top: 0;
	left: 126px;
	z-index: 9;
}

.designer-qa {
	width: 770px;
	height: 460px;
	overflow: hidden;
}

.designer-qa-list {
	width: 500px;
	height: 360px;
	padding: 100px 0 0;
	overflow: hidden;
}

.designer-qa-link {
	width: 100%;
	height: 68px;
	line-height: 68px;
	font-size: 14px;
	font-weight: bold;
}

.designer-qa-tips {
	width: 220px;
	height: 380px;
	padding: 80px 0 0;
	margin: 0 40px 0 0;
	font-size: 14px;
	color: #999;
	line-height: 26px;
}

.designer-qa-tips p {
	text-indent: 24px;
}

.designer-qa-tips h3 {
	color: #666;
}

.designer-answer {
	width: 770px;
	height: 365px;
	padding: 85px 0 0;
	position: absolute;
	bottom: -100%;
	right: 0;
	z-index: 999;
}

.designer-answer b {
	display: block;
	margin: 0 0 25px;
	font-size: 14px;
	color: #e6212a;
}

.designer-answer-hidden {
	width: 720px;
	height: 230px;
	margin: 0 0 20px;
	overflow: hidden;
}

.designer-answer-info {
	width: 738px;
	height: 230px;
	overflow: hidden;
	overflow-y: auto;
	font-size: 14px;
	color: #333;
}

.de-back {
	display: block;
	width: 38px;
	height: 38px;
	background: url(../images/de-back.png) no-repeat;
	opacity: 0.8;
}

.de-back:hover {
	opacity: 1;
}

.de-slide {
	width: 600px;
	height: 600px;
	position: relative;
}

.p27 {
	overflow: hidden;
}

.p27Big {
	width: 600px;
	height: 600px;
}

.p27Big img {
	width: 600px;
	height: 600px;
}

.p27List {
	width: 86px;
	height: 600px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
}

.p27LContainer {
	width: 81px;
	height: 591px;
	background: url(../images/white-mask.png);
	overflow: hidden;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 99;
}

.p27LContent {
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.p27LCol {
	width: 100%;
	height: 74px;
	padding: 5px 0;
	overflow: hidden;
	cursor: pointer;
}

.p27LCol a {
	height: 100%;
	width: 100%;
	display: block;
}

.p27LCol img {
	width: 70px;
	height: 70px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	border: 2px solid #fff;
}

.p27LCol img.ylwh {
	width: auto;
	height: auto;
	display: none;
}

div.p27LCAct img {
	border: 2px solid #2c2a26;
}

.designer-tab {
	width: 585px;
	height: 600px;
	background-color: #f1f1f1;
	overflow: hidden;
}

.designer-tab-top {
	padding: 34px;
}

.designer-tab-top .designer-number {
	margin: 0 15px 0 0;
}

.designer-tab-word p {
	font-size: 16px;
	color: #666;
	line-height: 36px;
}

.designer-tab-word h3 {
	font-size: 30px;
	color: #000;
	font-weight: normal;
}

.designer-tab-ti {
	margin: 0 0 20px;
}

.designer-tab-ti-box {
	width: 230px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

.designer-tab-ti a {
	display: block;
	float: left;
	width: 115px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	color: #000;
	border-bottom: 2px #000 solid;
}

.designer-tab-ti a.active {
	background-color: #000;
	color: #fff;
}

.designer-tab-hidden {
	width: 585px;
	height: 342px;
	overflow: hidden;
}

.designer-tab-con {
	width: 603px;
	height: 342px;
	overflow-y: auto;
	text-align: center;
}

.designer-tab-con a {
	display: block;
	width: 100%;
	height: 31px;
	line-height: 31px;
	font-size: 14px;
	color: #000;
}

.designer-tab-con a:hover {
	color: #000;
	background-color: #fff;
}

.designer-tab-con a.active {
	color: #000;
	background-color: #fff;
}

.thank-you {
	width: 594px;
	height: 600px;
	background-color: #3f3f3f;
	position: relative;
}

.thank-box {
	width: 174px;
	height: 150px;
	padding: 20px 8px;
	border: 1px #666 solid;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -96px 0 0 -96px;
	z-index: 99;
}

.thank-box-ti {
	margin: 0 0 85px;
}

.thank-box-ti span {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	border-bottom: 2px #fff solid;
	font-size: 14px;
	color: #fff;
}

.thank-box-con {
	font-size: 12px;
	color: #999;
	line-height: 18px;
	text-align: right;
}

.thank-box img {
	position: absolute;
	bottom: -8px;
	right: -11px;
	z-index: 99;
}

.designer-other {
	width: 507px;
	height: 565px;
	padding: 35px 42px 0;
	background-color: #f1f1f1;
}

.designer-other .designer-number {
	margin: 0 0 25px;
}

.designer-other .designer-tab-word {
	margin: 0 0 25px;
}

.designer-other .designer-tab-word h3 {
	font-size: 24px;
}

.designer-other-hidden {
	width: 507px;
	height: 372px;
	overflow: hidden;
}

.designer-other-list {
	width: 525px;
	height: 372px;
	overflow: auto;
}

.designer-other-box {
	width: 347px;
	height: 176px;
	margin: 0 0 12px;
}

.designer-other-box:hover {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
}


/*电话侧边栏*/

.float_bars_pc {
	position: fixed;
	right: 1px;
	bottom: 42px;
	z-index: 1000;
	display: block;
	z-index: 999999;
}

.float_bars_pc a {
	display: block;
	text-decoration: none;
	/*border-top: 1px solid #e9f2f9;*/
	border: 1px solid #EEEEEE;
	background: #7fadeb;
	width: 60px;
	height: 60px;
	text-align: center;
	color: #fff;
	overflow: hidden;
}

.float_bars_pc a.aside4 {
	padding: 0 0;
}


/*.float_bars_pc a:first-child{
	border-top: 1px solid transparent;
}*/

.float_bars_pc a p {
	padding: 5px 0 0 0;
}

.float_bars_pc a.aside1 {
	background: url(../images/aside_icon1.gif);
}

.float_bars_pc a.aside2 {
	background: url(../images/aside_icon2.gif);
}

.float_bars_pc a.aside3 {
	background: url(../images/aside_icon3.gif);
}

.float_bars_pc a.aside4 {
	background: url(../images/aside_icon4.jpg);
}

.float_bars_pc a.aside1:hover {
	background: url(../images/aside_icon1_hover.jpg);
}

.float_bars_pc a.aside2:hover {
	background: url(../images/aside_icon2_hover.jpg);
}

.float_bars_pc a.aside3:hover {
	background: url(../images/aside_icon3_hover.jpg);
}

.float_bars_pc a.aside4:hover {
	background: url(../images/aside_icon4_hover.jpg);
}

.t_float_bg,
.t_brand_bg,
.t_enforce_bg,
.t_suggestion_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #000000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: none;
	z-index: 9999;
}

.t_float_cons,
.t_need_wrap,
.t_brand_wrap,
.t_enforce_wrap,
.t_suggestion_wrap {
	width: 520px;
	padding: 50px 60px 40px;
	border-radius: 3px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -220px;
	background: #fff;
	z-index: 9999;
	display: none;
	text-align: center;
}

.t_float_cons .close,
.t_need_wrap .close,
.t_brand_wrap .close,
.t_enforce_wrap .close,
.t_suggestion_wrap .close {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	opacity: 1;
	font-size: 0;
}

.t_float_cons .close img,
.t_need_wrap .close img,
.t_brand_wrap .close img,
.t_enforce_wrap .close img,
.t_suggestion_wrap .close img {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.t_float_cons .close:hover img,
.t_need_wrap .close:hover img,
.t_brand_wrap .close:hover img,
.t_enforce_wrap .close:hover img,
.t_suggestion_wrap .close:hover img {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}


/*电话咨询-弹出层*/

.float-bars {
	position: fixed;
	right: 0;
	top: 40%;
	z-index: 99998;
}

.float-bars .bar-t {
	margin-bottom: 2px;
	height: 70px;
}

.t_float_cons .gray {
	font-size: 14px;
	color: #999999;
	letter-spacing: 3px;
}

.t_float_cons .float-list .t1 img {
	width: 56px;
}

.t_float_cons .float-list .t2 {
	font-size: 50px;
	color: #7caced;
	font-weight: normal;
}

.t_float_cons .or,
.t_enforce_wrap .or {
	padding: 20px 0;
	font-size: 16px;
	color: #999999;
}

.t_float_cons .or p,
.t_enforce_wrap .or p {
	position: relative;
}

.t_float_cons .or p:before,
.t_enforce_wrap .or p:before {
	position: absolute;
	left: 0;
	top: 12px;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background: #e9f0f6;
	z-index: -1;
}

.t_float_cons .btn-kf:hover {
	text-decoration: none;
}

.t_float_cons .btn-kf,
.t_float_cons .btn-kf .btn_blue_border {
	display: block;
	width: 100%;
}

.t_float_cons .m_tb_1 {
	padding: 0 0 20px 0;
	font-size: 16px;
}

.t_float_cons .m_tb_2 {
	font-size: 16px;
	padding: 30px 0 20px 0;
}

.t_float_cons .btn-kf .btn_blue_border:focus {
	outline: none;
}

.t_float_cons .phone-in input {
	width: 260px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border: 3px solid #ebebeb;
	border-right: 0;
	height: 56px;
	font-size: 16px;
	text-indent: 15px;
	outline: none;
	border-radius: 3px 0 0 3px;
}

.t_float_cons .phone-in input:focus {
	border: 3px solid #7fadeb;
}

.t_float_cons .phone-in span {
	width: 140px;
	height: 56px;
	text-align: center;
	background: #7fadeb;
	font-size: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 56px;
	color: #fff;
	border-radius: 0 3px 3px 0;
}


/**/

.upgrade-v5 .tit a:hover {
	text-decoration: none;
}

.popu-bg-qx-s {
	height: 600px;
	margin-top: -300px;
}


/*发布需求 -- 弹出层样式*/

.t_need_wrap {
	padding: 30px 40px 0;
	width: 307px;
	margin-top: -270px;
}

.t_need_wrap h3,
.t_brand_wrap h3,
.t_enforce_wrap h3 {
	color: #333333;
	font-size: 24px;
	text-align: center;
	letter-spacing: 3px;
}

.t_need_wrap h3 {
	padding-bottom: 10px;
}

.t_need_wrap .tips {
	color: #999;
	font-size: 12px;
	padding: 15px 0;
	letter-spacing: 2px;
	text-align: center;
}

.t_need_wrap .btnwrap input {
	font-size: 18px;
	color: #fff;
}

.t_need_wrap .formwrap .input-text,
.t_brand_wrap .s_input .input-text,
.t_enforce_wrap .input-text,
.t_suggestion_wrap .input_wrap input {
	border: 0;
	border-bottom: 1px solid #e9f0f6;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	font-size: 16px;
	height: 50px;
	margin-top: 20px;
	padding-left: 0;
}

.t_need_wrap .formwrap .input-text:focus,
.t_need_wrap .select_wrap select:focus,
.t_brand_wrap .s_input .input-text:focus,
.t_brand_wrap .select-wrapper select:focus,
.t_enforce_wrap .input-text:focus,
.t_suggestion_wrap .input_wrap input:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #7fadeb;
}

.t_need_wrap .select_wrap select,
.t_brand_wrap .select-wrapper select {
	width: 100%;
	height: 50px;
	margin-top: 20px;
	border: 0;
	outline: none !important;
	border-bottom: 1px solid #e9f0f6;
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: url("../images/select_icon.png") no-repeat right center transparent;
	padding-right: 20px;
}

.t_need_wrap .select_wrap select::-ms-expand {
	display: none;
}

.t_need_wrap .form-group {
	position: relative;
	height: 60px;
	margin-bottom: 0;
}

.t_need_wrap .form-group .star {
	position: absolute;
	left: -15px;
	bottom: 15px;
	color: #ff517d;
	font-size: 16px;
}

.t_need_wrap .form-group label {
	font-size: 16px;
	color: #333333;
	letter-spacing: 3px;
	float: left;
	width: 27%;
	font-weight: normal;
	height: 60px;
	line-height: 60px;
	margin-bottom: 0;
	text-align: left;
}

.t_need_wrap .formwrap .input-text,
.t_need_wrap .formwrap .select_wrap select {
	height: 60px;
	line-height: 60px;
	margin-top: 0;
	border: 0;
}

.t_need_wrap .formwrap .input-text:focus,
.t_need_wrap .formwrap .select_wrap select {
	border: 0;
}

.t_need_wrap .form-group .right {
	width: 72%;
	float: left;
}

.t_need_wrap .form-group .right input,
.t_need_wrap .form-group .right select {
	border: 1px solid #e9f0f6;
	margin: 10px 0;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 10px;
	border-radius: 3px;
}

.t_need_wrap .form-group .right input:focus,
.t_need_wrap .form-group .right select:focus {
	border: 1px solid #7fadeb;
}

.t_need_wrap .message {
	text-align: left;
	padding: 10px 0 10px 0;
}

.t_need_wrap .message h5 {
	font-size: 16px;
	color: #333333;
	letter-spacing: 2px;
	padding-bottom: 20px;
}

.t_need_wrap .message textarea,
.t_suggestion_wrap textarea {
	width: 100%;
	border: 1px solid #e9f0f6;
	height: 80px;
	line-height: 22px;
	padding: 10px;
	resize: none;
	box-shadow: none;
}

.t_need_wrap .message textarea:focus,
.t_suggestion_wrap textarea:focus {
	border: 1px solid #7fadeb;
	box-shadow: none;
	outline: none;
}

.t_need_wrap .message textarea {
	font-size: 16px;
	border-radius: 3px;
}

.t_need_wrap .tips {
	color: #999;
	font-size: 12px;
	padding: 10px 0 5px;
	letter-spacing: 2px;
	text-align: center;
}

.t_need_wrap .online-consultation {
	color: #999;
	font-size: 12px;
	padding: 0 0 15px;
	letter-spacing: 2px;
	text-align: center;
}

.t_need_wrap .online-consultation a {
	color: #7CACED;
	text-decoration: none;
}

.t_need_wrap .form-group .line {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background: #e9f0f6;
}

.t_need_wrap .formwrap .input-text:focus + .line,
.t_need_wrap .select_wrap select:focus + .line {
	background: #7fadeb;
}

.t_float_cons .btn-kf,
.t_float_cons .btn-kf .btn_blue_border {
	display: block;
	width: 100%;
}

.btn_blue_border {
	background: #fff none repeat scroll 0 0;
	border: 3px solid #7caced;
	border-radius: 3px;
	color: #7caced;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	height: 56px;
	letter-spacing: 3px;
	line-height: 50px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	transition-duration: 0.3s;
	transition-property: border-color;
	transition-timing-function: ease-out;
}


/*快速发布*/

.price-con2 {
	width: 216px;
	padding: 9px;
	background-color: rgba(255, 255, 255, .75);
}

.price-box2 {
	width: 266px;
	margin: 0 18px 0 0;
}

.price-bar2 {
	margin: 0 0 15px;
	position: relative;
}

.price-ti2 {
	width: 266px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #ef1d20;
}

.price-ti2 b {
	font-size: 22px;
}

.price-txt2 {
	width: 220px;
	height: 36px;
	padding: 0 10px;
	border-radius: 6px;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #333;
}

.price-bar2 em {
	color: #f00;
	position: absolute;
	top: 0;
	right: -37px;
}

.price-bar2 a {
	display: block;
	width: 96px;
	height: 34px;
	border: 1px #ccc solid;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #ccc;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.price-bar2 a:hover {
	color: #b72024;
	border: 1px #b72024 solid;
}

.price-bar2 a.active {
	color: #b72024;
	border: 1px #b72024 solid;
}

.t_need_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #000000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: none;
	z-index: 9999;
}

.eon {
	margin-top: 14px;
}

.price-btn2 {
	background-color: #b72024;
	border: medium none;
	border-radius: 6px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	height: 36px;
	transition: all 0.5s ease 0s;
	width: 243px;
}

.plien {
	width: 220px;
}


/*新增浮动条*/

.float-bar {
	width: 100%;
	height: 150px;
	background: url(../images/float-bg.png) repeat-x 0 29px;
	position: fixed;
	bottom: 0;
	left: -100%;
	z-index: 999999;
}

.w12004 {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.float-word {
	width: 574px;
	height: 100px;
	margin: 0 34px 0 0;
	padding: 50px 0 0;
}

.float-list {
	width: 342px;
	margin: 0 2px 0 0;
	padding: 29px 0 0;
}

.float-list p {
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 34px;
}

.float-list p em {
	color: #ff262e;
}

.float-list li {
	margin: 0 0 1px;
}

.float-box {
	overflow: hidden;
}

.float-txt1 {
	width: 168px;
	height: 40px;
	padding: 0 10px;
	margin: 0 2px 0 0;
	background-color: #fff;
}

.float-txt1 input {
	width: 100%;
	height: 40px;
	font-size: 12px;
	border: 0 none;
	background: none;
}

.float-txt2 {
	width: 132px;
	height: 40px;
	padding: 0 10px;
	background-color: #fff;
	line-height: 40px;
}

.float-txt2 input {
	width: 115px;
	height: 40px;
	font-size: 12px;
	border: 0 none;
	background: none;
}

.float-txt2 em {
	font-size: 12px;
	color: #333;
}

.float-btn {
	width: 102px;
	height: 82px;
	padding: 63px 0 0;
}

.float-btn a {
	display: block;
	width: 102px;
	height: 63px;
	padding: 18px 0 0;
	line-height: 24px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background-color: #ff262e;
}

.float-btn a:hover {
	background-color: #ff4047;
	color: #fff;
}

.qr3 {
	width: 113px;
	padding: 14px 0 0;
}

.qr-box3 {
	width: 103px;
	padding: 5px 5px 0;
	background: url(../images/qr-top.png) repeat-x left top;
	text-align: center;
	font-size: 13px;
	color: #fff;
	line-height: 24px;
}

.qr3 img {
	width: 103px;
	height: 103px;
}

.close {
	width: 16px;
	height: 15px;
	background: url(../images/close.png) no-repeat;
	position: absolute;
	top: 47px;
	right: 11px;
}

.close a {
	display: block;
	width: 16px;
	height: 15px;
}

.float-boy {
	width: 130px;
	height: 134px;
	background: url(../images/down-bar-btn.png) no-repeat;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999999;
}

.float-boy a {
	display: block;
	width: 130px;
	height: 134px;
}

.videos-box {
	cursor: pointer;
}

.oeiw {
	position: relative;
}


/*视频弹出框*/

.videos-box {
	width: 591px;
	height: 377px;
	overflow: hidden;
}

.videos-box embed {}

.p27Big2 {
	width: 600px;
	height: 600px;
}

.p27Big2 img {
	width: 600px;
	height: 600px;
}

.p27List2 {
	width: 86px;
	height: 600px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
}

.p27LContainer2 {
	width: 81px;
	height: 591px;
	background: url(../images/white-mask.png);
	overflow: hidden;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 99;
}

.p27LContent2 {
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.p27LCol2 {
	width: 100%;
	height: 74px;
	padding: 5px 0;
	overflow: hidden;
	cursor: pointer;
}

.p27LCol2 a {
	height: 100%;
	width: 100%;
	display: block;
}

.p27LCol2 img {
	width: 70px;
	height: 70px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	border: 2px solid #fff;
}

.p27LCol2 img.ylwh {
	width: auto;
	height: auto;
	display: none;
}

div.p27LCAct2 img {
	border: 2px solid #2c2a26;
}

.hdc-phone {
	background: rgba(0, 0, 0, 0) url("../images/hd-phonebg.png") no-repeat scroll 2px 7px;
	height: auto;
	overflow: hidden;
	width: 214px;
	margin-top: -67px;
	float: right;
}


/*
.hdc-phone p {
  color: #666666;
  display: block;
  font-size: 14px;
  height: 21px;
  line-height: 20px;
  overflow: hidden;
  text-indent: 45px;
  width: 100%;
}*/

.hdc-phone span {
	color: #FF343E;
	display: block;
	font-size: 22px;
	height: auto;
	line-height: 44px;
	overflow: hidden;
	text-indent: 45px;
	width: 100%;
	font-weight: bold;
}

.p27BImg2 img {
	max-width: 100%;
	height: auto;
}

.p27BImg img {
	max-width: 100%;
	height: auto;
}


/*中庭报价器*/

.buf-yy {
	width: 100%;
	height: 50000px;
	overflow: hidden;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	background: url(../images/buf-off.png);
	display: none;
}

.buf {
	width: 968px;
	overflow: hidden;
	position: fixed;
	z-index: 1000;
	left: 50%;
	margin-left: -484px;
	top: 50%;
	margin-top: -273px;
	display: none;
}

.buf-title {
	width: 100%;
	height: 137px;
	overflow: hidden;
	background: url(../images/bu-img0.png) no-repeat;
}

.buf-title b {
	height: 78px;
	line-height: 78px;
	display: block;
	overflow: hidden;
	color: #fff;
	font-size: 29px;
	padding: 59px 0 0 124px;
}

.buf-title i {
	width: 41px;
	height: 41px;
	display: block;
	padding: 77px 16px 0 0;
}

.buf-title i a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	background: url(../images/bu-off.png) no-repeat;
	-webkit-transform: rotate(0deg);
	-webkit-transition-duration: 0.5s;
	-moz-transform: rotate(0deg);
	-moz-transition-duration: 0.5s;
	transform: rotate(0deg);
	transition-duration: 0.5s;
}

.buf-title i a:hover {
	-webkit-transform: rotate(180deg);
	-webkit-transition-duration: 0.5s;
	-moz-transform: rotate(180deg);
	-moz-transition-duration: 0.5s;
	transform: rotate(180deg);
	transition-duration: 0.5s;
}

.buf-wkbt {
	width: 100%;
	overflow: hidden;
	background: #fff;
}

.popGJ {
	width: 100%;
	overflow: hidden;
}

.popGJ_Center {
	width: 100%;
	overflow: hidden;
}

.popGJ_Jsq {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.popGJ_Jsq img.popGJ_Jsq_Esc {
	position: absolute;
	top: -21px;
	right: -20px;
	cursor: pointer;
}

.popGJ_Jsq img.popGJ_Jsq_Img {
	vertical-align: top;
}

.popGJ_Jsq .popGJ_Jsq_Head {
	height: 52px;
	border-bottom: 1px solid #e9e9e9;
	width: 890px;
	margin: 18px auto;
	font-size: 28px;
	line-height: 52px;
	color: #ffa31f;
	text-indent: 5px;
}

.popGJ_Jsq .popGJ_Jsq_Head span {
	font-size: 14px;
	padding-left: 8px;
	color: #555555;
	vertical-align: 4px
}

.popGJ_Jsq .popGJ_Jsq_Head span em {
	color: #ffa31f;
	font-style: normal;
	font-size: 18px;
	font-family: 'Arial';
}

.popGJ_Jsq .popGJ_Jsq_From {
	width: 890px;
	margin: 0 auto;
	padding: 0 6px;
	overflow: hidden;
}

.popGJ_Jsq .popGJ_Jsq_From .popGJ_Jsq_Input {
	float: left;
	width: 656px;
	overflow: hidden;
}

.popGJ_Jsq .popGJ_Jsq_From .popGJ_Jsq_Input p {
	position: relative;
	height: 50px;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
}

.popGJ_Jsq .popGJ_Jsq_From .popGJ_Jsq_Input p i {
	position: absolute;
	right: 10px;
	top: 0;
	font-style: normal;
	display: block;
	line-height: 50px;
}

.popGJ_Jsq .popGJ_Jsq_From .popGJ_Jsq_Input p span {
	display: block;
	float: left;
	width: 74px;
	line-height: 50px;
}

.popGJ_Jsq .popGJ_Jsq_From .popGJ_Jsq_Input p input,
.popGJ_Jsq .popGJ_Jsq_From .popGJ_Jsq_Input p select {
	display: block;
	float: left;
	width: 207px;
	height: 50px;
	border-radius: 6px;
	border: 1px solid #d7d7d7;
	padding: 0 9px;
	outline: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.popGJ_Jsq .popGJ_Jsq_From .popGJ_Jsq_Input p select {
	background: url(../images/gj_xl.png) no-repeat 95% center;
}

.popGJ_Jsq .popGJ_Jsq_From .popGJ_Jsq_Input p.popGJ_Jsq_Select select {
	width: 122px;
	margin-right: 17px;
}

.popGJ_Jsq .popGJ_Jsq_Button {
	width: 135px;
	height: 147px;
	position: relative;
	float: left;
	padding: 5px 5px 42px;
}

.popGJ_Jsq .popGJ_Jsq_Button i {
	background: url(../images/bu-icon0.png) no-repeat;
	width: 20px;
	height: 12px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -10px;
}

.popGJ_Jsq .popGJ_Jsq_Button input {
	background: none;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	position: relative;
	z-index: 10;
}

.popGJ_Jsq .popGJ_Jsq_Button img {
	width: 135px;
	height: 147px;
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
}

.popGJ_Jsq .popGJ_Jsq_Button img {
	-webkit-animation: fatyc 1.5s linear infinite;
	-moz-animation: fatyc 1.5s linear infinite;
	animation: fatyc 1.5s linear infinite;
}

@-webkit-keyframes fatyc {
	0% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.98);
	}
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes fatyc {
	0% {
		-moz-transform: scale(1);
	}
	50% {
		-moz-transform: scale(0.98);
	}
	100% {
		-moz-transform: scale(1);
	}
}

@keyframes fatyc {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.98);
	}
	100% {
		transform: scale(1);
	}
}

.popGJ_Jsq .popGJ_Jsq_Button_Num {
	width: 730px;
	overflow: hidden;
	background: #ececec;
	border-radius: 6px;
	padding-left: 1px;
	margin: 0 0 37px 114px;
}

.popGJ_Jsq .popGJ_Jsq_Button_Num p {
	text-align: center;
	float: left;
	width: 140px;
	height: 64px;
	padding-top: 26px;
	background: url(../images/gj_right.png) no-repeat right center;
	overflow: hidden;
}

.popGJ_Jsq .popGJ_Jsq_Button_Num p:last-child {
	background: none;
	width: 169px;
}

.popGJ_Jsq .popGJ_Jsq_Button_Num p span {
	display: block;
	font-style: normal;
	color: #555555;
	line-height: 16px;
	margin-bottom: 8px;
}

.popGJ_Jsq .popGJ_Jsq_Button_Num p em {
	display: block;
	font-style: normal;
	font-family: 'Arial';
	font-size: 20px;
	line-height: 20px;
}

.popGJ_Jsq .popGJ_Jsq_Jg {
	padding-top: 36px;
}

.popGJ_Jsq .popGJ_Jsq_Jg p {
	text-align: center;
	font-size: 16px;
	color: #222;
	margin-bottom: 0;
}

.popGJ_Jsq .popGJ_Jsq_Jg p em {
	font-style: normal;
	color: #ffa31f;
	font-weight: bold;
	font-family: 'Arial';
	font-size: 40px;
	line-height: 40px;
	vertical-align: -3px;
	padding: 0 6px 0 7px;
}

.popGJ_Jsq .popGJ_Jsq_Jg span {
	display: block;
	text-align: center;
	color: #f2940c;
}

.popGJ_Jsq .popGJ_Jsq_Jg i {
	display: block;
	text-align: right;
	font-style: normal;
	font-size: 12px;
	line-height: 12px;
	color: #999;
	margin-top: 21px;
	padding: 0 7px 7px 0;
}

.popGj_Guang {
	margin: 0 auto;
}

.popGj_Guang a {
	display: block;
}

.popGj_Guang .popGJ_Jsq_Esc {
	display: block;
	margin: 0 auto;
	cursor: pointer;
}

.popGJ-yusuan {
	width: 890px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 6px;
	margin-bottom: 5px;
}

.feiyong {
	width: 450px;
	height: 60px;
	margin: 0 auto;
	font-size: 16px;
	color: #222222;
	line-height: 60px;
}

.feiyong span {
	font-size: 35px;
	color: #E6212A;
	font-weight: bold;
	margin-left: 5px;
}

.yugu {
	font-size: 13px;
	float: right;
	line-height: 30px;
	color: #999999;
}


/*service.html*/

.service{
    padding: 70px 0 ;
    height: 400px;
    background: #f6f6f6;
}
.service .service_left{
	padding-top: 50px;
    width: 670px;
    float: left;
}
.service .service_right{
    width: 512px;
    float: left;
}
.service .article{
    width: 100%;
    float: left;
    font-size: 30px;
    line-height: 38px;
    color: #333;
    font-weight: normal;
}
.service .standard{
    width: 100%;
    float: left;
    font-size: 18px;
    color: #505050;
    line-height: 28px;
    margin-top: 20px;
}
.service .standard1{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #a5a5a5;
    line-height: 28px;
    margin-top: 30px;
}
.service em{
    width: 76px;
    height: 48px;
    line-height: 48px;
    background-color: #e74c3c;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
    border-radius:50px;
    float: left;
    margin-right: 16px;
}

.amount_room{ background: #fff;}
.amount_room  .service_left{ padding-left: 150px; width: 500px;}