.layout {
	/* overflow:hidden; */
}
.layout.on {
	padding-top:6.25rem;
}
.wrap {
	width:89.58333333333334rem;
	margin:0 auto;
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:14;
	height:6.25rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.header.ons,.header.on {
	background:#fff;
	box-shadow:0 0.2604166666666667rem 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.header .logo {
	max-width:6.145833333333334rem;
	display:block;
}
.header .logo img {
	width:100%;
	display:block;
}
.header .rts {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.header .naver ul {
	display:flex;
	justify-content:flex-start;
}
.header .naver li {
	margin-right:3.9375rem;
}
.header .naver li:last-child {
	margin-right:0;
}
.header .naver li a {
	font-size:1.0416666666666667rem;
	line-height:3rem;
	color:#191919;
	display:block;
	padding: 0 1.4rem;
	border-radius: 50px;
}
.header .naver li:last-child {
	margin-right:0;
}
.header .form {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	margin-left:11.302083333333334rem;
}
.header .seach {
	border:1px solid rgba(255,255,255,0);
	border-radius:1.1458333333333335rem;
	cursor:pointer;
	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;
	position:relative;
}
.header .seach .t1 {
	width:0;
	height:2.3958333333333335rem;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:0.8333333333333334rem;
	color:#000;
	z-index:2;
	background:#fff;
	border:none;
	border-radius:1.25rem;
	position:absolute;
	right:100%;
	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;
}
.header .seach .sub {
	width:2.604166666666667rem;
	height:2.604166666666667rem;
	cursor:pointer;
	background:url(../images/qms1.png) no-repeat center;
	border:none;
	background-size:1.25rem auto;
}
.header .seach:hover .t1 {
	width:14.583333333333334rem;
	padding:0 1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.header .engsh {
	background:url(../images/qms2.png) no-repeat right center;
	background-size:0.3125rem auto;
	position:relative;
	width:2.0833333333333335rem;
	height:2.0833333333333335rem;
	cursor:pointer;
	margin-left:1.9791666666666667rem;
	font-size:0.9375rem;
	line-height:2.0833333333333335rem;
	color:#000;
	padding-right:0.5208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.header .engsh .ndl {
	position:absolute;
	left:-1.0416666666666667rem;
	right:-1.0416666666666667rem;
	top:100%;
	z-index:1;
	width:5.208333333333334rem;
	background:#fff;
	display:none;
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.header .engsh.on .ndl {
	display:block;
}
.header .engsh dd a {
	font-size:0.8854166666666667rem;
	line-height:1.7;
	color:#000;
	display:block;
	text-align:center;
}
.banner img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.footer {
	background:#1f1609;
}
.footer .copyright {
	border-top:0.052083333333333336rem solid #3c3429;
	padding:0.5208333333333334rem 0;
	font-size:0.7291666666666667rem;
	line-height:1.7;
	color:#878481;
	text-align:center;
}
.footer .copyright a {
	color:#878481;
}
.footer .tps .wrap {
	display:flex;
	justify-content:space-between;
}
.footer .tps .lts {
	width:29.166666666666668rem;
}
.footer .tps .rts {
	width:calc(100% - 36.71875rem);
	display:flex;
	justify-content:space-between;
}
.footer .tps .lts .del {
	font-size:0.7291666666666667rem;
	line-height:1.7;
	color:#bcbab9;
}
.footer .tps .lts .logo {
	display:flex;
	margin-bottom:1.0416666666666667rem;
}
.footer .tps .lts .logo a {
	display:block;
	margin-right:1.9791666666666667rem;
}
.footer .tps {
	padding:3.6458333333333335rem 0 2.0833333333333335rem;
}
.footer .tps .ls {
	display:flex;
	justify-content:space-between;
	width:calc(100% - 29.166666666666668rem);
}
.footer .tps .ls dt {
	font-size:1.1458333333333335rem;
	line-height:1.6;
	color:#fff;
	margin-bottom:0.625rem;
}
.footer .tps .ls dd a {
	font-size:0.7291666666666667rem;
	line-height:1.875rem;
	color:#bcbab9;
	display:block;
	text-transform:uppercase;
}
.footer .tps .rs {
	width:22.916666666666668rem;
}
.footer .tps .rs h3 {
	font-size:1.1458333333333335rem;
	line-height:1.6;
	color:#fff;
	margin-bottom:0.625rem;
}
.footer .tps .rs .del {
	font-size:0.7291666666666667rem;
	line-height:1.875rem;
	color:#bcbab9;
}
.footer .tps .rs ul {
	display:flex;
	margin-top:0.8333333333333334rem;
}
.footer .tps .rs li {
	margin-right:0.625rem;
	width:2.0833333333333335rem;
}
.footer .tps .rs li img {
	width:100%;
	display:block;
}
.product {
	padding:1.5625rem 0 5.208333333333334rem;
}
.product .wrap {
	/* display:flex;
	justify-content:space-between;
	align-items:flex-start; */
}
.product .navs {
	width:18.75rem;
	position:relative;
	z-index:2;
	padding:1.5625rem 0 1.0416666666666667rem;
	float: left;
	position: sticky;
	top: 6.25rem;
}
.product .rts {
	width:calc(100% - 22.65625rem);
	float: right;
}
.product .navs::before {
	content:"";
	position:absolute;
	left:-5.208333333333334rem;
	top:0;
	z-index:-1;
	background:#f9f9f9;
	width:24.21875rem;
	height:100%;
}
.product .navs h3 span {
	font-size:1.3541666666666667rem;
	line-height:1.6;
	color:#000;
	position:relative;
	text-transform:uppercase;
	z-index:2;
}
.product .navs h3 span::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-0.2604166666666667rem;
	z-index:-1;
	width:10.416666666666668rem;
	height:1.0416666666666667rem;
	background:#f5be29;
}
.product .navs ul {
	margin-top:1.5625rem;
}
.product .navs li a {
	font-size:0.9375rem;
	line-height:2.2;
	display:block;
	color:#545454;
	text-transform:uppercase;
}
.product .navs li a:hover{
    background: #f5be29;color: #fff !important;
    padding-left:1rem;
}
.product .navs li {
	margin-bottom:0.5rem;
}
.product .fms {
	display:flex;
	justify-content:space-between;
	border:1px solid #e8e8e8;
	height:2.291666666666667rem;
	border-radius:1.5625rem;
	padding:0.10416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.product .fms .t1 {
	width:calc(100% - 8rem);
	height:1.9791666666666667rem;
	font-size:0.7291666666666667rem;
	color:#000;
	background:none;
	border:none;
	padding:0 1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.product .fms .sub {
	width:7.8125rem;
	height:1.9791666666666667rem;
	display:block;
	background:url(../images/qms3.png) no-repeat left 1.6666666666666667rem center #f5be29;
	cursor:pointer;
	display:block;
	border:none;
	border-radius:1.5625rem;
	text-align:center;
	font-size:0.9375rem;
	color:#fff;
	padding-left:1.4583333333333335rem;
}
.product .list {
	margin-top:1.875rem;
}
.product .list ul {
	display:flex;
	flex-wrap:wrap;
}
.product .list li {
	margin-bottom:2.34375rem;
	margin-right:2.0833333333333335rem;
	width:calc((100% - 4.270833333333334rem)/3);
	background:#f9f9f9;
	padding:0.5208333333333334rem 0.5208333333333334rem 1.1458333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.product .list li:nth-child(3n) {
	margin-right:0;
}
.product .list li .pic {
	height:13.645833333333334rem;
	overflow:hidden;
}
.product .list li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.product .list li h4 {
	padding:0.9375rem 0 0.5208333333333334rem;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#1e1e1e;
	border-bottom:0.052083333333333336rem solid #ededed;
}
.product .list li p {
	font-size:0.7291666666666667rem;
	line-height:1.7;
	color:#9a9a9a;
	height:3.4em;
	overflow:hidden;
	margin-top:0.5208333333333334rem;
}
.page dl {
	display:flex;
}
.page dd a {
	width:3.385416666666667rem;
	line-height:2.604166666666667rem;
	display:block;
	text-align:center;
	font-size:0.8333333333333334rem;
	color:#656565;
	background:#f9f9f9;
}
.page dd.on a,.page dd a:hover {
	background:#f5be29;
	color:#fff;
}
.crumbs {
	margin-top:0.5208333333333334rem;
}
.crumbs dl {
	display:flex;
	align-items:center;
}
.crumbs dd span,.crumbs dd a {
	font-size:0.7291666666666667rem;
	line-height:1.7;
	color:#999999;
	display:block;
}
.crumbs dd span {
	margin:0 0.20833333333333334rem;
}
.productdel {
	padding-bottom:4.166666666666667rem;
}
.productdel .hds {
	padding:2.604166666666667rem 0 1.7708333333333335rem;
	display:flex;
	justify-content:space-between;
}
.productdel .hds .pic {
	width:31.25rem;
}
.productdel .hds .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit: cover;
}
.productdel .hds .txt {
	width:calc(100% - 33.85416666666667rem);
	margin-top:0.5208333333333334rem;
}
.productdel .hds h3 {
	font-size:1.4583333333333335rem;
	line-height:1.6;
	color:#363636;
	margin-bottom:0.5208333333333334rem;
}
.productdel .hds h4 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#f5c030;
}
.productdel .hds p {
	font-size:0.8333333333333334rem;
	line-height:1.7708333333333335rem;
	color:#666666;
	margin-top:0.9375rem;
	padding-top:0.7291666666666667rem;
	border-top:0.052083333333333336rem solid #dcdcdc;
}
.productdel .hds .btn {
	width:8.020833333333334rem;
	line-height:2.291666666666667rem;
	background:#f5c030;
	text-align:center;
	display:block;
	font-size:0.8333333333333334rem;
	color:#fff;
	margin-top:4.6875rem;
}
.productdel .bds h4 {
	border-bottom:0.9375rem;
	border-bottom:0.052083333333333336rem solid #e5e5e5;
	font-size:1.4583333333333335rem;
	line-height:1.6;
	color:#363636;
	padding-left:0.8333333333333334rem;
	position:relative;
}
.productdel .bds h4::before {
	content:"";
	position:absolute;
	left:0;
	top:0.3125rem;
	z-index:1;
	width:0.20833333333333334rem;
	height:1.6666666666666667rem;
	background:#f5c030;
}
.productdel .bds .del {
	font-size:0.7291666666666667rem;
	line-height:1.7;
	color:#383838;
	margin-top:1.0416666666666667rem;
}
.productdel .bds .del img {
	width:100%;
	display:block;
}
.productdel .fts {
	margin-top:1.4583333333333335rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.productdel .fts a {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#505050;
	display:block;
}
.tit {
	font-size:2.3958333333333335rem;
	line-height:1.6;
	color:#151515;
	font-weight:bold;
	text-align:center;
}
.about .abo1 {
	padding-top:3.125rem;
}
.about .abo1 .del {
	padding:2.0833333333333335rem 0 4.166666666666667rem;
	font-size:0.8333333333333334rem;
	line-height:1.875rem;
	color:#6e6e6e;
	text-align:center;
	background:url(../images/qms21.png) no-repeat center bottom 1.7708333333333335rem;
	background-size:0.7291666666666667rem auto;
}
.about .swippic {
	overflow:hidden;
	position:relative;
}
.about .swippic img {
	width:100%;
	height:100%;
	object-fit: cover;
	display:block;
}
.about .swippic .prev,.about .swippic .next {
	position:absolute;
	left:15.104166666666668rem;
	top:50%;
	z-index:1;
	width:3.125rem;
	height:3.125rem;
	background:url(../images/prev.png) no-repeat center rgba(255,255,255,0.7);
	background-size:0.6770833333333334rem auto;margin-top: -1.55rem;
	border-radius:2.0833333333333335rem;
	cursor:pointer;
}
.about .swippic .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:15.104166666666668rem;
}
.about .abo2 {
	background:#f8f8f8;
	padding:5.208333333333334rem 0 5.729166666666667rem;
}
.about .abo2 .bds {
	margin-top:3.125rem;
}
.about .abo2 .bds ul {
	display:flex;
}
.about .abo2 .bds li {
	margin-right:1.0416666666666667rem;
	width:calc((100% - 3.125rem)/4);
	background:#fff;
	padding:4.6875rem 1.3541666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.about .abo2 .bds li .ico {
	height:4.427083333333334rem;
	overflow:hidden;
	margin:0 auto;
}
.about .abo2 .bds li .ico img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
	margin:0 auto;
}
.about .abo2 .bds li h4 {
	font-size:1.25rem;
	line-height:1.6;
	color:#151515;
	font-weight:bold;
	text-align:center;
	margin:0.9375rem 0;
}
.about .abo2 .bds li p {
	font-size:0.8333333333333334rem;
	line-height:1.875rem;
	color:#696969;
	text-align:center;
}
.contact .wrap {
	position:relative;
	z-index:2;
}
.contact .maps {
	height:46.875rem;
	margin-top:-8.333333333333334rem;
}
.contact .bds {
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
	padding:3.125rem 2.34375rem;
	background:#fff;
	display:flex;
	justify-content:space-between;
	margin-top:3.125rem;
}
.contact .bds .txt {
	width:29.6875rem;
}
.contact .bds .form {
	width:calc(100% - 32.552083333333336rem);
}
.contact .bds .tps h2 {
	font-size:1.25rem;
	line-height:1.6;
	color:#f5be29;
	font-weight:bold;
	margin-bottom:0.7291666666666667rem;
}
.contact .bds .tps p {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#414141;
	margin-bottom:0.5208333333333334rem;
}
.contact .bds .txt dl {
	display:flex;
	align-items:center;
	margin-top:1.5625rem;
}
.contact .bds .txt dd img {
	width:100%;
	display:block;
}
.contact .bds .txt dd {
	width:2.0833333333333335rem;
	margin-right:0.7291666666666667rem;
}
.contact .bds .form h3 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#363636;
	text-transform:uppercase;
	margin-bottom:0.78125rem;
}
.contact .bds .form li.on {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.contact .bds .form .t1 {
	width:calc((100% - 2.0833333333333335rem)/3);
	background:#f7f7f7;
	margin-right:1.0416666666666667rem;
	border-radius:0.20833333333333334rem;
	font-size:0.8333333333333334rem;
	height:2.291666666666667rem;
	border:1px solid #eeeeee;
	padding:0 1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	color:#363636;
	text-transform:uppercase;
}
.contact .bds .form .t1:last-child {
	margin-right:0;
}
.contact .bds .form li {
	margin-bottom:1.0416666666666667rem;
}
.contact .bds .form .t2 {
	width:100%;
	padding:0.5208333333333334rem 1.25rem;
	height:7.8125rem;
	line-height:1.7;
	resize:none;
}
.contact .bds .form .button {
	width:9.375rem;
	line-height:2.3958333333333335rem;
	border-radius:0.20833333333333334rem;
	background:#f5be29;
	text-align:center;
	border:none;
	font-size:0.8333333333333334rem;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
}
.contact {
	padding-top:3.6458333333333335rem;
}
.news {
	padding:3.6458333333333335rem 0 4.6875rem;
}
.news .bds {
	margin-top:2.604166666666667rem;
}
.news .bds li {
	margin-bottom:1.0416666666666667rem;
	border:1px solid #e3e3e3;
	padding:0.8333333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.news .bds li a {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.news .bds li .pic {
	width:14.84375rem;
	overflow:hidden;
}
.news .bds li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.news .bds li .txt {
	width:calc(100% - 16.770833333333336rem);
	background:url(../images/qms22.png) no-repeat right 1.1458333333333335rem center;
	background-size:2.1875rem auto;
	padding-right:15.104166666666668rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.news .bds li h4 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#2a2a2a;
}
.news .bds li p {
	font-size:0.8333333333333334rem;
	line-height:1.5;
	color:#757575;
	height:3em;
	overflow:hidden;
	margin:0.625rem 0 1.25rem;
}
.news .bds li h6 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#999999;
	padding-left:1.0416666666666667rem;
	background:url(../images/qms27.png) no-repeat left center;
	background-size:0.78125rem auto;
}
.news .bds {
	padding-bottom:1.5625rem;
}
.newsdel {
	padding:2.0833333333333335rem 0 2.604166666666667rem;
}
.newsdel .hds {
	text-align:center;
	padding-bottom:1.0416666666666667rem;
	border-bottom:0.052083333333333336rem solid #e5e5e5;
}
.newsdel .hds h1 {
	font-size:1.5625rem;
	line-height:1.6;
	color:#000;
}
.newsdel .hds h6 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#999999;
	margin-top:0.7291666666666667rem;
}
.newsdel .del {
	padding:1.5625rem 0;
	font-size:0.7291666666666667rem;
	line-height:2;
	color:#383838;
	border-bottom:0.052083333333333336rem solid #e5e5e5;
}
.newsdel .fts {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:1.5625rem;
}
.newsdel .fts a {
	font-size:0.7291666666666667rem;
	line-height:1.7;
	color:#505050;
	display:block;
}
.hbanner .spot {
	position:absolute;
	left:0;
	right:0;
	bottom:1.0416666666666667rem;
	z-index:1;
	text-align:center;
}
.hbanner .spot span {
	width:0.5208333333333334rem;
	height:0.5208333333333334rem;
	margin:0 0.5208333333333334rem !important;
	opacity:1;
	background:rgba(0,0,0,0.2);
}
.hbanner .spot .swiper-pagination-bullet-active {
	background:#f5be29;
	width:1.5625rem;
	border-radius:0.5208333333333334rem;
}
.hbanner {
	height:100vh;
	overflow:hidden;
	position:relative;
}
.hbanner .wrap {
	position:relative;
	height:100%;
}
.hbanner .txt {
	position:absolute;
	left:0;
	top:24%;
	z-index:1;
	max-width:44.79166666666667rem;
}
.hbanner .txt h2 {
	font-size:4.895833333333334rem;
	line-height:1.1;
	color:#2e2e2e;
}
.hbanner .txt p {
	font-size:1.0416666666666667rem;
	line-height:1.7;
	color:#000000;
	margin:0.8333333333333334rem 0 1.25rem;
}
.hbanner .txt .btn {
	width:12.604166666666668rem;
	line-height:2.34375rem;
	background:#f5be29;
	border-radius:1.5625rem;
	text-align:center;
	display:block;
	font-size:0.9375rem;
	color:#fff;
	text-transform:uppercase;
}
.hpage1 {
	padding:3.6458333333333335rem 0 4.6875rem;
}
.hpage1 .bds {
	margin-top:1.875rem;
}
.hpage1 .bds ul {
	display:flex;
}
.hpage1 .bds li:nth-child(4n) {
	margin-right:0;
}
.hpage1 .bds li {
	margin-right:1.3541666666666667rem;
	width:calc((100% - 4.166666666666667rem)/4);
}
.hpage1 .bds li .pic {
	height:29.6875rem;
	position:relative;
}
.hpage1 .bds li .img::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:100%;
	z-index:1;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	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;
	bottom:0;
}
.hpage1 .bds li:hover .img::before {
	top:0;
}
.hpage1 .bds li .img {
	height:100%;
	overflow:hidden;
	position:relative;
}
.hpage1 .bds li .img img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	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;
}
.hpage1 .bds li:hover .img img {
	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);
}
.hpage1 .bds li h6 {
	width:14.322916666666668rem;
	line-height:2.604166666666667rem;
	text-align:center;
	margin:2.604166666666667rem auto 0;
	background:#f5be29;
	font-size:1.0416666666666667rem;
	color:#fff;
	text-transform:uppercase;
}
.hpage1 .bds li .ico {
	position:absolute;
	left:0;
	right:0;
	bottom:-1.5104166666666667rem;
	z-index:1;
	width:3.0208333333333335rem;
	display:block;
	margin:0 auto;
	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;
}
.hpage1 .bds li .ico img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
	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;
}
.hpage1 .bds li:hover .ico {
	bottom:auto;
	top:50%;
	margin-top:-1.5625rem;
}
.hpage1 .bds li:hover .ico img {
	animation:scaleAnimation 2s infinite;
}
@keyframes scaleAnimation {
	0% {
	transform:scale(1);
}
50% {
	transform:scale(1.2);
}
100% {
	transform:scale(1);
}
;}.hpage2 {
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:100vh;
}
.hpage2 .img {
	width:44.79166666666667rem;
	height:100%;
	overflow:hidden;
}
.hpage2 .img img {
	width:100%;
	display:block;
	object-fit:cover;
}
.hpage2 .rts {
	width:calc(100% - 44.79166666666667rem);
	background:#faf8f3;
	height:100%;
	padding-top:5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage2 .swipproct {
	margin:2.0833333333333335rem 3.6458333333333335rem 0;
	overflow:hidden;
	position:relative;
}
.hpage2 .swipproct .swiper-slide {
	background:#fff;
	padding:0.8333333333333334rem 0.8333333333333334rem 1.7708333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage2 .swipproct .pic {
	height:20.833333333333336rem;
	overflow:hidden;
}
.hpage2 .swipproct .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hpage2 .swipproct .ts {
	margin-top:1.0416666666666667rem;
	text-align:center;
}
.hpage2 .swipproct h4 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#151515;
}
.hpage2 .swipproct h5 {
	font-size:1.5625rem;
	line-height:1.6;
	color:#151515;
	margin:0.625rem 0;
}
.uitbtn {
	width:13.541666666666668rem;
	line-height:2.0833333333333335rem;
	background:#f5be29;
	text-align:center;
	margin:0 auto;
	border-radius:1.5625rem;
	font-size:0.9375rem;
	color:#fff;
	display:block;
}
.hpage2 .swipproct .prev,.hpage2 .swipproct .next {
	position:absolute;
	left:0;
	top:50%;
	z-index:1;
	width:1.875rem;
	height:4.0625rem;
	background:url(../images/prev1.png) no-repeat center rgba(0,0,0,0.2);
	background-size:0.78125rem auto;
	margin-top:-2.0833333333333335rem;
	cursor:pointer;
}
.hpage2 .swipproct .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:0;
}
.hpage3 {
	padding:3.125rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage3 .tps {
	height:20.833333333333336rem;
}
.hpage3 .text {
	height:100%;
	position:relative;
	overflow:hidden;
}
.hpage3 .text img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hpage3 .text h4 {
	font-size:1.5625rem;
	line-height:1.5;
	color:#fff;
	text-transform:uppercase;
}
.hpage3 .text h2 {
	font-size:2.3958333333333335rem;
	line-height:1.3;
	color:#fff;
	font-weight:bold;
	margin:0.9375rem 0;
}
.hpage3 .text .ts {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	z-index:1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
	-moz-transform:translateY(-50%);
	/* Firefox*/
	-webkit-transform:translateY(-50%);
	/* Safari 和 Chrome*/
	-o-transform:translateY(-50%);
	text-align:center;
}
.hpage3 ul {
	margin-top:2.604166666666667rem;
	display:flex;
	justify-content:space-between;
}
.hpage3 li {
	height:18.75rem;
	width:calc((100% - 2.0833333333333335rem)/2);
	position:relative;
}
.hpage4 {
	display:flex;
	justify-content:space-between;
	height:100vh;
}
.hpage4.on {
	flex-direction:row-reverse;
}
.hpage4.on .rts {
	background:#faf8f3;
}
.hpage4 .pic {
	overflow:hidden;
	width:50%;
	height:100%;
}
.hpage4 .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hpage4 .rts {
	background:#f9eedd;
	width:50%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage4 .rts .del {
	font-size:0.8333333333333334rem;
	line-height:2;
	color:#77726a;
	margin:1.0416666666666667rem 0 1.5625rem;
	text-align:center;
}
.hpage5 {
	padding:6.25rem 0 7.291666666666667rem;
}
.hpage5 .swiplay {
	padding:1.0416666666666667rem;
	margin:1.0416666666666667rem 0;
	overflow:hidden;
	position:relative;
}
.hpage5 .swiplay .swiper-slide {
	padding:1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage5 .swiplay .pic {
	height:23.177083333333336rem;
	overflow:hidden;
}
.hpage5 .swiplay .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hpage5 .swiplay h6 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#151515;
	text-align:center;
	margin:1.3020833333333335rem 0 0.3125rem;
}
.hpage5 .swiplay .prev,.hpage5 .swiplay .next {
	position:absolute;
	left:0;
	top:50%;
	z-index:1;
	width:1.875rem;
	height:4.0625rem;
	background:url(../images/prev1.png) no-repeat center rgba(0,0,0,0.2);
	background-size:0.78125rem auto;
	margin-top:-2.0833333333333335rem;
	cursor:pointer;
}
.hpage5 .swiplay .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:0;
}
.hpage9 {
	position:relative;
	padding-top:2.6875rem;
	background:url(../images/qms61.png) no-repeat bottom center/100% auto;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.hpage9::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background:url(../images/qms61.png) no-repeat center;
	width:100%;
	height:12.5rem;
	display: none;
}
.hpage9 .bds {
	margin:2.0833333333333335rem 0 2.604166666666667rem;
}
.hpage9 .bds ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.hpage9 .bds li {
	height:6.25rem;
	overflow:hidden;
	margin-bottom:1.5625rem;
	width:calc(100% / 5);
	display:flex;
	justify-content:center;
	align-items:center;
}
.hpage9 .bds li img {
	max-width:100%;
	max-height:100%;
	object-fit:contain;
	display:block;
}
.hpage9 dl {
	margin-top:2.604166666666667rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.hpage9 dd img {
	width:100%;
	display:block;
}
.hpage9 dd {
	width:5.572916666666667rem;
	margin:0 1.0416666666666667rem;
}
.hpage9 {
	padding-bottom:11.458333333333334rem;
}
.hpage6 {
	background:#f9eedd;
	padding:3.6875rem 0;
}
.hpage6 .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hpage6 .pic {
	width:35.052083333333336rem;
}
.hpage6 .pic img {
	width:100%;
	display:block;
}
.hpage6 .txt {
	width:calc(100% - 42.708333333333336rem);
}
.hpage6 .txt .del {
	font-size:0.8333333333333334rem;
	line-height:2;
	color:#6b6760;
	margin:0.5208333333333334rem 0 2.604166666666667rem;
}
.hpage6 .txt .tit {
	text-align:left;
}
.hpage6 .txt .btn {
	width:10.416666666666668rem;
	line-height:2.3958333333333335rem;
	display:block;
	border:1px solid #b8b8b8;
	border-radius:1.5625rem;
	text-align:center;
	font-size:0.9375rem;
	color:#151515;
}
.hpage7 {
	padding:6.25rem 0;
}
.hpage7 .bds {
	margin-top:2.604166666666667rem;
}
.hpage7 .bds ul {
	display:flex;
	flex-wrap: wrap;
}
.hpage7 .bds li {
	width:calc((100% - 3.75rem)/3);
	margin-right:1.8229166666666667rem;
	box-shadow:0 0.2604166666666667rem 0.5208333333333334rem 0 #ebebeb;
	border-radius:1.0416666666666667rem 1.0416666666666667rem 0 0;
	overflow:hidden;
	background:#fff;
}
.hpage7 .bds li:nth-child(3n) {
	margin-right:0;
}
.hpage7 .bds li .pic {
	height:18.75rem;
	overflow:hidden;
}
.hpage7 .bds li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hpage7 .bds li h3 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#1b1b1b;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:0 0.8333333333333334rem;
	margin-bottom:0.3125rem;
}
.hpage7 .bds li p {
	font-size:0.8333333333333334rem;
	line-height:1.5;
	color:#757575;
	height:3em;
	overflow:hidden;
	padding:0 0.8333333333333334rem;
}
.hpage7 .bds li .flax {
	display:flex;
	justify-content:space-between;
	margin-top:2.604166666666667rem;
	padding-left:0.8333333333333334rem;
	align-items:center;
}
.hpage7 .bds li h4 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#999999;
}
.hpage7 .bds li h6 {
	width:2.604166666666667rem;
	height:2.604166666666667rem;
	background:url(../images/prev2.png) no-repeat center #a8a8a8;
	background-size:1.71875rem auto;
}
.hpage7 .bds li .txt {
	padding-top:0.8333333333333334rem;
}
.hpage8 {
	height: 100%;
}
.hpage8 .video{
	width: 100%;height: 100%;
	object-fit: cover;
}
.news .bds li:hover .txt {
	background:url(../images/qms22-1.png) no-repeat right 1.1458333333333335rem center;
	background-size:2.1875rem auto;
	p;
}
.product .navs li.on a,
.header .naver li a:hover,.header .naver li.on a,.productdel .fts a:hover,.product .navs li a:hover,.newsdel .fts a:hover,.crumbs dd a:hover,.news .bds li:hover h4,.hpage7 .bds li:hover h3,.hpage5 .swiplay .swiper-slide:hover h6,.hpage2 .swipproct .swiper-slide:hover h4,.header .engsh dd a:hover {
	color:#f5be29;
}
.header .naver li a:hover{
    background:#fff;
	color:#f5be29;
	box-shadow:0 0.2604166666666667rem 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.uitbtn:hover,.hpage2 .swipproct .swiper-slide:hover .uitbtn,.hpage1 .bds li:hover h6,.hbanner .txt .btn:hover {
	background:#fff;
	color:#f5be29;
	box-shadow:0 0.2604166666666667rem 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.hbanner .swiper-slide-active .txt {
	-webkit-animation:fadeInUp 1s 0s ease both;
	-moz-animation:fadeInUp 1s 0s ease both;
}
.product .list li .pic img,.news .bds li .pic img,.hpage7 .bds li .pic img,.hpage5 .swiplay .pic img,.hpage3 .text img,.hpage2 .swipproct .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;
}
.product .list li:hover .pic img,.news .bds li:hover .pic img,.hpage7 .bds li:hover .pic img,.hpage5 .swiplay .swiper-slide:hover .pic img,.hpage3 .text:hover img,.hpage2 .swipproct .swiper-slide:hover .pic img {
	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);
}
.hpage7 .bds li:hover h6,.hpage5 .swiplay .prev:hover,.hpage5 .swiplay .next:hover,.hpage2 .swipproct .prev:hover,.hpage2 .swipproct .next:hover {
	background-color:#f5be29;
}
.hpage5 .swiplay .swiper-slide:hover {
	background:#fff;
	box-shadow:0 0.2604166666666667rem 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.hpage6 .txt .btn:hover {
	background:#f5be29;
	border-color:#f5be29;
	color:#fff;
}
.contact .bds .txt dd:hover,.about .abo2 .bds li:hover,.footer .tps .rs li:hover,.hpage9 dd:hover,.hpage7 .bds li:hover {
	top:-0.5208333333333334rem;
}
.contact .bds .txt dd,.about .abo2 .bds li,.footer .tps .rs li,.hpage9 dd,.hpage7 .bds li {
	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;
}
.footer .tps .ls dd a:hover {
	color:#fff;
}
.about .swippic .prev:hover,.about .swippic .next:hover {
	background-color:#fff;
}
.about .abo2 .bds li:hover {
	box-shadow:0 0.2604166666666667rem 1.0416666666666667rem 0 rgba(80,80,80,0.2);
}
.productdel .hds .btn:hover,.product .fms .sub:hover,.contact .bds .form .button:hover {
	background-color:#dda91d;
}
.contact .bds .form .t1:focus {
	border-color:#f5be29;
}
.product .list li:hover {
	background:#f5be29;
}
.product .list li:hover h4,.product .list li:hover p {
	color:#fff;
	border-color:rgba(255,255,255,0.2);
}
.home_swiper{
	overflow: hidden;
	height: 100vh;
}
.swiper-slide-ft{
	height: auto;
}
.header2{
	-webkit-animation:fadeInDown 1s .2s ease both;
	-moz-animation:fadeInDown 1s .2s ease both
}
.header.active{
	-webkit-animation:fadeOutUp 1s .2s ease both;
	-moz-animation:fadeOutUp 1s .2s ease both
}
.home_swiper{
	position: relative;
}
.home_swiper .pspans{
	left: auto;
	right: 20px;
	top: 50%;z-index: 111;
	position: absolute;
}
.home_swiper .pspans span{
	width: 15px;
	height: 15px;
}
.home_swiper .pspans .swiper-pagination-bullet-active{
	background: #f5be29;
}
.tpos{
	position: fixed;
	right: 10px;
	width: 50px;
	height: 50px;z-index: 11;
	background: url(../images/tps.png) no-repeat center #f5be29;
	bottom: 10%;
	cursor: pointer;
}
.tpos:hover{
	background: url(../images/tps.png) no-repeat center #f0b923;
}
.home_swiper .swiper-wrapper .swiper-slide-active{
	z-index: 11;
	position: relative;
}

.swiper-slide-active .hpage9 dl,
.swiper-slide-active .hpage9 .bds,
.swiper-slide-active .tit{
	-webkit-animation:fadeInUp 1s .6s ease both;
	-moz-animation:fadeInUp 1s .6s ease both
}
.swiper-slide-active .hpage7 .bds li:nth-child(1),
.swiper-slide-active .hpage1 .bds li:nth-child(1){
	-webkit-animation:fadeInUp 1s .6s ease both;
	-moz-animation:fadeInUp 1s .6s ease both
}
.swiper-slide-active .hpage7 .bds li:nth-child(2),
.swiper-slide-active .hpage1 .bds li:nth-child(2){
	-webkit-animation:fadeInUp 1s .7s ease both;
	-moz-animation:fadeInUp 1s .7s ease both
}
.swiper-slide-active .hpage7 .bds li:nth-child(3),
.swiper-slide-active .hpage1 .bds li:nth-child(3){
	-webkit-animation:fadeInUp 1s 0.8s ease both;
	-moz-animation:fadeInUp 1s 0.8s ease both
}
.swiper-slide-active .hpage1 .bds li:nth-child(4){
	-webkit-animation:fadeInUp 1s 0.9s ease both;
	-moz-animation:fadeInUp 1s  0.9s ease both
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}

.swiper-slide-active .hpage2 .img{
	-webkit-animation:fadeInLeft 1s .4s ease both;
	-moz-animation:fadeInLeft 1s .4s ease both
}
.swiper-slide-active .hpage2 .rts{
	-webkit-animation:fadeInRight 1s .4s ease both;
	-moz-animation:fadeInRight 1s .4s ease both
}
.swiper-slide-active .hpage5 .swiplay,
.swiper-slide-active .hpage3 .tps{
	-webkit-animation:fadeInUp 1s .6s ease both;
	-moz-animation:fadeInUp 1s .6s ease both
}
.swiper-slide-active .hpage6 .txt,
.swiper-slide-active .hpage4.on .rts,
.swiper-slide-active .hpage4 .pic,
.swiper-slide-active .hpage3 li:nth-child(1){
	-webkit-animation:fadeInLeft 1s .8s ease both;
	-moz-animation:fadeInLeft 1s .8s ease both
}
.swiper-slide-active .hpage6 .pic,
.swiper-slide-active .hpage4.on .pic,
.swiper-slide-active .hpage4 .rts,
.swiper-slide-active .hpage3 li:nth-child(2){
	-webkit-animation:fadeInRight 1s .8s ease both;
	-moz-animation:fadeInRight 1s .8s ease both
}


@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}

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