body {
	transition: all 0.2s ease;
	width: 100%;
	height: auto;
	min-width: 1330px;
	overflow: auto;
}

/* 金钻工程banner  */
.jzcg_banner {
	position: relative;
	height: 946px;
	background: url(../images/jzgc_banner_bga.jpg)no-repeat center;

}

.jzcg_banner_img1 {
	position: absolute;
	right: 50%;
	top: 240px;
	margin-right: -198px;
	width: 850px;

}

.jzcg_banner_img2 {
	position: absolute;
	right: 50%;
	top: 600px;
	margin-right: -38px;
	width: 700px;

}

.jzcg_banner_img1.active {
	animation: img1move 0.8s;
	/*Safari 和 Chrome:*/
	-webkit-animation: img1move 0.8s;
}

.jzcg_banner_img2.active {
	animation: img2move 0.8s;
	/*Safari 和 Chrome:*/
	-webkit-animation: img2move 0.8s;
}

/* img1动画 */
@keyframes img1move {
	from {
		top: 140px;
		opacity: 0;
	}

	to {
		top: 240px;
		opacity: 1;
	}
}

/*Safari 和 Chrome:*/
@-webkit-keyframes img1move {
	from {
		top: 140px;
		opacity: 0;
	}

	to {
		top: 240px;
		opacity: 1;
	}
}

/* img2动画 */
@keyframes img2move {
	from {
		top: 700px;
		opacity: 0;
	}

	to {
		top: 600px;
		opacity: 1;
	}
}

/*Safari 和 Chrome:*/
@-webkit-keyframes img2move {
	from {
		top: 700px;
		opacity: 0;
	}

	to {
		top: 600px;
		opacity: 1;
	}
}

/* 装修问题 */
.zxwt {
	padding: 100px 0 0;
	width: 100%;
	height: 805px;
	background-color: #fffff;
}

.zxwt_box {
	width: 1338px;
	margin: 0 auto;

}

.zxwt_title h1 {
	text-align: center;
	font-size: 50px;
	font-weight: 600;
	color: #231816;
	font-family: "Noto Sans SC";
}

.zxwt_title h2 {
	text-align: center;
	font-size: 20px;
	color: #595757;
	font-family: "Noto Sans SC";

	padding: 30px 0 16px;
}

.zxwt_title i {
	display: block;
	width: 80px;
	height: 4px;
	margin: 10px auto;
	background-color: #e8d3b4;
}

.zxwt_title p {
	text-align: center;
	color: #878787;
	font-size: 8px;
	font-weight: 100;
	padding-bottom: 64px;
}

.zxwt_cont ul li {
	position: relative;
	float: left;
	width: 214px;
	height: 416px;
	cursor: pointer;
	margin-right: 10px;
	background: url(../images/zxwt_bg.jpg)no-repeat;
	transition: all 0.3s;

}

.zxwt_cont ul li:nth-child(1) {
	margin-top: 46px;
	background-position: 0 -48px;

}


.zxwt_cont ul li:nth-child(2) {

	background-position: -224px 0;

}

.zxwt_cont ul li:nth-child(3) {
	margin-top: 46px;
	background-position: -448px -48px;
}

.zxwt_cont ul li:nth-child(4) {
	background-position: -672px 0;

}

.zxwt_cont ul li:nth-child(5) {
	margin-top: 46px;
	background-position: -896px -48px;

}

.zxwt_cont ul li:last-child {
	margin-right: 0;
	background-position: -1110px 0;

}

.zxwt_cont ul li.active {}

.zxwt_cont div {
	width: 100%;
	height: 100%;

	background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(173, 150, 119, 0));
}

.zxwt_cont h3 {
	padding-top: 280px;
	padding-bottom: 22px;
	font-size: 48px;
	color: #fff;
	font-family: "宋体";
	text-align: center;
	font-style: italic;
}

.zxwt_cont p {
	font-size: 18px;
	color: #fff;
	font-family: "Noto Sans SC";
	line-height: 28px;
	font-weight: 300;
	text-align: center;
}

.zxwt_title,
.zyzx_title,
.tiyan_title,
.sggy_title,
.jpjz_title,
.fucai_title,
.cn_title,
.shouhou_title {
	position: relative;
}

.zxwt_title.active,
.zyzx_title.active,
.sggy_title.active,
.jpjz_title.active,
.fucai_title.active,
.cn_title.active,
.shouhou_title.active,
.tiyan_title.active {
	animation: zxwt-title 0.8s;
	/*Safari 和 Chrome:*/
	-webkit-animation: zxwt-title 0.8s;
}

/*  装修问题标题动画 */
@keyframes zxwt-title {
	from {
		top: 160px;
		opacity: 0;
	}

	to {
		top: 0px;
		opacity: 1;
	}
}

