
.pages {
	text-align:center;
	margin-top:0.9375rem;
}
.pages ul {
	display:flex;
	justify-content:center;
	align-items:center;
}
.pages li {
	font-size:0.7291666666666667rem;
	margin:0 0.20833333333333334rem;
	line-height:1.4583333333333335rem;
}
.pages li a,.pages li span {
	font-size:0.7291666666666667rem;
	line-height:1.4583333333333335rem;
	color:#fff;
	display:block;
	padding:0 0.5208333333333334rem;
	border-radius:0.15625rem;
	min-width:1.4583333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #d2d2d2;
	color:#666666;
}
.pages li.ons a {
	background:#f7f7f7;
}
.pages li a:hover,.pages li.active span {
	background:#0d40ab;
	border-color:#0d40ab;
	color:#fff;
}
.layout {
	overflow:hidden;
}
.wrap {
	width:75rem;
	margin:0 auto;
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:23;
	border-bottom:0.052083333333333336rem solid rgba(255,255,255,0.1);
	height:4.583333333333334rem;
}
.header.on {
	background:#000;
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.header .logo {
	max-width:11.25rem;
	display:block;
}
.header .logo img {
	width:100%;
	display:block;
}
.header .naver ul {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.header .naver li {
	margin-left:3.6458333333333335rem;
	position:relative;
}
.header .naver li a {
	font-size:0.8333333333333334rem;
	line-height:4.583333333333334rem;
	color:#fff;
	display:block;
}
.header .naver li dd a:hover,.header .naver li.on a,.header .naver li a:hover {
	color:#0d40ab;
}
.banner img {
	width:100%;
	height:100%;
	display:block;
}
.header .naver li .nli {
	position:absolute;
	left:-1.5625rem;
	right:-1.5625rem;
	top:100%;
	z-index:1;
	width:10.95rem;
	background:#000;
	display:none;
}
.header .naver li dd {
	margin-bottom:0.3004166666666667rem;
}
.header .naver li dd a {
	font-size:0.7291666666666667rem;
	line-height:1.8;
	color:#fff;
	display:block;
	text-align:center;
}
.header .naver li dl {
	padding:0.3125rem 0;
}
.crumbs {
	margin-top:0.3125rem;
}
.crumbs dl {
	display:flex;
	justify-content:flex-start;
	align-items:center;flex-wrap: wrap;
}
.crumbs dd span,.crumbs dd a {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#999999;
	display:block;
}
.crumbs dd span {
	margin:0 0.3125rem;
}
.about {
	padding:1.7708333333333335rem 0 6.5625rem;
}
.about h1 {
	font-size:2.3958333333333335rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
	margin-bottom:1.3541666666666667rem;
}
.about .video {
	width:100%;
	display:block;
	object-fit:cover;
}
.about .del {
	font-size:0.9375rem;
	line-height:1.8;
	color:#252525;
	margin-top:1.5625rem;
}
.footer {
	border-top:0.10416666666666667rem solid #0d40ab;
	background:#0d40ab;
}
.footer .hds {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-top:3.4375rem;
	border-bottom:0.052083333333333336rem solid rgba(255,255,255,0.1);
	padding-bottom:1.0416666666666667rem;
}
.footer .hds .nav ul {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.footer .hds .nav li {
	margin-right:3.6458333333333335rem;
}
.footer .hds .nav li a {
	font-size:0.8333333333333334rem;
	line-height:1.8;
	color:#fff;
	display:block;
	text-transform:uppercase;
}
.footer .hds dl {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.footer .hds dd {
	margin-left:1.3541666666666667rem;
}
.footer .hds dd a {
	display:block;
}
.footer .hds dd img {
	width:100%;
	display:block;
}
.footer .bds {
	border-bottom:0.052083333333333336rem solid rgba(255,255,255,0.1);
	padding:1.25rem 0 2.0833333333333335rem;
}
.footer .bds .logo {
	max-width:22.552083333333336rem;
	display:block;
	float:right;
	margin-top:0.8333333333333334rem;
}
.footer .bds .logo img {
	width:100%;
	display:block;
}
.footer .bds .text {
	float:left;
	width:calc(100% - 22.916666666666668rem);
}
.footer .bds .text p {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:rgba(255,255,255,0.3);
	margin-bottom:0.5208333333333334rem;
}
.footer .copyright {
	padding:1.0416666666666667rem 0 1.40625rem;
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:rgba(255,255,255,0.3);
	text-align:center;
}
.footer .copyright a {
	color:rgba(255,255,255,0.3);
}
.contact {
	margin-top:2.3958333333333335rem;
}
.contact .hds {
	display:flex;
	justify-content:space-between;
	margin-bottom:3.229166666666667rem;
}
.contact .hds .text {
	width:27.604166666666668rem;
}
.contact .hds .form {
	width:calc(100% - 31.875rem);
	margin-top:1.5625rem;
}
.contact .hds h1 {
	font-size:2.3958333333333335rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
}
.contact .hds .del {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#363636;
	margin-top:1.0416666666666667rem;
	padding-top:1.25rem;
	border-top:0.052083333333333336rem solid #eeeeee;
}
.contact .hds .del p {
	margin-bottom:0.5208333333333334rem;
}
.contact .hds dl {
	margin-top:1.5625rem;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.contact .hds dd {
	margin-right:1.25rem;
}
.contact .hds dd a {
	display:block;
}
.contact .hds .form li {
	margin-bottom:0.78125rem;
	float:left;
	width:calc((100% - 2.0833333333333335rem)/3);
	margin-right:1.0416666666666667rem;
}
.contact .hds .form li:nth-child(3n) {
	margin-right:0;
}
.contact .hds .form li .t1 {
	border:1px solid #7d7d7d;
	border-radius:0.20833333333333334rem;
	height:2.291666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:0.8333333333333334rem;
	padding:0 1.0416666666666667rem;
	color:#000;
	width:100%;
}
.contact .hds .form li.on {
	width:100%;
}
.contact .hds .form li .t2 {
	height:6.145833333333334rem;
	padding:0.4166666666666667rem 1.0416666666666667rem;
	resize:none;
	line-height:1.7;
}
.contact .hds .form .sub {
	width:7.916666666666667rem;
	line-height:2.291666666666667rem;
	border:none;
	background:#0d40ab;
	border-radius:0.3125rem;
	text-align:center;
	display:block;
	font-size:0.8333333333333334rem;
	color:#fff;cursor: pointer;
}
.contact .maps {
	height:28.125rem;
}
.contact {
	padding-bottom:4.947916666666667rem;
}
.uitlt {
	float:left;
}
.uitrt {
	float:right;
}
.findty {
	padding:2.916666666666667rem 0 4.166666666666667rem;
}
.findty .uitlt {
	width:13.645833333333334rem;
}
.findty .uitrt {
	width:calc(100% - 17.291666666666668rem);
}
.findty .uitlt h1 {
	font-size:2.3958333333333335rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
	margin-bottom:1.25rem;
}
.findty .uitlt li {
	margin-bottom:1.25rem;
}
.findty .uitlt li h4 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
	padding-bottom:0.5208333333333334rem;
}
.findty .uitlt li .lsele {
	width:100%;
	height:1.9791666666666667rem;
	line-height:1.7;
	border:1px solid #898989;
	border-radius:0.3125rem;
	padding:0 1.3541666666666667rem 0 0.6770833333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:0.7291666666666667rem;
	color:#666666;
	background:url(../images/qms2.png) no-repeat right 0.5208333333333334rem center;
	background-size:0.5729166666666667rem auto;
}
.uitlist ul {
	padding-bottom:0.5208333333333334rem;
}
.uitlist li {
	float:left;
	margin-bottom:1.25rem;
	margin-right:1.0416666666666667rem;
	width:calc((100% - 2.0833333333333335rem)/3);
	background:#fff;
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.1);
	border-radius:0.3125rem;
	overflow:hidden;
	padding-bottom:1.875rem;
}
.uitlist li:nth-child(3n) {
	margin-right:0;
}
.uitlist li h6 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#666666;
	text-align:center;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.uitlist li .pic {
	height:17.708333333333336rem;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	position:relative;
}
.uitlist li .pic img {
	display:block;
	max-height:100%;
	max-width:100%;
	position:relative;
	z-index:4;
	object-fit:contain;
	margin:auto;
}
.news {
	padding:1.5625rem 0 3.854166666666667rem;
}
.news h1 {
	font-size:2.3958333333333335rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
}
.news .hds {
	margin-top:1.3541666666666667rem;
}
.news .hds a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:#f7f7f7;
}
.news .hds .pic {
	width:37.5rem;
	overflow:hidden;
}
.news .hds .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.news .hds .txt {
	width:calc(100% - 37.5rem);
	padding:2.1875rem 1.875rem 2.291666666666667rem 2.0833333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.news .hds .txt h3 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#363636;
	padding-bottom:1.0416666666666667rem;
	border-bottom:0.052083333333333336rem solid #e5e5e5;
	margin-bottom:0.9375rem;
}
.news .hds .txt p {
	font-size:0.8333333333333334rem;
	line-height:1.4583333333333335rem;
	color:#999999;
	height:4.375rem;
	overflow:hidden;
	margin-bottom:5.208333333333334rem;
}
.news .hds .txt .swfl {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.news .hds .txt h6 {
	width:6.25rem;
	line-height:1.875rem;
	border-radius:1.0416666666666667rem;
	background:#0d40ab;
	font-size:0.7291666666666667rem;
	color:#fff;
	text-align:center;
}
.news .bds li h6,.news .hds .txt h5 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#999999;
	padding-left:1.0416666666666667rem;
	background:url(../images/qms7.png) no-repeat left center;
	background-size:0.78125rem auto;
}
.news .bds {
	margin-top:1.5625rem;
}
.news .bds li {
	padding:1.5625rem 0;
	border-bottom:0.052083333333333336rem solid #eeeeee;
}
.news .bds li a {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.news .bds li .pic {
	width:18.4375rem;
	overflow:hidden;
}
.news .bds li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.news .bds li .txt {
	width:calc(100% - 20.833333333333336rem);
}
.news .bds li h3 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#363636;
}
.news .bds li p {
	font-size:0.8333333333333334rem;
	line-height:1.3541666666666667rem;
	height:2.7083333333333335rem;
	overflow:hidden;
	color:#666666;
	margin:1.1458333333333335rem 0 2.7083333333333335rem;
}
.news .bds {
	margin-bottom:2.604166666666667rem;
}
.newsdel {
	padding:1.5625rem 0 5.729166666666667rem;
}
.newsdel .hds {
	border-bottom:0.052083333333333336rem solid #eeeeee;
	padding-bottom:1.0416666666666667rem;
}
.newsdel .hds h1 {
	font-size:1.4583333333333335rem;
	line-height:1.6;
	color:#363636;
	font-weight:bold;
}
.newsdel .hds h6 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#999999;
	padding-left:1.0416666666666667rem;
	background:url(../images/qms7.png) no-repeat left center;
	background-size:0.78125rem auto;
	margin-top:1.25rem;
}
.newsdel .del {
	padding:1.875rem 0 1.5625rem;
	border-bottom:0.052083333333333336rem solid #eeeeee;
	font-size:0.8333333333333334rem;
	line-height:2;
	color:#666666;
}
.newsdel .fts {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:1.5625rem;
}
.newsdel .fts .b1 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#363636;
}
.newsdel .fts .b1 span {
	color:#999999;
}
.prodel,.product {
	background:#f7f7f7;
}
.prodel .wrap,.product .wrap {
	display:flex;
	justify-content:space-between;
}
.uitprolt {
	background:#fff;
	position:relative;
	width:15.625rem;
	position:relative;
	float:none;
	padding-top:2.916666666666667rem;
}
.uitprolt::before {
	content:"";
	position:absolute;
	left:-100%;
	top:0;
	z-index:1;
	height:100%;
	background:#fff;
	width:100%;
}
.prodel .uitrt,.product .uitrt {
	width:calc(100% - 17.5rem);
	float:none;
	padding-bottom:4.166666666666667rem;
}
.uitprolt h1 {
	font-size:2.3958333333333335rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
	margin-bottom:1.3541666666666667rem;
}
.uitprolt li a {
	font-size:0.9375rem;
	line-height:3.229166666666667rem;
	color:#363636;
	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;
}
.uitprolt li {
	border-bottom:0.052083333333333336rem solid #eeeeee;
}
.uitprolt ul {
	border-top:0.052083333333333336rem solid #eeeeee;
}
.uitprolt li.on a,.uitprolt li a:hover {
	color:#0d40ab;
	font-weight:bold;
}
.product .uitlist {
	margin-top:1.5625rem;
}
.prodel .uitrt .box {
	margin-top:1.5625rem;
	background:#fff;
	border-radius:0.3125rem;
	padding:2.0833333333333335rem 2.7083333333333335rem 3.6458333333333335rem;
}
.prodel .uitrt h3 {
	font-size:1.5625rem;
	line-height:1.6;
	color:#363636;
	font-weight:bold;
	text-align:center;
}
.prodel .uitrt .del {
	font-size:0.8333333333333334rem;
	line-height:1.3541666666666667rem;
	color:#232323;
	border-top:0.052083333333333336rem solid #232323;
	padding-top:0.7291666666666667rem;
}
.prodel .uitrt .swippro {
	margin-top:1.5625rem;
}
.prodel .uitrt .table {
	margin-top:2.291666666666667rem;
}
.prodel .uitrt table {
	width:100%;
}
.prodel .uitrt table th {
	border-top:0.052083333333333336rem solid #232323;
	border-bottom:0.052083333333333336rem solid #232323;
	font-size:0.9375rem;
	line-height:2.3958333333333335rem;
	color:#232323;
}
.prodel .uitrt table td {
	padding:0.6770833333333334rem 0;
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#666666;
	border-bottom:0.052083333333333336rem solid #eeeeee;
}
.prodel .uitrt table td:nth-child(1),.prodel .uitrt table th:nth-child(1) {
	padding-left:1.0416666666666667rem;
}
.prodel .uitrt .swippro {
	overflow:hidden;
	position:relative;
	/*margin:1.0416666666666667rem 2.604166666666667rem 0;*/
}
.mpore .prev,
.mpore .next,
.prodel .uitrt .swippro .prev,.prodel .uitrt .swippro .next {
	position:absolute;
	left: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%);
	background:url(../images/prev.png) no-repeat center;
	background-size:1.1458333333333335rem auto;
	width:2.03125rem;
	height:2.03125rem;
	cursor:pointer;
}
.mpore .next,
.prodel .uitrt .swippro .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);
}
.prodel .uitrt .swippro .prev:hover,.prodel .uitrt .swippro .next:hover {
	background:url(../images/prev-1.png) no-repeat center;
	background-size:1.1458333333333335rem auto;
}
.prodel .uitrt .swippro .pic {
	/*height:22.395833333333336rem;*/
	/*display:flex;*/
	/*flex-wrap:wrap;*/
	/*justify-content:center;*/
	/*align-items:center;*/
}
.prodel .uitrt .swippro .pic img{
    width: 100%;display: block;
}
.prodel .uitrt .swippro .swiper-slide {
	/* Center slide text vertically*/
	      display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	transition:300ms;
	/*transform:scale(0.8);*/
}
.prodel .uitrt .swippro img {
	display:block;
	max-height:100%;
	max-width:100%;
	position:relative;
	z-index:4;
	object-fit:contain;
	margin:auto;
}
.prodel .uitrt .swippro .swiper-slide-active,.prodel .uitrt .swippro .swiper-slide-duplicate-active {
	/*transform:scale(1.3);*/
}
.hpage5 {
	padding:4.6875rem 0 5.729166666666667rem;
	background:#f7f7f7;
}
.hpage5 .hds {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.hpage5 .hds h1 {
	font-size:2.3958333333333335rem;
	line-height:1.2;
	color:#232323;
	font-weight:bold;
	width:19.270833333333336rem;
}
.hpage5 .hds .text {
	width:calc(100% - 19.270833333333336rem);
}
.hpage5 .hds .del {
	font-size:0.9375rem;
	line-height:1.8;
	color:#666666;
}
.hpage5 .hds .more {
	font-size:0.9375rem;
	line-height:1.7708333333333335rem;
	color:#232323;
	width:11.354166666666668rem;
	display:block;
	border-bottom:0.052083333333333336rem solid #232323;
	margin-top:1.5625rem;margin-bottom: 1rem;
	transition:all 0s;
	-ms-transition:all 0s;  /* IE 9 */
	-moz-transition:all 0s;     /* Firefox */
	-webkit-transition:all 0s; /* Safari 和 Chrome */
	-o-transition:all 0s;
}
.hpage5 .video {
	margin-top:3.6458333333333335rem;
	width:100%;
	display:block;
	object-fit:cover;
}
.hpage4 {
	padding:10.25rem 0;
}
.hpage2 h1,.hpage3 h1,.hpage4 h1 {
	font-size:2.3958333333333335rem;
	line-height:1.2;
	color:#232323;
	font-weight:bold;
}
.hpage4 .swrippic {
	margin-top:2.604166666666667rem;
}
.hpage3 {
	background:#f6f6f6;
	padding:4.166666666666667rem 0 6.25rem;
}
.hpage2 {
	padding:4.6875rem 0 5.989583333333334rem;
}
.hbanner {
	height:48.4375rem;
	position:relative;
}
.hbanner .wrap {
	height:100%;
	position:relative;
}
.hbanner .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%);
}
.hbanner .txt h3 {
	font-size:2.5520833333333335rem;
	line-height:1.2;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
}
.hbanner .txt h2 {
	font-size:4.427083333333334rem;
	line-height:1.2;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
}
.hbanner .txt h6 {
	margin:1.0416666666666667rem 0 0.7291666666666667rem;
	background:#0d40ab;
	font-size:1.0416666666666667rem;
	line-height:2.291666666666667rem;
	color:#fff;
	font-weight:bold;
	padding:0 0.625rem;
	display:inline-block;
	text-transform:uppercase;
}
.hbanner .txt p {
	font-size:0.9375rem;
	line-height:1.4583333333333335rem;
	color:#efeded;width: 34rem;
}
.hbanner .spot {
	position:absolute;
	left:0;
	right:0;
	bottom:2.0833333333333335rem;
	z-index:1;
	text-align:center;
}
.hbanner .spot span {
	width:0.625rem;
	height:0.625rem;
	border-radius:50%;
	border:1px solid #7d7d7d;
	background:none;
	opacity:1;
	margin:0 0.5208333333333334rem !important;
}
.hbanner .spot .swiper-pagination-bullet-active{
	background:#0d40ab;
	border-color:#0d40ab;
}
.hpage1 {
	background:#f7f7f7;
	padding:1.5625rem 0 2.0833333333333335rem;
}
.hpage1 ul {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hpage1 li {
	width:16.66%;
}
.hpage1 li .pic {
	height:4.791666666666667rem;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	position:relative;
	margin:0 auto;
}
.hpage1 li .pic img {
	width:100%;
	height:100%;
	display:block;
	position:relative;
	top:0;
	margin:auto;
	object-fit:contain;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hpage1 li:hover .pic img {
	top:-100%;
}
.hpage1 li h6 {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#666666;
	margin-top:0.3125rem;
	text-align:center;
}
.hpage1 li:hover h6 {
	color:#0d40ab;
}
.hpage2 .ovs {
	position:relative;
	margin-top:1.5625rem;
}
.hpage2 .swipvity {
	overflow:hidden;
}
.hpage2 .ovs .prev,.hpage2 .ovs .next {
	position:absolute;
	left:-3.854166666666667rem;
	top:50%;
	z-index:1;
	background:url(../images/hprev.png) no-repeat center;
	background-size:1.5625rem auto;
	width:2.8645833333333335rem;
	height:2.8645833333333335rem;
	cursor:pointer;
	margin-top:-5.208333333333334rem;
}
.hpage2 .ovs .next {
	left:auto;
	right:-3.854166666666667rem;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
}
.hpage2 .ovs .prev:hover,.hpage2 .ovs .next:hover {
	background:url(../images/hprev-1.png) no-repeat center;
	background-size:1.5625rem auto;
}
.hpage2 .swipvity .pic {
	height:16.5625rem;
	overflow:hidden;
}
.hpage2 .swipvity .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hpage2 .swipvity .txt {
	margin-top:0.5208333333333334rem;
}
.hpage2 .swipvity h3 {
	font-size:0.9375rem;
	line-height:1.3541666666666667rem;
	color:#232323;
	height:2.7083333333333335rem;
	overflow:hidden;
	font-weight:bold;
}
.hpage2 .swipvity p {
	font-size:0.7291666666666667rem;
	line-height:1.1458333333333335rem;
	color:#999999;
	height:2.291666666666667rem;
	overflow:hidden;
	margin:0.4166666666666667rem 0 0.8333333333333334rem;
}
.hpage2 .swipvity h6 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#999999;
}
.hpage2 .swipvity .line {
	background:#e5e5e5;
	margin-top:1.0416666666666667rem;
	width:100%;
	height:0.052083333333333336rem;
	position:relative;
}
.hpage2 .swipvity .line i {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	width:0.9375rem;
	background:#0d40ab;
	height:0.052083333333333336rem;
	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;
}
.hpage2 .swipvity .swiper-slide:hover .line i {
	width:100%;
}
.hpage2 .swipvity .swiper-slide:hover h3 {
	color:#0d40ab;
}
.hpage3 .bds {
	margin-top:1.9791666666666667rem;
}
.hpage3 .bds .lt {
	float:left;
	height:29.6875rem;
	width:calc(100% - 25.208333333333336rem);
}
.hpage3 .bds .rt {
	float:right;
	width:24.895833333333336rem;
	height:29.6875rem;
}
.hpage3 .bds .dslt {
	float:left;
	width:29.6875rem;
	height:100%;
}
.hpage3 .bds .dsrt {
	float:right;
	width:calc(100% - 29.947916666666668rem);
	height:100%;
}
.hpage3 .bds .ds {
	background:#fff;
	position:relative;
	height:100%;
	padding:2.291666666666667rem 2.291666666666667rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage3 .bds .ds h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
	text-transform:uppercase;
}
.hpage3 .bds .ds span {
	width:1.0416666666666667rem;
	height:0.15625rem;
	background:#0d40ab;
	display:block;
	margin-top:0.625rem;
}
.hpage3 .bds .ds .pic {
	position:absolute;
	right:3.385416666666667rem;
	bottom:3.8645833333333335rem;
	z-index:1;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.hpage3 .bds .ds .dslt .pic {
	height:22.395833333333336rem;
}
.hpage3 .bds .ds .pic img {
	display:block;
	max-height:100%;
	max-width:100%;
	position:relative;
	z-index:4;
	object-fit:contain;
	margin:auto;
}
.hpage3 .bds .ds .ico {
	width:2.0833333333333335rem;
	height:2.0833333333333335rem;
	border:1px solid #c9c9c9;
	border-radius:50%;
	background:url(../images/hqms6.png) no-repeat center;
	background-size:0.4166666666666667rem auto;
	position:absolute;
	left:2.291666666666667rem;
	bottom:2.604166666666667rem;
	z-index:1;
}
.hpage3 .bds .dsrt .ds:nth-child(1) {
	margin-bottom:0.2604166666666667rem;
	height:10.208333333333334rem;
}
.hpage3 .bds .dsrt .ds:nth-child(2) {
	height:calc(100% - 10.416666666666668rem);
}
.hpage3 .bds .ds a{
	display: block;
}
.hpage3 .bds .dsrt .ds:nth-child(1) .pic {
	height:7.291666666666667rem;
}
.hpage3 .bds .dsrt .ds:nth-child(1) .ico{
	bottom: 1rem;
}
.hpage3 .bds .dsrt .ds .pic {
	right:1.5625rem;
	bottom:1.0416666666666667rem;
}
.hpage3 .bds .dsrt .ds:nth-child(2) .pic {
	height:14.583333333333334rem;
}
.hpage3 .bds .rt .ds {
	height:15.9375rem;
}
.hpage3 .bds .rt .ds .pic {
	height:13.020833333333334rem;
	bottom:2.0833333333333335rem;
	right:2.0833333333333335rem;
}
.hpage3 .bds .rt .dsbtn {
	position:relative;
	background:#0d40ab;
	height:calc(100% - 20.572916666666668rem);
	margin-top:4.583333333333334rem;
}
.hpage3 .bds .rt .dsbtn .pic {
	position:absolute;
	left:2.0833333333333335rem;
	top:-4.427083333333334rem;
	z-index:1;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	height:12.291666666666668rem;
}
.hpage3 .bds .rt .dsbtn .pic img {
	display:block;
	max-height:100%;
	max-width:100%;
	position:relative;
	z-index:4;
	object-fit:contain;
	margin:auto;
}
.hpage3 .bds .rt .dsbtn .ts {
	position:absolute;
	right:2.0833333333333335rem;
	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%);
}
.hpage3 .bds .rt .dsbtn h6 {
	font-size:1.25rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
}
.hpage3 .bds .rt .dsbtn .ico {
	width:2.0833333333333335rem;
	height:2.0833333333333335rem;
	border-radius:50%;
	background:url(../images/hqms6-1.png) no-repeat center #ffffff;
	background-size:0.4166666666666667rem auto;
	margin-top:1.0416666666666667rem;
}
.hpage4 .swrippic {
	overflow:hidden;
	margin-top:2.604166666666667rem;
}
.hpage4 .swrippic .pic {
	/*height:22.916666666666668rem;*/
	overflow:hidden;
	position:relative;
}
.hpage4 .swrippic .pic img {
	display:block;
	height:100%;
	width:100%;
	position:relative;
	z-index:4;
	object-fit:contain;
	margin:auto;
}
.hpage4 .swrippic .swiper-slide::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background:url(../images/qms13.png) no-repeat center/100% auto;
	height:1.5625rem;
	margin:0 auto;
	object-fit:contain;
}
.hpage4 .swrippic .swiper-slide {
	position:relative;
	/*height:27.083333333333336rem;*/
	width:28.708333333333336rem;
	padding-bottom: 2rem;
}
.contact .hds dd a{
	width: 100%; display: block;
}



