.layout {
	overflow:hidden;
	padding-top:5.208333333333334rem;
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:12;
	height:5.208333333333334rem;
	background:#fff;
	padding:0 2.604166666666667rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-shadow:0 0.2604166666666667rem 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.header .logo {
	display:block;
}
.header .logo span {
	font-size:1.3541666666666667rem;
	line-height:5.208333333333334rem;
	color:#0a0808;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
}
.header .logo img {
	max-width:3.697916666666667rem;
	margin-right:0.7291666666666667rem;
	display:inline-block;
	vertical-align:middle;
}
.header .naver li {
	float:left;
	margin-left:9.114583333333334rem;
	position:relative;
}
.header .naver li::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	width:0;
	height:0.20833333333333334rem;
	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;
	background:#e50015;
	margin:0 auto;
}
.header .naver li.on::before,.header .naver li:hover::before {
	width:1.5625rem;
}
.header .naver li:nth-child(1) {
	margin-left:0;
}
.header .naver li a {
	font-size:0.9375rem;
	line-height:5.208333333333334rem;
	color:#0a0808;
	display:block;
}
.banner {
	height:16.666666666666668rem;
}
.banner img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.crumbs {
	padding:1.1458333333333335rem 2.604166666666667rem 0.4166666666666667rem;
	border-bottom:0.052083333333333336rem solid #cbcbcb;
}
.crumbs dl {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.crumbs dt {
	font-size:0.78125rem;
	line-height:1.6;
	color:#0a0808;
	padding-left:1.3020833333333335rem;
	background:url(../images/qms1.png) no-repeat left center/0.8333333333333334rem auto;
}
.crumbs dd span {
	width:0.625rem;
	height:0.052083333333333336rem;
	background:#0a0808;
	display:block;
	margin:0 0.15625rem;
}
.crumbs dd a {
	font-size:0.78125rem;
	line-height:1.6;
	color:#0a0808;
	display:block;
	font-weight:bold;
}
.footer .hds {
	padding:3.125rem 2.604166666666667rem 4.375rem;
	display:flex;
	justify-content:space-between;
}
.footer .lts {
	width:38.020833333333336rem;
}
.footer .rts {
	width:calc(100% - 40.10416666666667rem);
}
.footer .lts .logo {
	display:block;
	padding-bottom:0.8333333333333334rem;
	border-bottom:0.052083333333333336rem solid rgba(255,255,255,0.1);
}
.footer .lts .logo span {
	font-size:1.3541666666666667rem;
	line-height:1.7;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
}
.footer .lts .logo img {
	max-width:3.697916666666667rem;
	margin-right:0.7291666666666667rem;
	display:inline-block;
	vertical-align:middle;
}
.footer .lts li {
	border-bottom:0.052083333333333336rem solid rgba(255,255,255,0.1);
	padding:0.8333333333333334rem 0 0.5208333333333334rem 1.5625rem;
}
.footer .lts li:nth-child(1) {
	background:url(../images/qms2.png) no-repeat left top 0.9375rem/0.8333333333333334rem auto;
}
.footer .lts li:nth-child(2) {
	background:url(../images/qms3.png) no-repeat left top 1.0416666666666667rem/1.25rem auto;
}
.footer .lts li:nth-child(3) {
	background:url(../images/qms4.png) no-repeat left top 0.9375rem/1.0416666666666667rem auto;
}
.footer .lts li p {
	margin-bottom:0.5208333333333334rem;
	font-size:0.8333333333333334rem;
	line-height:1.4583333333333335rem;
	color:#fff;
}
.footer .copyright {
	background:#1a1a1a;
	font-size:0.78125rem;
	line-height:2.3958333333333335rem;
	color:#fff;
	text-align:center;
}
.footer .copyright a {
	color:#fff;
}
.footer .rts ul {
	display:flex;
	justify-content:space-between;
}
.footer .rts li {
	width:calc((100% - 5.104166666666667rem)/4);
	margin-right:1.6666666666666667rem;
	border-radius:0.625rem;
	overflow:hidden;
	background:rgba(255,255,255,0.03);
}
.footer .rts li:nth-child(4n) {
	margin-right:0;
}
.footer .rts li h3 {
	text-align:center;
	border-bottom:0.052083333333333336rem solid rgba(255,255,255,0.1);
}
.footer .rts li h3 span {
	display:inline-block;
	font-size:1.1458333333333335rem;
	line-height:3.229166666666667rem;
	color:#fff;
	font-weight:bold;
	position:relative;
}
.footer .rts li h3 span::before,.footer .rts li h3 span::after {
	content:"";
	position:absolute;
	left:-1.7708333333333335rem;
	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%);
	width:0.4166666666666667rem;
	height:0.4166666666666667rem;
	background:#7c7c7c;
	overflow:hidden;
	border-radius:50%;
}
.footer .rts li h3 span::after {
	right:-1.7708333333333335rem;
	left:auto;
}
.footer .rts li dd {
	margin-bottom:0.78125rem;
}
.footer .rts li dd a {
	font-size:0.9375rem;
	line-height:1.7;
	color:#fff;
	display:block;
	text-align:center;
}
.footer .rts li dl {
	padding:0.8333333333333334rem 0;
}
.wrap {
	width:62.5rem;
	margin:0 auto;
}
.news {
	padding:4.6875rem 0 5.729166666666667rem;
}
.pages dl {
	display:flex;
	justify-content:center;
	align-items:center;
}
.pages dd {
	margin:0 0.2604166666666667rem;
}
.pages dd a {
	min-width:2.604166666666667rem;
	line-height:2.604166666666667rem;
	border:1px solid #d0d0d0;
	border-radius:0.20833333333333334rem;
	display:block;
	background:#f0f0f0;
	font-size:0.78125rem;
	color:#0a0808;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	height:2.604166666666667rem;
	padding:0 1.0416666666666667rem;
}
.pages dd:nth-child(1) a,.pages dd:last-child a {
	padding:0 1.4583333333333335rem;
}
.pages dd.on a,.pages dd a:hover {
	background:#e50015;
	border-color:#e50015;
	color:#fff;
}
.news ul {
	border-top:0.052083333333333336rem solid #dedcd9;
	padding-bottom:5.729166666666667rem;
}
.news li {
	border-bottom:0.052083333333333336rem solid #dedcd9;
}
.news li a {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.news li h3 {
	font-size:0.78125rem;
	line-height:2.916666666666667rem;
	color:#0a0808;
	max-width:80%;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.news li h6 {
	font-size:0.6770833333333334rem;
	line-height:2.916666666666667rem;
	color:#7e7e7e;
}
.about {
	padding:4.6875rem 0 5.208333333333334rem;
}
.about h1 {
	font-size:1.4583333333333335rem;
	line-height:1.7;
	color:#4f4f4f;
	text-align:center;
	font-weight:bold;
}
.about .del {
	font-size:0.8333333333333334rem;
	line-height:1.8;
	color:#0a0808;
	margin:4.166666666666667rem 0;
}
.about .pic {
	width:37.5rem;
	border-radius:1.25rem;
	overflow:hidden;
	margin:0 auto;
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
	padding:0.5208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.about .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	border-radius:1.25rem;
}
.jiszc {
	padding:4.895833333333334rem 0 5.625rem;
}
.uitlts {
	float:left;
	width:9.375rem;
}
.uitrts {
	float:right;
	width:calc(100% - 10.416666666666668rem);
}
.uitlts li {
	border-bottom:0.10416666666666667rem solid #e3e3e3;
	background:#f7f7f7;
}
.uitlts li:last-child {
	border-bottom:none;
}
.uitlts li a {
	font-size:1.1458333333333335rem;
	line-height:4.583333333333334rem;
	color:#0a0808;
	display:block;
	text-align:center;
	transition:all 0s;
}
.uitlts li.on a,.uitlts li a:hover {
	background:#e50015;
	color:#fff;
	font-weight:bold;
}
.jiszc .uitrts ul {
	border-top:0.052083333333333336rem solid #dedcd9;
	padding-bottom:5.416666666666667rem;
}
.jiszc .uitrts li {
	border-bottom:0.052083333333333336rem solid #dedcd9;
}
.jiszc .uitrts li a {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.jiszc .uitrts li h3 {
	font-size:0.8333333333333334rem;
	line-height:2.916666666666667rem;
	color:#0a0808;
	max-width:80%;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.jiszc .uitrts li h4 img {
	width:3.385416666666667rem;
}
.product {
	padding:4.6875rem 0 6.770833333333334rem;
}
.product .uitrts ul {
	padding-bottom:6.25rem;
}
.product .uitrts li {
	float:left;
	margin-bottom:1.1458333333333335rem;
	border:2px solid #ebebeb;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin-right:0.2604166666666667rem;
	width:calc((100% - 0.625rem)/3);
}
.product .uitrts li:nth-child(3n) {
	margin-right:0;
}
.product .uitrts li .pic {
	height:17.020833333333334rem;
	background:#f4f4f4;
	position:relative;
	overflow: hidden;
}
.product .uitrts li .pic img {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
	margin:auto;object-fit: cover;
}
.product .uitrts li h3 {
	font-size:1.0416666666666667rem;
	line-height:3.0208333333333335rem;
	color:#000000;
	text-align:center;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:0 0.5208333333333334rem;
}
.contact {
	padding:5.3125rem 0 5.520833333333334rem;
}
.contact .hds ul {
	display:flex;
	justify-content:space-between;
}
.contact .hds li {
	width:23.4375rem;
	margin-right:1.0416666666666667rem;
	border: 0.36rem solid #f3f3f3;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:#fafafa;
	padding:2.916666666666667rem 0 1.5625rem;
}
.contact .hds li:nth-child(3n) {
	width:13.541666666666668rem;
	margin-right:0;
	position:relative;
}
.contact .hds li .ico {
	width:4.322916666666667rem;
	margin:0 auto 1.8229166666666667rem;
}
.contact .hds li dd {
	margin-bottom:0.8333333333333334rem;
	text-align:center;
}
.contact .hds li h4 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#868686;
	font-weight:bold;
}
.contact .hds li p {
	font-size:0.9375rem;
	line-height:1.6;
	color:#0a0808;
}
.contact .hds li .wx {
	border: 0.42rem solid #f3f3f3;
	margin:0 0.8333333333333334rem;
	background:#fff;
	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%);
}
.contact .hds li .wx img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.contact .bds {
	margin-top:3.125rem;
}
.tit {
	text-align:center;
}
.tit h3 {
	font-size:1.5625rem;
	line-height:1.6;
	color:#162d57;
	font-weight:bold;
}
.tit p {
	margin-top:0.625rem;
}
.tit p span {
	position:relative;
	display:inline-block;
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#0a0808;
}
.tit p span::before,.tit p span::after {
	position:absolute;
	left:-41.66666666666667rem;
	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%);
	width:39.583333333333336rem;
	content:"";
	height:0.052083333333333336rem;
	background:#cbcbcb;
}
.tit p span::after {
	left:auto;
	right:-41.66666666666667rem;
}
.contact .bds .map {
	margin:1.5625rem auto 0;
	height:auto;
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
	border-radius:1.25rem;
	overflow:hidden;
	padding:0.4166666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.contact .bds .maps {
	height:100%;
	border-radius:1.25rem;
	overflow:hidden;
}
.contact .bds .map img{
    width: 100%;display: block;
}
.anchorBL {
	display:none !important;
}
.prodel {
	padding:5.208333333333334rem 0;
}
.prodel .hds .pic {
	float:left;
	width:26.041666666666668rem;
	border: 0.36rem solid #f3f3f3;
	background:#fafafa;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	height:26.041666666666668rem;
	position:relative;
	overflow: hidden;
}
.prodel .hds .pic img {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	bottom:0;
	max-width:100%;
	max-height:100%;
	margin:auto;
	display:block;
}


.prodel .hds .text {
	float:right;
	width:calc(100% - 27.604166666666668rem);
}
.prodel .hds .text h2 {
	font-size:1.25rem;
	line-height:1.6;
	color:#0a0808;
	font-weight:bold;
	padding-bottom:0.8333333333333334rem;
	border-bottom:0.052083333333333336rem solid #dedcd9;
}
.prodel .hds .text dd {
	border-bottom:0.052083333333333336rem solid #dedcd9;
	padding:0.7291666666666667rem 0 0.625rem;
}
.prodel .hds .text h6 {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#0a0808;
}
.prodel .hds .text h6 span {
	font-size:0.7291666666666667rem;
	margin-top:0.3125rem;
	display:inline-block;
}
.prodel .hds .text li {
	float:left;
	margin-right:0.7291666666666667rem;
	margin-bottom:0.6770833333333334rem;
}
.prodel .hds .text li a {
	padding:0 1.4583333333333335rem;
	line-height:2.0833333333333335rem;
	border-radius:1.1458333333333335rem;
	display:block;
	border:1px solid #cbcbcb;
	font-size:0.8333333333333334rem;
	color:#cfaa5c;
	font-weight:bold;
	background:#f3f3f3;
}
.prodel .hds .text ul {
	margin-top:0.625rem;
}
.prodel .hds .swfs {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0.36458333333333337rem 0 0.2604166666666667rem;
	border-bottom:0.052083333333333336rem solid #dedcd9;
}
.prodel .hds .swfs a {
	display:block;
	width:4.270833333333334rem;
}
.prodel .hds .swfs a img {
	width:100%;
}
.prodel .bds {
	margin-top:2.8645833333333335rem;
}
.prodel .nav {
	background:#f3f3f3;
	margin-bottom:3.229166666666667rem;
}
.prodel .nav li {
	float:left;
	margin-right:0.5208333333333334rem;
	position:relative;
}
.prodel .nav a {
	display:block;
	padding:0 2.0833333333333335rem;
	font-size:1.0416666666666667rem;
	line-height:2.604166666666667rem;
	color:#0a0808;
	font-weight:bold;
	transition:all 0s;
}
.prodel .nav li::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-0.625rem;
	z-index:1;
	background:url(../images/qms11.png) no-repeat center/cover;
	width:1.25rem;
	height:0.625rem;
	margin:0 auto;
	display:block;
	display:none;
}
.prodel .nav li.on a,.prodel .nav a:hover {
	background:#e50015;
	color:#fff;
}
.prodel .nav li:hover::before,.prodel .nav li.on::before {
	display:block;
}
.prodel .ds {
	margin-bottom:3.125rem;
}
.prodel .ds h3 {
	font-size:1.0416666666666667rem;
	line-height:1.7;
	color:#0a0808;
	font-weight:bold;
}
.prodel .ds .del {
	font-size:0.7291666666666667rem;
	line-height:1.7;
	color:#0a0808;
	margin-top:1.3541666666666667rem;
}
.prodel .ds .table {
	margin-top:1.5625rem;
	margin-right:15.625rem;
}
.prodel .ds table {
	width:100%;
	border-color:#d3d3d3;
}
.prodel .ds td {
	background:#fff;
	font-size:0.9375rem;
	line-height:1.6;
	color:#000;
	padding:0.20833333333333334rem 0.4166666666666667rem;
}
.prodel .ds .table1 td:nth-child(1) {
	width:20%;
}
.prodel .ds .table1 td:nth-child(2) {
	width:80%;
}
.htit {
	text-align:center;
}
.htit h2 {
	font-size:5.104166666666667rem;
	line-height:1;
	color:#eff0f2;
	text-transform:uppercase;
	font-weight:bold;
}
.htit h3 {
	font-size:1.6666666666666667rem;
	line-height:1.2;
	color:#4f4f4f;
	margin-top:-2.3958333333333335rem;
	font-weight:bold;
}
.htit p {
	margin-top:0.625rem;
}
.htit p span {
	position:relative;
	display:inline-block;
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#0a0808;
}
.htit p span::before,.htit p span::after {
	position:absolute;
	left:-41.66666666666667rem;
	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%);
	width:39.583333333333336rem;
	content:"";
	height:0.052083333333333336rem;
	background:#cfaa5c;
}
.htit p span::after {
	left:auto;
	right:-41.66666666666667rem;
}
.hpage1 .htit p span::before,.hpage1 .htit p span::after {
	background:#cbcbcb;
}
.hpage4 .bds {
	margin:2.0833333333333335rem 2.604166666666667rem 0;
	padding-bottom:5.46875rem;
}
.hpage4 .bds li {
	overflow:hidden;
	height:calc((100% - 30px)/2);
}
.hpage4 .bds li .pic {
	width:14.583333333333334rem;
	height:100%;
	position:relative;
	float:left;overflow: hidden;
}
.hpage4 .bds li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hpage4 .bds li .pic h6 {
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;
	padding:0 0.4166666666666667rem;
	line-height:1.5625rem;
	font-size:0.625rem;
	font-weight:bold;
	background:#005090;
	color:#fff;
}
.hpage4 .bds li .txt {
	width:calc(100% - 15.104166666666668rem);
	float:right;
	height:100%;
}
.hpage4 .bds li h5 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#162d57;
}
.hpage4 .bds li h3 {
	font-size:1.1458333333333335rem;
	line-height:1.6;
	color:#4f4f4f;
	font-weight:bold;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0.20833333333333334rem 0 0.625rem;
}
.hpage4 .bds li p {
	font-size:0.78125rem;
	line-height:1.3541666666666667rem;
	height:5.416666666666667rem;
	overflow:hidden;
	color:#4f4f4f;
}
.hpage4 .bds .spot {
	margin-top:2.604166666666667rem;
	position:static;
	text-align:center;
}
.hpage4 .bds .spot span {
	width:0.6770833333333334rem;
	height:0.6770833333333334rem;
	background:#c8c8c8;
	border-radius:50%;
	margin:0 0.9895833333333334rem !important;
	opacity:1;
}
.hpage4 .bds .spot .swiper-pagination-bullet-active{
	background:#e50015;
}
.hpage3 {
	padding:6.5625rem 0;
}
.hpage3 .bds {
	margin:2.8125rem 2.604166666666667rem 0;
}
.hpage3 .bds ul {
	display:flex;
	justify-content:space-between;
}
.hpage3 .bds li {
	width:calc((100% - 6.145833333333334rem)/3);
	margin-right:3.0208333333333335rem;
	background:#f7f7f7;
	padding:2.0833333333333335rem 0 1.5625rem;
}
.hpage3 .bds li:nth-child(3n) {
	margin-right:0;
}
.hpage3 .bds li .ico {
	background:url(../images/qms17.png) no-repeat center;
	width:7.239583333333334rem;
	height:7.239583333333334rem;
	position:relative;
	margin:0 auto;
	overflow:hidden;
	border-radius:50%;
}
.hpage3 .bds li .ico img {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
	-moz-transform:translateY(-50%);
	/* Firefox*/
	-webkit-transform:translateY(-50%);
	/* Safari 和 Chrome*/
	-o-transform:translateY(-50%);
	z-index:1;
	max-width:80%;
	max-height:80%;
	margin:auto;
	transition:all 0.5s;
}
.hpage3 .bds li .ico .s2 {
	top:200%;
}
.hpage3 .bds li .txt {
	text-align:center;
}
.hpage3 .bds li h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#4f4f4f;
	font-weight:bold;
	margin:1.1458333333333335rem 0 0.625rem;
}
.hpage3 .bds li p {
	font-size:0.8333333333333334rem;
	line-height:1.8;
	color:#0a0808;
}
.hpage3 .bds li h4 {
	width:5.3125rem;
	border:1px solid #9b9b9b;
	height:1.5625rem;
	background:url(../images/qms15.png) no-repeat center/2.291666666666667rem auto;
	margin:2.291666666666667rem auto 0;
	transition:all 0.3s;
}
.hpage3 .bds li:hover .ico {
	background:url(../images/qms18.png) no-repeat center;
}
.hpage3 .bds li:hover .ico .s1 {
	top:-150%;
}
.hpage3 .bds li:hover .ico .s2 {
	top:50%;
}
.hpage3 .bds li:hover h4 {
	border-color:#e50015;
	background:url(../images/qms15-1.png) no-repeat center/2.291666666666667rem auto;
	background-color:#e50015;
}
.hpage1 {
	padding-top:5.208333333333334rem;
}
.hpage1 .hds {
	margin: 0 2.604166666666667rem;padding-top: 4.479166666666667rem;
	position:relative;
}
.hpage1 .hds .swippro {
	margin:0 7.552083333333334rem;
	overflow:hidden;
}
.hpage1 .hds li .ico {
	background:url(../images/qms13.png) no-repeat center/100% 100%;
	width:9.583333333333334rem;
	height:8.333333333333334rem;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
.hpage1 .hds li .ico img {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	bottom:0;
	margin:auto;
	object-fit:contain;
	max-width:80%;
	max-height:80%;
	display:block;
}
.hpage1 .hds li h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#000000;
	text-align:center;
	margin-top:1.0416666666666667rem;
}
.hpage1 .hds .prev,.hpage1 .hds .next {
	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%);
	width:2.8125rem;
	height:2.8125rem;
	border-radius:50%;
	background:url(../images/prev.png) no-repeat center #d3d3d3;background-size: 0.73rem auto;cursor: pointer; 
}
.hpage1 .hds .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;
}
.hpage1 .bds {
	margin:2.604166666666667rem 0 0;
	background:#f7f7f7;
	padding:2.3958333333333335rem 2.604166666666667rem 1.875rem;
}
.hpage1 .bds .swipprodu{
	height: 47.84rem;overflow: hidden;
}
.hpage1 .bds li{
	 height: calc((100% - 30px) / 2);
}
.hpage1 .bds li .pic {
	background:#f2f2f2;
	height:17.5020833333333334rem;
	position:relative;
	overflow: hidden;
}
.hpage1 .bds li .pic img {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
	margin:auto;
	object-fit:cover;
}
.hpage1 .bds li .txt {
	padding:0.625rem 0 1.0416666666666667rem;
	background:#fff;
	text-align:center;
}
.hpage1 .bds li h3 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#000000;
}
.hpage1 .bds li h6 {
	width:5.208333333333334rem;
	line-height:1.5625rem;
	border:1px solid #a7a7a7;
	font-size:0.8333333333333334rem;
	color:#b2b2b2;
	text-align:center;
	margin:0.7291666666666667rem auto 0;
	text-transform:uppercase;
}
.hpage1 .bds .bns {
	display:flex;
	justify-content:flex-end;
	margin-top:1.6666666666666667rem;
}
.hpage1 .bds .prev,.hpage1 .bds .next {
	width:5.208333333333334rem;
	height:1.5625rem;
	background:url(../images/qms15.png) no-repeat center;background-size: 2.29rem auto;
	border:1px solid #a7a7a7;cursor: pointer;
}
.hpage1 .bds .prev {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	 -moz-transform:rotate(180deg);
	/* Firefox*/
	 -webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	 -o-transform:rotate(180deg);
	margin-right:1.7708333333333335rem;
}
.hpage2 {
	padding-top:2.604166666666667rem;
}
.hpage2 .bds {
	position:relative;
}
.hpage2 ul {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0 13.854166666666668rem;
	position:relative;
}
.hpage2 ul::before,.hpage2 ul::after {
	content:"";
	position:absolute;
	left:-10rem;
	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%);
	width:0.625rem;
	height:0.625rem;
	border-radius:50%;
	background:#fff;
	border:2px solid #e5e8ed;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage2 ul::after {
	left:auto;
	right:-10rem;
}
.hpage2 .bds::before {
	content:'';
	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%);
	width:100%;
	height:0.10416666666666667rem;
	background:#e4e7ec;
}
.hpage2 li {
	margin-top:4.166666666666667rem;
	position:relative;
	z-index:2;
}
.hpage2 li .ico {
	width:7.291666666666667rem;
	height:7.291666666666667rem;
	position:relative;
	border-radius:50%;
	overflow:hidden;
	border:3px solid #efefef;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:#fff;
}
.hpage2 li.on .ico {
	width:10.94rem;
	height:10.94rem;
	border:1px dashed #e6051a;
}
  .hpage2 li .ico img {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	bottom:0;
	max-width:80%;
	max-height:80%;
	margin:auto;
	display:block;
	object-fit:contain;
}
.hpage2 li .txt {
	margin-top:1.1458333333333335rem;
	text-align:center;
}
.hpage2 li .txt h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#4f4f4f;
	font-weight:bold;
}
.hpage2 li.on .txt h3{
	font-weight: bold;color: #e50015;
}
.hpage2 li .txt p {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#b4b4b4;
}
.hbanner {
	height:32.03125rem;
	overflow:hidden;
	position:relative;
}
.hbanner img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hbanner .btn {
	position:absolute;
	left:0;
	right:0;
	top:60%;
	z-index:1;
	width:8.333333333333334rem;
	line-height:2.916666666666667rem;
	background:#e50015;
	text-align:center;
	margin:0 auto;
	font-size:0.9375rem;
	color:#fff;
	font-weight:bold;
}