/*Safari 和 Chrome:*/
@-webkit-keyframes zxwt-title {
	from {
		top: 160px;
		opacity: 0;
	}

	to {
		top: 0px;
		opacity: 1;
	}
}

.zxwt_cont ul li:nth-child(1).active {
	animation: zxwt-cont 0.3s;
	/*Safari 和 Chrome:*/
	-webkit-animation: zxwt-cont 0.3s;
}

.zxwt_cont ul li:nth-child(2).active {
	animation: zxwt-cont 0.6s;
	/*Safari 和 Chrome:*/
	-webkit-animation: zxwt-cont 0.6s;
}

.zxwt_cont ul li:nth-child(3).active {
	animation: zxwt-cont 0.9s;
	/*Safari 和 Chrome:*/
	-webkit-animation: zxwt-cont 0.9s;
}

.zxwt_cont ul li:nth-child(4).active {
	animation: zxwt-cont 1.2s;
	/*Safari 和 Chrome:*/
	-webkit-animation: zxwt-cont 1.2s;
}

.zxwt_cont ul li:nth-child(5).active {
	animation: zxwt-cont 1.5s;
	/*Safari 和 Chrome:*/
	-webkit-animation: zxwt-cont 1.5s;
}

.zxwt_cont ul li:nth-child(6).active {
	animation: zxwt-cont 1.8s;
	/*Safari 和 Chrome:*/
	-webkit-animation: zxwt-cont 1.8s;
}

/*  装修问题类容动画 */
@keyframes zxwt-cont {
	from {
		top: 300px;
		opacity: 0;
	}

	to {
		top: 0px;
		opacity: 1;
	}
}

/*Safari 和 Chrome:*/
@-webkit-keyframes zxwt-cont {
	from {
		top: 300px;
		opacity: 0;
	}

	to {
		top: 0px;
		opacity: 1;
	}
}

/* 专业人做专业事 */
.zyzx {
	padding: 100px 0 106px;
	width: 100%;
	background-color: #f0f0f0;
}

.zyzx_box {
	width: 1200px;
	margin: 0 auto;

}

.zyzx_title h1 {
	text-align: center;
	font-size: 50px;
	font-weight: 600;
	color: #231816;
	font-family: "Noto Sans SC";
}

.zyzx_title h2 {
	text-align: center;
	font-size: 20px;
	color: #595757;
	font-family: "Noto Sans SC";

	padding: 30px 0 16px;
}

.zyzx_title i {
	display: block;
	width: 80px;
	height: 4px;
	margin: 10px auto;
	background-color: #e8d3b4;
}

.zyzx_title p {
	text-align: center;
	color: #878787;
	font-size: 8px;
	font-weight: 100;
	padding-bottom: 64px;
}

.zyzx_cont ul {
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}

.zyzx_cont ul li {
	float: left;
	width: 400px;
	height: 180px;
	padding-top: 74px;

}

.zyzx_cont ul li h3 {
	text-align: center;
	color: #000000;
	font-family: "宋体";
	font-size: 35px;
	padding-bottom: 10px;
}

.zyzx_cont ul li h3 b {
	color: #ad9677;
	font-size: 48px;
}

.zyzx_cont ul li p {
	text-align: center;
	font-size: 20px;

}

.zyzx_cont ul li:nth-child(even) {
	background-color: #f6f6f6;
}

.zyzx_cont ul li:nth-child(odd) {
	background-color: #fff;
}

/* 金牌金钻 */
.jpjz {
	width: 100%;
	height: 956px;
	background: url(../images/jpjz_bg.jpg)no-repeat center;
}

.jpjz_box {
	width: 1200px;
	margin: 0 auto;

}

.jpjz_title h1 {
	text-align: center;
	font-size: 50px;
	font-weight: 600;
	color: #fff;
	padding-top: 114px;
	font-family: "Noto Sans SC";
}

.jpjz_title h2 {
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-family: "Noto Sans SC";

	padding: 30px 0 16px;
}

.jpjz_title i {
	display: block;
	width: 80px;
	height: 4px;
	margin: 10px auto;
	background-color: #e8d3b4;
}

.jpjz_title p {
	text-align: center;
	color: #fff;
	font-size: 8px;
	font-weight: 100;
	padding-bottom: 64px;
}

.jpjz_cont ul li {
	width: 1082px;
	height: 130px;
	margin-bottom: 12px;
	background-color: #fff;
}

.jpjz_cont ul li img {
	float: left;
	display: block;
	width: 288px;
	height: 130px;

}

.jpjz_cont ul li h4 {
	float: left;
	font-size: 44px;
	color: #ae9576;
	font-family: "宋体";
	letter-spacing: -1px;
	padding-top: 48px;
	padding-right: 62px;
	padding-left: 52px;
}