.hbanner .swiper-slide-active .ts{
	-webkit-animation:fadeInUp 1s .2s ease both;
	-moz-animation:fadeInUp 1s .2s ease both;
}
.news .bds li .pic img,
.news .hds .pic img,
.uitlist li .pic img,
.hpage3 .bds .rt .dsbtn .pic img,
.hpage3 .bds .ds .pic img,
.hpage2 .swipvity .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;
}
.news .bds li:hover .pic img,
.news .hds:hover .pic img,
.uitlist li:hover .pic img,
.hpage3 .bds .rt .dsbtn:hover .pic img,
.hpage3 .bds .ds:hover .pic img,
.hpage2 .swipvity .swiper-slide:hover .pic img{
	transform:scale(1.1);
	-ms-transform:scale(1.1);  /* IE 9 */
	-moz-transform:scale(1.1);     /* Firefox */
	-webkit-transform:scale(1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1); 
}
.hpage3 .bds .ds:hover .ico{
	background: url(../images/hqms6-2.png) no-repeat center #0d40ab;
	    background-size: 0.4166666666666667rem auto;border-color: #0d40ab;
}
.news .hds:hover .txt h6,
.contact .hds .form .sub:hover,
.hpage3 .bds .rt .dsbtn:hover{
	background: #0c3894;
}
.hpage5 .hds .more:hover{
	background: #0d40ab;color: #fff;border-color: #0d40ab;padding-left: 1.042rem;
}
.newsdel .fts .b1 a:hover,
.news .bds li:hover h3,
.news .hds:hover .txt h3,
.uitlist li:hover h6,
.crumbs dd a:hover,
.footer .hds .nav li a:hover{
	color: #0d40ab;
}
.header .hflex{
    display: flex;align-items: center;
}
.header a.heightbtn{
    padding: 0 20px;line-height: 50px;
    border-radius: 50px;height: 50px;
    background: #fff;
    color: #333;margin-left:2rem;
    font-size: 1.1333333333333334rem;
    display: block;
}