.hpage4 .swipnew{
	height: 20.57rem;overflow: hidden;
}




.hbanner .btn:hover{
	background: #c90315;
}
.hpage1 .bds .prev:hover, .hpage1 .bds .next:hover{
	border-color: #e50015;background: url(../images/qms15-1.png) no-repeat center #e50015;    background-size: 2.29rem auto;
}
.hpage1 .hds .prev:hover, .hpage1 .hds .next:hover{
	background-color: #e50015;
}
.product .uitrts li .pic img,
.hpage4 .bds li .pic img,
.hpage1 .bds li .pic img,
.prodel .hds .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 .uitrts li:hover .pic img,
.hpage4 .bds li:hover .pic img,
.hpage1 .bds li:hover .pic img,
.prodel .hds .pic:hover 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:hover h6{
	border-color: #fff;
}
.product .uitrts li:hover h3,
.news li:hover h3,
.jiszc .uitrts li:hover h3,
.footer .rts li dd a:hover{
	color: #e50015;
}



.ubtn{
	display: flex;
	margin-top: 20px;
}
.ubtn a{
	display: block;
	font-size: 16px;
	/* background: #e50015; */
	border-radius: 5px;
	border: 1px solid #e50015;
	color: #e50015;
	line-height: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px;
	margin-right: 15px;
}
.ubtn a:hover{
	background: #e50015;
	color: #fff;
}

.mli:nth-child(n+2){
	display: none;
}
.hbanner{
	position: relative;
}
.hbanner .spans{
	position: absolute;
	left: 0;right: 0;
	bottom: 40px;
	z-index: 111;
	text-align: center;
}
.hbanner .spans span{
	opacity: 1;
	background: #fff;
	width: 10px;
	height: 10px;
}
.hbanner .spans span.swiper-pagination-bullet-active{
	background: #e50015;
}