.jpjz_cont ul li p {
	float: left;
	padding-top: 48px;
	font-size: 24px;
	font-weight: 200;
}

.jpjz_cont ul li:nth-child(odd) {

	margin-left: 120px;

}

/* 施工工艺 */
.sggy {
	width: 100%;
	height: 1278px;
	background: url(../images/sggy_bg.jpg)no-repeat center;
}

.sggy_box {
	width: 1335px;
	margin: 0 auto;

}

.sggy_title h1 {
	text-align: center;
	font-size: 50px;
	font-weight: 600;
	color: #231816;
	padding-top: 114px;
	font-family: "Noto Sans SC";
}

.sggy_title h2 {
	text-align: center;
	font-size: 20px;
	color: #585753;
	font-family: "Noto Sans SC";

	padding: 30px 0 16px;
}

.sggy_title i {
	display: block;
	width: 80px;
	height: 4px;
	margin: 10px auto;
	background-color: #e8d3b4;
}

.sggy_title p {
	text-align: center;
	color: #585753;
	font-size: 8px;
	font-weight: 100;
	padding-bottom: 64px;
}



.sggy_cont {
	position: relative;
	cursor: pointer;
	width: 1335px;
	height: 994px;
	margin: 0 auto;
}

.sggy_cont .sggy_cont_a {
	position: relative;
	width: 1335px;
	overflow: hidden;
}

.sggy_cont .sggy_cont_a .sggy_cont_banner {
	/* position: absolute; */
	/* top: 98px; */
	/* margin-top: 58px; */
	/* 	left: 0; */
	width: 1335px;
	height: 633px;
}

.sggy_cont .sggy_cont_a .sggy_cont_banner li {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 90px;
	line-height: 280px;
	text-align: center;
	opacity: 0;
	transition: all 0.5s;

}

.sggy_cont .sggy_cont_a .sggy_cont_banner li.active {
	opacity: 1;
}

.sggy_cont .sggy_cont_a .sggy_cont_banner li img {
	width: 100%;
	/* 	border-radius: 14px; */
	display: block;
}

.sggy_cont .dot {
	width: 1335px;
	height: 160px;
	background-color: #fff;
	position: relative;
}

.sggy_cont .dot li {
	position: absolute;
	top: 0;
	left: 108px;
	opacity: 0;
	background-color: #fff;
	width: 1112px;
	margin: 0 auto;

}

.sggy_cont .dot li.active {
	opacity: 1;
}

.sggy_cont .dot li div {

	float: left;
	margin-top: 24px;
	margin-bottom: 24px;
	margin-left: 50px;
}


.sggy_cont .dot .dianlu div {

	width: 218px;

}

.sggy_cont .dot li div b {
	font-size: 18px;
	color: #856b52;
	font-weight: 500;
}

.sggy_cont .dot li div p {
	margin: 9px 0;
	font-size: 18px;
	letter-spacing: 2px;
	font-family: "Noto Sans SC";
	font-weight: 100;

}

.sggy_cont .dot .dianlu .zw_line {
	width: 208px;
	height: 1px;
	background-color: #c3c3c3;
	margin-top: 54px;
}

.sggy_cont .dot .fangshui div {

	width: 486px;

}

.sggy_cont .dot .fangshui .zw_line {
	width: 440px;
	height: 1px;
	background-color: #c3c3c3;
	margin-top: 20px;
}

.sggy_cont .dot .geying div {
	width: 486px;
}

.sggy_cont .dot .fangchou div {
	width: 506px;
}

.sggy_cont .dot .fangchou .zw_line {
	width: 440px;
	height: 1px;
	background-color: #c3c3c3;
	margin-top: 20px;
}

.sggy_cont .dot .fangchao div {
	width: 308px;
}

.sggy_cont .dot .jieneng div {
	width: 440px;
}

.sggy_cont .dot .fangchao .zw_line {
	width: 280px;
	height: 1px;
	background-color: #c3c3c3;
	margin-top: 24px;
}

.btn {
	opacity: 0;
	color: #fff;

}

.btn.active {
	transition: all 0.3s;
	opacity: 1;
}

.btn_l {
	position: absolute;
	width: 40px;
	height: 80px;
	top: 42%;
	margin-top: -15px;
	left: 50px;
	text-align: center;
	line-height: 80px;
	background-color: rgba(255, 255, 255, .5);

}

.btn_r {
	position: absolute;
	width: 40px;
	height: 80px;
	top: 42%;
	margin-top: -15px;
	right: 50px;
	text-align: center;
	line-height: 80px;
	background-color: rgba(255, 255, 255, .5);

}

.sggy_cont_text {
	width: 100%;
	margin-bottom: 12px;
}