.mpore{
    position: relative;
}

.mpore .prev,
.mpore .next{
    margin: 0 -3rem;
}
.hpage4 .swrippic .pic img.icons{
    width: 50px;height: 50px;
    position: absolute;
	left: 0;right: 0;
	top: 50%;z-index: 11;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 
	cursor: pointer;pointer-events: none;
}
.hpage4 .swrippic .pic.on img.icons{
    display: none;
}
.hpage4 .swrippic .pic{
    cursor: pointer;
}
.mask{
    position: fixed;
    left: 0;right: 0;top: 0;
    bottom: 0;z-index: 9998;
    background: rgba(0,0,0,0.7);
    display: none;
}
.mkvideo{
    display: none;
    position: fixed;
    left: 0;right: 0;
    top: 53%;z-index: 9999;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 和 Chrome */
    -o-transform:translateY(-50%); 
    max-width: 1200px;margin: 0 auto;
}
.mkvideo video{
    width: 100%;
}
.mkvideo .icos{
    position: absolute;width: 40px;height: 40px;
    right: -50px;top: -50px;cursor: pointer;
    background: url(../images/ss1.png) no-repeat center/cover;
    z-index: 9;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;
}
.mkvideo .icos:hover{
    transform:rotate(720deg);
    -ms-transform:rotate(720deg);  /* IE 9 */
    -moz-transform:rotate(720deg);     /* Firefox */
    -webkit-transform:rotate(720deg); /* Safari 和 Chrome */
    -o-transform:rotate(720deg);
}

