.wrap {
	width: 80.208rem;
	margin: 0 auto;
}

.header {
	position: fixed;
	top: 0;
	z-index: 112;
	left: 0;
	right: 0;
}

.hewrap {
	padding: 0 2.604166666666667rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 5.208333333333334rem;
	position: relative;
	z-index: 2;
}

.header:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
	opacity: 0;
	transform: translateY(-100%);
	transition: all 0.3s;
	-webkit-backdrop-filter: blur(1.5625vw);
	-webkit-backdrop-filter: blur(1.5625vw);
	backdrop-filter: blur(1.5625vw);
	background-color: rgba(255, 255, 255, .5);
}

.layout.active .header:before {
	transform: translateY(0%);
	opacity: 1;
}

.header .logo {
	display: block;
	width: 14.791666666666668rem;
}

.header .logo img {
	width: 100%;
	display: block;
}

.header .rts {
	display: flex;
	justify-content: space-between;
	width: calc(100% - 29.6875rem);
}

.header .flax {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.header .naver ul {
	display: flex;
}

.header .naver li {
	margin-right: 2.8645833333333335rem;
	position: relative;
}

.header .naver li .nli {
	position: absolute;
	left: 50%;
	top: 100%;
	padding-top: .65rem;
	transform: translateX(-50%);
	display: none;
}

.header .naver li .nli dl {
	;
}

.header .naver li .nli dd a {
	font-size: 0.9rem;
	display: block;
	color: #111;
	border-bottom: 0.052083333333333336rem solid #e5e5e5;
	white-space: nowrap;
	padding: 0.78125rem 1.3020833333333335rem;
	background: rgba(255, 255, 255, 1);
}

.header .naver li .nli dd a:hover {
	background: #1776cc;
	color: #fff;
}

.header .naver li .nli dd:first-child>a {
	border-radius: 0.3rem 0.3rem 0 0;
}

.header .naver li .nli dd:last-child>a {
	border-radius: 0 0 0.3rem 0.3rem;
}

.header .naver li .nli dd:last-child a {
	border: none;
}

.header .naver li:last-child {
	margin-right: 0;
}

.header .naver li h3 a {
	font-size: 1.1458333333333335rem;
	line-height: 1.6;
	color: #292422;
	display: block;
}

.header .naver li.on h3 a,
.header .naver li h3 a:hover {
	color: #1776cc !important;
}

.header .seach {
	cursor: pointer;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	/* IE 9*/
	-moz-transition: all 0.3s;
	/* Firefox*/
	-webkit-transition: all 0.3s;
	/* Safari 闂備礁鎲＄划锝夊箯閿燂拷 Chrome*/
	-o-transition: all 0.3s;
	position: relative;
	border-radius: 2.0833333333333335rem;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0%;
	right: 2.604166666666667rem;
	flex-direction: row-reverse;
	bottom: 0;
}

.header .seach .t1 {
	width: 0;
	height: 3.385416666666667rem;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.0416666666666667rem;
	color: #333;
	z-index: 2;
	background: #79efbf;
	border: none;
	border-radius: 2.0833333333333335rem;
	transition: all 0.3s;
	opacity: 0;
}

.header .seach .sub {
	width: 3.385416666666667rem;
	height: 3.385416666666667rem;
	cursor: pointer;
	background: url(../image/uico1.png) no-repeat center #79efbf;
	border: none;
	z-index: 11;
	position: relative;
	background-size: 1.3541666666666667rem auto;
	border-radius: 2.0833333333333335rem;
}

.header .seach:hover .t1 {
	width: 15.625rem;
	margin-left: -3rem;
	padding: 0 1.0416666666666667rem;
	padding-left: 3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 1;
}

.header .flax .ghs {
	margin-left: 0.625rem;
	padding: 0.20833333333333334rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #020001;
	border-radius: 2.604166666666667rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header .flax .ghs i {
	font-size: 16px;
	line-height: 2.916666666666667rem;
	color: #fff;
	display: block;
	padding-right: 1.4583333333333335rem;
	margin-left: 1rem;
}

.header .flax .ghs span {
	width: 4.375rem;
	height: 2.916666666666667rem;
	cursor: pointer;
	background: url(../image/uico2.png) no-repeat center #79efbf;
	border: none;
	background-size: 1.3541666666666667rem auto;
	border-radius: 2.0833333333333335rem;
}

.hbanner {
	overflow: hidden;
	/* height:56.25rem;*/
	position: relative;
}

.hbanner video {
	width: 100%;
	display: block;
	height: 100%;
	object-fit: cover;
}

.hbanner img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.hbanner h2 {
	font-size: 1.979rem;
	line-height: 1.4;
	color: #fff;
	margin-bottom: 2.604166666666667rem;
	letter-spacing: 0.4166666666666667rem;
}

.hbanner h2 i {
	font-size: 3.438rem;
	margin-bottom: 1rem;
	display: inline-block;
	font-weight: bold;
}

.hbanner .swiper-slide {
	;
}

.hbanner {
	position: relative;
	height: 100vh;
}

.hbanner .wrap {
	display: flex;
	height: 100%;
	z-index: 2;
	align-items: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.hbanner .swiper-slide .bg {
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.hbanner .swiper-slide .ts {
	position: relative;
	z-index: 11;
}

.footer {
	background: #fff;
	position: relative;
	z-index: 22;
}

.footer .uittops {
	position: absolute;
	right: 4.166666666666667rem;
	top: -1.71875rem;
	z-index: 14;
	width: 3.4895833333333335rem;
	height: 3.4895833333333335rem;
	border-radius: 50%;
	background: #35f1b7;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.uittops:hover {
	background: #35f1b7;
}

.uittops:hover:before {
	height: 100%;
}

.uittops .ico {
	position: relative;
	z-index: 11;
}

.uittops img {
	display: block;
	width: 1rem;
}

.uittops:hover img {
	animation: .5s ease-in-out arrowGoLeftTop;
}

.footer .logo {
	max-width: 14.791666666666668rem;
}

.footer .logo img {
	width: 100%;
	display: block;
}

.footer .tps {
	padding: 3.125rem 0 2.604166666666667rem;
}

.footer .tps .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2.604166666666667rem;
	width: auto;
}

.footer .tbs .wrap {
	padding: 0 2.604166666666667rem;
	width: auto;
}

.footer .tps .rts {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.footer .tps dl {
	margin-left: 3.385416666666667rem;
}

.footer .tps ul {
	display: flex;
	align-items: center;
}

.footer .tps li {
	width: 6.927083333333334rem;
	overflow: hidden;
	margin-left: 3.6458333333333335rem;
}

.footer .tps li img {
	width: 100%;
	display: block;
}

.footer .tps dd {
	font-size: 0.9375rem;
	line-height: 1.4;
	color: #4b4948;
	font-weight: bold;
	padding-left: 2.8125rem;
	margin-bottom: 1.0416666666666667rem;
}

.footer .tps dd span {
	font-size: 2.3958333333333335rem;
}

.footer .tps dd:nth-child(1) {
	background: url(../image/qw8.png) no-repeat left center;
	background-size: 2.0833333333333335rem auto;
}

.footer .tps dd:nth-child(2) {
	background: url(../image/qw9.png) no-repeat left center;
	background-size: 1.7708333333333335rem auto;
}

.footer .tbs {
	padding: 1.0416666666666667rem 0;
	background: #7e8791;
}

.footer .tbs .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}

.copyright {
	font-size: 15px;
	line-height: 1.6;
	color: #fff;
}

.copyright a {
	color: #fff;
	margin-left: 4.270833333333334rem;
}

.copyright span {
	/* display:inline-block;*/
	;
}

.footer .tbs dl {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.footer .tbs dt {
	font-size: 16px;
	line-height: 1.6;
	color: #fff;
	margin-right: 0.20833333333333334rem;
}

.footer .tbs dd a {
	color: #35f1b7;
	display: block;
	font-size: 16px;
	line-height: 1.6;
}

.footer .tbs dd {
	margin-right: 0.5208333333333334rem;
}

.footer .tbs dd:last-child {
	margin-right: 0;
}

.hpage4 .bg {
	height: calc(100vh - 17.9rem);
	z-index: 11;
	position: relative;
}

.hpage4 .wrap {
	overflow: hidden;
}

.hpage4 .htit h2,
.hpage4 .htit p {
	color: #fff;
}

.hpage4 .box {
	background: #ebebeb;
	border-radius: 4.166666666666667rem 4.166666666666667rem 0 0;
	position: relative;
	z-index: 21;
	position: relative;
	padding: 5.208333333333334rem 0;
	overflow: hidden;
	margin-top: -4rem;
}

.hpage4 .text ul {
	display: flex;
	justify-content: center;
	align-items: center;
}

.hpage4 .text li {
	width: 48%;
	display: flex;
	justify-content: space-between;
}

.hpage4 .text li .htxt {
	flex: 1;
	margin-left: 2.604166666666667rem;
	text-align: left;
}

.hpage4 .text li h3 {
	line-height: 1;
	color: #000000;
	align-items: center;
	display: flex;
	margin-bottom: 1.5rem;
	font-size: 1.146rem;
	white-space: nowrap;
	justify-content: space-between;
}
.hpage4 .text li h3 p{
    display: flex;align-items: center;justify-content: flex-end;
}
.hpage4 .text li h3 i {
	color: #4b8cf3;
	font-size: 2.2rem;text-align: right;
	line-height: 1;display: inline-block;
	min-width: 4.5em;
}

.hpage4 .text li h3 em {
	color: #4b8cf3;
	font-size: 2.2rem;
	position: relative;
}

.hpage4 .text li:nth-child(2) h3 i {
	color: #33f5ba;
}

.hpage4 .text li:nth-child(2) h3 em {
	color: #33f5ba;
}

.hpage4 .text .icon {
	width: 9.479166666666668rem;
	height: 9.479166666666668rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.hpage4 .text .icon img {
	max-width: 5.625rem;
	max-height: 5.625rem;
	display: block;
	object-fit: contain;
	position: relative;
	z-index: 2;
}

.hpage4 .text .icon:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../image/ut4.png) no-repeat center/contain;
	animation: rotate 3s linear infinite;
}

.hpage4 .text li:nth-child(2) .icon:before {
	background: url(../image/ut2.png) no-repeat center/contain;
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

	;
}

.hpage4 .text li h3 i {
	font-weight: bold;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.hpage4 .text h6 {
	font-size: 1.4583333333333335rem;
	line-height: 1.6;
	color: #000;
	text-align: center;
	margin-top: 2.0833333333333335rem;
}

.hpage4 .text h6 em {
	color: #378cfc;
	font-weight: bold;
}

.hpage4 .text li {
	text-align: center;
	margin: 0 3.125rem;
	align-items: center;
}

.hpage4 .text li:nth-child(2) h6 em {
	color: #33f5ba;
}

.hpage4 .img {
	width: 32.042rem;
	position: absolute;
	right: -3rem;
	bottom: -7rem;
	opacity: 0.5;
	pointer-events: none;
}

.htit h2 {
	line-height: 1;
	color: #4b4948;
	font-size: 3.2rem;
	font-weight: bold;
}

.htit p {
	font-size: 1.9rem;
	line-height: 1.2;
	text-transform: uppercase;
	color: #4b4948;
	margin-top: 1rem;
	letter-spacing: 0.1rem;
}

.uitpichds {
	/*height:100vh;*/
	position: relative;
	overflow: hidden;
}

.uitpichds .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.hpage2 .uitpichds {
	position: sticky;
	top: 0;
}

.hpage3 .bds {
	margin-top: -7.291666666666667rem;
	position: relative;
	z-index: 2;
}

.hpage3 {
	padding-bottom: 6.25rem;
	background: #ededed;
	position: relative;
	z-index: 2;
}

.hpage3 .uitpichds {
	height: calc(100vh - 15rem);
	overflow: hidden;
}

.hpage4 .htit,
.hpage3 .htit {
	margin: 9.5rem 0 0;
}

.hpage3 .htit h2,
.hpage3 .htit p {
	color: #fff;
}

.hpage3 ul {
	/* 	display:flex;
	justify-content:space-between;*/
	;
}

.hpage3 ul li {
	float: left;
	width: 14.270833333333334rem;
	margin-right: 6rem;
}

.hpage3 li .pic {
	/*width: 14.270833333333334rem;*/
	/*height: 14.270833333333334rem;*/
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}

.hpage3 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;
}

.hpage3 li a:hover .img {
	transform: scale(1.1);
}

.hpage3 li .ico {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 1;
	width: 3.854166666666667rem;
	display: block;
	margin: -1.875rem auto 0;
	opacity: 0;
}

.hpage3 li a:hover .ico {
	-webkit-animation: bounceIn 1s 0s ease both;
	-moz-animation: bounceIn 1s 0s ease both;
}

.hpage3 li h5 {
	margin-top: 1rem;
	font-size: 1.1458333333333335rem;
	line-height: 1.6;
	color: #000;
	text-align: center;
	opacity: 0.7;
}

.hpage3 li h6 {
	margin-top: 0.5rem;
	font-size: 1rem;
	line-height: 1.6;
	color: #000;
	text-align: center;
	opacity: 1;
}

.hpage3 li a:hover h6 {
	opacity: 1;
}

.hpage1 .box {
	background: #ededed;
	border-radius: 4.166666666666667rem 4.166666666666667rem 0 0;
	position: relative;
	z-index: 2;
	overflow: hidden;
	margin-top: -4rem;
}

.hpage1 .wrap {
	position: relative;
	z-index: 2;
}

.hpage1 .uitpichds .wrap {
	overflow: hidden;
}

.hpage2 .wrap {
	position: relative;
	z-index: 2;
}

.hpage1 .box .wrap {
	position: relative;
	padding: 4.166666666666667rem 0 4.854166666666668rem;
}

.hpage1 .wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 3.083rem;
}

.hpage1 img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	/*margin:15rem auto 0;*/
}
.hpage1 dd img{
    position: absolute;
    left: 0;top: 0;
}
.hpage1 .box .preico {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	width: 3.125rem;
	height: 3.125rem;
	cursor: pointer;
}

.hpage1 .box .preico img {
	width: 100%;
	height: 1.40625rem;
	display: block;
	object-fit: contain;
	position: absolute;
	left: 0;
	z-index: 11;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	/* IE 9*/
	-moz-transition: all 0.3s;
	/* Firefox*/
	-webkit-transition: all 0.3s;
	/* Safari 闂備礁鎲＄划锝夊箯閿燂拷 Chrome*/
	-o-transition: all 0.3s;
}

.hpage1 .box .preico img:nth-child(2) {
	left: 100%;
}

.hpage1 .box .preico .icon {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}

.hpage1 .box .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);
}

