/*产品详情*/
.pro_banner_box{
	position: absolute;
	text-align: center;
	/*left: 50%;
	transform: translateX(-50%);*/
	bottom: 60px;
	width: 100%;
}
.pro_banner_box_info{
	display: inline-block;
}
.pro_banner_box a{
	display: inline-block;
	font-size: 20px;
	color: #535353;
	min-width: 146px;
	height: 52px;
	padding:0 20px;
	line-height: 52px;
	background-color: rgba(255,255,255,0.8);
	margin: 0 13px;
	border-radius: 4px;
}
.pro_banner_box a.act{
	background-color: #dfa245;
	color: #fff;
}
.pro_del_l{
	position: relative;
}
.pro_del_f{
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
}
.pro_del_f h3{
	color: #fff;
}
.pro_del_f h3.en{
	font-size: 36px;
	padding-bottom: 5px;
}
.pro_del_f h3.eg{
	font-size: 20px;
	text-transform: uppercase;
}
.pro_del_f_info{
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 65px;
}
.pro_del_f_info span{
	display: block;
	width: 83px;
	height: 3px;
	background-color: #f9b84c;
	margin-top: 18px;
}
.pro_del_t_r{
	padding: 0 46px;
	margin-left: 359px;
}
.pro_del_t_r h3{
	font-size: 20px;
	font-weight: bold;
	padding: 30px 0;
}
.pro_del_t_r p{
	font-size: 16px;
	line-height: 30px;
}
.pro_del_pic_box{
	position: relative;
	padding: 15px;

}

.pro_del_wrap .bgfff{margin-bottom:38px;}
.pro_del_wrap .productDetail{width: 818px;height: 600px; overflow: hidden;}

.pro_del_pic{
	width: 818px;
	height: 600px;
	background-position: center center;
	background-repeat: no-repeat;
}
.pro_del_pic_detail{
	margin-left: 818px;
	padding-left: 16px;
	padding-right: 20px;
}
.pic_btn{
	display: inline-block;
	position: absolute;
	top: 50%;
	width: 47px;
	height: 67px;
	background: center url(../images/proPic_icon1.png) no-repeat rgba(255,255,255,0.7);
	z-index: 999;
	transform: translateY(-50%);
	cursor: pointer;
}
.pic_prev{
	-moz-transform:rotate(180deg) translateY(50%); 
 	-webkit-transform:rotate(180deg) translateY(50%);
	transform:rotate(180deg) translateY(50%);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	left: 36px;
}
.pic_next{
	left: 760px;
}
.pic_btn.dis{
	opacity: 0.5;
}
.pro_del_pic_detail{
	padding-top: 30px;
}
.pro_del_pic_detail h4{
	font-size: 20px;
	padding-bottom: 14px;
	border-bottom: 1px solid #e7e7e7;
}
.pd_detail p{
	font-size: 14px;
	margin-bottom: 15px;
}
.pd_detail{
	margin-top: 28px;
}
.pd_detail .point{}
.pd_detail .point p{margin-bottom: 6px;}