.hpage4 .swrippic{
	padding: 2rem;
}
.hpage4 .swrippic .swiper-slide-active .pic{
	transform: scale(1.4);
}











.msktanc{
	position: fixed;
	left: 0;right: 0;
	top: 20%;z-index: 124111;width: 26.042rem;border-radius: 0.833rem;background: #fff;padding: 1.242rem 0 2rem;margin: 0 auto;display: none;
}
.msktanc h2{
	font-size: 1.4375rem;
	    line-height: 1.7;
	    color: #666666;padding: 0 2.042rem;text-align: center;
}
.msktanc .bns{
	display: flex;justify-content: space-between;align-items: center;margin: 1.842rem 2.242rem 0;
}
.msktanc .bns .b1{
	width: calc((100% - 1rem) / 2);display: block;
    line-height: 2.604166666666667rem;
    text-align: center;
    background: #fff;
    color: #0d40ab;
    font-size: 0.8333333333333334rem;
    border-radius: 1.5625rem;border: 1px solid #0d40ab;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.msktanc .bns .b1.on{
	background: #0d40ab;color: #fff;
}
.msktanc .gb{
    position: absolute;
	right: 0.5rem;
	top: 0.5rem;z-index: 1;	background: url(../images/qmbgt.png) no-repeat center;width: 2rem;height: 2rem;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-size: 1.5rem;cursor: pointer;
}
.msktanc .gb:hover{
    transform:rotate(360deg);
	-ms-transform:rotate(360deg);  /* IE 9 */
	-moz-transform:rotate(360deg);     /* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
}







