.footer {
	background:#3d4753;
	position:relative;
}
.wrap {
	width:83.33333333333334rem;
	margin:0 auto;
}
.footer::before {
	content:"";
	position:absolute;
	right:0;
	top:0;
	z-index:1;
	width:38%;
	background:#222931;
	height:100%;
}
.footer .wrap {
	display:flex;
	justify-content:space-between;
	position:relative;
	z-index:2;
}
.footer .lts {
	width:62%;
}
.copyright {
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-top:0.052083333333333336rem solid #5a626d;
	padding:1.25rem 1.7708333333333335rem;
	width:62%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin-top:-5%;
}
.copyright a {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#c1c3c6;
	display:block;
}
.copyright ul {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.copyright li {
	margin-right:2.1875rem;
}
.footer .lts .tps {
	display:flex;
	justify-content:space-between;
	padding-bottom:1.8229166666666667rem;
}
.footer .lts .tps dl {
	position:relative;
	padding-left:1.1458333333333335rem;
	width:25%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding-bottom:1.8229166666666667rem;
	padding-top:2.8645833333333335rem;
}
.footer .lts .tps dl::before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background:#5a626d;
	width:0.052083333333333336rem;
	height:100%;
}
.footer .lts .tps dt {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
	position:relative;
	margin-bottom:0.625rem;
}
.footer .lts .tps dt::before {
	content:"";
	position:absolute;
	left:-1.1979166666666667rem;
	top:50%;
	z-index:1;
	width:0.15625rem;
	height:0.8333333333333334rem;
	margin-top:-0.36458333333333337rem;
	background:#ffffff;
}
.footer .lts .tps dd a {
	font-size:0.8333333333333334rem;
	line-height:1.7708333333333335rem;
	color:#a4a8ac;
	display:block;
}
.footer .rts h2 {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#a9abad;
}
.footer .rts h2 span {
	margin-right:0.8333333333333334rem;
	font-size:1.25rem;
	color:#079c9e;
	font-weight:bold;
}
.footer .rts h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#fff;
}
.footer .rts {
	width:38%;
	text-align:right;
	padding:2.8645833333333335rem 0 2.604166666666667rem;
}
.footer .rts .txt {
	position:relative;
	margin-top:0.625rem;
	padding-top:1.1458333333333335rem;
	font-size:0.8333333333333334rem;
	line-height:1.6666666666666667rem;
	color:#a9abad;
}
.footer .rts .txt::before {
	content:"";
	position:absolute;
	right:0;
	left:0;
	top:0;
	z-index:1;
	background:#434950;
	width:200%;
	height:0.052083333333333336rem;
}
.footer .rts .swfd {
	display:flex;
	justify-content:flex-end;
	align-items:flex-end;
	margin-top:1.5625rem;
}
.footer .rts .swfd ul {
	display:flex;
	justify-content:flex-start;
}
.footer .rts .swfd li {
	width:2.291666666666667rem;
	margin-right:1.1458333333333335rem;
	position:relative;
	cursor:pointer;
}
.footer .rts .swfd li img {
	width:100%;
	display:block;
}
.footer .rts .swfd li .weix {
	position:absolute;
	left:-2.604166666666667rem;
	right:-2.604166666666667rem;
	bottom:120%;
	z-index:11;
	width:9.208333333333334rem;
	height:9.208333333333334rem;
	margin:0 auto;
	background:#fff;
	padding:0.20833333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:none;
}
.footer .rts .swfd li .weix img {
	width:100%;
	display:block;
}
.footer .rts .swfd li:hover .weix {
	display:block;
}
.layout {
	/* overflow:hidden; */
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:23;
	height:3.854166666666667rem;
	border-bottom:0.052083333333333336rem solid #555d62;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	align-items:center;
	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.on {
	background:#000;
	border-color:#000;
}
.banner img {
	width:100%;
	height:100%;
	display:block;
}
.header .logo {
	max-width:7.916666666666667rem;
	display:block;
	padding-left:8.333333333333334rem;
}
.header .rts {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.header .naver li {
	float:left;
	margin-right:4.166666666666667rem;
}
.header .naver li a {
	font-size:0.9375rem;
	line-height:3.854166666666667rem;
	color:#fff;
	display:block;
}
.header .seach {
	width:3.6458333333333335rem;
	margin-right:1.8229166666666667rem;
	position:relative;cursor: pointer;
}
.header .seach img {
	display:block;
	margin:0 auto;
}
.header .engsh {
	width:3.854166666666667rem;
	background:#0c76c8;
	height:3.854166666666667rem;
	display:flex;
	justify-content:center;
	cursor:pointer;
	position:relative;
}
.header .engsh img {
	display:block;
	margin:auto;
}
.header .engsh .dls {
	position:absolute;
	left:0;
	right:0;
	top:100%;
	z-index:23;
	width:3.854166666666667rem;
	background:#fff;
	display:none;
}
.header .engsh .dls dl {
	padding:0.3125rem 0;
}
.header .engsh .dls dd a {
	font-size:0.8333333333333334rem;
	line-height:2;
	color:#000;
	text-align:center;
	display:block;
}
.mskseach {
	position:absolute;
	left:-16.5625rem;
	top:238%;
	z-index:23;
	width:20.052083333333336rem;
	border-bottom:0.052083333333333336rem solid #fff;
	overflow:hidden;
	display:none;
}
.mskseach .t1 {
	float:left;
	width:calc(100% - 2.0833333333333335rem);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border:none;
	background:none;
	font-size:0.8333333333333334rem;
	color:#fff;
	height:2.291666666666667rem;
}
.mskseach .btn {
	float:right;
	width:1.7708333333333335rem;
	height:2.291666666666667rem;
	border:none;
	background:none;
	background:url(../images/qms14.png) no-repeat center;
	background-size:0.8333333333333334rem auto;
	cursor:pointer;
	display:block;
}
.banner {
	overflow:hidden;
	height:23.958333333333336rem;
}
.banner .wrap {
	height:100%;
	position:relative;
}
.banner .txt {
	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;
}
.banner .txt h2 {
	font-size:1.875rem;
	line-height:1.6;
	color:#fff;
}
.banner .txt h3 {
	font-size:1.1458333333333335rem;
	line-height:1.6;
	color:#fff;
	letter-spacing:0.15625rem;
}
.crumbs dl {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.crumbs dd span,.crumbs dd a {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#999999;
	display:block;
}
.crumbs dd:nth-child(1) a {
	background:url(../images/qms15.png) no-repeat left center;
	padding-left:1.3541666666666667rem;background-size: 0.99rem auto;
}
.crumbs dd span {
	margin:0 0.2604166666666667rem;
}
.crumbs dd a:hover,.crumbs dd.on a {
	color:#0ec3c5;
}

.crumbs dd:last-child a {
  color:#0ec3c5;
}

.crumbs {
	margin-top:1.0416666666666667rem;
}
.crumbs .wrap {
	padding:0 5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.yinsizc {
	margin-top:1.5625rem;
	padding-bottom:5.208333333333334rem;
}
.yinsizc .wrap {
	padding:0 2.604166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.yinsizc .bds {
	padding:2.604166666666667rem 2.604166666666667rem 4.583333333333334rem;
	background:#f7f7f7;
}
.yinsizc h2 {
	font-size:1.6666666666666667rem;
	line-height:1.6;
	color:#0c76c8;
	text-align:center;
}
.yinsizc .del {
	font-size:0.8333333333333334rem;
	line-height:1.8;
	color:#363636;
	margin-top:1.5625rem;
}
.contact .wrap {
	padding:0 5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.contact .box {
	border:1px solid #0b2c48;
	border-radius:1.0416666666666667rem;
	margin-top:1.7708333333333335rem;
	display:flex;
	justify-content:space-between;
	overflow:hidden;
}
.contact {
	padding:3.6458333333333335rem 0 6.770833333333334rem;
}
.contact .box .rts {
	width:39%;
	background-image:linear-gradient(to bottom,#000101,#144b7d);
	padding:3.6458333333333335rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.contact .box .lts {
	width:61%;
	padding:1.5625rem 3.125rem 0 2.8645833333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.contact .box .rts h2 {
	font-size:1.4583333333333335rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.contact .box .rts .ts {
	text-align:center;
}
.contact .box .rts .ico {
	width:2.604166666666667rem;
	display:block;
	margin:0 auto;
}
.contact .box .rts h3 {
	font-size:1.5625rem;
	line-height:1.6;
	color:#fff;
	margin:0.5208333333333334rem 0;
}
.contact .box .rts .ts {
	margin-top:2.0833333333333335rem;
}
.contact .box .rts .bns {
	width:8.229166666666668rem;
	line-height:2.0833333333333335rem;
	background:#0c76c8;
	display:block;
	border-radius:1.0416666666666667rem;
	margin:0 auto;
	text-align:center;
}
.contact .box .rts .bns span {
	font-size:0.8333333333333334rem;
	line-height:2.0833333333333335rem;
	color:#fff;
	display:inline-block;
	background:url(../images/qms20.png) no-repeat  left center;
	background-size:0.8854166666666667rem auto;
	padding-left:1.25rem;
}
.contact .box .rts .ts1 {
	margin-top:2.5rem;
	text-align:center;
}
.contact .box .rts .ico1 {
	width:2.03125rem;
	display:block;
	margin:0 auto;
}
.contact .box .rts h4 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#fff;
	margin-top:0.625rem;
}
.contact .box .rts .txt {
	margin-top:2.0833333333333335rem;
	font-size:0.9375rem;
	line-height:1.9791666666666667rem;
	color:#a0a5ac;
}
.contact .box .rts .wx {
	margin:2.604166666666667rem auto;
	width:10.145833333333334rem;
	height:10.145833333333334rem;
	overflow:hidden;
}
.contact .box .rts .wx img {
	display:block;
	margin:0 auto;
	width:100%;
	height:100%;
}
.contact .box .rts .swfd {
	display:flex;
	justify-content:center;
}
.contact .box .rts .swfd ul {
	display:flex;
	justify-content:flex-start;
}
.contact .box .rts .swfd li {
	width:2.291666666666667rem;
	margin-right:1.1458333333333335rem;
	position:relative;
	cursor:pointer;
}
.contact .box .rts .swfd li img {
	width:100%;
	display:block;
}
.contact .box .rts .swfd li .weix {
	position:absolute;
	left:-2.604166666666667rem;
	right:-2.604166666666667rem;
	bottom:120%;
	z-index:11;
	width:10.208333333333334rem;
	height:10.208333333333334rem;
	margin:0 auto;
	background:#fff;
	padding:0.20833333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:none;
}
.contact .box .rts .swfd li .weix img {
	width:100%;
	display:block;
}
.contact .box .rts .swfd li:hover .weix {
	display:block;
}
.contact .box .lts h3 {
	font-size:1.1458333333333335rem;
	line-height:1.6;
	color:#363636;
}
.contact .box .lts .fms {
	margin-top:1.0416666666666667rem;
}
.contact .box .lts .fms li {
	margin-bottom:1.3541666666666667rem;
}
.contact .box .lts .fms label {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#666666;
	display:block;
	margin-bottom:0.4166666666666667rem;
}
.contact .box .lts .fms label i {
	color:#ff0000;
}
.contact .box .lts .fms .t1 {
	border:1px solid #bfbfbf;
	border-radius:0.20833333333333334rem;
	height:1.9791666666666667rem;
	padding:0 0.78125rem;
	-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;
	width:100%;
}
.contact .box .lts .fms .t2 {
	height:6.25rem;
	resize:none;
	padding:0.5208333333333334rem 0.78125rem;
	line-height:1.7;
}
.contact .box .lts .fms dd {
	width:calc((100% - 2.0833333333333335rem)/3);
	margin-right:1.0416666666666667rem;
	float:left;
}
.contact .box .lts .fms dd:nth-child(3n) {
	margin-right:0;
}
.contact .box .lts .fms .lsele {
	border:1px solid #bfbfbf;
	border-radius:0.20833333333333334rem;
	height:1.9791666666666667rem;
	padding:0 1.5625rem 0 0.78125rem;
	-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;
	width:100%;
	background:url(../images/qms17.png) no-repeat right 0.8333333333333334rem center;
	background-size:0.5729166666666667rem auto;
}
.contact .box .lts .che {
	margin:0.8854166666666667rem 0 0.9375rem;
}
.contact .box .lts .che label {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#666666;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}
.contact .box .lts .che .c2 {
	display:inline-block;
	width:0.8333333333333334rem;
	height:0.8333333333333334rem;
	margin-right:0.3125rem;
}
.contact .box .lts .yanm .swn {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.contact .box .lts .yanm .t3 {
	width:10.9375rem;
}
.contact .box .lts .yanm .pic {
	width:6.510416666666667rem;
	height:2.0833333333333335rem;
	margin-left:0.6770833333333334rem;
	cursor:pointer;
}
.contact .box .lts .yanm .pic img {
	width:100%;
	height:100%;
	display:block;
}
.contact .box .lts .btn {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin-top:2.1875rem;
}
.contact .box .lts .btn .b1 {
	width:7.1875rem;
	margin-right:0.5208333333333334rem;
	border-radius:0.3125rem;
	line-height:2.3958333333333335rem;
	background:#a0a0a0;
	text-align:center;
	font-size:0.8333333333333334rem;
	color:#fff;
}
.contact .box .lts .btn .b1.on {
	background:#0c76c8;
	color:#fff;
}
.tabnavs {
	background:#f0f0f0;
}
.tabnavs .wrap {
	padding:0 5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.tabnavs ul {
	/* overflow-x:scroll; */
	font-size:0;
	white-space:nowrap;
}
.tabnavs li {
	display:inline-block;
}
.tabnavs li a {
	padding:0 1.104166666666667rem;
	font-size:1.0416666666666667rem;
	line-height:3.541666666666667rem;
	color:#666666;
	display:block;
}
.tabnavs li.on a,.tabnavs li a:hover {
	background:#079c9e;
	color:#91e6f4;
}
.pages {
	display:flex;
	justify-content:center;
	align-items:center;
}
.pages dd a {
	width:1.5625rem;
	line-height:1.5625rem;
	border-radius:50%;
	background:#def7fc;
	text-align:center;
	font-size:0.8333333333333334rem;
	color:#666666;
	display:block;
}
.pages dd a:hover,
.pages dd.n1 a:hover span {
	color:#fff;
}
.pages dd.on a,.pages dd a:hover {
	background:#0c76c8;
}
.pages dd {
	margin:0 0.15625rem;
	font-size:0.7291666666666667rem;
	line-height:1.5625rem;
	color:#999999;
}
.pages dl {
	display:flex;
}
.pages dd.ons a {
	background:none;
}
.pages dd.n1 a {
	width:4.166666666666667rem;
	border-radius:1.0416666666666667rem;
}
.pages dd.n1 span {
	background:url(../images/qms21.png) no-repeat right center;
	background-size:0.4166666666666667rem auto;
	font-size:0.8333333333333334rem;
	color:#666666;
	padding-right:0.7291666666666667rem;
}
.pages dd.n2 {
	margin-left:0.625rem;
}
.pages dd.n2 .t1 {
	width:1.5625rem;
	line-height:1.5625rem;
	border-radius:50%;
	background:#def7fc;
	text-align:center;
	font-size:0.8333333333333334rem;
	color:#666666;
	display:inline-block;
	border:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.ca_swfl .wrap {
	display:flex;
	justify-content:space-between;
	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;
}
.ca_swfl .ture {
	width:4.166666666666667rem;
	line-height:1.5625rem;
	background:#ebf3fc;
	border-radius:0.20833333333333334rem;
	text-align:center;
	display:block;
}
.ca_swfl .ture span {
	font-size:0.8333333333333334rem;
	line-height:1.5625rem;
	color:#0c76c8;
	display:inline-block;
	background:url(../images/qms22.png) no-repeat left center;
	background-size:0.4166666666666667rem auto;
	padding-left:0.7291666666666667rem;
}
.ca_swfl .crumbs {
	margin-top:0;
}
.ca_swfl {
	margin-top:1.0416666666666667rem;
}
.casedel {
	margin-top:2.0833333333333335rem;
	padding-bottom:3.6458333333333335rem;
}
.casedel .wrap {
	padding:0 2.604166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.casedel .box {
	background:#f7f7f7;
	padding:0 2.604166666666667rem 3.6458333333333335rem;
}
.casedel .hds {
	padding:1.5625rem 0 1.25rem;
	border-bottom:0.052083333333333336rem solid #e5e5e5;
	text-align:center;
}
.casedel .hds h1 {
	font-size:1.6666666666666667rem;
	line-height:1.6;
	color:#0ec3c5;
	font-weight:bold;
	
}
.casedel .hds dl {
	margin-top:0.78125rem;
	display:flex;
	justify-content:center;
	align-items:center;
}
.casedel .hds dd {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#999999;
	padding-left:1.0416666666666667rem;
	margin-right:2.0833333333333335rem;
}
.casedel .hds dd span {
	padding:0 0.46875rem;
	background:#59a5d6;
	font-size:0.7291666666666667rem;
	line-height:1.0416666666666667rem;
	color:#fff;
	border-radius:0.5208333333333334rem;
	display:inline-block;
}
.casedel .hds dd:nth-child(1) {
	background:url(../images/qms23.png) no-repeat left center;
}
.casedel .hds dd:nth-child(2) {
	background:url(../images/qms24.png) no-repeat left center;
}
.casedel .hds dd:nth-child(3) {
	background:url(../images/qms25.png) no-repeat left center;
}
.casedel .del {
	margin:2.1875rem 0 4.270833333333334rem;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}
.casedel .del img {
	display:block;
	margin:0 auto;
}
.casedel .fts {
	display:flex;
	justify-content:space-between;
	align-content:center;
}
.casedel .fts .prev {
	width:calc((100% - 1.8229166666666667rem)/2);
	background:url(../images/qms26.png) no-repeat left 1.6666666666666667rem center #fff;
	font-size:1.2375rem;
	line-height:4.166666666666667rem;
	color:#0c76c8;
	padding-left:5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	transition:all 0s;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.casedel .fts .prev span {
	position:relative;
}
.casedel .fts .prev span::before {
	content:"";
	position:absolute;
	left:-1.5625rem;
	top:50%;
	z-index:1;
	width:0.052083333333333336rem;
	height:2.0833333333333335rem;
	margin-top:-1.0416666666666667rem;
	background:#0c76c8;
}
.casedel .fts .next {
	text-align:right;
	padding-left:0;
	padding-right:5.208333333333334rem;
	background:url(../images/qms26-1.png) no-repeat right 1.6666666666666667rem center #fff;
}
.casedel .fts .next span::before {
	left:auto;
	right:-1.5625rem;
}
.casedel .fts .prev:hover {
	background:url(../images/qms27.png) no-repeat left 1.6666666666666667rem center #0c76c8;
	color:#fff;
}
.casedel .fts .prev:hover span::before {
	background:#3c8ece;
}
.casedel .fts .next:hover {
	background:url(../images/qms27-1.png) no-repeat right 1.6666666666666667rem center #0c76c8;
	color:#fff;
}
.product {
	padding:3.208333333333334rem 0 4.166666666666667rem;
}
.product .wrap {
	padding:0 5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.product .bds li {
	float:left;
	margin-bottom:1.5625rem;
	margin-right:1.0416666666666667rem;
	width:calc((100% - 3.229166666666667rem)/4);
	/* background:url(../images/qms30.jpg) no-repeat center/cover; */
	position:relative;
	overflow:hidden;
	height:16rem;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 .bds li:nth-child(4n) {
	margin-right:0;
}
.product .bds li .pic {
	width:100%;
	height:100%;
	position:relative;
}
.product .bds li .pic .ico {
	width:100%;
	height:100%;
	margin:auto;
	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;
}
.product .bds li .msk {
	position:absolute;
	left:1.0416666666666667rem;
	top:2.2458333333333335rem;
	z-index:1;display: none;
}
.product .bds li:hover .msk{
	display: block;
} 
.product li:hover .pic .ico{
	transform:scale(1.1);
	-ms-transform:scale(1.1);  /* IE 9 */
	-moz-transform:scale(1.1);     /* Firefox */
	-webkit-transform:scale(1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1); 
}
.product .bds li .txt {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
	background:rgba(0,0,0,0.6);
	padding:0.625rem 1.0416666666666667rem;
}
.product .bds li .txt h5 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#fff;
}
.product .bds li .txt h6{
    display: flex;
	font-size:0.8333333333333334rem;
}
.product .bds li .txt i,
.product .bds li .txt p {
	font-size:0.8333333333333334rem;
	line-height:1.3541666666666667rem;
	color:#e2e3e5;display: block;
	margin-top:0.4166666666666667rem;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 .bds li .txt i{
    width: 3em;
}
.product .bds li .txt p{
    width: calc(100% - 3.5em);
}
.product .bds li .txt .p{
    display: none;
}
.product .bds li:hover .txt .p{
	display: block;
}
.product .bds li .msk h2 {
	font-size:1.25rem;
	line-height:1.4;
	color:#232323;
	font-weight:bold;
}
.product .bds li .msk h3 {
	font-size:0.7291666666666667rem;
	line-height:1.4;
	color:#232323;
}
.product .bds li .msk p {
	background:url(../images/qms29.png) no-repeat center/100% auto;
	margin-bottom:0.20833333333333334rem;
	font-size:0.625rem;
	line-height:1.25rem;
	color:#fff;
	padding:0 0.2604166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.mbanner {
	height:100vh;
	max-height:52.083333333333336rem;
	min-height:20.833333333333336rem;
}
.mbanner .wrap {
	height:100%;
	display:flex;
	align-items:center;
}
.mbanner h2 {
	position:relative;
}
.mbanner h2 i {
	display:inline-block;
	position:relative;
	z-index:2;
	font-size:3.385416666666667rem;
	line-height:1.6;
	color:#ffffff;
	font-weight:bold;
}
.mbanner h2::before {
	content:"";
	position:absolute;
	left:0;
	display:block;
	bottom:0.5208333333333334rem;
	width:6.5625rem;
	height:0.6770833333333334rem;
	background:linear-gradient(to right,#067bd6,#0677cf);
}
.mbanner h4 {
	font-size:1.6666666666666667rem;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.3;
	margin-top:0.5208333333333334rem;
}
.mbanner h5 {
	font-size:1.1458333333333335rem;
	color:#ffffff;
	text-transform:uppercase;
}
.mbanner a {
	display:block;
	width:14.322916666666668rem;
	line-height:2.604166666666667rem;
	display:block;
	margin-top:2.604166666666667rem;
	border-radius:2.604166666666667rem;
	background:linear-gradient(to right,#067bd6,#0677cf);
	text-align:center;
	font-size:1.0416666666666667rem;
	color:#ffffff;
	letter-spacing:0.20833333333333334rem;transition:all 0s;
}
.mbanner .spans {
	position:absolute;
	left:0;
	right:0;
	bottom:2.0833333333333335rem;
	z-index:11;
}
.mbanner .spans span {
	display:block;
	font-size:0.8333333333333334rem;
	color:#ffffff;
	line-height:1.5625rem;
	border:1px solid rgba(255,255,255,0);
	text-align:center;
	width:1.5625rem;
	border-radius:50%;
	position:relative;
	height: 1.5625rem;
	background: none !important;
	opacity: 1;margin-top: 0.5rem !important;
}
.mbanner .spans span::before {
	content:"";
	position:absolute;
	left:-1.6rem;
	height:0.052083333333333336rem;
	top:50%;
	background:#fff;
	width:1.5625rem;
	width: 0;
}
.mbanner .spans span.swiper-pagination-bullet-active{
	margin-left: 2rem;border-color: #fff;
}
.mbanner .spans span.swiper-pagination-bullet-active::before{
	width:1.2rem;
}
.mabout {
	position:relative;
	padding:7.03125rem 0 4.166666666666667rem;
}
.mabout .wrap {
	position:relative;
	z-index:11;
}
.mabout::before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:33.333333333333336rem;
	background:url(../images/mico2.png) no-repeat left center #f7f7f7;
}
.mtit h2 {
	position:relative;
}
.mtit h2 i {
	position:relative;
	z-index:11;
	font-size:2.3958333333333335rem;
	line-height:1.4;
	color:#363636;
	font-weight:bold;
	text-transform:uppercase;
}
.mtit h2::before {
	content:'';
	position:absolute;
	left:-0.2604166666666667rem;
	top:0;
	width:1.6666666666666667rem;
	height:1.6666666666666667rem;
	border-radius:50%;
	background:#97d3d3;
}
.mtit h3 {
	font-size:1.6666666666666667rem;
	color:#079c9e;
	line-height:1.1;
}
.mmore {
	width:8.489583333333334rem;
	line-height:2.3958333333333335rem;
	background:url(../images/mico3.png) no-repeat center/100% 100%;
	font-size:0.9375rem;
	color:#fff;
	padding-left:1.4583333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
}
.mtit .mmore {
	margin-top:3.385416666666667rem;
}
.mabout .hd {
	display:flex;
	justify-content:space-between;
}
.mabout .pic{
	padding: 0 20px;
}
.mabout .hd .text {
	width:calc(100% - 22.65625rem);
	background:#eeeeee;
	padding:2.34375rem 4.947916666666667rem;
	font-size:0.9375rem;
	line-height:2;
	color:#363636;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.mabout .pic img {
	width:100%;
	display:block;
}
.mproduct {
	overflow:hidden;
	position:relative;
	height:44.270833333333336rem;
}
.mproduct .prev,.mproduct .next {
	position:absolute;
	left:0.2604166666666667rem;
	width:3.229166666666667rem;
	top:50%;
	height:3.229166666666667rem;
	z-index:21;
	background:url(../images/ico6.png) no-repeat center/cover;
	margin-top:-1.6145833333333335rem;
	cursor:pointer;
	opacity:0.3;
	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;
}
.mproduct .next {
	left:auto;
	right:0.2604166666666667rem;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
}
.mproduct .prev:hover,.mproduct .next:hover {
	opacity:1;
}
.mproduct li a {
	position:relative;
	display:block;
	height: 100%;
}
.mproduct li img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.mproduct li .txt {
	position:absolute;
	left:1.4583333333333335rem;
	top:3.90625rem;
	z-index:12;
	right:1.4583333333333335rem;
}
.mproduct li .bg {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:1;
}
.mproduct li .txt h3 {
	font-size:1.1458333333333335rem;
	line-height:1.6;
	color:#ffffff;
	font-weight:bold;
}
.mproduct li .txt h5 {
	font-size:0.8333333333333334rem;
	color:#fff;
	opacity:0.5;
	text-transform:uppercase;
	line-height:1.4;
	margin-top:0.4166666666666667rem;
}
.mproduct li .num {
	position:absolute;
	left:1.8229166666666667rem;
	bottom:4.427083333333334rem;
	z-index:122;
	padding-top:4.427083333333334rem;
}
.mproduct li .num::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	display:block;
	margin:0 auto;
	width:0.052083333333333336rem;
	height:4.166666666666667rem;
	background:#8a9094;
}
.mproduct li .num i {
	font-size:0.8333333333333334rem;
	color:#fff;
	display:block;
	transform:rotate(90deg);
}

.mservice {
	padding:7.291666666666667rem 0 4.6875rem;
}
.mservice ul {
	display:flex;
	flex-wrap:wrap;
	margin-top:2.604166666666667rem;
}
.mservice ul li {
	width:calc((100% - 9.0625rem)/4);
	margin:0 2.291666666666667rem 2.291666666666667rem 0;
}
.mservice ul li:nth-child(4n) {
	margin-right:0;
}
.mservice ul li .pic {
	height:13.645833333333334rem;
	overflow:hidden;
	border-radius:0.5208333333333334rem;
}
.mservice ul li .pic 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;
}
.mservice ul li h3 {
	text-align:center;
	font-size:1.0416666666666667rem;
	color:#363636;
	line-height:1.6;
	margin-top:0.78125rem;
}
.mtit.wh h2 i {
	color:#fff;
}
.mtit.wh h2::before {
	background:#3c4952;
}
.mtit.wh h3 {
	color:#fff;
}
.mcase {
	padding:5.208333333333334rem 0 6.25rem;
}
.mcase .hd {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
.mcase .hd .btn {
	width:3.0208333333333335rem;
	height:3.0208333333333335rem;
	display:block;
	border-radius:50%;
	background:url(../images/mico4.png) no-repeat center #fff;
}
.mcase .bd ul {
	margin-top:1.5625rem;
	display:flex;
	flex-wrap:wrap;
}
.mcase .bd ul li {
	width:calc((100% - 4.0625rem)/3);
	margin:0 1.9791666666666667rem 1.9791666666666667rem 0;
}
.mcase .bd ul li:nth-child(3n) {
	margin-right:0;
}
.mcase .bd ul li a {
	display:block;
	border-radius:0.5208333333333334rem;
	overflow:hidden;
	height:17.96875rem;
	position:relative;
}
.mcase .bd ul li 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;
}
.mcase .bd ul li .txt {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8));
	padding:0.7291666666666667rem;
	display:flex;
	justify-content:space-between;
}
.mcase .bd ul li .txt h4 {
	font-size:1.0416666666666667rem;
	color:#ffffff;
}
.mcase .bd ul li:hover .txt h4{
	width:10rem;
}
.mcase .bd ul li .txt .rc {
	width:calc(100% - 11rem);
	display:none;
}
.mcase .bd ul li .txt .rc h6 {
	font-size:0.8333333333333334rem;
	color:#ffffff;
	line-height:1.6;
}
.mcase .bd ul li .txt .rc dl {
	display:flex;
	flex-wrap:wrap;
}
.mcase .bd ul li .txt .rc dd {
	line-height:0.9375rem;
	border:1px solid #fff;
	padding:0 0.2604166666666667rem;
	border-radius:0.20833333333333334rem;
	margin-right:0.2604166666666667rem;
	font-size:0.7291666666666667rem;
	color:#fff;
	margin-top:0.3125rem;
}
/*.mcase .bd ul li:hover .txt .rc {*/
/*	display:block;*/
/*}*/
.mcase .bd ul li:hover .txt {
	background:rgba(6,18,27,0.66);
}
.about {
	padding:3.125rem 0 5.208333333333334rem;
}
.about .bd {
	position:relative;
	margin-top:1.5625rem;
	overflow:hidden;
}
.wrap2 {
	padding:0 5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.about .bd .pic {
	width:21.614583333333336rem;
	position:absolute;
	left:0;
	z-index:11;
	top:0;
}
.about .bd .text {
	background:#f5f5f5;
	margin-left:17.96875rem;
	margin-top:2.1875rem;
	padding:4.166666666666667rem 4.166666666666667rem 4.947916666666667rem 8.333333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.about .bd .text h1 {
	display:flex;
	align-items:center;
	font-size:1.3541666666666667rem;
	color:#0c76c8;
}
.about .bd .text h1 img {
	display:block;
	width:1.875rem;
	margin-right:0.2604166666666667rem;
}
.about .bd .text p {
	font-size:0.9375rem;
	line-height:2;
	color:#666666;
	margin-top:2.8645833333333335rem;
}
.about2 .mlist {
	padding-bottom:6.25rem;
}
.about2 .mlist li {
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:linear-gradient(to right,#fff 0%,#fff 30%,#f0f0f0 30%,#f0f0f0 100%);
	padding:1.8229166666666667rem 0;
	margin-top:2.8645833333333335rem;
}
.about2 .mlist li .pic {
	width:34.114583333333336rem;
	height:21.354166666666668rem;
	overflow:hidden;
}
.about2 .mlist li .text {
	width:calc(100% - 35.41666666666667rem);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:2.8645833333333335rem;
}
.about2 .mlist li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.about2 .mlist li .text h2 {
	display:flex;
	align-items:center;
	font-size:1.3541666666666667rem;
	color:#0c76c8;
}
.about2 .mlist li .text h2 img {
	width:2.0833333333333335rem;
	display:block;
	margin-right:0.46875rem;
}
.about2 .mlist li .text p {
	font-size:0.9375rem;
	line-height:2;
	color:#666666;
	margin-top:1.3020833333333335rem;
}
.about2 .mlist li:nth-child(2n) {
	flex-direction:row-reverse;
	background:linear-gradient(to left,#fff 0%,#fff 30%,#e8f2fc 30%,#e8f2fc 100%);
}
.mxitonggk .hd ul {
	margin-top:3.125rem;
}
.mxitonggk .hd li {
	margin-bottom:2.0833333333333335rem;
	background:#f0f0f0;
	padding:1.8229166666666667rem 2.0833333333333335rem;
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
	align-items:center;
}
.mxitonggk .hd li .pic {
	width:31.770833333333336rem;
}
.mxitonggk .hd li .text {
	width:calc(100% - 35.677083333333336rem);
}
.mxitonggk .hd li .text h3 {
	font-size:1.3541666666666667rem;
	line-height:3.75rem;
	color:#0c76c8;
	border-bottom:0.052083333333333336rem solid #d2d2d2;
	margin-bottom:0.5208333333333334rem;
}
.mxitonggk .hd li .text dd {
	display:flex;
	justify-content:space-between;
	align-items:baseline;
}
.mxitonggk .hd li .text dd img {
	width:1.1458333333333335rem;
	display:block;
	position:relative;
	top:0.2604166666666667rem;
}
.mxitonggk .hd li .text dd h6 {
	width:calc(100% - 1.5625rem);
	font-size:0.9375rem;
	color:#363636;
	line-height:2;
}
.mxitonggk .hd li .text p {
	font-size:0.9375rem;
	color:#363636;
	line-height:2;
	border-top:0.052083333333333336rem solid #d2d2d2;
	padding-top:0.78125rem;
	margin-top:0.5208333333333334rem;
}
.mxitonggk .hd li:nth-child(2n) {
	flex-direction:row;
	background:#e8f2fc;
}
.mxitonggk .hd li:nth-child(2n) p {
	padding-top:0;
	padding-bottom:0.78125rem;
	border:none;
	border-bottom:0.052083333333333336rem solid #d2d2d2;
	margin-bottom:0.5208333333333334rem;
}
.mxitonggk .bd {
	padding:4.166666666666667rem 0 4.6875rem;
}
.mxitonggk .bd h2 {
	text-align:center;
	font-size:1.5625rem;
	color:#0c76c8;
	line-height:1.4;
}
.mxitonggk .bd h2 img {
	display:block;
	width:1.0416666666666667rem;
	margin:0.9208333333333334rem auto 0;
}
.mxitonggk .bd ul {
	flex-wrap:wrap;
	display:flex;
	margin-top:2.0833333333333335rem;
}
.mxitonggk .bd li {
	width:calc((100% - 31.354166666666668rem)/7);
	margin:0 5.208333333333334rem 2.0833333333333335rem 0;
}
.mxitonggk .bd li img{
	display: block;
	margin: 0 auto;
}
.mxitonggk .bd li:nth-child(7n) {
	margin-right:0;
}
.mxitonggk .bd li h4 {
	text-align:center;
	font-size:.9416666666666667rem;
	color:#363636;
	padding:0.4166666666666667rem 0;
}
.mxitonggk .mlis {
	padding:4.166666666666667rem 0;
	background:#f7f7f7;
}
.mxitonggk .mlis h2 {
	font-size:1.5625rem;
	color:#0c76c8;
	text-align:center;
}
.mxitonggk .mlis ul {
	margin-top:2.604166666666667rem;
	display:flex;
	justify-content:space-between;
	margin-top:2.604166666666667rem;
}
.mxitonggk .mlis li {
	width:17.1875rem;
	height:28.645833333333336rem;
	border-radius:1.0416666666666667rem;
	overflow:hidden;
	position:relative;
}
.mxitonggk .mlis li img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.mxitonggk .mlis li .text {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:11;
	background:linear-gradient(to bottom,rgba(12,118,200,0),rgba(12,118,200,0.91) 60%,rgba(12,118,200,0.91) 100%);
	padding:8.072916666666668rem 1.0416666666666667rem 1.8229166666666667rem;
}
.mxitonggk .mlis li:nth-child(2n+1) {
	margin-top:2.8645833333333335rem;
}
.mxitonggk .mlis li .text h3 {
	text-align:center;
	font-size:1.1458333333333335rem;
	color:#ffffff;
	margin-bottom:0.78125rem;
}
.mxitonggk .mlis li .text p {
	font-size:0.8333333333333334rem;
	color:#ffffff;
	line-height:1.8;
	display:none;
}
.mxitonggk .mlis li:hover .text p {
	display:block;
}
.mxitonggk .mdown {
	padding:5.729166666666667rem 0;
}
.mxitonggk .mdown h2 {
	text-align:center;
	font-size:1.5625rem;
	color:#0c76c8;
	line-height:1.6;
}
.mxitonggk .mdown ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:1.8229166666666667rem;
}
.mxitonggk .mdown li {
	width:calc((100% - 5.208333333333334rem)/2);
	margin-bottom:1.0416666666666667rem;
}
.mxitonggk .mdown li a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:0.052083333333333336rem solid #d2d2d2;
	height:2.604166666666667rem;
}
.mxitonggk .mdown li h5 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#0c76c8;
}
.mxitonggk .mdown li h6 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#363636;
}
.system .wrap {
	padding:0 5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.system {
	padding:2.604166666666667rem 0 4.166666666666667rem;
}
.system .box {
	margin-top:2.0833333333333335rem;
	padding:2.1875rem 2.604166666666667rem 3.125rem;
}
.system .box .txt {
	font-size:0.9375rem;
	line-height:2.0833333333333335rem;
	color:#666666;
	margin-bottom:1.9791666666666667rem;
}
.system .box img {
	display:block;
	margin:0 auto;
}
.qmtit h2::before {
	background:#97d3d3;
}
.qmtit h3 {
	color:#079c9e;
}
.about2 {
	padding:3.125rem 0 0;
}
.mxitonggk {
	padding-top:3.125rem;
}
.youshidel .del {
	font-size:0.9375rem;
	line-height:1.8;
	color:#666666;
}
.youshidel .video {
	display:block;
	object-fit:cover;
	margin:0 auto;
	width:90%;
}
.arcsyous {
	padding:3.125rem 0 5.208333333333334rem;
}
.arcsyous .wrap {
	padding:0 5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.arcsyous .bds {
	margin-top:2.0833333333333335rem;
}
.arcsyous .bds li {
	float:left;
	margin-bottom:1.5625rem;
	width:calc((100% - 1.4583333333333335rem)/2);
	background:#f7f7f7;
}
.arcsyous .bds li:nth-child(2n) {
	float:right;
}
.arcsyous .bds li a {
	display:flex;
	justify-content:space-between;
}
.arcsyous .bds li .ico {
	width:15.104166666666668rem;overflow: hidden;
}
.arcsyous .bds li .ico img {
	width:100%;
	height:100%;
	display:block;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;
}
.arcsyous .bds li .txt {
	width:calc(100% - 15.104166666666668rem);
	background:#f7f7f7;
	padding:1.875rem 2.0833333333333335rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.arcsyous .bds li:hover .txt{
    background: #0c76c8;
}
.arcsyous .bds li h3 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#0c76c8;
	font-weight:bold;
}
.arcsyous .bds li span {
	width:1.5625rem;
	height:0.052083333333333336rem;
	background:#a0a0a0;
	display:block;
	margin:0.4166666666666667rem 0 0.8333333333333334rem;
}
.arcsyous .bds li p {
	font-size:0.9375rem;
	line-height:1.7;
	color:#666666;
}
.arcsyous .bds li:hover span {
    background: #fff;
}
.arcsyous .bds li:hover .txt p,
.arcsyous .bds li:hover .txt h3{
   color: #fff;
}
.arcstese {
	padding:3.125rem 0 4.6875rem;
}
.arcstese .txt {
	font-size:0.9375rem;
	line-height:2.0833333333333335rem;
	color:#666666;
	margin:2.0833333333333335rem 0 3.125rem;
}
.arcstese .del {
	padding:1.5625rem;
	font-size:0.9375rem;
	line-height:1.875rem;
	color:#666666;
	margin-top:1.0416666666666667rem;
}
.arcstese ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.arcstese li {
	margin-bottom:1.0416666666666667rem;
	width:calc((100% - 1.25rem)/2);
	background:#f0f0f0;
	display:flex;
	justify-content:space-between;
}
.arcstese li .pic {
	width:11.979166666666668rem;
	height:8.633333333333334rem;overflow: hidden;
}
.arcstese li .pic 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;
}
.arcstese 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); 
}
.arcstese li .rts {
	width:calc(100% - 11.979166666666668rem);
	padding:1.4583333333333335rem 2.604166666666667rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.arcstese li .rts h3 {
	font-size:1.0416666666666667rem;
	line-height:2;
	color:#0c76c8;
	padding-left:2.3958333333333335rem;
}
.arcstese li .rts p {
	font-size:0.9375rem;
	line-height:1.6;
	color:#666666;
	margin-top:0.4166666666666667rem;
}
.arcstese li:nth-child(1) .rts h3 {
	background:url(../images/qms52-1.png) no-repeat left center;
	background-size:1.9270833333333335rem auto;
}
.arcstese li:nth-child(2) .rts h3 {
	background:url(../images/qms49.png) no-repeat left center;
	background-size:2.03125rem auto;
}
.arcstese li:nth-child(3) .rts h3 {
	background:url(../images/qms50.png) no-repeat left center;
	background-size:2.0833333333333335rem auto;
}
.arcstese li:nth-child(4) .rts h3 {
	background:url(../images/qms51.png) no-repeat left center;
	background-size:2.0833333333333335rem auto;
}
.arcstese li:nth-child(1):hover .rts h3 {
	background:url(../images/qms52.png) no-repeat left center;
	background-size:1.9270833333333335rem auto;
}
.arcstese li:nth-child(2):hover .rts h3 {
	background:url(../images/qms49-1.png) no-repeat left center;
	background-size:2.03125rem auto;
}
.arcstese li:nth-child(3):hover .rts h3 {
	background:url(../images/qms50-1.png) no-repeat left center;
	background-size:2.0833333333333335rem auto;
}
.arcstese li:nth-child(4):hover .rts h3 {
	background:url(../images/qms51-1.png) no-repeat left center;
	background-size:2.0833333333333335rem auto;
}
.arcstese li:hover .rts h3,.arcstese li:hover .rts p {
	color:#fff;
}
.arcstese li:hover {
	background:#0c76c8;
}
.produdel {
	padding:2.604166666666667rem 0 7.291666666666667rem;
}
.produdel .wrap {
	padding:0 5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.produdel .hds .rts {
	width:calc(100% - 38.802083333333336rem);
	float:right;
}
.produdel .hds .lts {
	width:35.41666666666667rem;
	float:left;
}
.produdel .hds .rts .ts {
	background:#f0f0f0;
	padding:0.9375rem 1.5625rem 0.78125rem;
}
.produdel .hds .rts h2 {
	font-size:1.6666666666666667rem;
	line-height:1.4;
	color:#0c76c8;
	font-weight:bold;
}
.produdel .hds .rts h3 {
	font-size:1.0416666666666667rem;
	line-height:1.4;
	color:#999999;
	margin-top:0.5208333333333334rem;
}
.produdel .hds .rts .del {
	font-size:0.9375rem;
	line-height:2.0833333333333335rem;
	color:#666666;
	margin:1.5625rem 0 2.8125rem;
	text-indent: 2em;
}
.produdel .hds .rts .cs {
	display:flex;
	justify-content:space-between;
}
.produdel .hds .rts h4 {
	width:8.541666666666668rem;
	line-height:2.916666666666667rem;
	background:#0c76c8;
	font-size:0.9375rem;
	color:#fff;
	text-align:center;
}
.produdel .hds .rts h4 a {
	display:block;
	color:#fff;
}
.produdel .hds .rts .swfd {
	width:calc(100% - 8.645833333333334rem);
	background:#e5e5e5;
	display:flex;
	justify-content:flex-end;
	align-items:flex-end;
	padding:0.3125rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.produdel .hds .rts .swfd ul {
	display:flex;
	justify-content:flex-start;
}
.produdel .hds .rts .swfd li {
	width:2.291666666666667rem;
	margin-right:1.1458333333333335rem;
	position:relative;
	cursor:pointer;
}
.produdel .hds .rts .swfd li img {
	width:100%;
	display:block;
}
.produdel .hds .rts .swfd li .weix {
	position:absolute;
	left:-2.604166666666667rem;
	right:-2.604166666666667rem;
	bottom:-270%;
	z-index:11;
	width:5.208333333333334rem;
	height:5.208333333333334rem;
	margin:0 auto;
	background:#fff;
	padding:0.4166666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	border-radius:0.3125rem;
	box-sizing:border-box;
	display:none;
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.produdel .hds .rts .swfd li .weix::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:-0.625rem;
	z-index:1;
	background:url(../images/qms53.png) no-repeat center;
	width:1.4583333333333335rem;
	height:0.6770833333333334rem;
	margin:0 auto;
}
.produdel .hds .rts .swfd li .weix img {
	width:100%;
	display:block;
}
.produdel .hds .rts .swfd li:hover .weix {
	display:block;
}
.produdel .bds {
	margin:4.166666666666667rem 0;
}
.produdel .nav {
	border-bottom:0.052083333333333336rem solid #0c76c8;
}
.produdel .nav ul {
	display:flex;
}
.produdel .nav li a {
	padding:0 1.3020833333333335rem;
	font-size:1.0416666666666667rem;
	line-height:2.1875rem;
	display:block;
	color:#999999;
	border:1px solid #fff;
	transition:all 0s;
	border-radius: 5px 5px 0 0;
}
.produdel .nav li.on a,.produdel .nav li a:hover {
	border-color:#0c76c8;
	color:#fff;background: #0c76c8;
}
.produdel .nav li {
	position:relative;
	margin-right:0.2604166666666667rem;
}
.produdel .nav li::before {
	/*content:"";*/
	/*position:absolute;*/
	/*left:0;*/
	/*right:0;*/
	/*bottom:-0.052083333333333336rem;*/
	/*z-index:1;*/
	/*height:0.10416666666666667rem;*/
	/*width:100%;*/
	/*background:#fff;*/
	/*display:none;*/
}
.produdel .nav li.on::before,.produdel .nav li:hover::before {
	display:block;
}
.produdel .bds .box {
	margin-top:1.0416666666666667rem;
}
.produdel .bds .list {
	font-size:0.9375rem;
	line-height:1.9791666666666667rem;
	color:#666666;
}
.case {
	padding:2.604166666666667rem 0 6.25rem;
}
.case .wrap {
	padding:0 5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.case .bd {
	margin-bottom:1.0416666666666667rem;
}
.case .bd ul {
	margin-top:0;
}
.case .bd ul li a {
	height:16.875rem;
}
.mcase .bd ul li {
	margin:0 1.3541666666666667rem 1.5625rem 0;
	width:calc((100% - 3.229166666666667rem)/3);
}
.arcstese .wrap{
	padding: 0 5.208rem;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.header .engsh .dls dd a:hover{
	color: #0c76c8;
}
.mbanner a:hover{
	background: #0867b1;
}
.arcsyous .bds li:hover .ico img,
.mcase .bd ul li:hover img,
.mservice ul 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); 
}
.footer .lts .tps dd a:hover{
	color: #fff;
}
.mcase .hd .btn:hover{
	    background: url(../images/mico4-2.png) no-repeat center #025e99;
}
.ca_swfl .ture:hover{
	background: #e0e6ed;
}
.contact .box .lts .btn .b1.on:hover{
	background: #0f6bb2;
}
.header .naver li.on a,
.header .naver li a:hover{
	color: #079c9e;
}
.produdel .fts .product{
	padding: 0;
}
.produdel .fts .product .bds{
	margin: 1.042rem 0;
}
.produdel .swpie_pro .hs{
	float: left;width: 5.417rem;height: 25.26rem;overflow: hidden;
}
.produdel .swpie_pro .hs .ovs{
	height: calc(100% - 4.766rem);margin: 0.417rem 0;overflow: hidden;
}
.produdel .swpie_pro .bs{
	float: right;width: calc(100% - 6.406rem);height: 25.26rem;overflow: hidden;
}
.produdel .swpie_pro .bs .swiper-slide{
	position:relative;
	overflow:hidden;
	height:100%;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;
}

.produdel .swpie_pro .bs .pic {
	width:100%;
	height:100%;
	position:relative;
}
.produdel .swpie_pro .bs .pic .ico {
	width: 100%;height: 100%;display: block;object-fit: contain;
}
.produdel .swpie_pro .bs .msk {
	position:absolute;
	left:1.0416666666666667rem;
	top:4.688rem;
	z-index:11;display: block;
}

.produdel .swpie_pro .bs .msk h2 {
	font-size: 1.979rem;
	line-height:1.4;
	color:#232323;
	font-weight:bold;
}
.produdel .swpie_pro .bs .msk h3 {
	font-size: 1.25rem;
	line-height:1.4;
	color:#232323;margin-top: 1.771rem;margin-bottom: 0.313rem;
}
.produdel .swpie_pro .bs .msk p {
	background:url(../images/qms58.png) no-repeat center/100% 100%;
	margin-bottom:0.20833333333333334rem;
	font-size: 1.042rem;
	line-height: 1.979rem;
	color:#fff;
	padding:0 0.2604166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;margin-bottom: 0.26rem;
}
.produdel .swpie_pro .hs .swiper-slide{
	background:url(../images/qms30.jpg) no-repeat center/cover;
	position:relative;
	overflow:hidden;
	height:4.896rem !important;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;
}
.produdel .swpie_pro .hs .swiper-slide img{
	position:absolute;
	left: 0;right: 0;
	top:50%;
	z-index:2;
	max-width:100%;
	max-height:100%;
	margin:auto;
	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;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 
}
.produdel .swpie_pro .hs .prev,
.produdel .swpie_pro .hs .next{
	height: 2.083rem;background:url(../images/qms57.png) no-repeat center #ababab;width: 100%;cursor: pointer;
}
.produdel .swpie_pro .hs .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);
}
.produdel .swpie_pro .hs .prev:hover,
.produdel .swpie_pro .hs .next:hover{
	background-color: #0c76c8;
}


.mbanner{
	position: relative;
}
.mbanner .spans .wrap{
	width: 83.33333333333334rem;
	display: block;
}


.cookies {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:23;
	background:rgba(0,0,0,0.5);
	display:flex;
	justify-content:space-between;
	padding:1.1458333333333335rem 8.333333333333334rem;
}
.cookies .txt {
	font-size:0.7291666666666667rem;
	line-height:1.5625rem;
	color:#fff;
}
.cookies .btn {
	width:8.958333333333334rem;
	line-height:2.3958333333333335rem;
	text-align:center;
	background:#1884cb;
	display:block;
	font-size:0.7291666666666667rem;
	color:#fff;
	height:2.3958333333333335rem;
}
.cookies .txt a {
	display:inline-block;
	text-decoration:underline !important;
	color:#fff;
	margin-left:0.2604166666666667rem;
}
.cookies .btn:hover {
	background:#156ea8;
}




.produdel .bds .list{
	display: none;
}
.produdel .bds .list:nth-child(1){
	display: block;
}
.produdel .bds .list dd{
	margin-bottom: 0.204rem;
}
.produdel .bds .list dd a{
	display: flex;justify-content: flex-start;align-items: center;
}
.produdel .bds .list dd h5{
	font-size: 0.9375rem;
	    line-height: 1.9791666666666667rem;
	    color: #666666;width: 60%;
}
.produdel .bds .list dd i{
	width: 0.32rem;height: 0.32rem;background: #0c76c8;display: inline-block;border-radius: 50%;margin-right: 0.52rem;vertical-align: middle;
}
.produdel .bds .list dd h6{
	font-size: 0.9375rem;
	    line-height: 1.9791666666666667rem;
	    color: #0c76c8;
}

.mproduct li{
	overflow: hidden;
}
.mproduct li a .icos{
	position: absolute;
	width: 100%;
	top:0%;z-index: 1;
	right: 0;height: 100%;
	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;
	opacity: 0;
}

.mproduct li a:hover .icos{
opacity: 1;z-index: 11;
}
.mproduct li .bg{
	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;opacity: 0;
	display: none;
}
.mproduct li a:hover .bg{
	opacity: 1;
}


.pagination{padding:10px 0; text-align:center;}  
.pagination li{border-radius:50%; border:1px solid #dfdfdf;display:inline-block;margin:0 2px;background:#def7fc;
  font-size: 0.9333333333333334rem;
}  
.pagination .active{background:#0c76c8; color:#FFF; border-color:#0c76c8; margin:0 2px;}  
.pagination .disabled{color:#aaa;}
.pagination a{ border-radius:3px;display:inline-block; padding:5px 10px;color: #666;}
.pagination span{border-radius:3px;display:inline-block;padding:5px 10px;}



a{
	color: #a9abad;
	
}

.footer .rts .swfd .wx img {
 width: 9rem
;
}