.hpage1 .box .preico:hover .icon img {
	transform: translateX(-100%);
}

.hpage1 .box .preico:before,
.hpage1 .box .preico:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #1776cc;
	margin: -0.052083333333333336rem 0 0 -0.052083333333333336rem;
	display: block;
	transition: all 0.4s;
	border-radius: 50%;
	opacity: 1;
	z-index: 1;
	opacity: 0;
	transform: scale(1.6);
}

.hpage1 .box .preico:after {
	background: rgba(23, 118, 204, 0.5);
	transform: scale(0.2);
	opacity: 0;
	transition: all 0.6s;
}

.hpage1 .box .preico:hover:before {
	opacity: 1;
	transform: scale(1);
}

.hpage1 .box .preico:hover:after {
	transform: scale(1);
	opacity: 1;
}

.hpage1 .box .line {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2.604166666666667rem;
	height: 8.854166666666668rem;
	display: none;
	/* background:url(../images/line1.png) no-repeat center/contain;*/
	;
}

.hpage1 .box .line::after {
	position: absolute;
	left: -4rem;
	top: 0;
	content: "";
	bottom: 0;
	width: 50%;
	z-index: 2;
	background: linear-gradient(to right, #ededed 10%, rgba(255, 255, 255, 0));
}

.hpage1 .box .line::before {
	position: absolute;
	right: -4rem;
	top: 0;
	content: "";
	bottom: 0;
	width: 50%;
	z-index: 2;
	background: linear-gradient(to left, #ededed 10%, rgba(255, 255, 255, 0));
}

.hpage1 .box .line span {
	width: 500vw;
	position: absolute;
	left: -1000vw;
	right: -1000vw;
	height: 500vw;
	z-index: 1;
	top: 0.729167rem;
	margin: 0 auto;
	border-radius: 50%;
	border: 0.15rem dashed #1776cc;
	border-style: dotted;
	border-width: 0.28rem;
	border-color: #1776cc;
	display: block;
}

.hpage1 .box .line i {
	width: 2.604166666666667rem;
	height: 2.604166666666667rem;
	background: #fff;
	position: relative;
	z-index: 3;
	border-radius: 50%;
	background: #1776cc;
	line-height: 2.604166666666667rem;
	text-align: center;
	font-size: 1.0416666666666667rem;
	color: #fff;
	font-weight: bold;
	display: block;
	margin: -0.4166666666666667rem auto;
}

.hpage1 .box .swiper-slide {
	position: relative;
	background: #ededed;
}

.hpage1 .box .swiper-slide .pic {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	height: 100%;
}

.swipsolution {
	height: 44.792rem;
}

.hpage1 .box .swiper-slide img {
	width: 90%;
	height: 90%;
	display: block;
	object-fit: contain;
}

.hpage1 .box .ts {
	position: absolute;
	left: 5.8125rem;
	top: 0;
	z-index: 1;
}

.hpage1 .box .ts h3 {
	font-size: 1.25rem;
	line-height: 1.6;
	color: #1a77cc;
	letter-spacing: 0.20833333333333334rem;
}

.hpage1 .box .ts h2 {
	font-size: 4.3rem;
	line-height: 1.6;
	color: #1776cc;
	font-weight: bold;
	letter-spacing: 0.4166666666666667rem;
}

.hpage1 .box .swiper-slide-active .ts h2 {
	-webkit-animation: fadeInUp 1s .3s ease both;
	-moz-animation: fadeInUp 1s .3s ease both;
}

.hpage1 .box .swiper-slide-active .ts h3 {
	-webkit-animation: fadeInUp 1s .2s ease both;
	-moz-animation: fadeInUp 1s .2s ease both;
}

.hpage1 .box .swiper-slide-active .ts .btn {
	-webkit-animation: fadeInUp 1s .4s ease both;
	-moz-animation: fadeInUp 1s .4s ease both;
}

.hpage2 .uitpichds {
	overflow: hidden;
	height: 27.083rem;
}

.hpage1 .htit {
	margin-top: 3.771rem;
}

.hpage2 .htit {
	margin-top: 9.5rem;
}

.hpage2 .box li {
	padding: 1.1rem 0 7.8125rem;
	border-radius: 3.125rem 3.125rem 0 0;
	position: relative;
	z-index: 2;
	position: sticky;
	margin-top: -5.208333333333334rem;
	top: 5.208333333333334rem;
}

.hpage2 .box li:nth-child(1) {
	background: #4d565f;
}

.hpage2 .box li:nth-child(2) {
	background: #7a8087;
}

.hpage2 .box li:nth-child(3) {
	background: #979ca0;
}

.hpage2 .box li:nth-child(4) {
	background: #aaaeb1;
}

.hpage2 .box li:nth-child(5) {
	background: #c4c6c8;
}

.hpage2 .box li:nth-child(6) {
	background: #e7e7e7;
}

.hpage2 .box li .wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	min-height: 11.822916666666668rem;
}

.hpage2 .box li h3 {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: #fff;
	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 .box li:nth-child(n+6) h3 {
	color: #313b46;
}

.hpage2 .box li .text {
	width: calc(100% - 25rem);
}

.hpage2 .box li .tps {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-left: -5.208333333333334rem;
}

.hpage2 .box li .ico {
	width: 2.1875rem;
	display: block;
	opacity: 0;
	-webkit-animation: fadeOutUp2 1s .2s ease both;
	-moz-animation: fadeOutUp2 1s .2s ease both;
}

@media only screen and (min-width:54.16666666666667rem) {
	.hpage2 .box li.on .ico {
		-webkit-animation: fadeInDown2 1s .2s ease both;
		-moz-animation: fadeInDown2 1s .2s ease both;
	}

	;
}

.hpage2 .box li .ico img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	object-fit: contain;
}

.hpage2 .box li .ts {
	width: calc(100% - 5.416666666666667rem);
}

.hpage2 .box li:nth-child(n+6) h4,
.hpage2 .box li:nth-child(n+6) h5 {
	color: #4a535c;
}

.hpage2 .box li h4 {
	font-size: 2rem;
	line-height: 1.3;
	color: #fff;
	letter-spacing: 0.10416666666666667rem;
}

.hpage2 .box li h5 {
	font-size: 0.9rem;
	line-height: 1.2;
	color: #fff;
	letter-spacing: 0.20833333333333334rem;
}

.hpage2 .box li p {
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.8;
}

.hpage2 .box li:nth-child(n+6) p {
	color: #1f2b36;
}

.hpage2 .box li .txt {
	max-width: 31.770833333333336rem;
	margin-top: 1.6666666666666667rem;
}

.hpage1 .box .ts .btn,
.hpage2 .box li .btn {
	margin-top: 1.0416666666666667rem;
	width: 6.770833333333334rem;
	line-height: 2.5rem;
	border-radius: 1.5625rem;
	background: #378cfc;
	font-size: 0.9375rem;
	color: #fff;
	text-align: center;
	display: block;
}

.hpage2 .box li .tbs {
	display: flex;
	align-items: center;
}

.hpage2 .box li .icon {
	display: block;
	width: 9.895833333333334rem;
	margin-left: 10.416666666666668rem;
	-webkit-animation: fadeInDown2 1s .2s ease both;
	-moz-animation: fadeInDown2 1s .2s ease both;
}

.hpage2 .box li.on .icon {
	-webkit-animation: fadeOutUp2 1s .2s ease both;
	-moz-animation: fadeOutUp2 1s .2s ease both;
}

@-webkit-keyframes fadeInDown2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-1.0416666666666667rem);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	;
}

