.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:999;
	background:#fff;
	padding-left:5.208333333333334rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:4.6875rem;box-shadow: 0 0 0.6rem 0 rgba(80,80,80,0.2);
}
.header .rts {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.header .logo img {
	display:block;
	height:2.8645833333333335rem;
}
.header .naver ul {
	display:flex;
	align-items:center;
}
.header .naver h3 a {
	font-size:1.0rem;
	line-height:4.6875rem;
	color:#222222;
	display:block;
}
.header .naver li {
	margin:0 1.9791666666666667rem;
}
.flca {
	display:flex;
	justify-content:space-between;
}
.header .search .form {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	cursor:pointer;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	position:relative;
	height:4.6875rem;
}
.header .search .txt {
	width:0;
	height:100%;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:1.25rem;
	color:#333;
	z-index:1;
	background:#eee;
	border:none;
	position:absolute;
	right:100%;
	top:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	bottom:0;
}
.header .form:hover .txt {
	width:20rem;
	padding:0 1rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.header .search .btn {
	width:2.3958333333333335rem;
	height:100%;
	cursor:pointer;
	border:none;
	background:url(../images/qms1.png) no-repeat center;
	background-size:1.09375rem auto;
}
.header .shop {
	width:8.59375rem;
	background:#f6b21b;
	height:4.6875rem;
	margin-left:0.5208333333333334rem;
}
.header .shop a {
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-size:1.0416666666666667rem;
	width:100%;
	height:100%;
}
.header .shop img {
	width:2.135416666666667rem;
	display:block;
	margin-right:0.3125rem;
}
.header .chen{
	height:4.6875rem;background:#222222;
}
.header .chen .lsele {
	width:4.166666666666667rem;
	text-align:center;
	height:100%;
	background:#222222;
	font-size:0.9375rem;
	line-height:1.7;
	color:#fff;border: none;
}
.layout {
	padding-top:4.6875rem;
	/* overflow:hidden; */
	position:relative;
}
.banner {
	height:46.66666666666667rem;
	position:relative;
	overflow: hidden;
}
.banner .swiper-slide {
	height:46.66666666666667rem;
}
.banner .text {
	position:absolute;
	left:12.385rem;
	top:0;
	bottom:0;
	z-index:11;
	display:flex;
	align-items:center;
}
.banner .text h5 {
	font-size:1.5625rem;
	line-height:1.6;
	color:#fff;
}
.banner .text h5 i {
	color:#f4b334;
}
.banner .text h3 {
	font-size:3.0375rem;
	color:#fff;
	line-height:1.2;
	margin:1.0416666666666667rem 0 4.166666666666667rem;
	font-weight:bold;
	position:relative;
}
.banner .text h3 i {
	position:relative;
	z-index:11;
}
.banner .text h4 {
	font-size:1.3541666666666667rem;
	line-height:1.6;
	color:#fff;
}
.banner .text h3::before {
	content:'';
	position:absolute;
	left:0;
	bottom:0.2604166666666667rem;
	width:20.572916666666668rem;
	display:block;
	height:0.625rem;
	z-index:-1;
	background:#f4b334;
}
.banner .spans {
	position:absolute;
	left:12.479166666666668rem;
	bottom:5.416666666666667rem;
	z-index:11;
	display:flex;
	align-items:center;
}
.banner .spans .prev,.banner .spans .next {
	cursor:pointer;
	width:1.5625rem;
	height:1.5625rem;
	background:url(../images/qms45.png) no-repeat center;
	opacity:0.5;
}
.banner .spans .prev:hover,.banner .spans .next:hover{
	opacity: 1;
}
.banner .swiper-slide-active .text{
	-webkit-animation:fadeInUp 1s 0s ease both;
	-moz-animation:fadeInUp 1s 0s ease both;
}
.banner .spans .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);
}
.banner .spans .num {
	display:flex;
	align-items:center;
	font-size:0.9375rem;
	line-height:1.6;
	color:#fff;
	margin:0 0.2604166666666667rem;
}
.banner .spans .line {
	width:4.0625rem;
	height:0.052083333333333336rem;
	margin:0 0.22rem;
	background:#4e4e4e;
}
.banner .spans .line span {
	display:block;
	height:100%;
	background:#f4b334;
	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;
}
.banner .spans .line i:last-child {
	opacity:;
}
.habout {
	padding:6.875rem 0 8.072916666666668rem;
}
.wrap {
	/* margin:0 5.208333333333334rem; */
	width: 72.92rem;
	margin: 0 auto;
}
.habout .wrap {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.habout .text {
	width:30.270833333333336rem;
}
.utit h2 {
	font-size:2.0rem;
	line-height:1.6;
	color:#252525;
	font-weight:bold;
	margin:0.20833333333333334rem 0 0.5208333333333334rem;
}
.utit p {
	font-size:1.4rem;
	line-height:1.6;
	color:#252525;
}
.utit h4 {
	font-size:1.25rem;
	line-height:1.6;
	color:#f4b334;
	font-weight:bold;
}
.utit h4 img {
	width:2.760416666666667rem;
	display:inline-block;
	vertical-align:middle;
	margin-left:0.46875rem;
}
.habout .text .dels {
	font-size:0.95rem;
	line-height:1.8;
	color:#252525;
	margin:2.7083333333333335rem 0 4.427083333333334rem;
}
.mubtn a {
	display:block;
	width:8.59375rem;
	text-align:center;
	border:1px solid #f4b334;
	border-radius:1.1458333333333335rem;
}
.mubtn a i {
	display:inline-block;
	padding-left:1.6666666666666667rem;
	font-size:0.8416666666666667rem;
	line-height:2.291666666666667rem;
	color:#f4b334;
	background:url(../images/qms36.png) no-repeat left center;
	position:relative;
	z-index:11;
	background-size:1.1979166666666667rem auto;
}
.habout .pic {
	width:40.145833333333336rem;
	height:30.15625rem;
	border-radius:0.5208333333333334rem;
	background:#fdf0d1;
}
.habout .pic img {
	position:relative;
	right:-0.3804166666666667rem;
	bottom:0.2604166666666667rem;
	border-radius:0.5208333333333334rem;
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hproduct {
	padding:5.416666666666667rem 0 5.989583333333334rem;
}
.utit.wh h2 {
	color:#fff;
}
.hproduct ul {
	width:33.85416666666667rem;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:2.8125rem;
	margin-bottom:2.0833333333333335rem;
}
.hproduct li {
	width:50%;
	margin-bottom:1.8229166666666667rem;
}
.hproduct li.last {
	width:100%;
}
.hproduct li a {
	font-size:1.05rem;
	line-height:1.6;
	color:#fff;
	display:block;
	padding-left:1.0416666666666667rem;
	background:url(../images/qms37.png) no-repeat left center;
	background-size:0.46875rem auto;
}
.hproductlist {
	background:#f8f8f8;
	position:relative;
	z-index:1;
}
.swiperpor {
	padding:3.4375rem 0 3.90625rem;
	overflow:hidden;
}
.hproductlist .prev,.hproductlist .next {
	position:absolute;
	left:1.1458333333333335rem;
	top:50%;
	width:2.5rem;
	margin-top:-1.25rem;
	height:2.5rem;
	z-index:1111;
	background:url(../images/prev.png) no-repeat center #e2e2e2;
	border-radius:50%;
	cursor:pointer;
	display:block;
}
.hproductlist .next {
	left:auto;
	right:1.1458333333333335rem;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
}
.swiperpor a {
	display:block;
	border-radius:0.5208333333333334rem;
	overflow:hidden;
	background:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.swiperpor .pic {
	height:23.4375rem;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}
.swiperpor .pic img {
	object-fit:contain;
	max-width:80%;
	display:block;
	margin:auto;
	max-height:80%;
}
.swiperpor h4 {
	text-align:center;
	font-size:1.0rem;
	line-height:3.125rem;
	color:#fff;
	font-weight:bold;
	background:#252525;
}
.swiperpor a:hover h4 {
	background:#f4b334;
}
.hnews {
	padding:2.7083333333333335rem 0 4.166666666666667rem;
}
.utit {
	position:relative;
}
.utit .mubtn {
	position:absolute;
	right:0;
	top:1.0416666666666667rem;
}
.hnews .nlist {
	margin-top:1.5625rem;
}
.hnews .nlist ul {
	overflow:hidden;
	display: flex;
	justify-content: space-between;
	align-content: top;
}
.hnews .nlist li {
	float:left;
	width:calc((100% - 9.479166666666668rem)/3);
	/*margin-right:4.6875rem;*/
	padding:2.0833333333333335rem 0 2.0833333333333335rem 0;
	/*border-right:0.052083333333333336rem solid #e9e9e9;*/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;
}
.hnews .nlist li:nth-child(2n){
    padding: 2.0833333333333335rem 3% 2.0833333333333335rem ;
    	border-right:0.052083333333333336rem solid #e9e9e9;
    		border-left:0.052083333333333336rem solid #e9e9e9;
}
.hnews .nlist li:nth-child(3n) {
	margin-right:0;
	border-right:none;
	padding-right: 0;
}
.hnews .nlist li a {
	display:block;
}
.hnews .nlist li h6 {
	font-size:1.25rem;
	line-height:1.6;
	color:#adadad;
}
.hnews .nlist li h6 i {
	font-size:2.0833333333333335rem;
	color:#363636;
	margin-right:0.4166666666666667rem;
}
.hnews .nlist li .pic {
	height:13.125rem;
	margin:2.604166666666667rem 0 1.5625rem;
	overflow:hidden;
}
.hnews .nlist li .pic img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.hnews .nlist li h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#363636;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:0.4166666666666667rem;
}
.hnews .nlist li p {
	height:5.1em;
	font-size:0.8416666666666667rem;
	color:#adadad;
	line-height:1.7;
	overflow:hidden;
}
.hnews .nlist h5 {
	font-size:0.7416666666666667rem;
	color:#adadad;
	line-height:1.7;
	margin-top:2.8125rem;
}
.footer {
	padding-top:4.270833333333334rem;
	background:#252525;
}
.footer .wrap {
	display:flex;
	justify-content:space-between;
}
.footer .logo img {
	width:12.8125rem;
	display:block;
}
.footer .dl {
	display:flex;
}
.footer .dl dl {
	/*min-width:12.5rem;*/
	margin-right:5rem ;
}
.footer .dl dl:nth-child(4n){
    margin: 0;
}
.footer .dl dt {
	font-size:1.0416666666666667rem;
	line-height:1.7;
	color:#fff;
	margin-bottom:0.9375rem;
}
.footer .dl dt a{
	color:#fff;
}
.footer .dl dd a {
	font-size:0.8375rem;
	line-height:1.875rem;
	color:rgba(255,255,255,0.6);
	display:inline-block;
}
.footer .weix {
	width:8.4375rem;
	text-align:center;
}
.footer .weix img {
	width:100%;
	display:block;
}
.footer .weix h5 {
	font-size:1.0416666666666667rem;
	line-height:1.7;
	color:#fff;
	margin-top:0.2604166666666667rem;
}
.footer .copyright {
	margin-top:3.75rem;
	border-top:0.052083333333333336rem solid rgba(255,255,255,0.2);
	color:#fff;
	font-size:0.7333333333333334rem;
	line-height:2.8125rem;
}
.footer .copyright .wrap {
	display:block;
}
.footer .copyright a {
	display:inline-block;
	color:#fff;
	margin-right:2.8645833333333335rem;
}
.ubanner {
	height:22.395833333333336rem;
	position:relative;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
}
.ubanner .btii h2 {
	font-size:2.5rem;
	line-height:1.5;
	color:#fff;
	font-weight:bold;
}
.ubanner .btii h3 {
	font-size:1.2625rem;
	line-height:1.7;
	color:#fff;
	opacity:0.5;
}
.news {
	padding:3.229166666666667rem 0 3.6458333333333335rem;
}
.news .nlist ul {
	overflow:hidden;
}
.news .nlist li {
	float:left;
	width:calc((100% - 3.75rem)/3);
	margin-right:1.875rem;
	margin-bottom:3.229166666666667rem;
}
.news .nlist li:nth-child(3n) {
	margin-right:0;
}
.news .nlist li a {
	display:block;
}
.news .nlist li .pic {
	height:16.5625rem;
	overflow:hidden;
	border-radius:0.5208333333333334rem;
	position:relative;
}
.news .nlist li .pic img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.news .nlist li .time {
	position:absolute;
	right:-100%;
	bottom:0;
	z-index:1;
	width:5.989583333333334rem;
	border-radius:0.5208333333333334rem 0 0.5208333333333334rem 0;
	background:#f6b21b;
	padding:0.7291666666666667rem 0;
	text-align:center;transition:all 0.4s;
	-ms-transition:all 0.4s;  /* IE 9 */
	-moz-transition:all 0.4s;     /* Firefox */
	-webkit-transition:all 0.4s; /* Safari 和 Chrome */
	-o-transition:all 0.4s;
}
.news .nlist li h4 {
	font-size:1.875rem;
	line-height:1.4;
	color:#fff;
	font-weight:bold;
}
.news .nlist li h5 {
	font-size:1.0416666666666667rem;
	line-height:1.2;
	color:#fff;
	background:url(../images/qms40.png) no-repeat center bottom;
	background-size:2.03125rem auto;
	padding-bottom:0.9375rem;
}
.news .nlist li h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#222222;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0.9375rem 0 0.4166666666666667rem;
}
.news .nlist li p {
	font-size:0.8416666666666667rem;
	line-height:1.5625rem;
	color:#a9a9a9;
	height:3.125rem;
}
.pages {
	text-align:center;
	margin-top:1.0416666666666667rem;
}
.pages dl {
	display:flex;
	justify-content:center;
	align-items:center;
}
.pages dd {
	font-size:1.0416666666666667rem;
	margin:0 0.2604166666666667rem;
	line-height:1.875rem;
}
.pages dd a {
	font-size:0.8416666666666667rem;
	line-height:1.875rem;
	color:#fff;
	display:block;
	padding:0 0.5208333333333334rem;
	border-radius:0.20833333333333334rem;
	min-width:1.875rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:#222222;
}
.pages dd a:hover,.pages dd.on a {
	background:#f4b334;
}

.pagination{padding:10px 0; text-align:center;}  
.pagination li{border-radius:3px; border:1px solid #dfdfdf;display:inline-block;margin:0 2px;}  
.pagination .active{background:#222222; color:#FFF; border-color:#222222; margin:0 2px;}  
.pagination .disabled{color:#aaa;}
.pagination a{ border-radius:3px;display:inline-block; padding:5px 12px;}
.pagination span{border-radius:3px;display:inline-block;padding:5px 12px;}

.newsdel {
	padding:2.604166666666667rem 0 3.6458333333333335rem;
}
.newsdel .hd h1 {
	font-size:2.0833333333333335rem;
	line-height:1.6;
	color:#222222;
	border-bottom:0.052083333333333336rem solid #d3d3d3;
	padding-bottom:1.0416666666666667rem;
	margin-bottom:1.0416666666666667rem;
}
.newsdel .hd h6 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#a9a9a9;
}
.newsdel .hd h6 i {
	padding-left:1.7708333333333335rem;
	margin-right:1.5625rem;
	background-size:1.09375rem auto !important;
}
.newsdel .hd h6 i:last-child {
	background-size:1.3541666666666667rem auto !important;
}
.newsdel .bddel {
	margin-top:2.604166666666667rem;
	font-size:1.25rem;
	line-height:1.8;
	color:#222222;
}
.newsdel .bddel img {
	height:auto !important;
	width:100% !important;
	display:block;
}
.pnbtn {
	margin-top:2.604166666666667rem;
	border-top:0.052083333333333336rem solid #d3d3d3;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-top:1.875rem;
}
.pnbtn a {
	font-size:1.25rem;
	line-height:1.6;
	color:#222222;
	display:block;
	max-width:48%;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.productdel {
	padding:3.6458333333333335rem 0 4.0625rem;
}
.productdel .hd {
	display:flex;
	justify-content:space-between;
	height:32.8125rem;
}
.productdel .hd .pic {
	height:100%;
	width:38.10416666666667rem;
	border:1px solid #d3d3d3;
	overflow:hidden;
	border-radius:0.5208333333333334rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.productdel .hd .pic img {
	object-fit:contain;
	width:80%;
	display:block;
	margin:auto;
	height:80%;
}
.productdel .hd .text {
	width:calc(100% - 40.020833333333336rem);
	height:100%;
	position:relative;
}
.productdel .hd .text h1 {
	font-size:2.0833333333333335rem;
	line-height:1.4;
	color:#222222;
	height:2.8em;
	overflow:hidden;
	border-bottom:0.052083333333333336rem solid #dddddd;
	padding-bottom:2.0833333333333335rem;
	margin-bottom:2.604166666666667rem;
}
.mubtns{
	display:flex;
	align-items:center;
}
.mubtns .bt1 {
	width:9.895833333333334rem;
	font-size:1.25rem;
	line-height:2.8125rem;
	color:#fff;
	border-radius:0.3125rem;
	display:block;
	overflow:hidden;
	background:#222222;text-align: center;
	margin:0 0.36458333333333337rem;    border: 1px solid #222222;
}
.mubtns .bt2 {
	background:#f6b21b;border: 1px solid #f4b334;
}
.mubtns .bt1 i {
	display:inline-block;
	padding-left:2.604166666666667rem;
	background:url(../images/qms3.png) no-repeat left center;
	background-size:1.6666666666666667rem auto;color:#fff;
}
.mubtns .bt2 i {
	background:url(../images/qms4.png) no-repeat left center;
	background-size:1.7708333333333335rem auto;color:#fff;
}
.productdel .hd .por {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:23;
	padding:0 3.6458333333333335rem;
}
.productdel .hd .por .prev,.productdel .hd .por .next {
	position:absolute;
	left:0;
	z-index:11;
	top:0;
	cursor:pointer;
	bottom:0;
	background:url(../images/prev.png) no-repeat center #e5e5e5;
	border-radius:0.3125rem;
	width:2.0833333333333335rem;
	height:7.8125rem;
}
.productdel .hd .por .next {
	left:auto;
	right:0;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
}
.productdel .phdswiper {
	overflow:hidden;
}
.productdel .phdswiper .swiper-slide {
	border:1px solid #cdcdcd;
	border-radius:0.5208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	height:7.8125rem;cursor: pointer;
}
.productdel .phdswiper .swiper-slide:hover,
.productdel .phdswiper .swiper-slide-thumb-active{
	border-color: #f6b21b;
}
.productdel .phdswiper .swiper-slide img {
	object-fit:contain;
	max-width:80%;
	display:block;
	margin:auto;
	max-height:80%;
}
.productdel .bd {
	background:url(../images/qms8.png) no-repeat center #f6f6f6;
	padding:2.0833333333333335rem 2.604166666666667rem 2.8645833333333335rem;
	margin-top:5.46875rem;
}
.productdel .bd h4 {
	font-size:1.7708333333333335rem;
	line-height:1.5;
	color:#222222;
}
.productdel .bd h6 {
	font-size:1.25rem;
	line-height:1.5;
	color:#a3a3a3;
}
.productdel .bd ul {
	margin-top:2.1875rem;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.productdel .bd li {
	width:25rem;
	display:flex;
	justify-content:space-between;
	margin-bottom:1.9791666666666667rem;
}
.productdel .bd li label {
	font-size:1.25rem;
	line-height:2.7083333333333335rem;
	display:block;
	color:#222222;
	width:3.90625rem;
}
.productdel .bd li .wid {
	width:calc(100% - 3.90625rem);
}
.productdel .bd li .txt {
	width:100%;
	height:2.7083333333333335rem;
	border:1px solid #b6b6b6;
	background:none;
	padding:0 1.0416666666666667rem;
	font-size:1.25rem;
	color:#222222;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:0.3125rem;
}
.productdel .bd li.last {
	width:100%;
}
.productdel .bd li .txt1 {
	height:8.645833333333334rem;
	padding:0.5208333333333334rem 1.0416666666666667rem;
	line-height:1.7;
}
.productdel .bd li p {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#222222;
	margin-top:0.7291666666666667rem;
}
.productdel .bd li .btn {
	width:9.270833333333334rem;
	height:2.8125rem;
	font-size:1.25rem;
	line-height:2.8125rem;
	color:#fff;
	border-radius:0.3125rem;
	text-align:center;
	border:none;
	margin-top:2.604166666666667rem;
	cursor:pointer;
	background:#f4b334;
}
.product {
	padding:3.75rem 0 4.6875rem;
}
.product .wrap {
	display:flex;
	justify-content:space-between;
}
.product .tab {
	width:17.1875rem;
}
.product .tab h2 {
	font-size:1.875rem;
	line-height:1.6;
	color:#222222;
	padding-bottom:0.7291666666666667rem;
	border-bottom:0.052083333333333336rem solid #d3d3d3;
	margin-right:2.34375rem;
	margin-bottom:1.0416666666666667rem;
}
.product .tab li a {
	font-size:1.05rem;
	line-height:3.854166666666667rem;
	color:#222222;
	display:block;
	transition:all 0s;
	-ms-transition:all 0s;
	/* IE 9*/
	-moz-transition:all 0s;
	/* Firefox*/
	-webkit-transition:all 0s;
	/* Safari 和 Chrome*/
	-o-transition:all 0s;
}
.product .tab li.on a,.product .tab li a:hover {
	background:url(../images/qms44.png) no-repeat right 1.25rem center;
	background-size:0.46875rem auto;
	color:#f6b21b;
}
.product .rt {
	width:calc(100% - 17.1875rem);
	background:#f6f6f6;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:1.8229166666666667rem 1.8229166666666667rem 2.0833333333333335rem;
}
.product .rt .lists ul {
	overflow:hidden;
}
.product .rt .lists li {
	float:left;
	width:calc((100% - 5.572916666666667rem)/3);
	margin-right:1.8229166666666667rem;
	margin-bottom:2.0833333333333335rem;
}
.product .rt .lists li a {
	display:block;
	background-color:#fff;
	border-radius:0.5208333333333334rem;
	overflow:hidden;
}
.product .rt .lists li .pic {
	height:17.708333333333336rem;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}
.product .rt .lists li .pic img {
	object-fit:contain;
	max-width:80%;
	display:block;
	max-height:80%;
	margin:auto;
}
.product .rt .lists li h6 {
	font-size:1.0rem;
	line-height:2.3958333333333335rem;
	color:#fff;
	text-align:center;
	font-weight:bold;
	background:#222222;
}
.product .rt .mft {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:0.2604166666666667rem;
	clear:both;
}
.product .rt h4 {
	font-size:1.0416666666666667rem;
	line-height:1.7;
	color:#222222;
}
.about .hd {
	background:#252525;
	text-align:center;
	position: sticky;
	top: 4.6rem;z-index: 99;
}
.about .hd li {
	display:inline-block;
	margin:0 2.583333333333334rem;
}
.about .hd li a {
	display:block;
	font-size:1.0rem;
	line-height:2.604166666666667rem;
	color:#fff;
	padding: 0 2rem;
}
.about .page1 {
	padding:4.6875rem 0 2.34375rem;
}
.about .hd li.on a{
	color: #f6b21b;
	background: #fff;
}
.atit {
	font-size:1.8rem;
	line-height:1.6;
	color:#252525;
	font-weight:bold;
	text-align:center;
}
.about .page1 .text {
	font-size:1.05rem;
	line-height:1.8;
	color:#252525;
	margin:2.7083333333333335rem 0 3.75rem;
text-align: left;
    padding: 0 10vw;
}
.about .page1 .flxa {
	position: relative;
}
.about .page1 .flxa .pic {
	width:calc(100% - 25.83rem);
	position:relative;
}
.about .page1 .flxa .pic li {
	position: absolute;	
	z-index: 11;
	cursor: pointer;
}
.about .page1 .flxa .pic li:nth-child(1){
	left: 12%;
	top: 26%;
}
.about .page1 .flxa .pic li:nth-child(2){
	left: 14%;
	top: 38%;
}
.about .page1 .flxa .pic li:nth-child(3){
	left: 28%;
	top: 30.5%;
}
.about .page1 .flxa .pic li:nth-child(4){
	left: 28%;
	top: 30.5%;
}
.about .page1 .flxa .pic li:nth-child(5){
	left: 23%;
	top: 43%;
}

.about .page1 .flxa .pic li:nth-child(6){
	left: 27%;
	    top: 71%;
}
.about .page1 .flxa .pic li:nth-child(7){
	    right: 42.5%;
	    top: 24%;
}
.about .page1 .flxa .pic li:nth-child(8){
	    right: 45%;
	    top: 29%;
}
.about .page1 .flxa .pic li:nth-child(9){
	right: 40%;
	    top: 29%;
}
.about .page1 .flxa .pic li:nth-child(10){
	    right: 43.5%;
	    top: 42.5%;
}
.about .page1 .flxa .pic li:nth-child(11){
	right: 55.5%;
	    top: 45%;
}
.about .page1 .flxa .pic li:nth-child(12){
	right: 47.5%;
	    top: 55%;
}
.about .page1 .flxa .pic li:nth-child(13){
	right: 48.5%;
	    top: 67%;
}
.about .page1 .flxa .pic li:nth-child(14){
	    right: 21%;
	    top: 44%;
}




.about .page1 .tx li.on i::after,
.about .page1 .tx li.on i::before,
.about .page1 .flxa .pic li.on.quan::after,
.about .page1 .flxa .pic li.on.quan::before{
	background: #f6b21b;
}
.about .page1 .tx li i::after,
.about .page1 .tx li i::before,
.quan::after,
.quan::before {
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	width: 0.5208333333333334rem;
	height: 0.5208333333333334rem;
	border-radius: 50%;
	background: #000;position: absolute;
}
.about .page1 .tx li i::after,
.about .page1 .tx li i::before{
	bottom: -0.1rem;
}
.about .page1 .tx li i::before,
.quan::before {
	-webkit-animation: ykquan 1s 0.5s linear infinite;
	-moz-animation: ykquan 1s .5s linear infinite;
}
.about .page1 .tx li i::after,
.quan::after {
	-webkit-animation: ykquan 1s 0s linear infinite;
	-moz-animation: ykquan 1s 0s linear infinite;
}

@-webkit-keyframes ykquan {
	0% {
		-webkit-transform: scale(0.5);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(2);
		opacity: 0;
	}

	;
}

@-moz-keyframes ykquan {
	0% {
		-moz-transform: scale(0.5);
		opacity: 1;
	}

	100% {
		-moz-transform: scale(2);
		opacity: 0;
	}

	;
}



.about .page1 .tx {
	width:31.25rem;
	text-align:center;position: absolute;
	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%); 
}
.about .page1 .tx dl {
	display:flex;
	justify-content:center;
	align-items:center;
}
.about .page1 .tx dd{
    margin: 0 6px;
}
.about .page1 .tx dd h3 {
	font-size:2.0833333333333335rem;
	line-height:1.5;
	color:#f6b21b;
	font-weight:bold;
}
.about .page1 .tx dd h6 {
	font-size:0.8333333333333334rem;
	line-height:1.5;
	color:#a9a9a9;
	font-weight:bold;
}
.about .page1 .tx ul {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:1.875rem;
}
.about .page1 .tx li {
	font-size:1.25rem;
	line-height:1.6;
	color:#252525;
	display:flex;
	align-items:center;margin-right: 1.88rem;cursor: pointer;
}
.about .page1 .tx li.on {
	color: #f6b21b;
}
.about .page1 .tx li:last-child{
	margin-right: 0;
}
.about .page1 .tx li  i{
	position: relative;display: inline-block;vertical-align: middle;margin-right: 1rem;
}
.page2 {
	padding:3.125rem 0 4.166666666666667rem;
	background:#f3f3f3;
}
.page2 .ovs {
	margin-top:3.125rem;
	position:relative;
}
.page2 .ovs .swipers {
	overflow:hidden;
	margin:0 5rem;
}
.page2 .ovs .prev,.page2 .ovs .next {
	position:absolute;
	left:0;
	top:50%;
	margin-top:-1.5625rem;
	width:3.125rem;
	height:3.125rem;
	cursor:pointer;
	background:url(../images/prev.png) no-repeat center #dedede;
	background-size:0.625rem auto;
	z-index:1;
	border-radius:50%;
}
.page2 .ovs .next {
	left:auto;
	right:0;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
}
.page2 .ovs img {
	width:100%;
	display:block;
}
.page3 {
	padding:3.75rem 0 5.208333333333334rem;
}
.page3 .sbswiper {
	overflow:hidden;
	margin-top:2.604166666666667rem;
}
.page3 .sbswiper .swiper-slide{
	height: 24.48rem;
}
.page3 .sbswiper .swiper-slide img{
	width: 100%;height: 100%;display: block;object-fit: cover;
}
.page3 .flca {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:4.166666666666667rem;
}
.page3 .flca .spans span {
	width:0.5208333333333334rem;
	height:0.5208333333333334rem;
	background:#bebebe;
	border-radius:1.0416666666666667rem;
	margin:0 0.2604166666666667rem;
	opacity:1;
	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;
}

.page3 .flca .spans span.swiper-pagination-bullet-active {
	width:3.385416666666667rem;
	background:#f6b21b;
}
.page3 .flca .btn {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:6.770833333333334rem;
}
.page3 .flca .btn .prev,.page3 .flca .btn .next {
	width:2.5rem;
	height:2.5rem;
	background:url(../images/prev.png) no-repeat center #dedede;
	background-size:0.625rem auto;
	cursor:pointer;
	border-radius:50%;
}
.page3 .flca .btn .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);
}
.page4 {
	background:#f8f8f8;
	padding:4.166666666666667rem 0 5.208333333333334rem;
}
.page4 .flca {
	margin-top:4.427083333333334rem;
}
.page4 .flca .pics {
	background:url(../images/qms21.png) no-repeat center bottom/100% auto;
	width:41.927083333333336rem;
	margin:0 auto;
	padding-bottom:7.291666666666667rem;
}
.page4 .flca .pics img {
	width:13.020833333333334rem;
	height:17.708333333333336rem;
	margin:0 auto;
	object-fit:contain;
	display:block;
}
.page4 .flca .pics h5 {
	font-size:1.25rem;
	line-height:1.6;
	color:#222222;
	font-weight:bold;
	text-align:center;
	margin-top:0.2604166666666667rem;
}
.page4 .flca .rt {
	width:calc(100% - 46.66666666666667rem);
}
.page4 .flca .rt ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.page4 .flca .rt li {
	width:49%;
	margin-bottom:1.4583333333333335rem;
	border:1px solid #d9d9d9;
	font-size:0.90416666666666667rem;
	line-height:2.5rem;
	color:#222222;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 1.0416666666666667rem;
	cursor:pointer;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.page4 .flca .rt li.on,.page4 .flca .rt li:hover {
	background:#f6b21b;
	color:#fff;
	border-color:#f6b21b;
}
.contact {
	padding:7.291666666666667rem 0 4.166666666666667rem;
}
.contact .hd .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.contact .hd .lt {
	width:25.854166666666668rem;
}
.contact .hd .lt h6 {
	font-size:1.05rem;
	line-height:1.6;
	color:#252525;
	margin-top:1.5125rem;
	padding-top:2.0833333333333335rem;
	border-top:0.15625rem solid #f6b21b;
}
.contact .hd .rt {
	width:calc(100% - 32.8125rem);
}
.contact .hd .rt ul {
	display:flex;
	justify-content:space-between;
}
.contact .hd .rt li h3 {
	font-size:1.1583333333333335rem;
	line-height:1.6;
	color:#252525;
	margin-bottom:0.9375rem;
	font-weight:bold;
}
.contact .hd .rt li h4 {
	font-size:1.05rem;
	line-height:2.0833333333333335rem;
	color:#252525;
}
.contact .hd .rt li .wx {
	width:8.645833333333334rem;
	margin-top:1.25rem;
}
.contact .hd .rt li .wx img {
	width:100%;
	display:block;
}
.anchorBL {
	display:none !important;
}
.map {
	margin-top:7.604166666666667rem;
	height:30.729166666666668rem;
}
.liuy {
	margin-top:4.6875rem;
}
.liuy h3 {
	font-size:1.7833333333333335rem;
	line-height:1.6;
	color:#252525;
	font-weight:bold;
}
.liuy h4 {
	font-size:1.05rem;
	line-height:1.6;
	color:#9e9e9e;
}
.liuy ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:2.7083333333333335rem;
}
.liuy li {
	width:26.5625rem;
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	border:1px solid #cccccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:2.8645833333333335rem;
	background:#f6f6f6;
	border-radius:0.3125rem;
	padding-left:0.7291666666666667rem;
}
.liuy li label {
	font-size:1.05rem;
	line-height:3.125rem;
	color:#222222;
	padding-left:2.291666666666667rem;
	width:6.25rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.liuy li:nth-child(1) label {
	background:url(../images/qms22.png) no-repeat left center;
	background-size:1.3541666666666667rem auto !important;
}
.liuy li:nth-child(2) label {
	background:url(../images/qms23.png) no-repeat left center;
	background-size:1.7708333333333335rem auto !important;
}
.liuy li:nth-child(3) label {
	background:url(../images/qms24.png) no-repeat left center;
	background-size:1.875rem auto !important;
}
.liuy li:nth-child(4) label {
	background:url(../images/qms25.png) no-repeat left top 0.8333333333333334rem;
	background-size:1.3541666666666667rem auto !important;
}
.liuy li .txt {
	width:calc(100% - 6.25rem);
	font-size:1.05rem;
	color:#222;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	height:3.0208333333333335rem;
	background:none;
	border:none;
	padding-right:0.7291666666666667rem;
}
.liuy li.last {
	width:100%;
}
.liuy li.last .txt1 {
	height:11.354166666666668rem;
	padding:0.625rem 0.8333333333333334rem 0.625rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	resize:none;
	line-height:1.7;
}
.liuy .btn {
	width:8.333333333333334rem;
	height:3.125rem;
	font-size:1.25rem;
	line-height:3.125rem;
	color:#fff;
	background:#f6b21b;
	text-align:center;
	border-radius:0.20833333333333334rem;
	cursor:pointer;
	border:none;
}
.join {
	padding:3.6458333333333335rem 0 3.3333333333333335rem;
}
.join h2 {
	font-size:1.8rem;
	line-height:1.6;
	color:#252525;
	font-weight:bold;
	text-align:center;
}
.join ul {
	margin-top:3.125rem;
}
.join li {
	margin-bottom:2.604166666666667rem;
	background:#fff;
	box-shadow:0 0 0.625rem 0 #efefef;
	padding:0 1.25rem 0 2.0833333333333335rem;
	border-radius:0.5208333333333334rem;
}
.join li .hd {
	display:flex;
	justify-content:space-between;
	align-items:center;
	cursor:pointer;
}
.join li h3 {
	font-size:1.1625rem;
	line-height:1.6;
	color:#252525;
	font-weight:bold;
}
.join li .hd h4 {
	font-size:1.05rem;
	line-height:1.6;
	color:#252525;
	margin-left:6.25rem;
}
.join li .hd .rt {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.join li .icon {
	width:2.604166666666667rem;
	height:4.6875rem;
	background:url(../images/qms26.png) no-repeat center;
	background-size:1.0416666666666667rem auto;
	margin-left:5.729166666666667rem;
	cursor:pointer;
}
.join li .bd {
	padding:1.0416666666666667rem 0 2.604166666666667rem;
	font-size:0.85rem;
	line-height:1.8;
	color:#252525;
	display:none;
	border-top:0.052083333333333336rem solid #d6d6d6;
}
.join li:hover .hd h3,.join li.on .hd h3 {
	color:#f6b21b;
}
.join li.on .icon {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
}
.hnews .nlist li:hover h3,
.hnews .nlist li:hover h6,
.hnews .nlist li:hover h6 i,
.hproduct li a:hover,
.pnbtn a:hover,
.news .nlist li:hover h3,
.header .naver li.on h3 a,
.header .naver h3 a:hover{
	color: #f6b21b;
}
.productdel .bd li .btn:hover,
.liuy .btn:hover{
	background: #c38f1c;
}
.footer .dl dd a:hover{
	color: #fff;
}
.product .rt li:hover h6{
	background: #f6b21b;
}
.productdel .phdswiper .swiper-slide img,
.hnews .nlist li .pic img,
.swiperpor .pic img,
.product .rt li .pic img,
.news .nlist li .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;
}
.productdel .phdswiper .swiper-slide:hover img,
.hnews .nlist li:hover .pic img,
.swiperpor a:hover img,
.product .rt li:hover .pic img,
.news .nlist li: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); 
}
.news .nlist li:hover .time{
	right: 0;
}
.mubtn a:hover i{
	    background: url(../images/qms36-1.png) no-repeat left center;color: #fff;
}
.mubtn a:hover{
	background: #f4b334;
}
.productdel .hd .por .prev:hover, .productdel .hd .por .next:hover,
.hproductlist .prev:hover, .hproductlist .next:hover{
	 background: url(../images/prev-1.png) no-repeat center #f4b334;
}

.hnews .nlist li:hover h5{
	padding-left: 2.4rem;background: url(../images/qms36.png) no-repeat left center;color: #f4b334;
}