.sggy_cont_text li {
	float: left;
	width: 220px;
	height: 88px;
	font-size: 24px;
	line-height: 88px;
	color: #585657;
	text-align: center;
	background-color: #fff;
	border-right: 2px solid #f9f4ee;
}

.sggy_cont_text li.active {
	color: #846a51;
	background-color: #e8d3b4;
}

/* 承诺 */
.cn {
	padding: 100px 0 104px;
	width: 100%;
	height: 805px;
	background-color: #fffff;
}

.cn_box {
	width: 1338px;
	margin: 0 auto;

}

.cn_title h1 {
	text-align: center;
	font-size: 50px;
	font-weight: 600;
	color: #231816;
	font-family: "Noto Sans SC";
}

.cn_title h2 {
	text-align: center;
	font-size: 20px;
	color: #595757;
	font-family: "Noto Sans SC";

	padding: 30px 0 16px;
}

.cn_title i {
	display: block;
	width: 80px;
	height: 4px;
	margin: 10px auto;
	background-color: #e8d3b4;
}

.cn_title p {
	text-align: center;
	color: #878787;
	font-size: 8px;
	font-weight: 100;
	padding-bottom: 64px;
}

/* 进口辅材 */
.fucai {
	padding: 100px 0 104px;
	width: 100%;
	height: 1032px;
	background-color: #f0f0f0;
}

.fucai_box {
	width: 1338px;
	margin: 0 auto;

}

.fucai_title h1 {
	text-align: center;
	font-size: 50px;
	font-weight: 600;
	color: #231816;
	font-family: "Noto Sans SC";
}

.fucai_title h2 {
	text-align: center;
	font-size: 20px;
	color: #595757;
	font-family: "Noto Sans SC";

	padding: 30px 0 16px;
}

.fucai_title i {
	display: block;
	width: 80px;
	height: 4px;
	margin: 10px auto;
	background-color: #e8d3b4;
}

.fucai_title p {
	text-align: center;
	color: #878787;
	font-size: 8px;
	font-weight: 100;
	padding-bottom: 64px;
}

/* shouhou无忧售后 */
.shouhou {

	width: 100%;
	height: 1872px;
	background: url(../images/shouhou_bg.jpg)no-repeat center;
}

.shouhou_box {
	width: 1212px;
	margin: 0 auto;

}

.shouhou_title h1 {
	padding-top: 100px;
	text-align: center;
	font-size: 50px;
	font-weight: 600;
	color: #fff;
	font-family: "Noto Sans SC";
}

.shouhou_title h2 {
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-family: "Noto Sans SC";

	padding: 30px 0 16px;
}

.shouhou_title i {
	display: block;
	width: 80px;
	height: 4px;
	margin: 10px auto;
	background-color: #e8d3b4;
}

.shouhou_title p {
	text-align: center;
	color: #fff;
	font-size: 8px;
	font-weight: 100;
	padding-bottom: 64px;
}

/* 体验官报名 */
.tiyan {
	width: 1212px;
	margin: 0 auto;

}

.tiyan_title h1 {
	padding-top: 200px;
	text-align: center;
	font-size: 50px;
	font-weight: 600;
	color: #fff;
	font-family: "Noto Sans SC";
}

.tiyan_title h2 {
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-family: "Noto Sans SC";

	padding: 30px 0 16px;
}

.tiyan_title i {
	display: block;
	width: 80px;
	height: 4px;
	margin: 10px auto;
	background-color: #e8d3b4;
}

.tiyan_title p {
	text-align: center;
	color: #fff;
	font-size: 8px;
	font-weight: 100;
	padding-bottom: 64px;
}

.tiyan_cont {

	width: 1280px;
	height: 550px;
	margin: 0 auto;
	border-radius: 10px;
	background-color: rgba(35, 24, 21, .5);

}

.tiyan_cont img {
	float: left;
	margin-top: 68px;
	margin-left: 90px;

}

.tiyan_cont p {
	float: left;
	width: 2px;
	height: 376px;
	margin-top: 86px;
	margin-left: 100px;
	margin-right: 68px;
	background-color: #7b7170;
}

.tiyan_cont .layui-form {
	float: left;
	margin-top: 100px;
}

.tiyan_cont .layui-form .tabright input {
	border: 0;
	width: 475px;
	height: 70px;
	background-color: #fff;
	border-radius: 50px;
	margin-bottom: 12px;
	text-indent: 22px;
	font-size: 20px;
	color: #9D9E9E;
}

.tiyan_cont .layui-form .layui-btn {
	width: 475px;
	height: 70px;
	border: 0;
	border-radius: 50px;
	background-color: #E8D3B4;
	color: #917659;
	font-size: 30px;
}