@-moz-keyframes fadeInDown2 {
	0% {
		opacity: 0;
		-moz-transform: translateY(-1.0416666666666667rem);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	;
}

@-webkit-keyframes fadeOutUp2 {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-1.0416666666666667rem);
	}

	;
}

@-moz-keyframes fadeOutUp2 {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-1.0416666666666667rem);
	}

	;
}

.tilt {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	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);
}

.tilt__back,
.tilt__front {
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tilt__back {
	position: relative;
}

.tilt__front {
	position: absolute;
	top: 0;
	left: 0;
}

@keyframes arrowGoLeftTop {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
		transform: translateY(-0.78125rem);
	}

	51% {
		opacity: 0;
		transform: translateY(0.78125rem);
	}

	to {
		opacity: 1;
	}

	;
}

@keyframes arrowGoRightTop {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
		transform: translateY(-0.78125rem);
	}

	51% {
		opacity: 0;
		transform: translateY(0.78125rem);
	}

	to {
		opacity: 1;
	}

	;
}

.footer .tps .ls li i {
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	/* IE 9*/
	-moz-transition: all 0.3s;
	/* Firefox*/
	-webkit-transition: all 0.3s;
	/* Safari 闂備礁鎲＄划锝夊箯閿燂拷 Chrome*/
	-o-transition: all 0.3s;
}

.footer .tps .ls li a:hover {
	color: #1776cc;
}

.footer .tps .ls li:hover i {
	background: #1776cc;
}

.footer .tps .ls li:nth-child(6) {
	margin-right: 3rem;
}

