.mode_mian {
	width: 100%;
	min-width: 1200px;
}

/*头部banner */
.mode_banner {
	width: 100%;
	margin: 0 auto;
}

.mode_banner img {
	width: 100%;
	display: block;
}


.CustomDesign_collect1 {
	width: 100%;
	height: 216px;
	background: url(../images/mode_bm_bg.jpg) no-repeat;
	background-size: 100% 100%;
}

.collect1_box {
	width: 1100px;
	margin: 0 auto;
}

.collect1_box ul li {
	float: left;
	padding-top: 28px;
}

.collect1_box ul li h4 {
	display: inline-block;
	font-size: 24px;
	color: #fff;
	font-weight: 300;
	padding-bottom: 8px;
	padding-right: 590px;
	line-height: 40px;
	letter-spacing: 2px;
}

.collect1_box ul li p {
	float: left;
	font-size: 22px;
	color: #fff;
	font-weight: 300;
	padding-right: 5px;
	letter-spacing: 2px;
}

.collect1_box ul li img {
	display: block;
	float: left;
}

.layui-form-active table tr {
	float: left;
	font-size: 20px;
	color: #a0a0a0;
}

.layui-form-active table tr input {
	font-size: 20px;
	color: #a0a0a0;
	height: 62px;
	border: 0;
	line-height: 62px;
	text-indent: 16px;
	border-radius: 8px;
	margin-right: 20px;
}

.tabright1 input {
	width: 290px;
}

.tabright2 {
	position: relative;
}

.tabright2 input {
	width: 360px;
}

.tabright2 img {
	position: absolute;
	top: 15px;
	right: 36px;
}

.layui-form-active .layui-btn1 {
	width: 380px;
	background-color: #c2272d;
	color: #fff;
	margin-right: 0;
}

.CustomDesign_collect2 {
	background-color: #fff;
}

.CustomDesign_collect2 .layui-form-active table tr input {
	border: 1px #9f9f9f solid;
	color: #9f9f9f;
}

.CustomDesign_collect2 .layui-form-active .layui-btn1 {
	width: 250px;
	color: #fff;
	margin-left: 20px;

}


.CustomDesign_collect2 .collect1_box {
	width: 1222px;
	margin: 0 auto;
	height: 200px;
}
.CustomDesign_collect2 p{
	font-size: 14px;
	text-align: right;
	margin-right: 45px;
	color: #9f9f9f;
	padding-top: 10px;
	}
/*  装修模式选择 */
.mode_xz {
	width: 100%;
	background-color: #fff;
	min-width: 1200px;
}

.mode_xz .mode_xz_mian {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 100px;
}

.mode_xz .mode_xz_mian h1 {
	font-size: 62px;
	color: #333333;
	text-align: center;
	font-family: "宋体";
	padding: 100px 0 10px;
}

.mode_xz .mode_xz_mian p {
	font-size: 38px;
	color: #939393;
	text-align: center;
	font-family: "宋体";
	font-weight: 600;
	padding-bottom: 40px;

}

.mode_xz .mode_xz_mian ul {
	float: left;
	font-size: 20px;


}

.mode_xz .mode_xz_mian ul li {
	width: 200px;
	padding: 0 60px;
	height: 83px;
	margin-left: 15px;
	text-align: center;
	padding-top: 32px;
}

.mode_xz .mode_xz_mian ul li img {
	padding-top: 16px;
}

.mode_xz .mode_xz_mian .mode_xx li {
	width: 180px;
	height: 115px;
	margin-left: 0;
	padding: 0;
	line-height: 115px;

}

.mode_xz .mode_xz_mian .mode_xx li:nth-child(even),
.mode_xz .mode_xz_mian .mode_xx2 li:nth-child(even) {
	background-color: #f2f2f2;
	color: #000;

}

.mode_xz .mode_xz_mian .mode_xx li:nth-child(odd),
.mode_xz .mode_xz_mian .mode_xx2 li:nth-child(odd) {
	background-color: #e6e6e6;
	color: #000;


}


.mode_xz .mode_xz_mian .mode_xx1 li:nth-child(even),
.mode_xz .mode_xz_mian .mode_xx3 li:nth-child(even) {
	background-color: #006837;
	color: #fff;

}

.mode_xz .mode_xz_mian .mode_xx1 li:nth-child(odd),
.mode_xz .mode_xz_mian .mode_xx3 li:nth-child(odd) {
	background-color: #197f4c;
	color: #fff;

}

.vs_icon {
	position: relative;
}

