.layout {
	overflow:hidden;
	padding-top:6.25rem;
	position:relative;
}
.wrap {
	width:87.5rem;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:12;
	background:#fff;
}
.layout.active .header {
	box-shadow:0 0.10416666666666667rem 0.20833333333333334rem 0 rgba(80,80,80,0.1);
}
.layout.active .header .wrap {
	border-bottom:none;
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:0.052083333333333336rem solid #dedede;
}
.header .logo img {
	height:2.34375rem;
	display:block;
}
.naver ul {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.naver li a {
	font-size:0.9375rem;
	line-height:6.25rem;
	color:#333333;
	display:block;
	text-transform:uppercase;
	padding:0 0.5208333333333334rem;
}
.naver li {
	margin-left:3.125rem;
	position:relative;
}
.naver li:before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	width:0;
	height:0.052083333333333336rem;
	background:#595959;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.naver li:hover:before,.header .naver li.on:before {
	width:100%;
}
.banner img {
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	border-radius:1.0416666666666667rem;
}
.banner {
	margin-top:2.3958333333333335rem;
}
.copyright {
	background:#f7f8f9;
	padding:1.3541666666666667rem 0;
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#999999;
	text-align:center;
}
.copyright a {
	color:#999999;
}
.footer .wrap {
	border-top:0.052083333333333336rem solid #dedede;
	padding:4.166666666666667rem 0;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.footer .logo img {
	height:2.34375rem;
	display:block;
}
.footer .lts p {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#666666;
	margin:2.0833333333333335rem 0;
}
.footer .lts {
	max-width:30.208333333333336rem;
}
.footer .lts ul {
	display:flex;
	flex-wrap:wrap;
}
.footer .lts li img {
	height:1.1458333333333335rem;
	display:block;
	opacity:0.2;
}
.footer .lts li:hover img {
	opacity:1;
}
.footer .lts li {
	margin-right:0.8333333333333334rem;
}
.footer .rts {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	width:50%;
	padding-left:2.0833333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.footer .nav dd a {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#212121;
	display:block;
	text-transform:uppercase;
}
.footer .nav dd {
	margin-bottom:0.625rem;
}
.footer .conts h4 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#333333;
	font-weight:bold;
	margin-bottom:1.0416666666666667rem;
}
.footer .conts h6 {
	display:flex;
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#666666;
	margin-bottom:0.5208333333333334rem;
}
.footer .conts h6 .icon {
	height:0.78125rem;
	display:block;
	margin-right:0.5208333333333334rem;
	margin-top:0.3125rem;
}
.footer .conts h6 a {
	color:#666666;
}
.footer .conts h6 span {
	display:block;
}
.footer .conts {
	max-width:20.833333333333336rem;
}
.faq {
	padding:4.6875rem 0 6.25rem;
}
.pad {
	padding:0 12.5rem;
}
.faq li {
	margin-bottom:1.8229166666666667rem;
}
.faq .tps {
	border-bottom:0.052083333333333336rem solid #cccccc;
	cursor:pointer;
	padding-bottom:1.1458333333333335rem;
	display:flex;
	align-content:center;
	justify-content:space-between;
}
.faq h3 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#000000;
	font-weight:bold;
	max-width:88%;
}
.faq i {
	width:1.5625rem;
	height:1.5625rem;
	display:block;
	background:url(../images/qw1.png) no-repeat center/1.0416666666666667rem auto;
}
.faq .txt {
	padding:0.9375rem 0;
	font-size:0.9375rem;
	line-height:1.7;
	color:#666666;
	display:none;
}
.faq li.on i {
	background:url(../images/qw1-1.png) no-repeat center/1.0416666666666667rem auto;
}
.privacy {
	padding:4.6875rem 0 5.208333333333334rem;
}
.privacy h2 {
	font-size:1.875rem;
	line-height:1.6;
	color:#212121;
	font-weight:bold;
	text-align:center;
}
.privacy .txt {
	background:#f7f8f9;
	padding:2.0833333333333335rem;
	border-radius:1.0416666666666667rem;
	font-size:0.9375rem;
	line-height:1.7;
	color:#1e1e1e;
	margin-top:1.6666666666666667rem;
}
.contact .tps {
	padding:4.166666666666667rem 0;
	border-bottom:0.052083333333333336rem solid #cccccc;
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
}
.contact .tbs {
	display:flex;
	justify-content:space-between;
	padding:2.604166666666667rem 0;
}
.contact .ls {
	width:calc(100% - 26.822916666666668rem);
}
.contact .rs {
	width:23.697916666666668rem;
}
.contact .rs li {
	margin-bottom:1.0416666666666667rem;
}
.contact .rs li h4 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#999999;
	text-transform:uppercase;
	margin-bottom:0.2604166666666667rem;
}
.contact .rs li .t1 {
	width:100%;
	height:3.125rem;
	background:#f7f8f9;
	border-radius:0.5208333333333334rem;
	padding:0 0.78125rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	color:#212121;
	border:none;
	box-sizing:border-box;
	font-size:0.9375rem;
}
.contact h2 {
	font-size:1.875rem;
	line-height:1.6;
	color:#212121;
	margin-bottom:1.5625rem;
	font-weight:bold;
	text-transform:uppercase;
}
.contact .rs li .t2 {
	height:10.416666666666668rem;
	resize:none;
	padding:1.0416666666666667rem;
	line-height:1.7;
}
.contact .rs .sub {
	width:8.333333333333334rem;
	height:3.125rem;
	line-height:3.125rem;
	text-align:center;
	display:block;
	background:none;
	border-radius:0.5208333333333334rem;
	background:#ce9866;
	font-size:1.0416666666666667rem;
	color:#fff;
	border:none;
	cursor:pointer;
}
.contact .map {
	height:35.41666666666667rem;
	overflow:hidden;
}
.contact dl {
	display:flex;
	width:80%;
	flex-wrap:wrap;
}
.contact .wx {
	width:7.8125rem;
	height:7.8125rem;
	border:1px solid #d6d6d6;
	border-radius:0.5208333333333334rem;
	overflow:hidden;
	padding:0.2604166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.contact .wx img {
	width:100%;
	display:block;
	height:100%;
}
.contact dd {
	margin-right:6.25rem;
}
.contact dd:last-child {
	margin-right:0;
}
.contact dd h6 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#999999;
	margin-bottom:0.5208333333333334rem;
}
.contact dd h3 {
	font-size:1.25rem;
	line-height:1.4;
	color:#333333;
}
.contact dd {
	max-width:19.791666666666668rem;
}
.pages dl {
	display:flex;
	justify-content:center;
	align-items:center;
}
.pages dd {
	margin:0 0.625rem;
}
.pages dd a {
	width:1.7708333333333335rem;
	line-height:1.7708333333333335rem;
	text-align:center;
	border:1px solid #d2d2d2;
	border-radius:50%;
	font-size:0.9375rem;
	color:#333333;
	display:block;
}
.pages dd.on a,.pages dd a:hover {
	background:#ce9866;
	border-color:#ce9866;
	color:#fff;
}
.product .list ul {
	display:flex;
	flex-wrap:wrap;
}
.product .list li {
	margin-bottom:1.3020833333333335rem;
	margin-right:1.3020833333333335rem;
	width:calc((100% - 3.90625rem)/4);
	border-radius:1.0416666666666667rem;
	overflow:hidden;
	border:1px solid #cccccc;
	border-top:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.product .list li:nth-child(4n) {
	margin-right:0;
}
.product .list li .img {
	height:13.541666666666668rem;
	overflow:hidden;
}
.product .list li .img img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.product .list li .txt {
	padding:0.7291666666666667rem 0.9375rem 1.0416666666666667rem;
}
.product .list li h3 {
	font-size:1.0416666666666667rem;
	line-height:1.5;
	color:#212121;
	font-weight:bold;
}
.product .list li p {
	font-size:0.8333333333333334rem;
	line-height:1.5;
	max-height:3em;
	color:#212121;
	margin:0.4166666666666667rem 0 0.625rem;
	overflow:hidden;
}
.product .list dl {
	display:flex;
	flex-wrap:wrap;
}
.product .list dd {
	margin-right:0.8333333333333334rem;
	display:flex;
	align-items:center;
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#999999;
}
.product .list dd:last-child {
	margin-right:0;
}
.product .list dd .icon {
	max-width:100%;
	height:auto;
	object-fit:contain;
	display:block;
}
.product .list dd span {
	display:block;
	margin-left:0.20833333333333334rem;
}
.product .list {
	margin:2.34375rem 0;
}
.product {
	padding:2.0833333333333335rem 0 4.6875rem;
}
.product .tps {
	border:1px solid #cfcfcf;
	border-radius:0.8333333333333334rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0.625rem 2.0833333333333335rem 0.625rem 1.0416666666666667rem;
}
.product .tps h6 {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#333333;
}
.product .tps h6 span {
	margin-right:0.3125rem;
}
.product .tps dl {
	display:flex;
	align-items:center;
}
.product .tps dd {
	display:flex;
	align-items:center;
	margin-right:1.3541666666666667rem;
}
.product .tps dd h4 {
	font-size:0.9375rem;
	line-height:1.9791666666666667rem;
	color:#333333;
}
.product .tps dd .lsele {
	width:9.895833333333334rem;
	height:1.9791666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	margin:0 0.5208333333333334rem;
	box-sizing:border-box;
	border-radius:0.5208333333333334rem;
	border:1px solid #cccccc;
	padding:0 1.3541666666666667rem 0 0.5208333333333334rem;
	font-size:0.8333333333333334rem;
	color:#333333;
	background:url(../images/qw25.png) no-repeat right 0.4166666666666667rem center/0.8333333333333334rem auto;
}
.product .tps dd .icon {
	max-width:100%;
	height:auto;
	object-fit:contain;
	display:block;
}
.prodel {
	padding:2.604166666666667rem 0 6.770833333333334rem;
}
.prodel .wrap {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.prodel .lts {
	width:calc(100% - 28.125rem);
}
.prodel .rts {
	width:23.958333333333336rem;
}
.prodel .rts dd {
	margin-bottom:1.4583333333333335rem;
	background:#f7f8f9;
	border-radius:0.5208333333333334rem;
	overflow:hidden;
}
.prodel .rts dd h4 {
	font-size:1.25rem;
	background:#ce9866;
	line-height:2.8125rem;
	color:#fff;
	font-weight:bold;
	padding:0 0.8333333333333334rem;
}
.prodel .rts dd .box {
	padding:1.25rem 0.8333333333333334rem;
}
.prodel .rts dd .flax {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.prodel .rts dd .ziyu {
	display:flex;
	align-content:center;
	font-size:0.9375rem;
	line-height:1.6;
	color:#212121;
	margin-bottom:0.5208333333333334rem;
}
.prodel .rts dd .icon {
	max-width:100%;
	display:block;
	object-fit:contain;
	height:auto;
}
.prodel .rts dd .ziyu span {
	margin-left:0.4166666666666667rem;
	display:block;
}
.prodel .rts dd .img {
	width:6.25rem;
	height:7.8125rem;
	overflow:hidden;
	border-radius:0.625rem;
}
.prodel .rts dd .img img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.prodel .rts dd .ts {
	width:calc(100% - 7.291666666666667rem);
}
.prodel .rts dd .ts h3 {
	font-size:1.25rem;
	line-height:1.5;
	color:#212121;
	font-weight:bold;
}
.prodel .rts dd .ts h6 {
	font-size:0.8333333333333334rem;
	line-height:1.5;
	color:#999999;
	margin:0.2604166666666667rem 0 1.3541666666666667rem;
}
.prodel .rts dd .ts p {
	font-size:0.9375rem;
	line-height:1.5;
	color:#212121;
	display:flex;
	align-items:center;
	margin-bottom:0.20833333333333334rem;
}
.prodel .rts dd .ts p span {
	margin-left:0.4166666666666667rem;
}
.prodel .rts dd h5 {
	font-size:1.0416666666666667rem;
	line-height:1.5;
	color:#212121;
	font-weight:bold;
	margin-bottom:0.2604166666666667rem;
}
.prodel .rts dd p {
	font-size:0.9375rem;
	line-height:1.6;
	color:#999999;
}
.prodel .rts dd .box1 .flax {
	margin-bottom:0.625rem;
}
.prodel .tops {
	padding-bottom:3.4375rem;
	border-bottom:0.052083333333333336rem solid #cccccc;
	margin-bottom:3.6458333333333335rem;
}
.prodel .swipppro .hs,.prodel .swipppro .bs,.prodel .swipppro {
	overflow:hidden;
}
.prodel .swipppro img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.prodel .swipppro .hs {
	position:relative;
	height:26.041666666666668rem;
	border-radius:1.0416666666666667rem;
}
.prodel .swipppro .prev,.prodel .swipppro .next {
	position:absolute;
	left:1.5625rem;
	width:2.6rem;
	height:2.6rem;
	cursor:pointer;
	top:50%;
	z-index:1;margin-top: -1.3rem;
	background:url(../images/prev.png) no-repeat center/1.3541666666666667rem auto;
}
.prodel .swipppro .next {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
	left:auto;
	right:1.5625rem;
}
.prodel .swipppro .bs {
	margin:0.78125rem 5.729166666666667rem 0;
}
.prodel .swipppro .bs .swiper-slide {
	height:4.166666666666667rem;
	border-radius:0.5208333333333334rem;
	overflow:hidden;
	border:2px solid rgba(255,255,255,0);
	position:relative;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.prodel .text li{
		margin-bottom: 10px;
	}
.prodel .swipppro .bs .swiper-slide:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.4);
	box-shadow:inset 0 0 0.78125rem rgba(0,0,0,0.4);
	z-index:1;
}
.prodel .swipppro .bs .swiper-slide-thumb-active:before {
	display:none;
}
.prodel .swipppro .bs .swiper-slide-thumb-active {
	border-color:#ce9866;
}
.prodel .text .btn {
	width:12.5rem;
	line-height:3.125rem;
	text-align:center;
	display:block;
	border-radius:0.4166666666666667rem;
	background:#ce9866;
	font-size:1.0416666666666667rem;
	line-height:3.125rem;
	color:#fff;
}
.prodel .text h4 {
	font-size:1.0416666666666667rem;
	line-height:1.5;
	color:#212121;
	font-weight:bold;
}
.prodel .text h3 {
	font-size:1.875rem;
	line-height:1.5;
	color:#212121;
	font-weight:bold;
	margin:0.625rem 0;
}
.prodel .text ul {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	margin-bottom:1.5625rem;
}
.prodel .text li {
	margin-right:0.9375rem;
	display:flex;
	align-items:center;
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#999999;
}
.prodel .text li .icon {
	max-width:100%;
	display:block;
	object-fit:contain;
	height:auto;
}
.prodel .text li span {
	margin-left:0.4166666666666667rem;
	display:block;
}
.prodel .del {
	margin-top:3.854166666666667rem;
}
.prodel .del h5 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#212121;
	font-weight:bold;
	margin-bottom:1.0416666666666667rem;
}
.prodel .del p {
	font-size:0.9375rem;
	line-height:1.7;
	color:#666666;
}
.prodel .del dl {
	display:flex;
	flex-wrap:wrap;
}
.prodel .del dd {
	margin-bottom:1.0416666666666667rem;
	width:20%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:0.8854166666666667rem;
	line-height:1.7;
	color:#666666;
	padding-left:1.5625rem;
	background:url(../images/qw14.png) no-repeat left center / 1.1458333333333335rem auto;
}
.prodel .del .maps {
	height:23.177083333333336rem;
}
.hbanner {
	height:50rem;
	overflow:hidden;
}
.hbanner .swiper-slide {
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
}
.hbanner h3 {
	font-size:3.125rem;
	line-height:1.6;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
}
.hbanner p {
	font-size:1.875rem;
	line-height:1.6;
	color:#ffffff;
	margin-top:1.3020833333333335rem;
	text-transform:uppercase;
}
.layout.active {
	padding-top:0;
}
.layout.active .header {
	background:none;
}
.layout.active .header .naver li a {
	color:#fff;
}
.layout.active .header .logo img:nth-child(1) {
	display:none;
}
.header .logo img:nth-child(2) {
	display:none;
}
.layout.active .header .logo img:nth-child(2) {
	display:block;
}
.hsection1 {
	position:relative;
	z-index:2;
}
.hsection1 ul {
	display:flex;
	justify-content:space-between;
	margin:0 6.25rem;
	border-radius:2.0833333333333335rem;
	background:#ce9866;
	padding:2.604166666666667rem 0;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
	-moz-transform:translateY(-50%);
	/* Firefox*/
	-webkit-transform:translateY(-50%);
	/* Safari 和 Chrome*/
	-o-transform:translateY(-50%);
}
.hsection1 ul li {
	width:33.33%;
	display:flex;
	justify-content:center;
	border-right:0.052083333333333336rem solid rgba(255,255,255,0.5);
	align-items: center;
}
.hsection1 ul li:last-child {
	border:none;
}
.hsection1 ul li img {
	width:4.6875rem;
	display:block;
	margin-right:1.0416666666666667rem;
}
.hsection1 ul li .txt h4 {
	font-size:1.25rem;
	color:#fff;
	font-weight:bold;
	line-height:1;
}
.hsection1 ul li .txt i {
	font-size:3.3333333333333335rem;
	color:#fff;
}
.hsection1 ul li p {
	font-size:1.0416666666666667rem;
	line-height:1.4;
	color:#fff;
	font-weight:lighter;
	text-transform:uppercase;
	margin-top:0.4166666666666667rem;
}
.hsection1 .text {
	text-align:center;
	padding-bottom:5.208333333333334rem;
}
.htit h4 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#ce9866;
	text-transform:uppercase;
}
.htit h3 {
	font-size:2.3958333333333335rem;
	line-height:1.2;
	color:#212121;
	font-weight:bold;
	margin:1.3020833333333335rem 0 0;
	text-transform:uppercase;
}
.htit p {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#999999;
	margin-top:1.3020833333333335rem;
}
.hbtn {
	width:12.5rem;
	line-height:3.125rem;
	border-radius:0.5208333333333334rem;
	text-align:center;
	font-size:1.0416666666666667rem;
	color:#fff;
	display:block;
	background:#ce9866;
}
.hsection1 .text .hbtn {
	margin:2.0833333333333335rem auto 0;
}
.hsection1 .bd {
	background:#f7f8f9;
	padding:3.385416666666667rem 0;
}
.hsection1 .bd dl {
	display:flex;
	justify-content:center;
}
.hsection1 .bd dd {
	width:17.708333333333336rem;
	background:#ffffff;
	padding:1.3020833333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:1.1458333333333335rem;
	display:flex;
	align-items:center;
	margin:0 0.9895833333333334rem;
}
.hsection1 .bd dd i {
	text-align:center;
	line-height:4.166666666666667rem;
	text-align:center;
	background:#fff;
	width:4.166666666666667rem;
	display:block;
	background:#f7f8f9;
	font-size:2.5rem;
	color:#ce9866;
	font-weight:bold;
	border-radius:0.5208333333333334rem;
	margin-right:1.0416666666666667rem;
}
.hsection1 .bd dd h5 {
	font-size:1.25rem;
	line-height:1.3;
	color:#333333;
	text-transform:uppercase;
	flex:1;
}
.hsection2 {
	position:relative;
}
.hsection2 .bd li {
	height:50rem;
	overflow:hidden;
	position:relative;
}
.hsection2 .bd li:nth-child(n+2) {
	display:none;
}
.hsection2 .bd li img {
	width:100%;height: 100%;
	display:block;
	object-fit:cover;
	-webkit-animation:ykxs 10s .2s ease both;
	-moz-animation:ykxs 10s .2s ease both;
}
.hsection2 .bd li .wrap {
	position:absolute;
	left:0;
	right:0;
	bottom:3.125rem;
	z-index:1;
}
@-webkit-keyframes ykxs {
	0% {
	opacity:1;
	-webkit-transform:scale(1);
}
100% {
	opacity:1;
	-webkit-transform:scale(1.1);
}
;}@-moz-keyframes ykxs {
	0% {
	opacity:1;
	-moz-transform:scale(1);
}
100% {
	opacity:1;
	-moz-transform:scale(1.1);
}
;}.hsection2 .bd li h4 {
	font-size:3.3333333333333335rem;
	line-height:1.4;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	-webkit-animation:fadeInUp 1s .2s ease both;
	-moz-animation:fadeInUp 1s .2s ease both;
}
.hsection2 .hd {
	position:absolute;
	z-index:2;
	right:6.25rem;
	bottom:5.46875rem;
	width:10.416666666666668rem;
}
.hsection2 .hd li {
	height:6.25rem;
	margin-top:0.625rem;
	position:relative;
	border-radius:0.9375rem;
	overflow:hidden;
}
.hsection2 .hd li img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hsection2 .hd li .tx {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:2;
	background:rgba(0,0,0,0.5);
	display:flex;
	align-items:flex-end;
	padding:0.78125rem 1.1458333333333335rem;
	border:2px solid rgba(255,255,255,0);
	border-radius:0.9375rem;
}
.hsection2 .hd li .tx p {
	font-size:1.0416666666666667rem;
	line-height:1.2;
	color:#fff;
	opacity:0.8;
	text-transform:uppercase;
}
.hsection2 .hd li .tx p i {
	font-size:1.5625rem;
	font-weight:bold;
	display:block;
}
.hsection2 .hd li.on .tx {
	border-color:#ce9866;
}
.hsection3 .hd {
	padding:5.208333333333334rem 0 3.385416666666667rem;
}
.titflex {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
.hsection3 .bd {
	padding:4.6875rem 0 3.125rem;
	background:#f7f8f9;
}
.hsection3 .bd ul {
	display:flex;
	flex-wrap:wrap;
}
.hsection3 .bd li {
	width:calc((100% - 5.9375rem)/3);
	margin:0 2.916666666666667rem 1.5625rem 0;
	background:#fff;
	border-radius:1.0416666666666667rem;
}
.hsection3 .bd li:nth-child(3n) {
	margin-right:0;
}
.hsection3 .bd li a {
	padding:0 1.8229166666666667rem;
	display:flex;
	justify-content:space-between;
	height:100%;
	flex-direction:column;
}
.hsection3 .bd li .txt p {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#333333;
	padding:1.8229166666666667rem 0 1.3020833333333335rem;
}
.hsection3 .bd li .name {
	display:flex;
	align-items:center;
	background:url(../images/qw34.png) no-repeat right center/2.8125rem auto;
	padding:1.5625rem 0;
	border-top:0.052083333333333336rem solid #e5e5e5;
}
.hsection3 .bd li .name img {
	width:3.541666666666667rem;
	height:3.541666666666667rem;
	display:block;
	border-radius:50%;
	object-fit:cover;
	margin-right:0.78125rem;
}
.hsection3 .bd li .name h4 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#212121;
	font-weight:bold;
}
.hsection4 {
	padding:6.770833333333334rem 0;
}
.whtab ul {
	display:flex;
	border-bottom:0.052083333333333336rem solid #cccccc;
}
.whtab li a {
	font-size:1.25rem;
	line-height:2.4;
	color:#212121;
	display:block;
	text-transform:uppercase;
	position:relative;
	opacity:0.5;
}
.whtab li:nth-child(n+2) {
	margin-left:4.427083333333334rem;
}
.whtab li a i {
	position:absolute;
	left:0;
	right:0;
	bottom:-0.052083333333333336rem;
	z-index:1;
	height:0.10416666666666667rem;
	margin:0 auto;
	background:#333333;
	width:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.whtab li.on a i,.whtab li a:hover i {
	width:100%;
}
.whtab li.on a,.whtab li a:hover {
	opacity:1;
}
.hsection4 .bd {
	margin-top:3.6458333333333335rem;
	overflow:hidden;
	border-radius:1.8229166666666667rem;
}
.hsection4 .bd li:nth-child(n+2) {
	display:none;
}
.hsection4 .bd li .flex {
	height:33.85416666666667rem;
	background:url(../images/qw35.jpg) no-repeat center/cover;
	display:flex;
	align-items:flex-end;
}
.hsection4 .bd li .flex {
	;
}
.hsection4 .bd li .pic {
	width:22.96875rem;
	height:29.166666666666668rem;
	margin:0 9.895833333333334rem 0 8.333333333333334rem;
	display:flex;
	align-items:flex-end;
}
.hsection4 .bd li .pic img {
	display:block;
	max-height:100%;
	max-width:100%;
	object-fit:cover;
}
.hsection4 .bd li .text {
	flex:1;
	padding-bottom:5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding-right:5.208333333333334rem;
}
.hsection4 .bd li h3 {
	font-size:3.3333333333333335rem;
	line-height:1.6;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
}
.hsection4 .bd li p {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#ffffff;
	padding:2.34375rem 0 2.604166666666667rem;
}
.htanc {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:88;
	background:#ce9866;
	padding:2.8645833333333335rem 0;
}
.htanc .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.htanc p {
	flex:1;
	padding-right:12.5rem;
	font-size:0.9375rem;
	line-height:1.7;
	color:#ffffff;
}
.htanc .hbtn {
	background:#fff;
	width:10.416666666666668rem;
	color:#212121;
}
.about .hd {
	padding:5.208333333333334rem  0;
}
.about .hd .flexth {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
.htit.line {
	position:relative;
	padding-bottom:2.0833333333333335rem;
}
.htit.line::before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:7.395833333333334rem;
	height:0.4166666666666667rem;
	background:#ce9866;
	border-radius:2.604166666666667rem;
}
.about .hd .flexth .rtext {
	flex:1;
	margin-left:5.208333333333334rem;
	font-size:1.0416666666666667rem;
	line-height:1.5;
	color:#000000;
}
.htit.line h3 {
	text-transform:inherit;
}
.hullist ul {
	display:flex;
	flex-wrap:wrap;
	margin-top:4.166666666666667rem;
}
.hullist li {
	width:calc((100% - 4.791666666666667rem)/3);
	padding:2.0833333333333335rem;
	border-radius:0.9375rem;
	background:#f7f8f9;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin-right:2.34375rem;
}
.hullist ul li img{
	width: 4.166666rem;display: block;
}
.hullist li:nth-child(3n) {
	margin-right:0;
}
.hullist li h4 {
	font-size:1.25rem;
	line-height:1.6;
	color:#000000;
	font-weight:bold;
	margin:0.5208333333333334rem 0;
}
.hullist li p {
	font-size:0.9375rem;
	line-height:1.6;
	color:#666666;
}
.about .bd {
	background:#f7f8f9;
	padding:5.989583333333334rem 0 0;
	overflow:hidden;
}
.about .bd li {
	display:flex;
	justify-content:space-between;
	margin-bottom:5.989583333333334rem;
}
.about .bd li:nth-child(2n) {
	flex-direction:row-reverse;
}
.about .bd .pic {
	width:41.66666666666667rem;
	border-radius:1.0416666666666667rem;
	overflow:hidden;
}
.about .bd .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.about .bd .text {
	width:41.66666666666667rem;
}
.about .htit h3 {
	text-transform:inherit;
}
.about .bd .text .htit p {
	color:#000000;
}
.about .bd .text .img {
	margin-top:1.0416666666666667rem;overflow: hidden;    border-radius: 1.0416666666666667rem;
}
.aswiper {
	padding:6.25rem 0;
}
.aswiper .wrap {
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
}
.aswiper .swiperlist {
	width:41.66666666666667rem;
	display:flex;
	justify-content:space-between;
	height:37.5rem;
}
.aswiper .swiperbd {
	width:31.25rem;
	height:100%;
	overflow:hidden;
}
.aswiper .swiperhd {
	overflow:hidden;
	height:100%;
}
.aswiper .por {
	width:8.59375rem;
	position:relative;
}
.aswiper .por .prev,.aswiper .por .next {
	width:2.1875rem;
	height:2.1875rem;
	border-radius:50%;
	border:1px solid #cdcdcd;
	position:absolute;
	cursor:pointer;
	left:0;
	right:0;
	top:0;
	z-index:11;
	margin:-1.1458333333333335rem auto;
	background:url(../images/prev1.png) no-repeat center/1.09375rem auto #f7f8f9;
}
.aswiper .por .next {
	top:auto;
	bottom:0;
	transform:rotate(180deg);
}
.aswiper .text {
	width:41.66666666666667rem;
}
.aswiper .por .swiper-slide {
	border-radius:0.5208333333333334rem;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.aswiper .por .swiper-slide img{
	width: 100%;height: 100%;display: block;object-fit: cover;
}
.aswiper .por .swiper-slide::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	border-radius:0.5208333333333334rem;
	border:2px solid transparent;
	background:rgba(0,0,0,0.6);
}
.aswiper .por .swiper-slide-thumb-active::before {
	border-color:#ce9866;
	background:rgba(0,0,0,0);
}
.about .htit h5 {
	font-size:1.875rem;
	line-height:1.6;
	color:#000000;
	font-weight:bold;
	margin:3.125rem 0 1.0416666666666667rem;
}
.about .aswiper .htit p {
	color:#000000;
}
.flexbtn {
	margin-top:3.125rem;
	display:flex;
}
.flexbtn a {
	margin-right:1.3020833333333335rem;
}
.aswiper .por .prev:hover,.aswiper .por .next:hover {
	background:url(../images/prev1-1.png) no-repeat center/1.09375rem auto #ce9866;
	border-color:#ce9866;
}


.prodel .text .btn:hover,
.contact .rs .sub:hover,
.hbtn:hover{
	background: #b68558;
}
.product .list li,
.hullist li,
.hsection3 .bd li,
.hsection1 .bd dd{
	position: relative;top: 0;transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.product .list li:hover,
.hullist li:hover,
.hsection3 .bd li:hover,
.hsection1 .bd dd:hover{
	top: -0.5rem;
}
.footer .nav dd a:hover{
	color: #ce9866;
}
.htanc .hbtn:hover{
	background: #b68558;color: #fff;
}
.product .list li:hover .img img,
.about .bd .text .img img:hover,
.about .bd .pic img:hover{
	transform:scale(1.1);
	-ms-transform:scale(1.1);  /* IE 9 */
	-moz-transform:scale(1.1);     /* Firefox */
	-webkit-transform:scale(1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1); 
}
.product .list li .img img,
.about .bd .text .img img,
.about .bd .pic img{
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}

.nodata{
	margin: 0 auto;
	color:#666;
	background:url(../images/nodata.png) no-repeat center;
	background-size: 100%;
	height: 5rem;
	width: 5rem;
	margin-top: 4rem;
	
}




.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}
.modal-container.active{display:block}
.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9)}
.modal-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1100px;background:#fff;border-radius:8px;overflow:hidden}
.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f5f5f5;border-bottom:1px solid #eee}
.modal-tabs{display:flex;gap:12px}
.tab-btn{padding:8px 16px;border:none;border-radius:4px;background:#e0e0e0;cursor:pointer;font-size:14px}
.tab-btn.active{background:#ce9866;color:#fff}
.modal-close{font-size:34px;cursor:pointer;color:#666;padding:0 10px}
.modal-content{padding:20px}
.tab-panel{display:none}
.tab-panel.active{display:block}
.gallery-swiper-top{width:100%;height:480px;position:relative}
.gallery-swiper-top .swiper-slide img{width:100%;height:100%;object-fit:contain}
.modal-container .gallery-prev,.modal-container .gallery-next{color:#fff;width:40px;height:40px;margin-top:-20px;background:rgba(0,0,0,0.5);border-radius:50%;font-size:12px !important}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size:12px !important
}
.gallery-swiper-thumbs{width:100%;height:100px;margin-top:15px}
.gallery-swiper-thumbs .swiper-slide{width:120px;height:100%;opacity:0.5}
.gallery-swiper-thumbs .swiper-slide-thumb-active{opacity:1;border:2px solid #ce9866}
.gallery-swiper-thumbs .swiper-slide img{width:100%;height:100%;object-fit:cover}
#modal-allmap{width:100%;height:500px}
.modal-close:hover{
    color: #ce9866;
}
.modal-container .gallery-prev:hover, .modal-container .gallery-next:hover{
    background: #ce9866;
}


.contact-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;justify-content:center;align-items:center}
		.contact-modal.active{display:flex}
		.contact-modal-overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.9);cursor:pointer}
		.contact-modal-box{position:relative;width:90%;max-width:420px;background:#ffffff;padding:35px 25px;border-radius:6px;z-index:10;box-sizing:border-box}
		.contact-modal-close{position:absolute;top:15px;right:18px;font-size:26px;color:#666666;cursor:pointer;line-height:1;margin-top:-10px}
		.contact-modal-content h3{margin:0 0 22px;padding:0;font-size:19px;color:#333;font-weight:600}
		.contact-modal-content p{display:flex;align-items:center;margin:14px 0;font-size:16px;color:#555;line-height:1.5}
		.contact-modal-content .icon{width:19px;height:19px;margin-right:12px;display:block;object-fit:contain}