.page-btn-cont{ overflow: hidden;}
.page-btn-cont .btn-left{float: left; }
.page-btn-cont .btn-right{float: right;}
.page-btn-cont span{font-size: 17px;}
.page-btn-cont a:hover{color:#f0b44b;}
.pb93{
	padding-bottom: 93px;
}
.pt64{
	padding-top: 64px;
}
/*产品中心*/
.fullScreen{
	width: 100%;
	height: 100%;
	min-height:700px;
	position: relative;
}
.img_fullScreen{
	width: 100%;
	height: 100%;
	position: absolute;
	background-position: center top;
  
	background-size: cover;
}
.indro_info{
	margin-left: 720px;
	padding: 60px 44px 0 39px;
}
.indro_info h3{
	font-size: 28px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d9d9d9;
}
.indro_info_sect p{
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 1px;
	line-height: 30px;
    margin-bottom: 10px;
}
.pro_explain{
	margin-top: 2%;
}
.pro_explain_l{
	position: relative;
	background-color: #f7f7f7;
	min-height: 275px;
	width: 425px;
}
.mar12{
	margin-right: 12.5px;
	width: 425px;
}
.mab8{
	margin-bottom: 8px;
}
.pro_explain_l:nth-child(3){
	margin-right: 0;
}
.mon_block,.mon_block_b{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}
.mon_block{
	background-color: rgba(229,229,229,0.5);
}
.mon_b_c{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.mon_b_c h4,.sofa_exp h4{
	font-size: 40px;
	font-weight: bold;
	display: inline-block;
}
.mon_b_c h5{
	font-size: 30px;
	margin-bottom: 24px;
}
.mon_b_c p{
	font-size: 14px;
	white-space: nowrap;
	margin-bottom: 10px;
}
.mon_b_c p:last-child{
	margin-bottom: 0;
}
.proIcon{
	display: inline-block;
	background-image: url(../images/proIcon_sprite.png);
	vertical-align: bottom;
	margin-left: 10px;
}
.proIcon_design{
	width: 40px;
	height: 42px;
	background-position: 0 0;
}
.proIcon_service{
	width: 62px;
	height: 45px;
	background-position: -143px 0;
}

.proIcon_pinzhi{
	width: 50px;
	height: 44px;
	background-position: -143px 0;
 }
 
.proIcon_jia{
	width: 10px;
	height: 10px;
	background-position: 0 -69px;
	vertical-align: middle;
	margin-right: 6px;
	margin-left: 0;
}
.pro_title{
	text-align: center;
	padding: 48px 0;
}
.pro_arr{
	width: 100%;
	height: 70px;
	background-color: #707070;
	text-align: center;
}
.pro_arr ul{
	display: inline-block;
}
.pro_arr li{
	float: left;
	font-size: 16px;
	color: #fff;
	width: 162px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	position: relative;
}
.pro_arr li.act{
	background-color: #f9b84c;
}
.pro_arr li:after{
	position: absolute;
	display: inline-block;
	content: "";
	clear: both;
	width:0;
	height:0;
	border-right: 32px solid transparent;
	border-left: 32px solid transparent;
	border-top: 32px solid #f9b84c;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	z-index: 3;
}
.pro_arr li.act:after{
	/* display: block; */
}
.pro_arr li span{
	display: inline-block;

	text-align: center;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
	position: relative;
	z-index: 2;
}
.pro_title h2{
	font-size: 30px;
}
.pro_title h2 em{
	color: #cbcbcb;
}
.pro_list{
	height: 60px;
	width: 100%;
	background: #f7f7f7;
	box-shadow: 1px 1px 3px #efefef;
}
.pro_slide{
	width: 1680px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	display: none;
}
.pro_slide.act{
	display: block;
}
.pro_slide_container{
	width: 100%;
	height: 100%;
}
.pro_slide_container .sub-category.center{
	justify-content: center;
}
.pro_slide_container .swiper-slide{
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	text-align: center;
	width:auto;
	display: inline-block;
	
}
.pro_slide .pro_btn2.swiper-button-next{
	right: -40px;
	background-image: url(../images/proN.png);
}
.pro_slide .pro_btn2.swiper-button-prev{
	left: -40px;
	background-image: url(../images/proP.png);
}
.pro_slide .pro_btn2{
	width: 10px;
	height: 20px;
	background-position: center;
	background-size: 10px 20px;
	margin-top: -10px;
}
.pro_slide .swiper-button-prev.swiper-button-disabled{
	background-image: url(../images/proP_dis.png);
}
.pro_slide .swiper-button-next.swiper-button-disabled{
	background-image: url(../images/proN_dis.png);
}

.pro_slide_container .swiper-slide a{
	display: inline-block;
	height: 60px;
	box-sizing: border-box;
}
.pro_slide_container .swiper-slide a:hover{
	color: #f9bf60;
	border-bottom: 1px solid  #f9bf60;
}

.pro_slide_container .swiper-slide a.selected{
	color: #f9bf60;
	border-bottom: 2px solid  #f9bf60;
}
.pro_slide_con{
	width: 1680px;
	margin: 0 auto;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	text-align: center;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.pro_slide_con ul{
	position: absolute;
	left: 0;
	width: auto;
	margin: 0 auto;
}
.pro_slide_con li{
	float: left;
	width: 120px;
	text-align: center;
}
.pro_slide_con li a{
	display: inline-block;
	height: 60px;
	box-sizing: border-box;
}
.pro_slide_con li a:hover{
	color: #f9bf60;
	border-bottom: 1px solid  #f9bf60;
}
.pro_slide_con li a.act{
	color: #f9bf60;
	border-bottom: 1px solid  #f9bf60;
}
.pro_slide button.pro_btn{
	background-color: inherit;
	position: absolute;
	top: 40%;
	border: solid #878686;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 6px;
	z-index: 2;
	display: none;
}
.pro_btn.preBtn{
	transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
	left: -40px;
}
.pro_btn.nextBtn{
	right: -40px;
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.pro_slide .pro_btn.on{
	cursor: pointer;
	border-color: #f0b44b;
}
.pro_swiper .swiper-slide{
	width: 100%;
	height: 500px;
	background-position: center center;
}
.pro_swiper .swiper-pagination-bullet{
	background: none;
	border: 1px solid #fff;
	opacity: 1;
	width: 11px;
	height: 11px;
	margin: 0 8px ;
}
.pro_swiper .swiper-pagination-bullet-active{
	background: #f0b44b;
	border: none;
	width: 12px;
	height: 12px;
}
.pro_pic_l{
	/* margin-top: 40px; */
}
.pro_pic_l .grid{
	float: left;
	margin-right: 33px;
	margin-bottom: 35px;
	position: relative;
}
.pro_pic_l .grid .imgholder{
	background-repeat: no-repeat;
background-position: center;
}
.pro_pic_l .grid img{width:300px;height:220px;}
.pro_pic_l .grid:nth-child(4n){
	margin-right: 0;
}
.pro_pic_l .grid a{
	display: block;
}
.conholder{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	display: none;
}
.pro_pic_l .grid .conholder:hover{}
.conholder a{
	display: block;
	width: 108px;
	height: 38px;
	color: #f8c776;
	font-size: 14px;
	border: 1px solid #f8c776;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	line-height: 38px;
}
.more_pro{
	font-size: 18px;
	color: #535353;
	text-align: center;
	padding-bottom: 35px;
	margin-top:20px;
}
.indro_info_sect p.pl26{
	position: relative;
	padding-left: 26px;
}
.indro_info_sect p i.i_block{
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #535353;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.indro_info_sect{
	margin-top: 40px;
}
.proIcon_solid{
	width: 38px;
	height: 44px;
	background-position: 0 -100px;
}
.sofa_exp{
	margin-bottom: 22px;
}
.sofa_exp h5{
	font-size: 26px;
	letter-spacing: 3px;
	/* padding-top: 10px; */
	padding-bottom: 15px;
}
.sofa_exp p{
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 1px;
}
.sofa_t dl{
	text-align: center;
	margin-top: 5px;
}
.sofa_t dd{
	font-size: 12px;
	margin-top: 16px;
}
.proIcon_trust{
	width: 40px;
	height: 44px;
	background-position: -61px -100px;
}
.proIcon_comfort{
	width: 68px;
	height: 44px;
	background-position: -143px -100px;
}
.proIcon_security{
	width: 32px;
	height: 41px;
	background-position: -143px -159px;
	
}
.indro_info.cappuccino_info{
	padding-top: 36px;
}
.cappuccino_info .indro_info_sect{
	margin-top: 32px;
}
.cappuccino_info .indro_info_sect h4{
	font-size: 26px;
	margin-bottom: 10px;
}
.cappuccino_info .indro_info_sect p{
	line-height: 25px;
	font-size: 14px;
}
.indro_info .h3_bold{
	font-size: 30px;
	font-weight: bold;
}
.hkd_c h3{
	font-size: 26px;
}
.hkd_c p{
	font-size: 14px;
	line-height: 25px;
}
.hkd_c{
	position: relative;
}
.hkd_c_c{
	padding-top: 80px;
	padding-left: 20px;
	max-width: 324px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.hkd_bg_w_b{
	width: 325px;
	height: 599px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 70px;
	padding-left: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.hkd_bg_w_info h4{
	font-size: 24px;
	margin-bottom: 25px;
}
.hkd_bg_w_info p{
	font-size: 14px;
	line-height: 30px;
}
.hkd_bg_c_t{
	position: relative;
}
.hkd_bg_c_t .hkd_bg_c_info{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
}
.hkd_bg_c_info dl{
	display: inline-block;
	color: #fff;
}
.hkd_bg_c_info dt{
	margin-bottom: 16px;
}
.hkd_bg_c_b{
	padding: 38px 28px 0 28px;
}
.swiper_p_b{
	width: 100%;
	position: absolute;
	bottom: 4px;
	margin: 0 auto;
	text-align: center;
}
.swiper_p_b_c{
	display: inline-block;
	width:100%;
	height: 26px;
	text-align: center;
	background-color: rgba(112,112,112,0.1);
	border-radius: 6px;
}
.swiper-pagination{
	background-color: rgba(112,112,112,0.1);
	border-radius: 10px;
	display: inline-block;
	padding: 4px;
}
.proIcon_material{
	width: 45px;
	height: 40px;
	background-position: 0px -159px;
}
.proIcon_techniqu{
	width: 45px;
	height: 40px;
	background-position: -61px -159px;
}

/*拎包入住*/
.lingbao .jiajie p{ text-align: center;}
.lingbao .jiajie .lb-span{width:800px;display:inline-block; text-align: initial;text-indent: 2em;}
.lingbao .youshi{padding-left: 220px;}
.lingbao .youshi p{ width:500px;    display: inline-block;}
.lingbao .youshi .lb-span{display:inline-block; text-align: initial;}

.bc_t_t{
	text-align: center;
	width: 100%;
	margin-top: 128px;
	margin-bottom: 42px;
}
.bc_t_a{
	color: #0e0b0b;
	font-size: 19px;
	display: inline-block;
}
.bc_t_a:first-child{
	padding-right:36px;
}
.bc_t_a.act{
	color: #f9b84c;
}
.dis-ib .br:after{
	display: block;
	content: "";
	border-right: 1px solid #7e7e7e;
	display: inline-block;
	height: 14px;
	padding-left: 36px;
}
.bc_t_a.on{
	color: #f9b84c;
}

.case_grid{
	float: left;
	width: 24%;
	overflow: hidden;
	margin-right: 16px;
	margin-bottom: 40px;
}
.case_grid p a:hover{
	color:#f9b84c;
}
.case_grid:nth-child(4n){
	margin-right: 0;
}
.case_bg{
	width: 100%;
	height: 218px;
	background-position: center center;
	position: relative;
	display: inline-block;
}
.case_bg img{display: block;width:100%;}
.case_hover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	opacity: 0;
	transition: all 0.3s ease;
	cursor: pointer;
}
.case_hover_c{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.case_hover_c img{width:100px; height: auto;}
.case_hover_c p{margin-top:5px;}
.case_hover:hover{
	opacity: 1;
}
.bc_plays_l{padding: 0 5%;margin: 3% 0;}
.bc_pro_p{
	text-align: center;
}
.bc_pro_p.mt40{
	margin-top: 40px;
}
.bc_pro_p .swiper-pagination-bullet{
	margin: 0 4px;
}
.bc_pro_p_c{
	display: inline-block;
	background-color: #F7F7F7;
	padding: 0 25px;
	height: 30px;
	line-height: 30px;
}
.bc_plays_l li{
	width: 25%;
	float: left;
	min-height: 100px;
	text-align: center;
	padding: 10px 0;
}
.case_w{
	display: none;
	height: 618px;
}
.case_w:first-child{
	display: block;
}
.h540{
	height: 548px;
	overflow: hidden;
}


.pro_container{
	height: 100%;
}

.mab0{
	margin-bottom: 0;
}
.pat78{
	padding-top: 2.5%;
}
.pab67{
	padding-bottom: 67px;
}
.mat0{
	margin-top: 0 !important;
}
.mab28{
	margin-bottom: 28px;
}

.pab22{
	padding-bottom: 22px;
}
.mab29{
	margin-bottom: 29px;
}
.mar99{
	margin-right: 7%;
}
.bgeee{
	background-color: #eeeeee;
}
.pal19{
	padding-left: 19px;
}
.mar42{
	margin-right: 42px;
}
.mab20{
	margin-bottom: 20px;
}

.fixed1 {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
   }
   .fixed2{
	position: fixed;
	z-index: 2;
	top: 70px;
	left: 0;
	width: 100%;
	box-shadow: 0 4px 5px 0px #ccc
   }
   .fz14{
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	padding-top: 14px;
}   

@media screen and ( max-width: 1780px){
	.pro_slide{
		width: 1560px;
	}
	.pro_slide_con{
		width: 1560px;
	}
}
@media screen and (max-width: 1600px){
	.pro_slide{
		width: 1440px;
	}
	.pro_slide_con{
		width: 1440px;
	}

	.a_banner_top.fullScreen{
		height: inherit !important;
	}
	/*适合1500以内 中间内容1200*/
	
	.a_contain{
		width:1200px;
	}
	.content100 .serviceInfo{
		width:1200px;
	}
	.content100 .serviceInfo .pontList li .info p{
		font-size:12px;
	}
	.content100 .brandSlide{
		width:1320px;
		margin-left: -660px;
		padding: 60px 60px 40px;
	}
	.content100.dignzhi .sofoGoodPoit{
		height: 1000px;
	}
	.content100 .sofoGoodPoit .pointBox{
		width: 1200px;
	}
	.content100.dignzhi .iconList .iconBox{
		margin-right: 246px;
	}
	.pro_pic_w .a_contain{
		width:1300px;
	}

	/*金骑士*/
	.content100.jinqishi .brandSlide .info p{
		font-size:13px;
		margin-bottom: 8px;
		line-height: 20px;
	}
	.content100.jinqishi .brandSlide .info{
		padding: 40px 40px;
	}
	.content100.jinqishi .brandSlide .info .line{
		margin-bottom: 25px;
	}

	/*成品套房*/
	.a_contain.jiaju{
		width:1300px;
	}
}
@media screen and (max-width: 1367px){
	.pro_slide{
		width: 1200px;
	}
	.pro_slide_con{
		width: 1200px;
	}
}
@media screen and (max-width: 1280px){
	.pro_slide{
		width: 1100px;
	}
	.pro_slide_con{
		width: 1100px;
	}
}