.vs_icon::before {
	position: absolute;
	top: -5px;
	right: 252px;
	display: block;
	content: "";
	width: 143px;
	height: 129px;
	background: url(../images/mode_xz3.png) no-repeat;
}

.vs_icon::after {
	position: absolute;
	top: -5px;
	right: -84px;
	display: block;
	content: "";
	width: 143px;
	height: 129px;
	background: url(../images/mode_xz3.png) no-repeat;
}

/* 半包 */
.mode_mian .mode_bb {
	width: 100%;
	height: 390px;
	background: url(../images/mode_bb.jpg) no-repeat;
	background-size: cover;
}

.mode_mian .mode_bb .mode_bb_mian {
	width: 1200px;
	margin: 0 auto;
	color: #fff;
}

.mode_mian .mode_bb .mode_bb_mian h1 {
	font-size: 64px;
	padding: 60px 0 10px;
}

.mode_bb_mian ul li {
	float: left;
	font-size: 36px;
	padding: 6px 14px;
	background-color: #006837;
	margin-right: 34px;
	margin-bottom: 20px;
}

.mode_bb_mian i {
	font-size: 26px;
	font-weight: 400;
	letter-spacing: 10px;
}

/* 细节工艺 */

.mode_xjgy {
	width: 100%;
	height: 1940px;
	background: url(../images/mode_xjgy-bg.jpg);
	background-size: cover;
}

.mode_xjgy_mian {
	width: 1319px;
	margin: 0 auto;
}

.mode_xjgy_mian h1 {
	font-size: 54px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	padding: 80px 0 60px;
}

.xjgy1,
.xjgy2 {
	float: left;
}

.xjgy1 img,
.xjgy2 img,
.xjgy3 img {
	display: block;
	float: left;
	height: 236px;


}

.xjgy1 div,
.xjgy2 div,
.xjgy3 div {
	width: 264px;
	height: 236px;
	float: left;
	background-color: #1b7f4b;
}

.xjgy1 div h2 {
	width: 56px;
	margin: 0 auto;
	font-size: 30px;
	text-align: center;
	color: #1b7f4b;
	background-color: #fff;
	margin-top: 34px;
	margin-bottom: 18px;
}

.xjgy1 div p {
	font-size: 24px;
	color: #fff;
	text-align: center;
}

.xjgy2 div {
	background-color: #999999;
}

.xjgy2 div h2 {
	width: 56px;
	margin: 0 auto;
	font-size: 30px;
	text-align: center;
	color: #1b7f4b;
	background-color: #fff;
	margin-top: 34px;
	margin-bottom: 18px;
}

.xjgy2 div p {
	font-size: 24px;
	color: #fff;
	text-align: center;
}

.xjgy3 img {
	width: 792px;

}

.xjgy3 div {
	width: 524px;
}

.xjgy3 div h2 {
	width: 56px;
	margin: 0 auto;
	font-size: 30px;
	text-align: center;
	color: #1b7f4b;
	background-color: #fff;
	margin-top: 34px;
	margin-bottom: 18px;
}

.xjgy3 div p {
	font-size: 24px;
	color: #fff;
	text-align: center;
}

.cailiao_mian ul li {
	width: 250px;
	float: left;
	margin-right: 17px;
}

.cailiao_mian ul li>img {
	width: 100%;
	display: block;
}

.cailiao_mian ul li:last-child {
	margin-right: 0;
}

.cailiao_mian ul li div {
	width: 100%;
	height: 300px;
	background-color: #fff;
	margin-top: 20px;
}

.cailiao_mian ul li div h3 {
	font-size: 18px;
	padding-top: 16px;
	padding-bottom: 8px;
	padding-left: 20px;
}

.cailiao_mian ul li div h4 {
	position: relative;
	padding-left: 34px;
	color: #b89567;
	font-size: 15px;
	padding-bottom: 6px;
}

.cailiao_mian ul li div h4:before {
	position: absolute;
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	top: 6px;
	left: 20px;
	background: url(../images/mode_cl01.png);
}

.cailiao_mian ul li div p {
	position: relative;
	padding-left: 34px;
	font-size: 13px;
	color: #595757;
	padding-bottom: 10px;
	line-height: 20px;

}

.cailiao_mian ul li div p::before {
	position: absolute;
	display: block;
	content: "";
	width: 9px;
	height: 12px;
	top: 3px;
	left: 20px;
	background: url(../images/mode_cl02.png);
}

