@charset "utf-8";
/* CSS Document */

.hd_box{
	margin:80px 90px 0;
}
.hd_box .hdtl{
	font-size:24px;
	color:#a77c52;
	border-left:4px solid #a77c52;
	padding-left:12px;
	line-height:1;
	margin-bottom:35px;
	font-weight:bold;
}
.hd_box .hdbd{
	text-align:center;
}
.hd_box .hdbd{
	text-align:center;
}
#xmts{
}
#xmts .hdbd img{
	margin-bottom:30px;
}
#zshx .hdbd ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
#zshx .hdbd li{
	width:439px;
	margin:0 20px 36px;
}
#zshx .hdbd li img{
	width:439px;
	height:296px;
}
#zshx .hdbd .mj{
	font-size:20px;
	margin:20px 0 0;
}
#zshx .hdbd .jg{
	font-size:20px;
	color:#f15a25;
	margin:0 0 0;
}
#zshx .hdbd .jg strong{
	font-size:36px;
}
#zbss{
	margin-bottom:120px;
}
#xmgk dl{
	margin-left:16px;
	text-align:left;
	font-size:18px;
	line-height:2;
}
#xmgk dl.pm1{
	display:flex;
	flex-wrap:wrap;
	width:700px
}
#xmgk dt{
	width:350px;
	margin-bottom:10px;
}
#xmgk dd{
	margin-bottom:10px;
}
.hd_tabs{
	margin:0 auto;
}
.hd_tabs ul{
}

.hd_tabs ul{
	display:flex;
	margin:30px 0;
}
.hd_tabs li{
	margin-right:39px;
	cursor:pointer;
}
.hd_tabs li{
	    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 300;
    color: #666;
	border-bottom:2px solid #fff;
	line-height:36px;
	display:block;
}
.hd_tabs li.on, .hd_tabs li:hover{
	color: #a37c51;
	border-bottom:2px solid #a37c51;
}

#hs_detail .h1{
	font-size:24px;
	font-weight:500;
}
#hs_detail .summary{
	font-size:16px;
	margin:5px 0 0;
}
#hs_detail .hd_box{
	margin-top:45px;
}
.mix_box_2{
	display:flex;
	justify-content:space-between;
}
.mix_box_2 .hpics{
	width:750px;
}
.mix_box_2 .hpics dt{
}
.mix_box_2 .hpics dd{
	display:flex;
	justify-content:space-between;
	margin:10px 0 0;
}
.mix_box_2 .hpics dd .mid{
	width:635px;
}
.mix_box_2 .pms{
	flex: 1;
	margin:0 0 0 45px;
}
.mix_box_2 .pm_01{
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#f15a25;
	font-size:20px;
	padding:15px 0 20px;
	border-bottom:1px solid #d9d9d9;
}
.mix_box_2 .pm_01 .price{
}
.mix_box_2 .pm_01 .price strong{
	font-size:36px;
}
.mix_box_2 .pm_01 .sort{
	border:1px solid #f15a25;
	border-radius:17px;
	line-height:34px;
	padding:0 1em;
}
.mix_box_2 .pm_02{
	font-size:16px;
	display:flex;
	justify-content:space-between;
	margin:25px 0 0;
}
.mix_box_2 .pm_02 dl{
	text-align:center;
	width:33.33%
}
.mix_box_2 .pm_02 dt{
	color:#f15a25;
	font-size:22px;
}
.mix_box_2 .pm_02 dd{
}
.mix_box_2 .pm_03{
	font-size:16px;
	margin:35px 0 0;
	line-height:3;
}
.mix_box_2 .ct_02{
	text-align:center;
	margin:36px 0 0;
}
.mix_box_2 .ct_02 a{
}

#erf_param{
	margin-top:60px;
}
#erf_param h3{
	font-size: 24px;
    color: #a77c52;
    border-left: 4px solid #a77c52;
    padding-left: 12px;
    line-height: 1;
    margin-bottom: 35px;
    font-weight: bold;
}
#erf_param .other{
	font-size:16px;
	border:1px solid #cccccc;
}
#erf_param .other dl{
	display:flex;
	border-bottom:1px solid #e6e6e6;
}
#erf_param .other dt{
	background:#f4f2f3;
	width:150px;
	padding:15px 20px;
}
#erf_param .other dd{
	padding:15px 20px;
	flex: 1;
}
@media(max-width:767px) {
	#hs_detail{
		margin:0 20px;
	}
	#hs_detail .h1{
		font-size:22px;
	}
	#hs_detail .summary{
		font-size:14px;
	}
	.mix_box_2{
		display:block;
	}
	.mix_box_2 .hpics{
		width:inherit;
	}
	.mix_box_2 .hpics{
		width:100%;
	}
	.mix_box_2 .pms{
		margin:20px 0 0;
	}
	.hd_tabs li{
		margin-right:12px;
		white-space:nowrap;
	}
	.hd_box{
		margin:30px 0 0;
	}
	#xmgk dl{
		margin-left:0;
	}
	#xmgk dt{
		width:inherit;
	}
	#xmgk dl.pm1{
		width:inherit;
		display:block;
	}
	#erf_param .other dt{
		width:80px;
	}
	.gallerys{
		margin:0 10px!important;
	}
	.gallerys li{
		width:calc((100vw - 20px))!important;
		margin:0 10px 10px!important;
	}
	.gallerys li img{
		width:inherit!important;
		height:inherit!important;
	}
	.hd_box .hdbd video{
		width:100%;
		height:auto!important;
	}
}