.hbanner .item {
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.hbanner .swiper-slide {
	overflow: hidden;
}

.usbtn13 {
	position: relative;
	overflow: hidden;
}

.usbtn13 i {
	position: relative;
	z-index: 11;
}

.usbtn13:hover i {
	color: #000;
}

.usbtn13 span {
	background-color: red;
	border-radius: 52.083333333333336rem;
	position: absolute;
	left: 0;
	top: 0;
	width: 0rem;
	height: 0rem;
	margin-left: 0rem;
	margin-top: 0rem;
	pointer-events: none;
	display: block;
}

.active1 {
	animation: explode 0.5s forwards;
}

.active2 {
	animation: desplode 0.5s forwards;
}

@keyframes explode {
	0% {
		width: 0rem;
		height: 0rem;
		margin-left: 0rem;
		margin-top: 0rem;
		background-color: rgba(42, 53, 80, 0.2);
	}

	100% {
		width: 30rem;
		height: 30rem;
		margin-left: -15rem;
		margin-top: -15rem;
		background-color: #79efbf;
	}

	;
}

@keyframes desplode {
	0% {
		width: 30rem;
		height: 30rem;
		margin-left: -15rem;
		margin-top: -15rem;
		background-color: #79efbf;
	}

	100% {
		width: 0rem;
		height: 0rem;
		margin-left: 0rem;
		margin-top: 0rem;
		background-color: #378cfc;
	}

	;
}

.sbanner {
	padding-bottom: 5.729166666666667rem;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/* .sbanner:before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:1;
	background:rgba(0,0,0,0.3);
}*/
.sbanner .wrap2 {
	position: relative;
	z-index: 3;
	height: 28.125rem;
	display: flex;
	align-items: center;
}

.sbanner .txt h3 {
	font-size: 3.5rem;
	color: #fff;
	line-height: 1.4;
	margin-bottom: 0.8rem;
	font-weight: bold;
	letter-spacing: 0.052083333333333336rem;
}

.sbanner .txt h6 {
	font-size: 2rem;
	line-height: 1.3;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.10416666666666667rem;
	min-height: 2.6em;
}

.sbanner .txt h6.h6 {
	font-size: 1.42rem;
}

.sbanner .txt.bk h6,
.sbanner .txt.bk h3 {
	color: #4d4948;
}

.sbanner .txt.bk h5 {
	font-size: 1.5625rem;
}

.sbanner .txt img {
	width: 6.791666666666668rem;
	display: block;
	margin-top: 1.6458333333333335rem;
}

.mtbor {
	margin-top: -5.729166666666667rem;
	border-radius: 5.729166666666667rem 5.729166666666667rem 0 0;
	padding-bottom: 5.208333333333334rem;
	position: relative;
	z-index: 3;
	background: #EBEBEB;
}

.crumbs {
	padding: 2.34375rem 0;
}

.crumbs ul {
	display: flex;
	align-items: center;
	padding-left: 1.5625rem;
	background: url(../images/fico2.png) no-repeat left center/1.0416666666666667rem auto;
}

.crumbs li a {
	font-size: 1.3rem;
	color: #4B4948;
}

.crumbs li img {
	height: 1.0416666666666667rem;
	display: block;
	margin: 0 1.3020833333333335rem;
}

.crumbs li a:hover {
	color: #1776cc;
}

.solution {
	padding-bottom: 5.208333333333334rem;
	background: url(../images/ttbg1.jpg) no-repeat center top/100% auto #EBEBEB;
}

.solution .svgpic {
	margin: 4.166666666666667rem auto 0;
	max-width: 70rem;
}

.solution .svgpic img {
	width: 100%;
}

.solution .svgpic p {
	font-size: 1.5625rem;
	line-height: 1.7;
	text-align: center;
	color: #4B4948;
	margin-top: 5.208333333333334rem;
}

.solution .flexli {
	margin-bottom: 3.5rem;
}

.solution .flexli h4 {
	font-size: 2rem;
	color: #4B8DF4;
	line-height: 1.5;
	/* font-weight:bold;*/
	text-align: center;
}

.solution .flexli h4 br {
	display: none;
}

.solution .flexli .sflex {
	border-radius: 0.781rem;
	overflow: hidden;
	background: #fff;
	margin: 1.563rem 0;
}

.solution .flexli dl {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	top: 0.052083333333333336rem;
	width: calc(100% + 0.10416666666666667rem);
}

.solution .flexli dt {
	font-size: 1.4rem;
	color: #4B8DF4;
	width: 100%;
	padding: 0 1.5rem;
	line-height: 4.167rem;
	display: flex;
	align-items: center;
	background: linear-gradient(to right, #e5f0fe, #def8f6);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -0.052083333333333336rem;
}

.sobtnrt {
	display: flex;
	justify-content: flex-end;
}

.sobtnrt a {
	margin-top: 0 !important;
}

.solution .flexli dd {
	font-size: 0.9rem;
	line-height: 1.5rem;
	color: #4B4948;
	position: relative;
	padding-left: 1.8rem;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 0.052083333333333336rem solid #dde5ed;
	padding: 0.5rem 0.5rem;
	display: flex;
	/*align-items:center;*/
	border-bottom: 0.052083333333333336rem solid #dde5ed;
}

.solution .flexli dd i {
	font-size: 1.25rem;
	color: #35f1b7;
	display: inline-block;
	font-weight: bold;
	margin-right: 0.521rem;
}

.solution .bd {
	margin-top: 7.3rem;
}

.solution .flexli .sobtn {
	width: 20.833333333333336rem;
	display: flex;
	padding-left: 8.854rem;
	align-items: end;
	padding-bottom: 0.781rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.wrap2 {
	width: 80.20833333333334rem;
	margin: 0 auto;
}

.sbtn {
	margin-top: 1rem;
	width: 9.115rem;
	line-height: 2.5rem;
	border-radius: 1.5625rem;
	background: #378cfc;
	font-size: 1.1rem;
	color: #fff;
	text-align: center;
	display: block;
}

.wh .header .naver li h3 a {
	color: #fff;
}

.sproduct .bd {
	margin-top: 2.604rem;
}

.sproduct .bd .lt h3 {
	font-size: 2.2rem;
	line-height: 1.4;
	color: #4B8DF4;
	font-weight: bold;
}

.sproduct .bd .lt p {
	font-size: 1.3rem;
	line-height: 2.6rem;
	color: #4B4948;
	margin-top: 1.56rem;
}

.sproduct .bd .lt li {
	margin-bottom: 3.125rem;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: flex-start;
}

.sproduct .bd .lt li .text {
	flex: 1;
}

.sproduct .bd .lt li img {
	width: 23.958333333333336rem;
	border-radius: 0.78125rem;
	margin-left: 9.895833333333334rem;
}

.sproduct .bd .rt {
	/* width:14.0625rem;*/
	position: sticky;
	width: 22rem;
	margin-top: 1rem;
	top: 6.5rem;
	z-index: 11;
}

.sproduct .bd .rt img {
	display: block;
	border-radius: 0.5rem;
}

.sproduct .bd .rt li {
	margin-bottom: 4.6875rem;
	padding-left: 1.702rem;
	position: relative;
}

.sproduct .bd .rt li:before {
	content: "";
	position: absolute;
	background: linear-gradient(to bottom, #388afa, #37f1b8);
	width: 0.15625rem;
	top: 0.4166666666666667rem;
	bottom: 0.10416666666666667rem;
	left: 0;
}

.sproduct .bd .rt li a {
	display: block;
}

.sproduct .bd .rt h4 {
	font-size: 1.9791666666666667rem;
	color: #4B4948;
	line-height: 1.2;
	background: url(../images/fico1.png) no-repeat right center/auto 1.0416666666666667rem;
	padding-right: 1.5625rem;
	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;
}

.sproduct .bd .rt h4:hover {
	color: #1776cc;
	background: url(../images/fico1-1.png) no-repeat right 0.5rem center/auto 1.0416666666666667rem;
}

.sproduct .bd .rt p {
	font-size: 1.1458333333333335rem;
	color: #4B4948;
	text-transform: uppercase;
	line-height: 1.2;
	margin-top: 0.2604166666666667rem;
	letter-spacing: 0.10416666666666667rem;
}

.scase .hd {
	padding: 5.208333333333334rem 0 0;
}

.scase .hd .flex {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.scase .hd .flex .rt {
	width: 33.333333333333336rem;
}

.scase .hd .flex .sobtn .sbtn {
	width: 10.9375rem;
}

.scase .hd .flex .sobtn {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.scase .hd .flex img {
	width: 100%;
	height: auto;
	border-radius: 1.0416666666666667rem;
	display: block;
}

.scase .bd .btn {
	margin-top: 2.0416666666666667rem;
	line-height: 3rem;
	border-radius: 1.5625rem;
	background: #378cfc;
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: 0 2rem;
}

.scase .bd .btn:hover {
	background: #33f5ba;
	color: #333;
}

.scase .hd .flex .text {
	width: 42.7rem;
	font-size: 1.3rem;
	color: #4B4948;
	margin-top: -0.2rem;
	line-height: 2.6rem;
}

.scase .hd .flex .text * {
	text-wrap: inherit !important;
}

.snum {
	display: flex;
	justify-content: space-between;
	margin: 3.6458333333333335rem 0 5.208333333333334rem;
}

.snum li {
	width: 50%;
	text-align: center;
}

.snum h4 {
	font-size: 4.166666666666667rem;
	color: #4B8DF4;
	line-height: 1.4;
}

.snum h4 i {
	font-size: 6rem;
	font-weight: bold;
	position: relative;
	top: 0.78rem;
}

.snum p {
	font-size: 1.4rem;
	color: #4B4948;
	line-height: 1.6;
	margin-top: 1rem;
}

.snum li:nth-child(2) h4 {
	color: #77f0be;
}

.scase .bd {
	background: #c2c4c6;
	padding: 5.208333333333334rem 0;
	border-radius: 5.208333333333334rem 5.208333333333334rem 0 0;
	margin-top: 5.208333333333334rem;
}

.scase .bd p {
	font-size: 1.5625rem;
	line-height: 3.2rem;
	color: #4B4948;
}

.fban {
	height: 33.85416666666667rem;
}

.fabout {
	padding-bottom: 0;
}

.ftit h3 {
	font-size: 4.208333333333334rem;
	line-height: 1.2;
	color: #4B4948;
}

.ftit h4 {
	font-size: 3.3rem;
	line-height: 1.2;
	color: #4B4948;
	text-transform: uppercase;
}

.fabout .hd {
	margin-bottom: 3.125rem;
}

.fabout .text {
	background: url(../images/upic2.png) no-repeat right -8.854166666666668rem bottom -9.375rem/47.76041666666667rem #EBEBEB;
	border-radius: 5.208333333333334rem 5.208333333333334rem 0 0;
	padding: 0 0 4.333333333333334rem;
}

.fabout .text .flex {
	display: flex;
	justify-content: space-between;
	margin-top: 5rem;
}

.fabout .text p {
	margin-bottom: 4.4rem;
	font-size: 1.3rem;
	line-height: 2.6rem;
	color: #4B4948;
	text-align: justify;
	text-justify: distribute-all-lines;
	/*ie6-8*/
	text-align-last: left;
	/* ie9*/
	-moz-text-align-last: left;
	/*ff*/
	-webkit-text-align-last: left;
	/*chrome 20+*/
	;
}

.fabout .text .txt {
	width: 37.5rem;
}

.fabout .text .rts {
	width: 34.895833333333336rem;
}

.fabout .text .flex img {
	width: 50rem;
	display: block;
	border-radius: 1.5625rem;
	margin-top: -17.447916666666668rem;
	margin-right: -6.770833333333334rem;
	object-fit: cover;
}

.fabout .bd {
	padding: 4.166666666666667rem 0 2.0833333333333335rem;
	overflow: hidden;
}

.fabout .rts dt {
	display: inline-block;
	font-size: 1.5625rem;
	color: #4B4948;
	line-height: 1.2;
	position: relative;
}

.fabout .rts dt:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0.5208333333333334rem;
	background: linear-gradient(to right, #599cf7, #58f0c1, #599cf7);
	animation: lightEffect 3s infinite;
	background-size: 200% 100%;
	/* 濠电偠鎻紞鈧繛澶嬫礋瀵偊鏁撻敓锟� cubic-bezier 闂備礁鎲￠崹鍏兼叏閵堝姹查柣鏂挎啞婵挳鏌涢…鎴濇灈鐞氱喖姊哄Ч鍥х仼妞ゎ厾鍏橀崺鈧い鎺戝€搁弸搴ㄦ倵鐟欏嫬鈻曠€规洩绲借灒闁告繂瀚烽崵娆撴⒑閸濆嫭宸濇い銉﹀姍瀹曢潧饪伴崼鐔封偓鍧楁煥閻曞倹瀚�*/
	animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

@keyframes lightEffect {
	0% {
		background-position: 100% 0;
	}

	25% {
		background-position: 75% 0;
	}

	50% {
		background-position: 50% 0;
	}

	75% {
		background-position: 25% 0;
	}

	100% {
		background-position: -100% 0;
	}

	;
}

.sbanner2 .wrap2 .utime:before,
.sproduct .bd .rt li:before,
.solution .flexli dd:before {
	background: linear-gradient(to bottom, #599cf7, #58f0c1, #599cf7);
	animation: verticalLightEffect 3s infinite;
	background-size: 100% 200%;
	animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

@keyframes verticalLightEffect {
	0% {
		background-position: 0 100%;
	}

	25% {
		background-position: 0 75%;
	}

	50% {
		background-position: 0 50%;
	}

	75% {
		background-position: 0 25%;
	}

	100% {
		background-position: 0 -100%;
	}

	;
}

.fabout .rts dt i {
	position: relative;
	z-index: 2;
}

.fabout .rts dd {
	font-size: 2rem;
	line-height: 1.5;
	margin-top: 0.72rem;
	color: #4B4948;
	font-weight: bold;
}

.fabout .rts dl {
	margin-bottom: 11rem;
	margin-top: 0.3rem;
}

.wh .header:before {
	background: rgba(0, 0, 0, 0.5);
}

.whlogo {
	display: none !important;
}

.wh .blogo {
	display: none !important;
}

.wh .whlogo {
	display: block !important;
}

.hpage2 .box li {
	height: 23.5rem;
	position: sticky;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	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 .box li:nth-child(1) {*/
/*	top: 5.208333333333334rem;*/
/*	margin-bottom: 20.833333333333336rem;*/
/*}*/

/*.hpage2 .box li:nth-child(2) {*/
/*	top: 10.416666666666668rem;*/
/*	margin-bottom: 15.625rem;*/
/*	margin-top: -26.041666666666668rem;*/
/*}*/

/*.hpage2 .box li:nth-child(3) {*/
/*	top: 15.625rem;*/
/*	margin-bottom: 10.416666666666668rem;*/
/*	margin-top: -20.833333333333336rem;*/
/*}*/

/*.hpage2 .box li:nth-child(4) {*/
/*	top: 20.833333333333336rem;*/
/*	margin-bottom: 5.208333333333334rem;*/
/*	margin-top: -15.625rem;*/
/*}*/

/*.hpage2 .box li:nth-child(5) {*/
/*	top: 26.041666666666668rem;*/
/*	margin-bottom: 0rem;*/
/*	margin-top: -10.416666666666668rem;*/
/*}*/

/* .hpage2 .box li:nth-child(6) {
	top:31.25rem;
	margin-bottom:0rem;
	margin-top:-10.416666666666668rem;
}*/



.hpage2 .box li:nth-child(1) {
	top: 5.208333333333334rem;
	margin-bottom: 15.625rem;
}

.hpage2 .box li:nth-child(2) {
	top: 10.416666666666668rem;
	margin-bottom: 10.416666666666668rem;
	margin-top: -20.833333333333336rem;
}

.hpage2 .box li:nth-child(3) {
	top: 15.625rem;
	margin-bottom: 5.208333333333334rem;
	margin-top: -15.625rem;
}

.hpage2 .box li:nth-child(4) {
	top: 20.833333333333336rem;
	margin-bottom: 0rem;
	margin-top: -10.416666666666668rem;
}

/*.hpage2 .box li:nth-child(5) {*/
/*	top: 26.041666666666668rem;*/
/*	margin-bottom: 0rem;*/
/*	margin-top: -10.416666666666668rem;*/
/*}*/


.hpage2 .box li .tps {
	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 .box li.on .tps {
	margin-top: 0rem;
}

.hpage2 .box li h5 {
	margin-top: 0rem;
}

.muweb {
	display: none;
}

.slowScale {
	-webkit-animation-name: slowScale;
	animation-name: slowScale;
}

@keyframes slowScale {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.1);
	}

	;
}

.htit h2 br {
	display: none;
}

.header .naver li .nli dd {
	position: relative;
}

.header .naver li .nli2 {
	position: absolute;
	left: calc(100%);
	top: 0;
	display: none;
	background: #fff;
	border-radius: 0 0.3rem 0.3rem 0;
	overflow: hidden;
	display: none;
}

.header .naver li .nli dl {
	border-radius: 0.3rem 0 0 0.3rem;
	/*overflow:hidden;*/
}

.header .naver li dd .nli2 a {
	background: #fff;
	font-size: 0.8rem;
	padding: 0.58125rem 1.3020833333333335rem;
}

.header .naver li.nis .nli dd:first-child:hover>a {
	border-radius: 0.3rem 0rem 0 0;
}

.header .naver li.nis .nli dd:last-child:hover>a {
	border-radius: 0 0 0rem 0.3rem;
}

.unewslist ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -3.125rem;
}

.unewslist ul li {
	width: 33.33%;
	padding-bottom: 1.1979166666666667rem;
	position: relative;
	padding-top: 1.1979166666666667rem;
}

.unewslist ul li::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 0.052083333333333336rem solid #bcbcbc;
}

.unewslist ul li:nth-child(3n + 1)::after {
	margin-left: 3.125rem;
}

.unewslist ul li:nth-child(3n + 3)::after {
	margin-right: 3.125rem;
}

.unewslist ul li a {
	display: block;
	padding: 1.5625rem 3.125rem 2.604166666666667rem;
	border-radius: 1.9791666666666667rem;
}

.unewslist ul li a:hover {
	background: #c2c4c6;
}

.unewslist ul li h6 {
	font-size: 0.9375rem;
	color: #333333;
	line-height: 1.6;
}

.unewslist ul li h4 {
	font-size: 1.45rem;
	color: #000000;
	line-height: 1.4;
	height: 2.8em;
	overflow: hidden;
	margin: 1.3rem 0 1.8rem;
}

.unewslist ul li .pics {
	position: relative;
}

.unewslist ul li .pics img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 7.03125rem;
	object-fit: cover;
	display: block;
	z-index: 112;
	opacity: 1;
	border-radius: 0.78125rem;
}

.unewslist ul li a:hover .pics img {
	opacity: 0;
}

.unewslist ul li a:hover .btn,
.unewslist ul li a:hover p {
	/* opacity:0;*/
	;
}

.unewslist ul li p {
	font-size: 0.9375rem;
	color: #666;
	line-height: 1.6;
	height: 3.2em;
	overflow: hidden;
}

.unewslist ul li .btn {
	margin-top: 1.0416666666666667rem;
	width: 6.770833333333334rem;
	line-height: 2.5rem;
	border-radius: 1.5625rem;
	background: #378cfc;
	font-size: 0.9375rem;
	color: #fff;
	text-align: center;
	display: block;
	margin-top: 1.3020833333333335rem;
}

.pages ul {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 2.0833333333333335rem;
}

.pages li a {
	font-size: 0.9375rem;
	color: #333333;
	line-height: 3.0208333333333335rem;
	width: 3.0208333333333335rem;
	height: 3.0208333333333335rem;
	border-radius: 50%;
	text-align: center;
	display: block;
}

.pages li.prev a,
.pages li.next a {
	background: url(../image/prev1.png) no-repeat center/0.4166666666666667rem auto;
	opacity: 0.5;
}

.pages li.next a {
	transform: rotate(180deg);
}

.pages li {
	margin: 0 0.2604166666666667rem;
}

.pages li a:hover {
	color: #378cfc;
}

.pages li.on a {
	background: #378cfc;
	color: #fff;
}

.pages li.prev a:hover,
.pages li.next a:hover {
	opacity: 1;
}

.contact .hd .flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contact .hd .text {
	width: 30.729166666666668rem;
}

.cti {
	font-size: 2.3rem;
	color: #4b8df4;
	line-height: 1.5;
	padding-bottom: 1.0416666666666667rem;
	font-weight: bold;
}

.cti img {
	width: 2.8rem;
	display: block;
	margin-bottom: 0.78rem;
}

.contact .hd .text h5 {
	font-size: 1.5rem;
	color: #4B4948;
	line-height: 1.6;
	margin: 0.5625rem 0 1.0416666666666667rem;
}

.contact .hd .text p {
	font-size: 1.3rem;
	content: #4B4948;
	line-height: 1.6;
}

.contact .hd .map {
	width: 46.875rem;
	border-radius: 2.0833333333333335rem;
	overflow: hidden;
}

.contact .hd .map img {
	width: 100%;
	display: block;
}

.contact .hd .weixc {
	width: 29.166666666666668rem;
	margin-right: 3.6458333333333335rem;
}

.contact .hd .weixc ul {
	display: flex;
	text-align: center;
	margin-top: 3.125rem;
}

.contact .hd .weixc ul li {
	width: 8.333333333333334rem;
	margin-right: 3.125rem;
}

.contact .hd .weixc img {
	width: 100%;
	display: block;
}

.contact .hd .weixc p {
	font-size: 1.25rem;
	color: #4B4948;
	line-height: 1.6;
	margin: 0.78125rem 0;
}

.cti.bor {
	position: relative;
}

.cti.bor:before {
	content: "";
	position: absolute;
	left: 0;
	height: 0.052083333333333336rem;
	bottom: 0;
	width: 100%;
	background: linear-gradient(to right, #4b8ef5, #76f1bf);
}

.contact .hd .flex2 {
	margin: 6.25rem 0;
	align-items: flex-start;
}

.contact .hd .ltc h4 {
	font-size: 2.5rem;
	color: #4b4948;
	font-weight: bold;
	line-height: 1.2;
	margin: 3.125rem 0 0;
}

.contact .bd {
	background: #c2c4c6;
	border-radius: 3.125rem 3.125rem 0 0;
	padding: 6.770833333333334rem 0;
}

.contact .bd .wrap2 {
	display: flex;
	justify-content: space-between;
}

.contact .bd .text {
	width: 28.645833333333336rem;
}

.contact .bd .text p {
	font-size: 1.5rem;
	line-height: 1.8;
	color: #333333;
	margin-top: 2.6rem;
}

.contact {
	padding-bottom: 0;
}

.contact .bd .cform {
	width: 45.052083333333336rem;
}

.contact .bd .cform li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ebebeb;
	border-radius: 1.0416666666666667rem;
	padding: 0 2.34375rem;
	margin-bottom: 0.5208333333333334rem;
	font-size: 1.25rem;
	color: #000000;
}

.contact .bd .cform li label {
	font-size: 1.25rem;
	color: #4B4948;
	width: 4.2em;
	text-align: justify;
	text-align-last: justify;
}

.contact .bd .cform li .txt {
	flex: 1;
	font-size: 1.25rem;
	color: #000000;
	height: 4.6875rem;
	border: none;
	background: none;
}

.contact .bd .cform li .txt2 {
	height: 13.541666666666668rem;
	border: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: none;
	font-size: 1.25rem;
	color: #000000;
	line-height: 1.6;
	padding: 1.0416666666666667rem 0;
	resize: none;
}

.contact .bd .cform .btn {
	width: 7.5rem;
	line-height: 2.5rem;
	border-radius: 1.56rem;
	background: #378cfc;
	font-size: 1.1rem;
	color: #fff;
	text-align: center;
	display: block;
	cursor: pointer;
	margin-top: 1.2rem;
}

.sbanner2 .wrap2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 5rem;
}

.sbanner2 .wrap2 .flexd {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.sbanner2 .wrap2 .txt h1 {
	font-size: 2.3rem;
	color: #ffffff;
	line-height: 1.4;
}

.sbanner2 .wrap2 .txt {
	width: 48.958333333333336rem;
}

.sbanner2 .wrap2 .txt i {
	font-size: 0.9375rem;
	color: #999999;
	line-height: 1.6;
	margin-top: 2.604166666666667rem;
	padding-left: 2.5rem;
	display: block;
	background: url(../image/uico3.png) no-repeat left center/1.25rem auto;
}

.sbanner2 .wrap2 .utime i {
	font-size: 3.75rem;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	display: block;
}

.sbanner2 .wrap2 .utime span {
	font-size: 1.0416666666666667rem;
	color: #fff;
	line-height: 1.6;
	margin-top: 0.5208333333333334rem;
}

.sbanner2 .wrap2 .utime {
	position: relative;
	padding-left: 4.166666666666667rem;
	margin: 1.8229166666666667rem 0 0;
}

.sbanner2 .wrap2 .utime:before {
	content: "";
	width: 0.052083333333333336rem;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 9.114583333333334rem;
}

.unewsdetail .detail {
	font-size: 1.15rem;
	line-height: 1.7;
	color: #4B4948;
	padding: 3.125rem 0;
}

.unewsdetail .detail img {
	display: block;
	margin: 0 auto;
	height: auto !important;
	max-width: 52.083333rem;
}

.uedn {
	text-align: center;
	margin: 0 0 3.125rem;
}

.uedn i {
	position: relative;
	font-size: 0.9375rem;
	color: #cccccc;
	display: inline-block;
	line-height: 1.6;
}

.uedn i:before,
.uedn i::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 0.78125rem;
	height: 0.052083333333333336rem;
	background: #cccccc;
	margin: 0 -1.8229166666666667rem;
}

.uedn i::after {
	left: auto;
	right: 0;
}

.neflex {
	background: #c2c4c6;
	border-radius: 3.125rem 3.125rem 0 0;
}

.unewsdetail {
	padding-bottom: 0;
}

.neflex ul {
	display: flex;
	justify-content: space-between;
	padding: 4.166666666666667rem 3.125rem 5.208333333333334rem;
}

.neflex ul h6 {
	position: relative;
	font-size: 1.25rem;
	color: rgba(51, 51, 51, 0.6);
	line-height: 1.6;
	padding-bottom: 1.3020833333333335rem;
}

.neflex ul h6:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0.052083333333333336rem;
	background: linear-gradient(to right, #4b8ef5, #77f1bf);
}

.neflex ul li {
	width: 45%;
}

.neflex ul p {
	font-size: 1.4rem;
	color: #333333;
	line-height: 1.7;
	margin: 1.3020833333333335rem 0 1.5625rem;
	height: 3.4em;
	overflow: hidden;
}

.neflex .btn {
	width: 6.770833333333334rem;
	line-height: 2.5rem;
	border-radius: 1.5625rem;
	background: #378cfc;
	font-size: 0.9375rem;
	color: #fff;
	text-align: center;
	display: block;
	cursor: pointer;
}

.neflex ul a p:hover {
	color: #1776cc;
}

.neflex ul h6:before,
.cti.bor:before {
	background: linear-gradient(to right, #599cf7, #58f0c1, #599cf7);
	animation: verticalLightEffect2 5s infinite;
	background-size: 200% 100%;
	animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

@keyframes verticalLightEffect2 {
	0% {
		background-position: 200% 0;
	}

	50% {
		background-position: 0 0;
	}

	100% {
		background-position: -200% 0;
	}

	;
}

.leadership .hs {
	margin-top: 2.604166666666667rem;
	display: flex;
	justify-content: space-between;
	background: #e0e0e0;
	overflow: hidden;
	border-radius: 0.8333333333333334rem;
}

.leadership .hs .pic {
	width: 29.6875rem;
	height: 34.114583rem;
	overflow: hidden;
}

.leadership .hs .pic img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.leadership .hs h3 {
	font-size: 3.125rem;
	line-height: 1.2;
	color: #4b4948;
	font-weight: bold;
}

.leadership .hs h4 {
	font-size: 2rem;
	line-height: 1.2;
	color: #4b4948;
	position: relative;
	padding-bottom: 1rem;
	margin: 0.4rem 0 0;
}

.leadership .hs h4:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 2rem;
	height: 0.2rem;
	background: #4b4948;
}

.leadership .hs p {
	font-size: 1.6666666666666667rem;
	line-height: 1.6;
	color: #4b8ef5;
	margin-top: 1.5625rem;
	letter-spacing: 0.052083333333333336rem;
}

.leadership .hs p i {
	color: #333333;
	margin-left: 0.9rem;
	display: inline-block;
}

.leadership .hs .txt {
	width: calc(100% - 29.6875rem);
	background: url(../images/upic2-1.png) no-repeat -12rem 0/auto 150%;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	text-align: right;
	padding: 0 3.90625rem 3.90625rem 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.leadership .bs {
	margin-top: 4.583333333333334rem;
}

.leadership .bs ul {
	display: flex;
	flex-wrap: wrap;
	/*justify-content:space-between;*/
	/*border-radius:0.8333333333333334rem;*/
	overflow: hidden;
	margin-top: 2.604166666666667rem;
	margin-bottom: 3.125rem;
}

.leadership .bs li {
	width: calc((100% - 4.002rem)/3);
	display: flex;
	justify-content: space-between;
	background: #e0e0e0;
	margin: 0 2rem 2rem 0;
	border-radius: 0.4rem;
	overflow: hidden;
}

.leadership .bs li:nth-child(3n) {
	margin-right: 0;
}

.leadership .bs li .pic {
	width: 10.145833rem;
	height: 12.229167rem;
	overflow: hidden;
}

.leadership .bs li .pic img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.leadership .bs li .txt {
	width: calc(100% - 10.145833rem);
	background: url(../images/upic2-1.png) no-repeat -5rem 0 / auto 140%;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	text-align: right;
	padding: 0 2.083333rem 2.083333rem 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.leadership .bs li h3 {
	font-size: 1.395833rem;
	line-height: 1.2;
	color: #333333;
	font-weight: bold;
}

.leadership .bs li h4 {
	font-size: 1rem;
	line-height: 1.2;
	color: #4b4948;
	position: relative;
	padding-bottom: 0.5rem;
	margin: 0.4rem 0;
}

.leadership .bs li h4:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1.0416666666666667rem;
	height: 0.10416666666666667rem;
	background: #4b4948;
}

.leadership .bs li p {
	font-size: 0.9rem;
	line-height: 1.6;
	color: #4b8ef5;
	letter-spacing: 0.052083333333333336rem;
}

.leadership .bs li p i {
	color: #333333;
	margin-left: 0.3125rem;
}

.qualif .hds {
	margin-top: 2.604166666666667rem;
	display: flex;
	justify-content: space-between;
}

.qualif .hds li {
	font-size: 1.3rem;
	line-height: 3.2rem;
	padding-left: 1.98rem;
	color: #333333;
	background: url(../images/qw15.png) no-repeat left center;
	background-size: 1.25rem auto;
}

.qualif .hds li span {
	font-size: 2.3958333333333335rem;
	color: #4b8df4;
	font-weight: bold;
}

.qualif .hds ul:nth-child(1) {
	width: 36.458333333333336rem;
}

.qualif .hds ul:nth-child(2) {
	width: calc(100% - 36.458333333333336rem);
}

.qualif .hds ul:nth-child(2) li {
	background-position: left top 1.5625rem;
	line-height: 1.4;
}

.qualif .ovs {
	margin-top: 5.729166666666667rem;
}

.qualif .ovs .btns {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 3.125rem;
}

.qualif .btns .next,
.qualif .btns .prev {
	width: 3.854166666666667rem;
	height: 3.854166666666667rem;
	background: url(../images/qw16.png) no-repeat center/20% auto #fff;
	border-radius: 50%;
	cursor: pointer;
}

.qualif .btns .next {
	transform: rotate(0deg);
	-ms-transform: rotate(180deg);
	/* IE 9*/
	-moz-transform: rotate(180deg);
	/* Firefox*/
	-webkit-transform: rotate(180deg);
	/* Safari 闂備礁鎲＄划锝夊箯閿燂拷 Chrome*/
	-o-transform: rotate(180deg);
}

.qualif .btns .spans {
	margin: 0 4.6875rem;
	width: auto;
}

.qualif .btns .spans span {
	width: 0.5208333333333334rem;
	height: 0.5208333333333334rem;
	opacity: 1;
	background: #cacaca;
	margin: 0 0.3125rem;
}

.qualif .btns .spans span.swiper-pagination-bullet-active {
	background: #000000;
}

.qualif .swipry .swiper-slide {
	width: 26.5625rem;
	display: flex;
	align-items: self-end;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	justify-content: center;
}

.qualif .swipry .swiper-slide>div {
	width: 100%;
}

.qualif .swipry .swiper-slide:nth-child(2n) {
	padding-bottom: 4.6875rem;
}

.qualif {
	overflow: hidden;
}

.qualif .swipry {
	height: 35.9375rem;
}

.qualif .swipry .pic {
	position: relative;
	width: 90%;
	z-index: 1;
	margin: 0 auto;
	background: url(../images/qw13.png) no-repeat center bottom/100% auto;
	padding-bottom: 5.5rem;
}

.qualif .swipry .pic img {
	/*width:70%;*/
	height: 100%;
	display: block;
	object-fit: contain;
	margin: 0 auto;
}

.qualif .swipry h6 {
	font-size: 1.3rem;
	line-height: 1.6;
	color: #333333;
	text-align: center;
}

.research .bds li {
	;
}

.research {
	overflow: hidden;
}

.research .bds li:nth-child(1) .rs:before {
	content: "";
	position: absolute;
	left: -50vw;
	right: -50vw;
	top: -50vw;
	bottom: -10vw;
	background: url(../images/cybg1.png) no-repeat center;
	pointer-events: none;
}

.research .bds li .img {
	margin-top: 4.5rem;
	position: relative;
	z-index: 2;
}

.research .bds li .img img {
	width: 100%;
	display: block;
}

.research .bds li h6 {
	font-size: 1.3rem;
	line-height: 2.6rem;
	padding-left: 1.98rem;
	color: #333333;
	background: url(../images/qw15.png) no-repeat left top 0.5rem;
	background-size: 1.25rem auto;
	padding-right: 5.73rem;
}

.research .bds li .hs {
	position: relative;
	height: 38.021rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.research .bds li .hs::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url(../images/qw24.png) no-repeat center/100% auto;
	transform: scale(1.25);
	animation: infiniteRotate3 15s linear infinite;
}

@keyframes infiniteRotate3 {
	from {
		transform: rotate(0deg) scale(1.25);
	}

	to {
		transform: rotate(360deg) scale(1.25);
	}

	;
}

@keyframes infiniteRotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

	;
}

@keyframes infiniteRotate2 {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(-360deg);
	}

	;
}

.research .bds li .hs h2 {
	margin: 0 auto;
	z-index: 1;
	font-size: 2.1875rem;
	line-height: 1.4;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: url(../image/qw18.png) no-repeat center/cover;
	width: 13.802083333333334rem;
	height: 13.802083333333334rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.research .bds li:nth-child(n+2) {
	margin-top: 5rem;
}

.research .bds li dl {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	margin: 3.6458333333333335rem;
	animation: infiniteRotate 15s linear infinite;
}

.research .bds li dd img {
	width: 100%;
	display: block;
	height: 100%;
}

.research .bds li dd {
	width: 9.53125rem;
	height: 9.53125rem;
	overflow: hidden;
	border-radius: 50%;
	animation: infiniteRotate2 15s linear infinite;
}

.research .bds li dd:nth-child(1) {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.research .bds li dd:nth-child(2) {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.research .bds li dd:nth-child(3) {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.research .bds li dd:nth-child(4) {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.sbanner .wrap2 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 4rem;
}

.sbanner3 .wrap2 {
	height: 33.85416666666667rem;
}

.sbanner .wrap2.pflex {
	justify-content: space-between;
}

.sbanner .wrap2.pflex img {
	width: 9.635416666666668rem;
	display: block;
}

.mhswiper {
	height: 100vh;
}

.hpage3 .wrap {
	overflow: hidden;
}

.mh100 {
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.hpage2 {
	/*overflow-y:scroll;*/
	/*height:100%;*/
}

.mhswiper {
	overflow: hidden;
}

.footer-slide {
	height: auto;
	overflow: inherit !important;
}

.war {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2.0833333333333335rem;
	z-index: 9;
	width: 2.0833333333333335rem;
	height: 1.5625rem;
	margin: 0 auto;
	background: url(../image/war2.png) no-repeat center/contain;
	-webkit-animation: bounce-up 1.5s linear infinite;
	animation: bounce-up 1.5s linear infinite;
}

.war.wh {
	background: url(../image/war1.png) no-repeat center/contain;
}

@-webkit-keyframes bounce-up {
	25% {
		-webkit-transform: translateY(0.5208333333333334rem);
	}

	50%,
	100% {
		-webkit-transform: translateY(0);
	}

	75% {
		-webkit-transform: translateY(-0.5208333333333334rem);
	}

	;
}

@keyframes bounce-up {
	25% {
		transform: translateY(0.5208333333333334rem);
	}

	50%,
	100% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(-0.5208333333333334rem);
	}

	;
}

.tempWrap {
	width: 100% !important;
}

.sproduct .bd .lt li h4 {
	width: 100%;
	font-size: 2.2rem;
	line-height: 4.896rem;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: linear-gradient(to right, #3789f7, #02c6b9);
}

.sproduct .bd .lt li.li2 {
	background: #fff;
	display: block;
	border-radius: 1.5rem;
	overflow: hidden;
}

.sproduct .bd .lt li.li2.active img {
	display: none;
}

.sproduct .bd .lt li.li3 {
	flex-direction: row;
	position: relative;
	padding-top: 2rem;
}

.sproduct .bd .lt li.li3:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 0.052083333333333336rem;
	background: linear-gradient(to right, #3789f7, #02c6b9);
}

.sproduct .bd .lt li.li3 p {
	margin-top: 0;
}

.sproduct .bd .lt li.li3 .txc {
	width: 30.208333333333336rem;
}

.sproduct .bd .lt li h5 {
	font-size: 2.5rem;
	color: #2e8dfa;
	opacity: 0.29;
}

.sproduct .bd .lt li .flexc {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2.5rem 2.1rem;
	background: url(../image/ttico1.png) no-repeat right bottom;
}

.sproduct .bd .lt li .flexc img {
	margin-left: 0;
	margin-right: 3.229166666666667rem;
}

.sproduct .bd .lt li .flexc .text p {
	margin: 0;
}







.hpiclist {
	position: relative;
}

.hpiclist .txbg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hpiclist dd{
	z-index: 1;
}
.hpiclist dd,
.hpiclist li {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.hpiclist li{
	z-index: 2;
}
.hpiclist li img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.hpiclist .titem {
	position: absolute;
	width: 10vw;
	height: 10vw;
	background: red;
	opacity: 0;
	left: 0;
	top: 0;
	z-index: 6;
	transform: rotate(58deg) skewY(-32deg);
}

.hpiclist .titemul {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 6;
	bottom: 0;
}

.hpiclist .titem a {
	display: block;
	height: 100%;
}

.hpiclist .titem:nth-child(1) {
	width: 14vw;
	    height: 15vw;
	    left: 26vw;
	    top: 4vw;
}

.hpiclist .titem:nth-child(2) {
	width: 20vw;
	    height: 14vw;
	    left: 18vw;
	    top: 19vw;
}

/* .hpiclist .titem:nth-child(3) {
	width: 12vw;
	height: 9vw;
	left: 30vw;
	top: 24vw;
	display: none;
} */

.hpiclist .titem:nth-child(3) {
	width: 12vw;
		height: 18vw;
		left: 45vw;
		top: 9vw;
}

.hpiclist .titem:nth-child(4) {
	width: 7vw;
	    height: 11vw;
	    left: 46vw;
	    top: -1vw;
}

.hpiclist .titem:nth-child(5) {
	width: 10vw;
	    height: 12vw;
	    left: 57vw;
	    top: 2vw;
}

.hpiclist .titem:nth-child(6) {
	width: 10vw;
	    height: 12vw;
	    left: 70vw;
	    top: 6vw;
}

.hpiclist .titem:nth-child(7) {
	width: 8vw;
	    height: 9vw;
	    left: 66vw;
	    top: 15vw;
}

.hpiclist .titem:nth-child(8) {
	width: 10vw;
	    height: 15vw;
	    left: 80vw;
	    top: 14vw;
}

.hpiclist .titem:nth-child(9) {
	    width: 6vw;
	        height: 7vw;
	        left: 84vw;
	        top: 4vw
}

.hpiclist .titem:nth-child(10) {
	width: 8vw;
	    height: 12vw;
	    left: 41vw;
	    top: 28vw;
	    z-index: 7;
}

.hpiclist .titem:nth-child(11) {
	    width: 7vw;
	    height: 9vw;
	    left: 54vw;
	    top: 34vw;
}


.hpiclist .titem:nth-child(12) {
	    width: 9vw;
	    height: 11vw;
	    left: 6vw;
	    top: 10vw;
}

/* .hpiclist .titem:nth-child(14) {
	width: 8vw;
	height: 12vw;
	left: 17vw;
	top: 17vw;
	display: none;
} */
.hpiclist .titem:nth-child(13) {
	        width: 11vw;
	        height: 12vw;
	        left: 66vw;
	        top: 26vw;
}
.hpiclist .titem:nth-child(14) {
	width: 11vw;
	    height: 13vw;
	    left: 19vw;
	    top: 29vw;
}



.hpiclist li {
	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;
}

.hpiclist li:nth-child(2) {
	opacity: 0;z-index: 3;
}

.hpiclist ul.on li:nth-child(2) {
	opacity: 1;
	transform: scale(1.02);
}
.hpiclist li:nth-child(1) {
   
}
.hpiclist ul.on li:nth-child(1) {
	/*opacity: 0;*/	transform: scale(1.02);
}

.hpiclist ul:nth-child(3){
    position: absolute;z-index: 4;left: 0;right: 0;top: 0;bottom: 0;
}
.hpiclist ul:nth-child(3) li {
	transform-origin: 25% 55%;
}

.hpiclist ul:nth-child(2) li {
	transform-origin:15% 90%;
}

.hpiclist ul:nth-child(1) li {
	transform-origin: 30% 30%;
}

.hpiclist ul:nth-child(7) li {
	transform-origin: 75% 20%;
}

.hpiclist ul:nth-child(8) li {
	transform-origin: 70% center;
}

.hpiclist ul:nth-child(9) li {
	transform-origin: 80% 52%;
}

.hpiclist ul:nth-child(10) li {
	transform-origin: 55% 89%;
}

.hpiclist ul:nth-child(11) li {
	transform-origin: 55% 70%;
}

.hpiclist ul:nth-child(12) li {
	transform-origin: 40% 80%;
}

.hpiclist ul:nth-child(13) li {
	transform-origin: 80% 80%;
}
/* .hpiclist ul:nth-child(14) li {
	transform-origin: 20% 40%;
}
.hpiclist ul:nth-child(15) li {
	transform-origin:65% bottom;
} */

.hpiclist dd {
	display: none;
	/* -webkit-animation: flash 3s 0s linear infinite;
	-moz-animation: flash 3s 0s linear infinite; */
}

@-webkit-keyframes flash {

	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0.5;
	}
}

@-moz-keyframes flash {

	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0.5;
	}
}

.hpiclist .txbg2 {
	position: absolute;
	z-index: 5;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.hpiclist {
	margin-top: 5.208333333333334rem;
	/*height: calc(100vh - 5.208333333333334rem);*/
}

.ovscc {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;

}

.hbanner {
	height: calc(100vh + 5.208333333333334rem);
}


.sproduct .bd .lt li .flexc.on {
	align-items: flex-start;
	background: url(../image/qwicon1.png) no-repeat left -2rem bottom -3rem/16rem;
}

.sproduct .bd .lt li .flexc {
	background: url(../image/qwicon1.png) no-repeat right -3rem bottom -3rem/16rem;
	background-size: 20rem auto !important;
}

.sproduct .bd .lt p strong {
	color: #2e8dfa;
	font-size: 1.2em;
}







.sproduct .titem img {
	max-width:100%;
	margin: 0 auto;
	display:block;
}
.sproduct .titem {
	margin-bottom:8.854166666666668rem;
}
.sproduct .titem h3 {
	text-align:center;
	font-size:2.8125rem;
	color:#3788f8;
	font-weight:bold;
	line-height:1.7;
	margin-bottom:2.604166666666667rem;
}
.sproduct .titem .nline {
	width:100%;
	height:0.10416666666666667rem;
	background:linear-gradient(to right,#4b8ef5,#77f1bf);
	margin-bottom:1.8229166666666667rem;
}
.sproduct .titem .nflex {
	display:flex;
	justify-content:space-between;
	margin-bottom:4.166666666666667rem;
}
.sproduct .titem .nflex h4 {
	font-size:2.0833333333333335rem;
	font-weight:bold;
	color:#3788f8;
	line-height:1.2;
	flex:1;
}
.sproduct .titem .nflex p {
	width:43.22916666666667rem;
	font-size:1.25rem;
	color:#4b4948;
	line-height:1.8;
}
.sproduct .titem .nbox {
	margin-bottom:7.8125rem;
}
.sproduct .titem .nbox:last-child {
	margin-bottom:0;
}
.sproduct .titem .nflex2 {
	display:flex;
	justify-content:space-between;
	flex-direction: row-reverse;
}
.sproduct .titem .nflex2 img {
	width: calc(100% - 23.4375rem);
	display:block;margin: 0;
}
.sproduct .titem .nflex2 .ntxt {
	width:18.75rem;
}
.sproduct .titem .nflex2 .ntxt h5 {
	display:inline-block;
	position:relative;
	font-size:1.7708333333333335rem;
	color:#333333;
	margin-bottom:1.5625rem;
}
.sproduct .titem .nflex2 .ntxt h5 i {
	position:relative;
	z-index:2;
}
.sproduct .titem .nflex2 .ntxt h5:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0.10416666666666667rem;
	height:0.5208333333333334rem;
	background:linear-gradient(to right,#85eacf,#85b6f0);
}
.sproduct .titem .nflex2 .ntxt p {
	font-size:1.25rem;
	color:#4b4948;
	line-height:1.8;
}
.sproduct .titem .muweb{
	display: none !important;
}



.switem {
	padding:3.125rem 2.0833333333333335rem 0;
}
.switem .swhd {
	border:1px dashed  #a3d1f7;
	border-radius:0.5208333333333334rem;
	text-align:center;
	padding:0 3.125rem 2.0833333333333335rem;
}
.switem .swhd .swti {
	display:inline-block;
	background:#fff;
	padding:0 2.0833333333333335rem;
	margin-top:-1.3020833333333335rem;
}
.switem .swhd .swti i {
	display:inline-block;
	background:#fff;
	line-height:2.604166666666667rem;
	font-size:2.1875rem;
	font-weight:bold;
	background:linear-gradient(to right,#06c1bf,#2e92ee);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
.switem .swbdlist .swli {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:row-reverse;
	border-bottom:0.052083333333333336rem solid #ebebeb;
	padding:3.125rem 2.604166666666667rem;
}
.switem .swbdlist .swli:nth-child(2n) {
	flex-direction:row;
}
.switem .swbdlist .swli .pic {
	width:23.4375rem;
	height:11.979166666666668rem;
	overflow:hidden;
	border-radius:0.78125rem;
	overflow:hidden;
}
.switem .swbdlist .swli .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	margin:0;
}
.switem .swbdlist .swli .text1 {
	width:calc(100% - 29.166666666666668rem);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.switem .swbdlist .swli .text1 h6 {
	font-size:1.7708333333333335rem;
	color:#333333;
	line-height:1.6;
	font-weight:bold;
	margin-left:-1.8229166666666667rem;
	padding-left:1.8229166666666667rem;
	background:url(../images/swicon1.png) no-repeat left center/1.25rem auto;
}
.switem .swbdlist .swli .text1 p {
	font-size:1.3541666666666667rem;
	color:#4b4948;
	line-height:2;
	margin-top:1.0416666666666667rem;
}
.switem .swbdlist .swli:last-child {
	border:none;
}
.sproduct .titem:last-child{
    margin-bottom: 2rem;
}

.solution .bd{
    margin-top: 3rem;
}
.solution .bd .text{
    font-size: 1.3rem;
    line-height: 1.7;
    color: #4B4948;
    margin: 0 auto;
    margin-top: 1.56rem;
    margin-bottom: 3rem;
    max-width: 70rem;
}