/* 全包 */
.mode_mian .mode_qb {
	width: 100%;
	height: 488px;
	background: url(../images/mode_zz.jpg) no-repeat;
	background-size: cover;
}

.mode_qb_mian {
	width: 100%;
	height: 1268px;
	background: url(../images/mode_qb-bg.jpg)no-repeat;
	background-size: cover;
}

.mode_qb_mian h1 {
	font-size: 54px;
	color: #fff;
	text-align: center;
	padding-top: 20px;
}

.mode_qb_mian p {
	font-size: 36px;
	padding-top: 10px;
	padding-bottom: 90px;
	color: #fff;
	text-align: center;
}

.qb_mian {
	width: 1200px;
	height: 483px;
	margin: 0 auto;
	position: relative;
}

.qb_mian ul {
	position: relative;

}

.qb_mian ul li {

	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	transition: all 0.6s;

}

.qb_mian ul li.active {
	opacity: 1;
}

.qb_mian_list ul {
	width: 1200px;
	margin: 220px auto 0;

}

.qb_mian_list ul li {
	float: left;
	width: 220px;
	height: 220px;
	background-color: #204a36;
	border-radius: 50%;
	border: #658061 solid 1px;
	margin-right: 22px;
}

.qb_mian_list ul li:last-child {
	margin-right: 0;
}

.qb_mian_list ul li h2 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding-top: 50px;
}

.qb_mian_list ul li p {
	font-size: 22px;
	color: #fff;
	font-weight: 300;
	text-align: center;
}

/* 定制设计 */
.dzsj {
	width: 100%;
	background-color: #fff;
}

.dzsj h1 {
	font-size: 50px;
	color: #343434;
	text-align: center;
	padding: 18px 0 60px;
}

.dzsj_box {
	width: 1300px;
	margin: 0 auto;
}

.dzsj_box_t li {
	float: left;
	margin-right: 30px;
}

.dzsj_box_t li:last-child {
	margin-right: 0;
}

.dzsj_box_t li img {
	width: 635px;
	height: 274px;
	display: block;
	background-color: #006837;
}

.dzsj_box_t li div {
	height: 190px;
	margin-top: 26px;
	background-color: #999999;
}

.dzsj_box_t li div h3 {
	font-size: 28px;
	color: #fff;
	text-align: center;
	padding: 40px 0 30px;

}

.dzsj_box_t li div p {
	font-size: 20px;
	color: #fff;
	text-align: center;
}

.dzsj .dzsj_box>p {
	font-size: 20px;
	text-align: center;
	color: #4c4c4c;
	padding: 40px 0;
}

.dzsj_box_b li {
	float: left;
	margin-right: 23px;
}

.dzsj_box_b li img {
	width: 418px;
	height: 274px;
	display: block;
	background-color: #006837;
}

.dzsj_box_b li div {
	width: 418px;
	height: 284px;
	margin-top: 26px;
	background-color: #999999;
}

.dzsj_box_b li div h3 {
	font-size: 28px;
	text-align: center;
	color: #fff;
	padding: 50px 0 30px;
}

.dzsj_box_b li div p {
	font-size: 20px;
	color: #fff;
	text-align: center;
}

.dzsj_box_b li:last-child {
	margin-right: 0;
}

/* 澳华售后 */

.mode_sh {
	width: 100%;
	height: 536px;
	background: url(../images/mode_sh.jpg);
	background-size: cover;
}

.mode_sh h1 {
	font-size: 50px;
	text-align: center;
	padding: 60px 0;
}

.mode_sh ul {
	width: 1300px;
	margin: 0 auto;
}

.mode_sh ul li {
	float: left;
	margin-right: 120px;
}

.mode_sh ul li:last-child {
	margin-right: 0;
}

.mode_sh ul li img {
	width: 70px;
	display: block;
	margin: 0 auto;
}

.mode_sh ul li h2 {
	text-align: center;
	font-size: 24px;
	color: #333333;
	font-weight: 400;
	padding: 30px 0 10px;
}

.mode_sh ul li p {
	text-align: center;
	font-size: 16px;
	color: #666666;
}

.qb_mian ol li {
	position: absolute;
	z-index: 111;
	top: 60%;
	width: 30px;
	height: 100px;
	background-color:rgba(0, 0, 0, 0.8);
}
.qb_mian ol li img{
	width: 18px;
	display: block;
	margin: 34px auto 0;
	
}
.qb_mian ol .bt_prev {
	left:50px;
}

.qb_mian ol .bt_next {
	right: 0;
}