@font-face {
	font-family: HONORSansCN-Medium;
	src: url(../fonts/HONORSansCN-Medium.ttf)
}

@font-face {
	font-family: HONORSansCN-Bold;
	src: url(../fonts/HONORSansCN-Bold.ttf)
}

@font-face {
	font-family: BebasNeueBold;
	src: url(../fonts/BebasNeueBold.otf)
}

.wp {
	width: 100%;
	max-width: 14.4rem;
	margin: 0 auto
}

.wp1200 {
	width: 100%;
	max-width: 12rem;
	margin: 0 auto
}

.wp-big {
	width: 100%;
	max-width: 17.2rem;
	margin: 0 auto
}

html {
	font-size: 100px
}

body {
	color: #333;
	font-size: .16rem;
	font-family: HONORSansCN-Medium
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	background: rgba(255, 255, 255, .8)
}

.header .nav-sub-wrap {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: rgba(249, 249, 249, .8)
}

.header .nav-sub-wrap .wp-big {
	padding-top: .6rem;
	padding-bottom: .6rem;
	display: flex;
	align-items: flex-start
}

.header .nav-sub-wrap .wp-big .pic {
	width: 4rem;
	height: 4rem;
	border-radius: .4rem;
	overflow: hidden;
	position: relative;
	margin-right: .6rem
}

.header .nav-sub-wrap .wp-big .pic:after {
	content: '';
	background: linear-gradient(-85deg, rgba(23, 28, 97, .8) 0, rgba(3, 161, 232, .3) 100%);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.header .nav-sub-wrap .wp-big .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.header .nav-sub-wrap .wp-big .sub-list {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	margin-right: -.3rem
}

.header .nav-sub-wrap .wp-big .sub-list .item {
	margin-right: .3rem;
	flex: 0 0 calc(33.3% - .3rem);
	margin-bottom: .1rem
}

.header .nav-sub-wrap .wp-big .sub-list .item .item-tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .3rem 0;
	border-bottom: 1px solid #c9c9c9;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.header .nav-sub-wrap .wp-big .sub-list .item .item-tit span {
	font-family: HONORSansCN-Bold;
	font-size: .2rem;
	color: #1e1e1e
}

.header .nav-sub-wrap .wp-big .sub-list .item .item-tit i {
	background: url(../images/right-s-g.svg) no-repeat center center/contain;
	width: .08rem;
	height: .1rem;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.header .nav-sub-wrap .wp-big .sub-list .item .item-tit:hover {
	border-bottom-color: #171c61
}

.header .nav-sub-wrap .wp-big .sub-list .item .item-tit:hover span {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.header .nav-sub-wrap .wp-big .sub-list .item .item-tit:hover i {
	background-image: url(../images/right-s-b.svg)
}

.header .nav-sub-wrap .wp-big .sub-type-list {
	margin-top: .2rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.header .nav-sub-wrap .wp-big .sub-type-list a {
	font-family: HONORSansCN-Medium
}

.header .nav-sub-wrap .wp-big .sub-type-list a:hover {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.header .nav-sub-wrap .wp-big .sub-type-list a+a {
	margin-top: .15rem
}

.header .hd-wrap {
	padding: .3rem 0;
	display: flex;
	justify-content: space-between
}

.header .hd-wrap .logo {
	flex: 0 0 20%;
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.header .hd-wrap .logo img {
	display: block;
	height: .58rem
}

.header .hd-wrap .hd-r {
	flex: 1;
	display: flex;
	justify-content: flex-end
}

.header .hd-wrap .hd-tools {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex: 0 0 25%
}

.header .hd-wrap .hd-tools .lang {
	cursor: pointer;
	display: flex;
	align-items: center;
	margin-right: .4rem
}

.header .hd-wrap .hd-tools .lang i {
	background: url(../images/lang.svg) no-repeat center center/contain;
	width: .24rem;
	height: .24rem;
	margin-right: .1rem
}

.header .hd-wrap .hd-tools .lang em {
	font-family: HONORSansCN-Bold;
	color: #171c61
}

.header .hd-wrap .nav {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center
}

.header .hd-wrap .nav-item+.nav-item {
	margin-left: .6rem
}

.header .hd-wrap .nav-tit {
	display: flex;
	align-items: center;
	color: #1e1e1e;
	font-family: HONORSansCN-Bold;
	cursor: pointer
}

.header .hd-wrap .nav-tit i {
	background: url(../images/down.svg) no-repeat center center/contain;
	width: .1rem;
	height: .08rem;
	margin-left: .09rem
}

.header .hd-wrap .nav-tit.open i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.header .hd-tab {
	display: flex
}

.header .hd-tab .item {
	flex: 1 1 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	background: #f5f5f5;
	color: #171c61;
	font-size: .2rem;
	font-family: HONORSansCN-Bold;
	cursor: pointer
}
.header .hd-tab .item:hover,
.header .hd-tab .item.active {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	color: #fff
}

.header .hd-tab-con {
	display: none
}

.header .hd-tab-con.show {
	display: block
}

.g-btn1 {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: .8rem;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	border-radius: .4rem;
	font-family: HONORSansCN-Bold;
	font-size: .14rem;
	color: #fff
}

.g-btn1:hover {
	color: #fff
}

.index-banner {
	height: 100vh;
	position: relative;
	overflow: hidden
}

.ban-swi {
	height: 100%
}

.ban-swi .swiper-slide {
	position: relative
}

.ban-swi .pic {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.ban-swi .pic:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: linear-gradient(0deg, rgba(23, 28, 97, .8) 0, rgba(3, 161, 232, .3) 100%)
}

.ban-swi .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	object-fit: cover
}

.ban-swi .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	padding-bottom: .8rem;
	text-align: center;
	color: #fff
}

.ban-swi .text h3 {
	font-family: HONORSansCN-Bold;
	font-weight: 400;
	font-size: .68rem
}

.ban-swi .text p {
	font-size: .24rem;
	margin: .1rem 0 .4rem
}

.ban-swi .text .g-btn1 {
	margin: 0 auto
}

.index-banner .swiper-pagination {
	position: absolute;
	top: 0;
	height: 100%;
	right: .4rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 20;
	gap: .1rem;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0y);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.index-banner .swiper-pagination .swiper-pagination-bullet {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 28px;
	position: relative;
	background-color: transparent;
	opacity: 1;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.index-banner .swiper-pagination .swiper-pagination-bullet:before {
	content: '';
	position: absolute;
	left: 1px;
	top: 1px;
	right: 1px;
	bottom: 1px;
	border: 2px solid rgba(255, 255, 255, .3);
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.index-banner .swiper-pagination .swiper-pagination-bullet:after {
	content: '';
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
	opacity: .5;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -4px;
	margin-left: -4px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.index-banner .swiper-pagination .swiper-pagination-bullet svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.index-banner .swiper-pagination .swiper-pagination-bullet svg circle {
	width: 100%;
	height: 100%
}

.index-banner .swiper-pagination .swiper-pagination-bullet-active:before {
	opacity: 1
}

.index-banner .swiper-pagination .swiper-pagination-bullet-active:after {
	opacity: 1
}

.index-banner .swiper-pagination .swiper-pagination-bullet-active svg {
	animation: circleLoad 3.5s linear;
	opacity: 1
}

@keyframes circleLoad {
	0% {
		stroke-dashoffset: 75
	}

	100% {
		stroke-dashoffset: 0
	}
}

.products-solutions {
	padding: 1.2rem 0 1.84rem
}

.g-title {
	position: relative;
	margin-bottom: .6rem
}

.g-title h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	position: relative
}

.g-title h3 span {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: .42rem;
	position: relative;
	z-index: 2
}

.g-title h3 em {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	white-space: nowrap;
	color: #f1f1f1;
	font-size: .62rem
}

.g-title i {
	display: block;
	margin: .3rem auto 0;
	width: .37rem;
	height: .11rem;
	background: url(../images/tit-dec.svg) no-repeat center center/contain
}

.g-title.tal h3 {
	justify-content: flex-start
}

.g-title.tal h3 em {
	left: 0;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.g-title.tal i {
	margin: .3rem 0 0
}

.g-title.white h3 span {
	background: 0 0;
	color: #fff;
	-webkit-text-fill-color: #fff
}

.g-title.white i {
	background-image: url(../images/tit-dec-w.svg)
}

.products-solutions-list {
	margin-bottom: .8rem;
	display: flex;
	justify-content: space-between
}

.products-solutions-list .item:hover:after {
	opacity: 1
}

.products-solutions-list .item:hover .pic img {
	-webkit-transform: translateX(-50%) scale(1.05);
	-moz-transform: translateX(-50%) scale(1.05);
	-ms-transform: translateX(-50%) scale(1.05);
	-o-transform: translateX(-50%) scale(1.05);
	transform: translateX(-50%) scale(1.05)
}

.products-solutions-list .item:hover .text h3 {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.products-solutions-list .item:hover .text .more {
	height: .25rem;
	margin-top: .38rem
}

.products-solutions-list .item {
	flex: 0 0 calc(50% - .3rem);
	background: #f9f9f9;
	border-radius: .4rem;
	overflow: hidden;
	position: relative
}

.products-solutions-list .item:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../images/pro-bg.jpg) no-repeat center center/cover;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	z-index: 1;
	opacity: 0
}

.products-solutions-list .item .pic {
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	z-index: 2
}

.products-solutions-list .item .pic img {
	position: absolute;
	top: 1.5rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 4.5rem;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.products-solutions-list .item .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: .8rem .6rem;
	text-align: center;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.products-solutions-list .item .text h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	color: #c4c4c4;
	font-size: .36rem
}

.products-solutions-list .item .text p {
	margin-top: .38rem;
	color: #333;
	font-size: .16rem;
	line-height: .3rem
}

.products-solutions-list .item .text .more {
	overflow: hidden;
	height: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	display: flex;
	align-items: center;
	justify-content: center
}

.products-solutions-list .item .text .more span {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.products-solutions-list .item .text .more i {
	background: url(../images/right-b.svg) no-repeat center center/contain;
	width: .13rem;
	height: .13rem;
	margin-left: .11rem
}

.g-more:hover .con:after {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

.g-more:hover .con span {
	color: #fff;
	background: 0 0;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff
}

.g-more {
	display: block;
	width: 2.5rem;
	height: .8rem;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	border-radius: .4rem;
	margin: 0 auto;
	padding: 2px;
	overflow: hidden
}

.g-more .con {
	border-radius: .4rem;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	padding: .1rem .1rem .1rem .4rem;
	position: relative;
	overflow: hidden
}

.g-more .con:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: .36rem;
	-webkit-transform: translateX(-110%);
	-moz-transform: translateX(-110%);
	-ms-transform: translateX(-110%);
	-o-transform: translateX(-110%);
	transform: translateX(-110%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.g-more .con span {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
	z-index: 2;
	font-family: HONORSansCN-Bold
}

.g-more .con .icon {
	position: relative;
	z-index: 2;
	width: .6rem;
	height: .6rem;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	border-radius: .3rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.g-more .con .icon i {
	background: url(../images/right-w.svg) no-repeat center center/contain;
	width: .17rem;
	height: .17rem
}

.g-more.white {
	background: 0 0;
	border: 1px solid #fff;
	padding: 0
}

.g-more.white .con {
	background: 0 0
}

.g-more.white .con:after {
	background: #fff
}

.g-more.white .con span {
	-webkit-text-fill-color: #fff
}

.g-more.white .con .icon {
	background: #fff
}

.g-more.white .con .icon i {
	background-image: url(../images/right-b.svg)
}

.g-more.white:hover .con span {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.g-more.white:hover .con .icon {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.g-more.white:hover .con .icon i {
	background-image: url(../images/right-w.svg)
}

.about-us {
	padding-bottom: 1.8rem
}

.about-us .au-text {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: -1.2rem
}

.about-us .au-text .text {
	flex: 0 0 7.1rem
}

.about-us .au-text .text p {
	color: #1e1e1e
}

.about-us .au-text .text .g-more {
	margin: .6rem 0 0
}

.about-us .au-text .data p {
	color: #c4c4c4;
	margin-bottom: .2rem
}

.about-us .au-text .data .num {
	display: flex;
	align-items: baseline;
	line-height: 1
}

.about-us .au-text .data .num em {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: BebasNeueBold;
	font-size: 1.2rem
}

.about-us .au-text .data .num span {
	color: #c4c4c4;
	font-family: HONORSansCN-Bold;
	margin-left: .1rem
}

.about-us .au-img img {
	display: block;
	width: 100%
}

.au-list {
	display: flex;
	margin: -1.8rem -.3rem 0
}

.au-list .item {
	flex: 0 0 25%
}

.au-list .item .inner {
	margin: 0 .3rem;
	background: rgba(255, 255, 255, .3);
	border-radius: .4rem;
	backdrop-filter: blur(40px);
	padding: .4rem
}

.au-list .item .inner .icon {
	margin-bottom: .6rem;
	width: 1.4rem;
	height: 1.4rem;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

.au-list .item .inner .icon img {
	display: block;
	width: .64rem;
	height: .65rem;
	object-fit: contain
}

.au-list .item .inner .text p {
	font-family: HONORSansCN-Bold;
	color: #1e1e1e;
	margin-bottom: .2rem
}

.au-list .item .inner .text .num {
	display: flex;
	align-items: baseline;
	line-height: 1
}

.au-list .item .inner .text .num em {
	font-family: BebasNeueBold;
	font-size: 1rem;
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.au-list .item .inner .text .num span {
	font-family: HONORSansCN-Bold;
	color: #c4c4c4;
	margin-left: .1rem
}

.latest-news {
	padding-bottom: 1.6rem
}

.tab-list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .2rem;
	margin-bottom: .4rem
}

.tab-list .item {
	cursor: pointer;
	min-width: 1.5rem;
	padding: 0 .2rem;
	height: .8rem;
	background: #f9f9f9;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative
}

.tab-list .item:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.tab-list .item span {
	color: #171c61;
	position: relative;
	z-index: 2;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.tab-list .item.active:after,
.tab-list .item:hover:after {
	opacity: 1
}

.tab-list .item.active span,
.tab-list .item:hover span {
	color: #fff
}

.latest-news-list {
	margin: 0 -.3rem .8rem;
	display: flex;
	flex-wrap: wrap
}

.latest-news-list .item {
	flex: 0 0 33.3%
}

.latest-news-list .item .inner {
	display: block;
	margin: 0 .3rem;
	background: #f9f9f9;
	border-radius: .4rem;
	overflow: hidden;
	transition: all .3s
}

.latest-news-list .item .inner:hover {
	box-shadow: 0 .35rem .65rem 0 rgba(0, 0, 0, .1)
}

.latest-news-list .item .inner:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}

.latest-news-list .item .inner:hover .text h3 {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.latest-news-list .item .inner:hover .text .bot .icon:after {
	opacity: 1
}

.latest-news-list .item .inner:hover .text .bot .icon i {
	background-image: url(../images/right-w.svg)
}

.latest-news-list .item .inner .pic {
	padding-top: 56.36%;
	position: relative;
	overflow: hidden
}

.latest-news-list .item .inner .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	transition: all .5s
}

.latest-news-list .item .inner .text {
	padding: .4rem
}

.latest-news-list .item .inner .text p {
	color: #c4c4c4;
	font-size: .14rem;
	margin-bottom: .2rem
}

.latest-news-list .item .inner .text h3 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: .24rem;
	line-height: .35rem;
	height: .7rem;
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	margin-bottom: .3rem
}

.latest-news-list .item .inner .text .bot {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.latest-news-list .item .inner .text .bot span {
	color: #c4c4c4;
	font-size: .14rem
}

.latest-news-list .item .inner .text .bot .icon {
	width: .8rem;
	height: .8rem;
	background: #fff;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}

.latest-news-list .item .inner .text .bot .icon:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: .4rem;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	opacity: 0;
	transition: all .3s
}

.latest-news-list .item .inner .text .bot .icon i {
	position: relative;
	z-index: 2;
	transition: all .3s;
	width: .17rem;
	height: .17rem;
	background: url(../images/right-b.svg) no-repeat center center/contain
}

.contact-us {
	background: url(../images/contact-bg.jpg) no-repeat center center/cover;
	position: relative;
	padding: 1.8rem 0 1.6rem
}

.contact-us .wp {
	position: relative;
	z-index: 2
}

.contact-us p {
	text-align: center;
	color: #fff;
	margin-bottom: .4rem
}

.footer {
	color: #fff;
	padding-top: 1.2rem;
	background: url(../images/fd-bg.jpg) no-repeat center center/cover
}

.footer .g-more {
	margin: 0
}

.footer .fd-top {
	display: flex
}

.footer .fd-top .left .logo {
	display: block;
	height: .96rem;
	margin-bottom: .6rem
}

.footer .fd-top .left .logo img {
	display: block;
	height: 100%
}

.footer .fd-top .left .contact p {
	font-size: .14rem
}

.footer .fd-top .left .contact em {
	line-height: 1;
	font-family: BebasNeueBold;
	font-size: .62rem;
	margin: .1rem 0 0;
	display: block
}

.footer .fd-top .left .contact .email {
	margin-top: .3rem;
	margin-bottom: .3rem
}

.footer .fd-top .left .contact .email span {
	font-family: HONORSansCN-Bold;
	font-size: .24rem
}

.footer .fd-top .fd-nav {
	flex: 1;
	margin-left: 1.4rem;
	display: flex;
	justify-content: space-between
}

.footer .fd-top .fd-nav dl+dl {
	margin-top: .6rem
}

.footer .fd-top .fd-nav dt {
	font-family: HONORSansCN-Bold;
	font-size: .24rem;
	margin-bottom: .3rem
}

.footer .fd-top .fd-nav dd+dd {
	margin-top: .2rem
}

.footer .fd-top .fd-nav dd a {
	color: #fff;
	transition: all .3s
}

.footer .fd-top .fd-nav dd a:hover {
	opacity: .8
}

.footer .fd-bot {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.footer .fd-bot .media {
	display: flex;
	align-items: center
}

.footer .fd-bot .media span {
	font-size: .14rem;
	margin-right: .4rem
}

.footer .fd-bot .media a+a {
	margin-left: .2rem
}

.footer .fd-bot .media a {
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	border: 1px solid #fff;
	transition: all .3s;
	position: relative
}

.footer .fd-bot .media a:hover .qr {
	opacity: 1;
	pointer-events: auto
}

.footer .fd-bot .media a .qr {
	position: absolute;
	bottom: 110%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1rem;
	height: 1rem;
	background-color: #fff;
	padding: .1rem;
	border-radius: .2rem;
	pointer-events: none;
	opacity: 0
}

.footer .fd-bot .media a .qr img {
	display: block;
	width: 100%;
	height: 100%
}

.footer .fd-bot .media a.wx {
	background: url(../images/wx.svg) no-repeat center center/.24rem auto
}

.footer .fd-bot .media a.wx:hover {
	background-color: #fff;
	background-image: url(../images/wx-b.svg)
}

.footer .fd-bot .media a.dy {
	background: url(../images/dy.svg) no-repeat center center/.22rem auto
}

.footer .fd-bot .media a.dy:hover {
	background-color: #fff;
	background-image: url(../images/dy-b.svg)
}

.footer .fd-bot .media a.xhs {
	background: url(../images/xhs.svg) no-repeat center center/.25rem auto
}

.footer .fd-bot .media a.xhs:hover {
	background-color: #fff;
	background-image: url(../images/xhs-b.svg)
}

.footer .copyright {
	margin-top: .6rem;
	border-top: 1px solid rgba(255, 255, 255, .2);
	padding: .4rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.footer .copyright a {
	color: #fff;
	transition: all .3s
}

.footer .copyright a:hover {
	opacity: .8
}

.inner-banner {
	position: relative
}

.inner-banner:after {
	content: '';
	background: linear-gradient(-45deg, rgba(23, 28, 97, .8) 0, rgba(3, 161, 232, .3) 100%);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.inner-banner img {
	display: block;
	width: 100%
}

.inner-banner .text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 20;
	text-align: center;
	color: #fff
}

.inner-banner .text h1 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .62rem;
	margin-bottom: .2rem
}

.inner-banner .text p {
	font-size: .2rem
}

.pro-tab {
	display: flex;
	border-radius: .4rem;
	overflow: hidden;
	margin-top: -.6rem;
	position: relative;
	z-index: 30;
	margin-bottom: 1.8rem
}

.pro-tab .item {
	position: relative;
	flex: 0 1 50%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 .3rem;
	height: 1.2rem;
	background: #f9f9f9;
	cursor: pointer;
	transition: all .3s
}

.pro-tab .item:after {
	content: '';
	width: .02rem;
	height: .4rem;
	background: #eee;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.2rem
}

.pro-tab .item span {
	transition: all .3s;
	font-family: HONORSansCN-Bold;
	color: #171c61;
	font-size: .2rem
}

.pro-tab .item img {
	transition: all .3s;
	object-fit: contain;
	width: .32rem;
	height: .4rem
}

.pro-tab .item img.def {
	display: block
}

.pro-tab .item img.active {
	display: none
}

.pro-tab .item.active,
.pro-tab .item:hover {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.pro-tab .item.active span,
.pro-tab .item:hover span {
	color: #fff
}

.pro-tab .item.active img.active,
.pro-tab .item:hover img.active {
	display: block
}

.pro-tab .item.active img.def,
.pro-tab .item:hover img.def {
	display: none
}

.pro-tab .item:last-child:after {
	display: none
}

.pro-wrap {
	padding-bottom: 1.8rem;
	display: flex;
	align-items: flex-start
}

.pro-wrap .pro-side {
	flex: 0 0 4.2rem;
	background: #f9f9f9;
	border-radius: .4rem;
	overflow: hidden
}

.pro-wrap .pro-side .title {
	height: 1.2rem;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	display: flex;
	align-items: center;
	padding: 0 .6rem;
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .32rem;
	color: #fff
}

.pro-wrap .pro-side .pro-nav {
	padding: .3rem .6rem .6rem
}

.pro-wrap .pro-side .pro-nav .item .item-tit.active,
.pro-wrap .pro-side .pro-nav .item .item-tit:hover {
	border-bottom-color: #171c61
}

.pro-wrap .pro-side .pro-nav .item .item-tit.active span,
.pro-wrap .pro-side .pro-nav .item .item-tit:hover span {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.pro-wrap .pro-side .pro-nav .item .item-tit.active i,
.pro-wrap .pro-side .pro-nav .item .item-tit:hover i {
	background-image: url(../images/right-s-b.svg)
}

.pro-wrap .pro-side .pro-nav .item.have-sub .item-tit {
	border-bottom: none
}

.pro-wrap .pro-side .pro-nav .item .sub-list a {
	display: block;
	color: #bdbdbd;
	font-size: .18rem;
	transition: all .3s
}

.pro-wrap .pro-side .pro-nav .item .sub-list a+a {
	margin-top: .3rem
}

.pro-wrap .pro-side .pro-nav .item .sub-list a.active,
.pro-wrap .pro-side .pro-nav .item .sub-list a:hover {
	color: #171c61
}

.pro-wrap .pro-side .pro-nav .item .item-tit {
	border-bottom: 1px solid #e5e5e5;
	padding: .24rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #bdbdbd;
	font-size: .24rem;
	font-family: HONORSansCN-Bold;
	transition: all .3s
}

.pro-wrap .pro-side .pro-nav .item .item-tit i {
	background: url(../images/right-s-g.svg) no-repeat center center/contain;
	width: .1rem;
	height: .1rem;
	transition: all .3s
}

.pro-wrap .pro-side .pro-nav .item:last-child .item-tit {
	border-bottom: none;
	padding-bottom: 0
}

.pro-wrap .pro-list-wrap {
	flex: 1;
	margin-left: .8rem
}

.pro-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.3rem
}

.pro-list .item {
	flex: 0 0 50%;
	margin-bottom: .6rem
}

.pro-list .item .inner {
	display: block;
	margin: 0 .3rem;
	background: #f9f9f9;
	border-radius: .4rem;
	overflow: hidden;
	height: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.pro-list .item .inner .pic {
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	background: #f5f5f5
}

.pro-list .item .inner .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 3.6rem;
	max-height: 3.6rem;
	object-fit: contain;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.pro-list .item .inner .text {
	padding: .4rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start
}

.pro-list .item .inner .text .tag {
	display: flex;
	flex-wrap: wrap;
	gap: .1rem;
	margin-bottom: .2rem
}

.pro-list .item .inner .text .tag span {
	height: .4rem;
	background: #eee;
	border-radius: .2rem;
	padding: 0 .2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: HONORSansCN-Bold;
	font-size: .14rem;
	color: #333
}

.pro-list .item .inner .text h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .24rem;
	color: #1e1e1e;
	line-height: 1.5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pro-list .item .inner .text p {
	line-height: 1;
	margin-top: .2rem;
	font-family: HONORSansCN-Bold;
	color: #c4c4c4
}

.pro-list .item .inner:hover {
	box-shadow: .25rem .25rem .65rem 0 rgba(0, 0, 0, .15)
}

.pro-list .item .inner:hover .pic img {
	-webkit-transform: translate(-50%, -50%) scale(1.05);
	-moz-transform: translate(-50%, -50%) scale(1.05);
	-ms-transform: translate(-50%, -50%) scale(1.05);
	transform: translate(-50%, -50%) scale(1.05)
}

.pro-list .item .inner:hover .text h3 {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.pro-list.w3 .item {
	flex: 0 0 33.3%
}

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

.pages .item+.item {
	margin-left: .4rem
}

.pages .item {
	width: .8rem;
	height: .8rem;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden
}

.pages .item.prev {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.pages .item.next,
.pages .item.prev {
	background: #f9f9f9;
	position: relative
}

.pages .item.next:after,
.pages .item.prev:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	opacity: 0;
	transition: all .3s
}

.pages .item.next i,
.pages .item.prev i {
	transition: all .3s;
	position: relative;
	z-index: 2;
	background: url(../images/page-r-b.svg) no-repeat center center/contain;
	width: .15rem;
	height: .15rem
}

.pages .item.next:hover:After,
.pages .item.prev:hover:After {
	opacity: 1
}

.pages .item.next:hover i,
.pages .item.prev:hover i {
	background-image: url(../images/page-r-w.svg)
}

.pages .item.active {
	background: linear-gradient(-85deg, #171c61, #03a1e8);
	padding: 2px
}

.pages .item.active em {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #171c61;
	font-family: HONORSansCN-Bold
}

.pages span {
	margin: 0 .2rem;
	font-family: HONORSansCN-Bold;
	color: #171c61
}

.pages input {
	text-align: center;
	border: none;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #171c61;
	font-family: HONORSansCN-Bold;
	font-size: .16rem
}

.pages input::-webkit-inner-spin-button {
	display: none
}

.solution-list .item+.item {
	margin-top: .6rem
}

.solution-list .item {
	display: flex;
	overflow: hidden;
	background: #f9f9f9;
	border-radius: .4rem;
	transition: all .3s
}

.solution-list .item .pic {
	flex: 0 0 3rem;
	height: 3rem;
	position: relative;
	overflow: hidden
}

.solution-list .item .pic:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: linear-gradient(-85deg, rgba(23, 28, 97, .8) 0, rgba(3, 161, 232, .3) 100%)
}

.solution-list .item .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s
}

.solution-list .item .text {
	padding: .4rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.solution-list .item .text .tag {
	display: flex;
	flex-wrap: wrap;
	gap: .2rem;
	margin-bottom: .2rem
}

.solution-list .item .text .tag span {
	height: .4rem;
	background: #eee;
	border-radius: .2rem;
	padding: 0 .2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: HONORSansCN-Bold;
	font-size: .14rem;
	color: #333
}

.solution-list .item .text h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .24rem;
	color: #1e1e1e
}

.solution-list .item:hover {
	box-shadow: 0 .35rem .65rem 0 rgba(0, 0, 0, .1)
}

.solution-list .item:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}

.solution-list .item:hover .text h3 {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.pro-det {
	background-color: #fff;
	padding-top: 2.2rem;
	padding-bottom: 1.2rem
}

.pro-det .wp {
	display: flex
}

.pro-det .left {
	flex: 1;
	width: 0;
	display: flex
}

.pro-det .left .pro-swi-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	height: 7.2rem;
	margin-right: .2rem
}

.pro-det .left .pro-swi-wrap .pro-swi {
	height: 6.2rem;
	overflow: hidden
}

.pro-det .left .pro-swi-wrap .pro-swi .swiper-slide {
	width: 1.4rem;
	background: #f9f9f9;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.pro-det .left .pro-swi-wrap .pro-swi .swiper-slide img {
	display: block;
	max-width: 1.1rem;
	position: relative;
	z-index: 3
}

.pro-det .left .pro-swi-wrap .pro-swi .swiper-slide.active {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.pro-det .left .pro-swi-wrap .pro-swi .swiper-slide.active:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	border-radius: .36rem;
	background-color: #fff
}

.pro-det .left .big-img {
	flex: 1;
	height: 7.2rem;
	background: #f9f9f9;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.pro-det .left .big-img img {
	max-width: 6.4rem
}

.pro-det .left .swi-btn {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.pro-det .left .swiper-button-next,
.pro-det .left .swiper-button-prev {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	width: .65rem;
	height: .8rem;
	background: #f9f9f9;
	border-radius: .2rem
}

.pro-det .left .swiper-button-next:after,
.pro-det .left .swiper-button-prev:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-90deg);
	-moz-transform: translate(-50%, -50%) rotate(-90deg);
	-ms-transform: translate(-50%, -50%) rotate(-90deg);
	transform: translate(-50%, -50%) rotate(-90deg);
	background: url(../images/right-s-b.svg) no-repeat center center/contain;
	width: .1rem;
	height: .1rem
}

.pro-det .left .swiper-button-next:hover,
.pro-det .left .swiper-button-prev:hover {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.pro-det .left .swiper-button-next:hover:after,
.pro-det .left .swiper-button-prev:hover:after {
	background-image: url(../images/right-s-w.svg)
}

.pro-det .left .swiper-button-next:after {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	-moz-transform: translate(-50%, -50%) rotate(90deg);
	-ms-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg)
}

.pro-det .right {
	flex: 0 0 5rem;
	margin-left: .6rem
}

.pro-det .right .tag {
	display: flex;
	flex-wrap: wrap;
	gap: .2rem;
	margin-bottom: .2rem
}

.pro-det .right .tag span {
	height: .4rem;
	background: #eee;
	border-radius: .2rem;
	padding: 0 .2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: HONORSansCN-Bold;
	font-size: .14rem;
	color: #333
}

.pro-det .right h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .46rem;
	color: #1e1e1e;
	margin-bottom: .6rem
}

.pro-det .right p+p {
	margin-top: .3rem
}

.pro-spec {
	background: #f9f9f9;
	padding: 1.2rem 0
}

.pro-spec .tab-list .item {
	background: #fff;
	height: .6rem;
	width: auto;
	padding: 0 .3rem
}

.sa-fe {
	padding: 1.8rem 0;
	background-color: #fff
}

.sa-fe .tab-list .item {
	background: #f9f9f9
}

.sa-fe .tab-list .item span {
	color: #333
}

.sa-fe .tab-list .item.active span,
.sa-fe .tab-list .item:hover span {
	color: #fff
}

.spec-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: .2rem;
	margin-top: .5rem
}

.spec-box .item {
	flex: 0 0 calc(50% - .3rem);
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: .4rem;
	margin-bottom: .4rem
}

.spec-box .item p {
	color: #c4c4c4
}

.spec-box .item h3 {
	margin-top: .15rem;
	font-family: HONORSansCN-Bold;
	font-size: .2rem;
	color: #333;
	font-weight: 400
}

.g-more.download {
	height: .6rem;
	width: 2rem
}

.g-more.download .icon {
	width: .4rem;
	height: .4rem
}

.g-more.download .icon i {
	background: url(../images/download.svg) no-repeat center center/contain;
	width: .16rem;
	height: .17rem
}

.g-more.send {
	width: 1.8rem;
	height: .6rem
}

.g-more.send .icon {
	width: .4rem;
	height: .4rem
}

.g-more.send .icon i {
	background: url(../images/send.svg) no-repeat center center/contain;
	width: .16rem;
	height: .17rem
}

.tab-con {
	display: none
}

.tab-con.show {
	display: block
}

.pro-features {
	padding: 1.8rem 0 .8rem
}

.pro-features .fe-pic {
	border-radius: .4rem;
	overflow: hidden
}

.pro-features .fe-pic img {
	display: block;
	width: 100%
}

.fe-list {
	margin-top: .4rem;
	margin-bottom: -.2rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.fe-list .item {
	flex: 0 0 calc(50% - .3rem);
	background: #f9f9f9;
	border-radius: .4rem;
	margin-bottom: .2rem;
	padding: .3rem;
	display: flex;
	transition: all .3s;
	position: relative
}

.fe-list .item .index {
	line-height: 1;
	font-family: BebasNeueBold;
	font-size: .62rem;
	color: #eee;
	margin-right: .24rem;
	position: relative;
	top: .05rem
}

.fe-list .item .text {
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.fe-list .item .text h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .2rem;
	color: #333
}

.fe-list .item:hover {
	z-index: 20;
	box-shadow: 0 .35rem .65rem 0 rgba(0, 0, 0, .1)
}

.fe-list.aic .item {
	align-items: center
}

.pro-application {
	padding: .8rem 0 1.8rem;
	background-color: #fff
}

.application-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.3rem -.6rem
}

.application-list .item {
	flex: 0 0 25%;
	margin-bottom: .6rem
}

.application-list .item .inner {
	margin: 0 .3rem;
	background: #f9f9f9;
	border-radius: .4rem;
	overflow: hidden;
	transition: all .3s
}

.application-list .item .inner:hover {
	box-shadow: 0 .35rem .65rem 0 rgba(0, 0, 0, .1)
}

.application-list .item .pic {
	padding-top: 56.19%;
	position: relative;
	overflow: hidden
}

.application-list .item .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: 1
}

.application-list .item .pic:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: linear-gradient(-45deg, rgba(23, 28, 97, .8) 0, rgba(3, 161, 232, .3) 100%)
}

.application-list .item .text {
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.application-list .item .text h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .2rem;
	color: #1e1e1e;
	padding: 0.25rem;
}

.pro-details {
	background: #f9f9f9;
	padding: 1.2rem 0
}

.pro-details .pic img {
	display: block;
	width: 100%
}

.pro-sugg {
	padding: 1.8rem 0
}

.sa-ban {
	position: relative
}

.sa-ban:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(-45deg, rgba(23, 28, 97, .8) 0, rgba(3, 161, 232, .3) 100%);
	z-index: 2
}

.sa-ban img {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1
}

.sa-ban .wp {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	z-index: 3;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: .8rem
}

.sa-ban .wp .text p {
	font-size: .2rem;
	margin-bottom: .3rem
}

.sa-ban .wp .text h1 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .46rem
}

.sa-ban .wp .back {
	margin-left: 1.1rem;
	flex: 0 0 .8rem;
	height: .8rem;
	background: linear-gradient(-85deg, #f9f9f9 0, #f9f9f9 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.sa-ban .wp .back i {
	position: relative;
	z-index: 2;
	background: url(../images/back.svg) no-repeat center center/contain;
	width: .17rem;
	height: .17rem
}

.sa-ban .wp .back:hover {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.sa-ban .wp .back:hover i {
	background-image: url(../images/back-w.svg)
}

.sa-intro {
	padding: 1.8rem 0
}

.sa-intro .desc {
	text-align: center;
	padding: 0 1.26rem;
	margin-bottom: .6rem;
	line-height: .3rem
}

.sa-intro .pic {
	border-radius: .4rem;
	overflow: hidden
}

.sa-intro .pic img {
	display: block;
	width: 100%
}

.sa-pro {
	padding-bottom: 1.9rem
}

.sa-pro-swi {
	position: relative;
	overflow: hidden;
	padding: 1rem .35rem .72rem;
	margin-top: -1rem;
	margin-left: -.35rem;
	margin-right: -.35rem
}

.sa-pro-swi .swiper-slide:hover {
	box-shadow: 0 .35rem .65rem 0 rgba(0, 0, 0, .1)
}

.sa-pro-swi .swiper-slide:hover .text h3 {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.sa-pro-swi .swiper-slide {
	background: #f9f9f9;
	border-radius: .4rem;
	overflow: hidden;
	transition: box-shadow .3s
}

.sa-pro-swi .swiper-slide .pic {
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	background: #f5f5f5
}

.sa-pro-swi .swiper-slide .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 3.6rem;
	height: 3.6rem;
	object-fit: contain
}

.sa-pro-swi .swiper-slide .text {
	height: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.sa-pro-swi .swiper-slide .text h3 {
	font-weight: 400;
	color: #1e1e1e;
	font-size: .24rem;
	font-family: HONORSansCN-Bold
}

.sa-pro-swi .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 0
}

.sa-pro-swi .swiper-pagination-bullet {
	width: .12rem;
	height: .12rem;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #eee;
	opacity: 1;
	margin: 0 .1rem !important
}

.sa-pro-swi .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #171c61;
	border-color: #171c61
}

.sa-adv {
	padding: 1.2rem 0;
	background: #f9f9f9 url(../images/ys-bg.svg) no-repeat center center/cover
}

.sa-adv .fe-list .item {
	background: rgba(255, 255, 255, .8);
	backdrop-filter: blur(40px)
}

.sa-application {
	padding-bottom: 1.8rem
}

.sa-application .desc {
	text-align: center;
	line-height: .3rem;
	margin-bottom: .6rem
}

.sa-application .pic {
	background: #f9f9f9;
	border-radius: .4rem;
	padding: .8rem .5rem .3rem;
	display: flex;
	flex-direction: column;
	position: relative
}

.sa-application .pic .full {
	width: .8rem;
	height: .8rem;
	background: rgba(255, 255, 255, .5);
	border-radius: 50%;
	position: absolute;
	top: .2rem;
	right: .2rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s
}

.sa-application .pic .full i {
	background: url(../images/full.svg) no-repeat center center/contain;
	width: .26rem;
	height: .26rem
}

.sa-application .pic .full:hover {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.sa-application .pic .full:hover i {
	background-image: url(../images/full-w.svg)
}

.sa-application .pic img {
	display: block;
	width: 100%
}

.sa-application .pic .name {
	margin: 0 auto;
	padding: 0 .4rem;
	height: .6rem;
	background: rgba(255, 255, 255, .5);
	border-radius: .3rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.pic-pop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999
}

.pic-pop .pop-mask {
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8
}

.pic-pop .pop-con {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: calc(97% - 1.5rem);
	height: calc(97% - 1.5rem);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: .2rem
}

.pic-pop .pop-con img {
	display: block;
	width: 90%;
	height: 90%;
	object-fit: contain
}

.pic-pop .pop-con .close {
	cursor: pointer;
	position: absolute;
	top: -.7rem;
	right: -.7rem;
	border-radius: 50%;
	width: .6rem;
	height: .6rem;
	background: #fff url(../images/close.svg) no-repeat center center/.24rem auto
}

.sa-solution {
	padding-bottom: 1.8rem
}

.pro-solution-list .item+.item {
	margin-top: .8rem
}

.pro-solution-list .item:nth-child(even) {
	flex-direction: row-reverse
}

.pro-solution-list .item {
	display: flex;
	gap: .6rem;
	align-items: center;
	justify-content: space-between
}

.pro-solution-list .item .pic {
	flex: 0 0 7.2rem;
	height: 7.2rem;
	border-radius: .4rem;
	overflow: hidden
}

.pro-solution-list .item .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.pro-solution-list .item .text {
	flex: 1
}

.pro-solution-list .item .text .title {
	position: relative;
	line-height: 1
}

.pro-solution-list .item .text .title h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	color: #1e1e1e;
	font-size: .30rem;
	position: relative;
	z-index: 2;
	line-height: .45rem;
	height: .45rem
}

.pro-solution-list .item .text .title em {
	height: 1rem;
	line-height: 1rem;
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: BebasNeueBold, sans-serif;
	font-size: 1.2rem;
	color: #eee;
	white-space: nowrap;
	padding-top: .04rem
}

.pro-solution-list .item .text .tag {
	margin-top: .2rem;
	display: flex;
	gap: .1rem
}

.pro-solution-list .item .text .tag span {
	padding: 0 .2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	height: .4rem;
	background: #f9f9f9;
	border-radius: .2rem;
	color: #171c61;
	font-size: .14rem
}

.pro-solution-list .item .text .desc {
	margin-top: .3rem;
	line-height: .3rem
}

.pro-solution-list .item .text .desc p+p {
	margin-top: .3rem
}

.sa-faq {
	padding: 1.2rem 0;
	background: #f9f9f9
}

.faq-list .item+.item {
	margin-top: .2rem
}

.faq-list .item {
	background: #fff;
	border-radius: .4rem
}

.faq-list .item .tit.open i {
	background-image: url(../images/right-s-g.svg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.faq-list .item .tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .35rem .4rem;
	cursor: pointer
}

.faq-list .item .tit h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	color: #1e1e1e;
	font-size: .2rem
}

.faq-list .item .tit i {
	background: url(../images/right-s-b.svg) no-repeat center center/contain;
	width: .1rem;
	height: .1rem
}

.faq-list .item .con {
	display: none;
	border-top: 1px solid #eee;
	margin: 0 .4rem;
	padding: .4rem 0;
	line-height: .3rem
}

.service-process {
	padding: 0 0 1.8rem
}

.process-list {
	display: flex;
	justify-content: space-between;
	margin-bottom: .4rem
}

.process-list .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.process-list .item .c1 {
	width: 1.4rem;
	height: 1.4rem;
	background: rgba(238, 238, 238, .3);
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center
}

.process-list .item .c1:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	opacity: 0;
	transition: all .3s
}

.process-list .item .c2 {
	width: 1.2rem;
	height: 1.2rem;
	background: rgba(238, 238, 238, .5);
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center
}

.process-list .item .c2:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	opacity: 0;
	transition: all .3s
}

.process-list .item .c3 {
	width: 1rem;
	height: 1rem;
	background: #eee;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center
}

.process-list .item .c3:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	opacity: 0;
	transition: all .3s
}

.process-list .item .c3 img {
	width: .65rem;
	height: .65rem;
	object-fit: contain;
	position: relative;
	z-index: 10
}

.process-list .item .c3 .def {
	display: block
}

.process-list .item .c3 .active {
	display: none
}

.process-list .item p {
	font-family: HONORSansCN-Bold;
	color: #c4c4c4;
	font-size: .14rem;
	margin: .2rem 0 .1rem
}

.process-list .item h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .2rem;
	transition: all .3s
}

.process-list .item.active .c1:after,
.process-list .item:hover .c1:after {
	opacity: .3
}

.process-list .item.active .c2:after,
.process-list .item:hover .c2:after {
	opacity: .5
}

.process-list .item.active .c3:after,
.process-list .item:hover .c3:after {
	opacity: 1
}

.process-list .item.active .c3 .def,
.process-list .item:hover .c3 .def {
	display: none
}

.process-list .item.active .c3 .active,
.process-list .item:hover .c3 .active {
	display: block
}

.process-list .item.active h3,
.process-list .item:hover h3 {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.process-con-wrap {
	background: #f9f9f9 url(../images/ys-bg.svg) no-repeat top center/cover
}

.process-con-wrap .wp {
	padding-top: .8rem;
	padding-bottom: .8rem;
	position: relative
}

.process-con-wrap .wp .en {
	font-family: BebasNeueBold;
	font-size: 2rem;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: -.5rem;
	line-height: 1
}

.process-con-wrap .process-con {
	display: none
}

.process-con-wrap .process-con.show {
	display: block
}

.process-con-inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between
}

.process-con-inner .title {
	display: flex;
	align-items: center
}

.process-con-inner .title .icon {
	width: 1.4rem;
	height: 1.4rem;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: .3rem
}

.process-con-inner .title .icon img {
	display: block;
	width: .65rem;
	height: .65rem;
	object-fit: contain
}

.process-con-inner .title h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: .32rem
}

.process-con-inner .list {
	flex: 0 0 9.4rem
}

.process-con-inner .list .item+.item {
	margin-top: .2rem
}

.process-con-inner .list .item {
	transition: all .3s;
	background: #fff;
	border-radius: .3rem;
	padding: .3rem;
	display: flex;
	align-items: center;
	position: relative
}

.process-con-inner .list .item i {
	width: .12rem;
	height: .12rem;
	background: #eee;
	border-radius: 50%;
	margin-right: .2rem;
	transition: all .3s
}

.process-con-inner .list .item:hover {
	z-index: 20;
	box-shadow: 0 .35rem .65rem 0 rgba(0, 0, 0, .1)
}

.process-con-inner .list .item:hover i {
	background: #171c61
}

.after-sales-service {
	padding: 0 0 1.8rem
}

.join-us-intro {
	padding: 1.8rem 0
}

.join-us-intro .box {
	background: url(../images/ju-bg1.jpg) no-repeat center center/cover;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem 2.4rem;
	font-size: .2rem;
	color: #1e1e1e;
	line-height: .35rem;
	font-family: HONORSansCN-Bold;
	border-radius: .4rem;
	text-align: center
}

.remuneration-welfare {
	padding-bottom: 1.8rem
}

.rw-list {
	display: flex;
	margin: 0 -.3rem
}

.rw-list .item {
	flex: 0 0 33.3%
}

.rw-list .item .inner {
	margin: 0 .3rem;
	background: #f9f9f9 url(../images/ju-dec.svg) no-repeat right bottom/2.96rem auto;
	border-radius: .4rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%
}

.rw-list .item .inner .top {
	padding: .6rem;
	display: flex;
	align-items: center
}

.rw-list .item .inner .top .icon {
	margin-right: .6rem;
	width: 1.2rem;
	height: 1.2rem;
	background: #fff;
	border-radius: .6rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.rw-list .item .inner .top .icon img {
	display: block;
	width: .65rem;
	height: .65rem;
	object-fit: contain
}

.rw-list .item .inner .top h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	color: #333;
	font-size: .24rem
}

.rw-list .item .inner .text {
	padding: .4rem
}

.rw-list .item .inner .text .row+.row {
	margin-top: .4rem
}

.rw-list .item .inner .text h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold
}

.job-openings {
	background: #f9f9f9 url(../images/zz-bg.svg) no-repeat right top 3.7rem/auto 12.66rem;
	padding: 1.8rem 0
}

.job-openings-list .item+.item {
	margin-top: .2rem
}

.job-openings-list .item {
	background: #fff;
	border-radius: .4rem
}

.job-openings-list .item .title {
	cursor: pointer;
	padding: .5rem .4rem;
	display: flex;
	justify-content: space-between
}

.job-openings-list .item .title .name {
	font-family: HONORSansCN-Bold;
	font-size: .2rem;
	color: #1e1e1e;
	flex: 1;
	width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.job-openings-list .item .title .col {
	margin-right: 10px;
	flex: 0 0 23%;
	color: #c4c4c4;
	width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.job-openings-list .item .title .col.time {
	flex: 0 0 18%
}

.job-openings-list .item .title .arrow {
	display: flex;
	align-items: center;
	justify-content: center
}

.job-openings-list .item .title .arrow i {
	background: url(../images/right-s-b.svg) no-repeat center center/contain;
	width: .1rem;
	height: .1rem;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.job-openings-list .item .item-con {
	display: none;
	padding: 0 .4rem .4rem
}

.job-openings-list .item .item-con .text {
	padding-bottom: .4rem;
	padding-top: .4rem;
	margin-bottom: .4rem;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	line-height: .3rem
}

.job-openings-list .item .item-con .text h3 {
	font-size: .2rem;
	font-weight: 400;
	font-family: HONORSansCN-Bold
}

.job-openings-list .item.open .title .name span {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.job-openings-list .item.open .title .arrow i {
	background-image: url(../images/right-s-g.svg);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

.contact-information {
	padding: 1.8rem 0
}

.contact-information .box {
	border-radius: .4rem;
	padding: .6rem;
	background: url(../images/ci-bg1.jpg) no-repeat center center/cover
}

.contact-information .text .row+.row {
	margin-top: .3rem
}

.contact-information .text .row .item {
	display: flex;
	align-items: center
}

.contact-information .text .row .item .icon {
	width: .6rem;
	height: .6rem;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: .3rem
}

.contact-information .text .row .item .icon img {
	display: block;
	width: .25rem;
	height: .25rem;
	object-fit: contain
}

.contact-information .text .row .item p {
	font-family: HONORSansCN-Bold;
	color: #1e1e1e;
	font-size: .2rem
}

.contact-information .text .row.w3 {
	display: flex
}

.contact-information .text .row.w3 .item {
	flex: 0 0 33.3%
}

.map-banner {
	position: relative
}

.map-banner .mapbox {
	height: 8.5rem
}

.map-banner img {
	display: block;
	width: 100%
}

.map-banner .text {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: .4rem;
	background: rgba(255, 255, 255, .3);
	border-radius: .4rem;
	width: 10rem;
	height: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: HONORSansCN-Bold;
	font-size: .2rem;
	color: #1e1e1e;
	backdrop-filter: blur(40px)
}

.get-in-touch {
	padding: 1.8rem 0
}

.git-list {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 1rem;
}

.git-list .item {
	flex: 0 0 4.4rem;
	background: linear-gradient(180deg, #f9f9f9 0, #fff 100%);
	border-radius: .4rem;
	display: flex;
	flex-direction: column;
	padding: .4rem 0;
	transition: all .3s
}

.git-list .item .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.2rem;
	height: 1.2rem;
	background: rgba(255, 255, 255, .3);
	border-radius: .6rem;
	position: relative;
	overflow: hidden;
	margin: 0 auto
}

.git-list .item .icon:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	border-radius: .6rem;
	transition: all .3s
}

.git-list .item .icon .c1 {
	width: 1rem;
	height: 1rem;
	background: rgba(255, 255, 255, .5);
	border-radius: .5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden
}

.git-list .item .icon .c1:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	border-radius: .6rem;
	transition: all .3s
}

.git-list .item .icon .c2 {
	width: .8rem;
	height: .8rem;
	background: #fff;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden
}

.git-list .item .icon .c2:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	border-radius: .6rem;
	opacity: 0;
	transition: all .3s
}

.git-list .item .icon i {
	position: relative;
	z-index: 3;
	width: .32rem;
	height: .32rem
}

.git-list .item:hover {
	box-shadow: 0 .35rem .65rem 0 rgba(0, 0, 0, .1)
}

.git-list .item:hover .icon:after {
	opacity: .3
}

.git-list .item:hover .icon .c1:after {
	opacity: .5
}

.git-list .item:hover .icon .c2:after {
	opacity: 1
}

.git-list .item p {
	text-align: center;
	color: #c4c4c4;
	font-size: .14rem;
	font-family: HONORSansCN-Bold;
	margin-top: .6rem
}

.git-list .item em {
	margin-top: .1rem;
	display: block;
	text-align: center;
	font-family: HONORSansCN-Bold;
	color: #171c61;
	font-size: .36rem
}

.git-list .item1 .icon .c2 i {
	background: url(../images/ci3.svg) no-repeat center center/contain
}

.git-list .item1:hover .icon .c2 i {
	background: url(../images/ci3-w.svg) no-repeat center center/contain
}

.git-list .item2 .icon .c2 i {
	background: url(../images/ci4.svg) no-repeat center center/contain
}

.git-list .item2:hover .icon .c2 i {
	background: url(../images/ci4-w.svg) no-repeat center center/contain
}

.git-list .item3 .icon .c2 i {
	background: url(../images/ci5.svg) no-repeat center center/contain
}

.git-list .item3:hover .icon .c2 i {
	background: url(../images/ci5-w.svg) no-repeat center center/contain
}

.contact-form-section {
	padding-bottom: 1.6rem
}

.contact-form-section .box {
	background: url(../images/form-bg.jpg) no-repeat center center/cover;
	padding: 1.2rem 0 3.3rem
}

.contact-form-section .box .desc {
	text-align: center
}

.contact-form {
	padding: .6rem;
	background: rgba(249, 249, 249, .3);
	backdrop-filter: blur(40px);
	border-radius: .4rem;
	margin-top: -2rem;
	position: relative
}

.contact-form:after {
	content: '';
	position: absolute;
	top: 2rem;
	left: 0;
	width: 100%;
	bottom: 0;
	background: linear-gradient(to top, #f9f9f9, rgba(249, 249, 249, 0));
	z-index: -1;
	border-radius: 0 0 .4rem .4rem
}

.contact-form .row+.row {
	margin-top: .4rem
}

.contact-form .row {
	display: flex;
	justify-content: space-between
}

.contact-form .row textarea {
	height: 1.6rem;
	background: #fff;
	border-radius: .4rem;
	display: block;
	width: 100%;
	padding: .3rem;
	color: #1e1e1e;
	font-family: HONORSansCN-Bold;
	border: none;
	resize: none;
	font-size: .16rem
}

.contact-form .row textarea::-webkit-input-placeholder {
	color: #c4c4c4
}

.contact-form .row textarea::-moz-placeholder {
	color: #c4c4c4
}

.contact-form .row textarea:-moz-placeholder {
	color: #c4c4c4
}

.contact-form .row textarea:-ms-input-placeholder {
	color: #c4c4c4
}

.contact-form .row .col {
	width: 4.13rem;
	height: .8rem;
	background: #fff;
	border-radius: .4rem;
	position: relative;
	border: 1px solid transparent
}

.contact-form .row .col .placeholder {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0 .3rem;
	font-family: HONORSansCN-Bold;
	color: #c4c4c4;
	display: flex;
	align-items: center;
	pointer-events: none
}

.contact-form .row .col .placeholder em {
	color: #c35;
	margin-left: .1rem
}

.contact-form .row .col input,
.contact-form .row .col select {
	display: block;
	width: 100%;
	height: 100%;
	background: 0 0;
	border: none;
	padding: 0 .3rem;
	color: #1e1e1e;
	font-family: HONORSansCN-Bold;
	font-size: .16rem
}

.contact-form .row .col select.op0 {
	opacity: 0
}

.contact-form .row .col input:focus+.placeholder {
	opacity: 0
}

.contact-form .row .col.code {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.contact-form .row .col.code .code-pic {
	padding-right: .3rem;
	height: 100%;
	display: flex;
	align-items: center
}

.contact-form .row .col.code .code-pic img {
	display: block;
	height: .6rem
}

.contact-form .row .col.code .change {
	cursor: pointer;
	color: #66bf97;
	font-size: .16rem;
	margin-right: .2rem;
	white-space: nowrap
}

.contact-form .row .col.code .code-wrap {
	display: flex;
	align-items: center
}

.contact-form .row .col.error {
	border-color: #c35
}

.contact-form .row .col.error .placeholder span {
	color: #c35
}

.contact-form .row .col.select {
	position: relative
}

.contact-form .row .col.select:after {
	content: '';
	background: url(../images/right-s-b.svg) no-repeat center center/contain;
	width: .1rem;
	height: .1rem;
	position: absolute;
	top: 50%;
	margin-top: -.05rem;
	right: .3rem;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.contact-form .g-more {
	margin-top: .6rem
}

.hot-new-sec {
	padding-bottom: .8rem
}

.hot-new {
	border-radius: .4rem;
	background: #f9f9f9;
	display: flex;
	overflow: hidden;
	transition: all .3s
}

.hot-new .pic {
	flex: 0 0 50%;
	overflow: hidden
}

.hot-new .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s
}

.hot-new:hover {
	box-shadow: 0 .35rem .65rem 0 rgba(0, 0, 0, .1)
}

.hot-new:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}

.hot-new:hover .text h3 {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.hot-new:hover .text .bot .arrow {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.hot-new:hover .text .bot .arrow i {
	background-image: url(../images/right-w.svg)
}

.hot-new .text {
	flex: 1;
	padding: .6rem
}

.hot-new .text .type {
	color: #c4c4c4;
	font-size: .14rem
}

.hot-new .text h3 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: #1e1e1e;
	font-size: .32rem;
	font-family: HONORSansCN-Bold;
	font-weight: 400;
	margin: .3rem 0;
	transition: all .3s
}

.hot-new .text .bot {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.hot-new .text .bot span {
	color: #c4c4c4;
	font-size: .14rem
}

.hot-new .text .bot .arrow {
	width: .8rem;
	height: .8rem;
	background: #fff;
	border-radius: .4rem;
	transition: all .3s;
	display: flex;
	align-items: center;
	justify-content: center
}

.hot-new .text .bot .arrow i {
	transition: all .3s;
	background: url(../images/right-b.svg) no-repeat center center/contain;
	width: .17rem;
	height: .17rem
}

.news-list-wrap {
	padding-bottom: 1.44rem
}

.news-list-wrap .tab-list {
	margin-bottom: .6rem
}

.news-list-wrap .latest-news-list .item {
	margin-bottom: .6rem
}

.news-list-wrap .latest-news-list {
	margin-bottom: 0
}

.news-list-wrap .pages {
	margin-top: .2rem
}

.text-wp {
	max-width: 9.6rem;
	margin: 0 auto;
	width: 100%
}

.text-wp img {
	display: block;
	margin: 0 auto
}

.nd-content-sec {
	padding: 1.8rem 0 1.2rem
}

.nd-content-sec .box {
	max-width: 12rem;
	margin: 0 auto;
	background: #f9f9f9;
	border-radius: .4rem;
	padding: .6rem 0;
	margin-bottom: .8rem
}

.nd-content-sec .box img {
	display: block;
	margin-top: .35rem;
	border-radius: .4rem;
	width: 100%
}

.nd-content-sec .content {
	line-height: .3rem
}

.nd-content-sec .content .tips {
	color: #c4c4c4;
	font-size: .14rem;
	text-align: center
}

.activity-gallery {
	background: #f9f9f9 url(../images/hd-bg.svg) no-repeat left bottom/contain;
	padding: 1.2rem 0 1.72rem
}

.ag-swi-wrap {
	position: relative
}

.ag-swi-wrap .swiper-button-next,
.ag-swi-wrap .swiper-button-prev {
	width: .6rem;
	height: .6rem;
	background: #fff;
	border-radius: 50%;
	opacity: 1;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.ag-swi-wrap .swiper-button-next:after,
.ag-swi-wrap .swiper-button-prev:after {
	content: '';
	background: url(../images/swi-r.svg) no-repeat center center/contain;
	width: .15rem;
	height: .15rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.ag-swi-wrap .swiper-button-next:hover,
.ag-swi-wrap .swiper-button-prev:hover {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.ag-swi-wrap .swiper-button-next:hover:after,
.ag-swi-wrap .swiper-button-prev:hover:after {
	background-image: url(../images/swi-r-w.svg)
}

.ag-swi-wrap .swiper-button-next {
	right: -.9rem;
	left: auto
}

.ag-swi-wrap .swiper-button-prev {
	left: -.9rem;
	right: auto;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-moz-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	-o-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg)
}

.ag-swi-wrap .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: -.52rem
}

.ag-swi-wrap .swiper-pagination-bullet {
	width: .12rem;
	height: .12rem;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #eee;
	opacity: 1;
	margin: 0 .1rem !important
}

.ag-swi-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #171c61;
	border-color: #171c61
}

.ag-swi {
	overflow: hidden;
	position: relative
}

.ag-swi .swiper-slide {
	background: #fff;
	border-radius: .4rem;
	padding: .2rem
}

.ag-swi .pic {
	position: relative;
	height: 6.35rem;
	overflow: hidden;
	border-radius: .4rem
}

.ag-swi .pic .full {
	width: .8rem;
	height: .8rem;
	background: rgba(255, 255, 255, .3);
	border-radius: 50%;
	backdrop-filter: blur(40px);
	position: absolute;
	top: .4rem;
	right: .4rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s;
	z-index: 10
}

.ag-swi .pic .full i {
	background: url(../images/full.svg) no-repeat center center/contain;
	width: .26rem;
	height: .26rem
}

.ag-swi .pic .full:hover {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.ag-swi .pic .full:hover i {
	background-image: url(../images/full-w.svg)
}

.ag-swi .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain
}

.interested {
	padding: 1.8rem 0
}

.int-list {
	display: flex;
	margin: 0 -.3rem
}

.int-list .item {
	flex: 0 0 33.3%
}

.int-list .item .inner {
	display: block;
	margin: 0 .3rem
}

.int-list .item .inner:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}

.int-list .item .inner:hover .text h3 {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.int-list .item .pic {
	border-radius: .4rem;
	overflow: hidden;
	padding-top: 56.36%;
	position: relative;
	margin-bottom: .5rem
}

.int-list .item .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	transition: all .5s
}

.int-list .item .text {
	display: flex;
	flex-direction: column;
	font-family: HONORSansCN-Bold;
	justify-content: flex-start;
	align-items: flex-start
}

.int-list .item .text .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: .14rem;
	margin-bottom: .2rem
}

.int-list .item .text .top span {
	color: #171c61
}

.int-list .item .text .top em {
	color: #c4c4c4
}

.int-list .item .text h3 {
	font-weight: 400;
	color: #1e1e1e;
	font-size: .2rem;
	line-height: .35rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.year-swi-wrap {
	position: relative;
	max-width: 6.6rem;
	margin: 0 auto .6rem
}

.year-swi-wrap .swiper-button-next,
.year-swi-wrap .swiper-button-prev {
	width: .8rem;
	height: .8rem;
	background: #f9f9f9;
	border-radius: 50%;
	opacity: 1;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0
}

.year-swi-wrap .swiper-button-next:after,
.year-swi-wrap .swiper-button-prev:after {
	content: '';
	background: url(../images/swi-r.svg) no-repeat center center/contain;
	width: .16rem;
	height: .16rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.year-swi-wrap .swiper-button-next:hover,
.year-swi-wrap .swiper-button-prev:hover {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.year-swi-wrap .swiper-button-next:hover:after,
.year-swi-wrap .swiper-button-prev:hover:after {
	background-image: url(../images/swi-r-w.svg)
}

.year-swi-wrap .swiper-button-next {
	right: -.9rem;
	left: auto
}

.year-swi-wrap .swiper-button-prev {
	left: -.9rem;
	right: auto;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-moz-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	-o-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg)
}

.year-swi-wrap .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: -.52rem
}

.year-swi-wrap .swiper-pagination-bullet {
	width: .12rem;
	height: .12rem;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #eee;
	opacity: 1;
	margin: 0 .1rem !important
}

.year-swi-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #171c61;
	border-color: #171c61
}

.year-swi-wrap .year-swi {
	overflow: hidden;
	width: 100%
}

.year-swi-wrap .year-swi .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	height: .8rem;
	background: #f9f9f9;
	border-radius: .4rem;
	color: #171c61;
	cursor: pointer
}

.year-swi-wrap .year-swi .swiper-slide.active {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	color: #fff
}

.g-title h3 span {
	line-height: 1.25
}

.exhibition {
	padding-bottom: 1.8rem
}

.exhibition-list .item+.item {
	margin-top: .4rem
}

.exhibition-list .item {
	background: #f9f9f9;
	border-radius: .4rem;
	padding: .6rem;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.exhibition-list .item .pic {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 30;
	box-shadow: 0 .35rem .65rem 0 rgba(0, 0, 0, .1);
	width: 6.4rem;
	border-radius: .4rem;
	overflow: hidden;
	transition: all .3s;
	opacity: 0;
	pointer-events: none
}

.exhibition-list .item .pic img {
	display: block;
	width: 100%
}

.exhibition-list .item .arrow {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: .6rem;
	width: .8rem;
	height: .8rem;
	background: #fff;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.exhibition-list .item .arrow i {
	background: url(../images/right-b.svg) no-repeat center center/contain;
	width: .17rem;
	height: .17rem
}

.exhibition-list .item h3 {
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: HONORSansCN-Bold;
	color: #1e1e1e;
	font-size: .32rem;
	margin-right: 1rem
}

.exhibition-list .item .bot {
	display: flex;
	margin-top: .4rem;
	width: 100%
}

.exhibition-list .item .bot .col {
	flex: 0 0 50%
}

.exhibition-list .item .bot .col .top {
	display: flex;
	align-items: center;
	margin-bottom: .2rem
}

.exhibition-list .item .bot .col .top .icon {
	width: .24rem;
	height: .24rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: .1rem
}

.exhibition-list .item .bot .col .top .icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain
}

.exhibition-list .item .bot .col .top span {
	color: #c4c4c4;
	font-size: .14rem
}

.exhibition-list .item .bot .col p {
	font-family: HONORSansCN-Bold
}

.exhibition-list .item:hover .arrow {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.exhibition-list .item:hover .arrow i {
	background-image: url(../images/right-w.svg)
}

.exhibition-list .item:hover h3 {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.exhibition-list .item:hover .pic {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) rotate(15deg);
	-moz-transform: translate(-50%, -50%) rotate(15deg);
	-ms-transform: translate(-50%, -50%) rotate(15deg);
	transform: translate(-50%, -50%) rotate(15deg)
}

.exhibition-det {
	padding: 1.8rem 0 .8rem
}

.exhibition-det .desc {
	color: #1e1e1e;
	line-height: .3rem;
	margin-bottom: .6rem
}

.exhibition-det .desc p+p {
	margin-top: .3rem
}

.exhibition-det .box+.box {
	margin-top: .8rem
}

.exhibition-det .box {
	background: #f9f9f9;
	border-radius: .4rem;
	padding: .6rem
}

.exhibition-det .box .top {
	margin-bottom: .5rem;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.exhibition-det .box .top .g-title {
	margin-bottom: 0
}

.exhibition-det .box .top em {
	text-transform: uppercase;
	font-family: HONORSansCN-Bold;
	font-size: .42rem;
	color: #eee
}

.exhibition-det .ex-info .info {
	padding-bottom: .4rem;
	margin-bottom: .4rem;
	border-bottom: 1px solid #e5e5e5
}

.exhibition-det .ex-info .bot {
	display: flex;
	margin-bottom: -.4rem;
	flex-wrap: wrap
}

.exhibition-det .ex-info .bot .col {
	flex: 0 0 50%;
	margin-bottom: .4rem
}

.exhibition-det .ex-info .bot .col .label {
	display: flex;
	align-items: center;
	margin-bottom: .2rem
}

.exhibition-det .ex-info .bot .col .label .icon {
	width: .24rem;
	height: .24rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: .1rem
}

.exhibition-det .ex-info .bot .col .label .icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain
}

.exhibition-det .ex-info .bot .col .label span {
	color: #c4c4c4;
	font-size: .14rem
}

.exhibition-det .ex-info .bot .col p {
	font-family: HONORSansCN-Bold
}

.ex-pro-swi {
	overflow: hidden;
	position: relative
}

.ex-pro-swi .swiper-slide {
	display: flex;
	align-items: center
}

.ex-pro-swi .swiper-slide .pic {
	flex: 0 0 4.5rem;
	height: 4.5rem;
	background: #fff;
	border-radius: .4rem;
	margin-right: .6rem;
	overflow: hidden
}

.ex-pro-swi .swiper-slide .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain
}

.ex-pro-swi .swiper-slide .text {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.ex-pro-swi .swiper-slide .text h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .24rem;
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: .3rem
}

.ex-pro-swi .swiper-slide .text p {
	line-height: .3rem
}

.ex-pro-swi .swi-tools {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: .6rem
}

.ex-pro-swi .swiper-button-next,
.ex-pro-swi .swiper-button-prev {
	width: .6rem;
	height: .6rem;
	background: #fff;
	border-radius: 50%;
	opacity: 1;
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0
}

.ex-pro-swi .swiper-button-next:after,
.ex-pro-swi .swiper-button-prev:after {
	content: '';
	background: url(../images/swi-r.svg) no-repeat center center/contain;
	width: .15rem;
	height: .15rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.ex-pro-swi .swiper-button-next:hover,
.ex-pro-swi .swiper-button-prev:hover {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.ex-pro-swi .swiper-button-next:hover:after,
.ex-pro-swi .swiper-button-prev:hover:after {
	background-image: url(../images/swi-r-w.svg)
}

.ex-pro-swi .swiper-button-prev {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.ex-pro-swi .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	position: static;
	margin: 0 .4rem;
	width: auto
}

.ex-pro-swi .swiper-pagination-bullet {
	width: .12rem;
	height: .12rem;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #eee;
	opacity: 1;
	margin: 0 .1rem !important
}

.ex-pro-swi .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #171c61;
	border-color: #171c61
}

.abo-intro {
	padding-bottom: 1.8rem
}

.abo-intro .ai-swi {
	overflow: hidden;
	position: relative
}

.abo-intro .ai-swi .swiper-slide {
	border-radius: .4rem;
	overflow: hidden
}

.abo-intro .ai-swi .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.abo-intro .ai-swi .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: .6rem
}

.abo-intro .ai-swi .swiper-pagination-bullet {
	width: .12rem;
	height: .12rem;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #eee;
	opacity: 1;
	margin: 0 .1rem !important
}

.abo-intro .ai-swi .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #171c61;
	border-color: #171c61
}

.abo-intro .text-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: .6rem 0 .8rem
}

.abo-intro .text-row .desc {
	color: #1e1e1e;
	flex: 0 0 7.1rem
}

.abo-intro .text-row .data p {
	color: #c4c4c4;
	margin-bottom: .2rem
}

.abo-intro .text-row .data .num {
	display: flex;
	align-items: baseline;
	line-height: 1
}

.abo-intro .text-row .data .num em {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: BebasNeueBold;
	font-size: 1.2rem
}

.abo-intro .text-row .data .num span {
	color: #c4c4c4;
	font-family: HONORSansCN-Bold;
	margin-left: .1rem
}

.abo-intro .au-list {
	margin-top: 0
}

.abo-intro .au-list .item .inner {
	background: #f9f9f9
}

.abo-phil {
	position: relative
}

.abo-phil .wp {
	position: absolute;
	top: 1.2rem;
	left: 50%;
	z-index: 30;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

.abo-phil .pic {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

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

.abo-phil .list {
	height: 9.5rem;
	position: relative;
	z-index: 3;
	display: flex
}

.abo-phil .list .item {
	flex: 0 0 33.3%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 1.2rem;
	text-align: center;
	color: #fff;
	position: relative
}

.abo-phil .list .item:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: linear-gradient(0deg, rgba(23, 28, 97, .8) 0, rgba(3, 161, 232, .3) 100%);
	opacity: 0;
	transition: all .3s
}

.abo-phil .list .item h3 {
	transition: all .3s;
	position: relative;
	z-index: 2;
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .32rem;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}

.abo-phil .list .item p {
	transition: all .3s;
	position: relative;
	z-index: 2;
	margin-top: .3rem;
	font-size: .24rem;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}

.abo-phil .list .item:hover h3,
.abo-phil .list .item:hover p {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.abo-phil .list .item:hover:after {
	opacity: 1
}

.abo-adv {
	padding: 1.8rem 0;
	overflow: hidden
}

.abo-adv-swi {
	position: relative;
	padding-bottom: .72rem
}

.abo-adv-swi .swiper-slide {
	display: flex;
	background: #f9f9f9;
	border-radius: .4rem;
	overflow: hidden
}

.abo-adv-swi .swiper-slide .pic {
	flex: 0 0 9.6rem;
	height: 5.4rem
}

.abo-adv-swi .swiper-slide .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.abo-adv-swi .swiper-slide .text {
	flex: 1;
	padding: .6rem .3rem
}

.abo-adv-swi .swiper-slide .text h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .32rem;
	color: #1e1e1e
}

.abo-adv-swi .swiper-slide .text p {
	margin-top: .3rem
}

.abo-adv-swi .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 0
}

.abo-adv-swi .swiper-pagination-bullet {
	width: .12rem;
	height: .12rem;
	background: #f5f5f5;
	border-radius: 50%;
	opacity: 1;
	margin: 0 .1rem !important
}

.abo-adv-swi .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #171c61;
	border-color: #171c61
}

.abo-service {
	padding: 1.2rem 0;
	min-height: 100vh;
	background: url(../images/as-bg.jpg) no-repeat center center/cover
}

.abo-service .list {
	margin-bottom: .5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .8rem
}

.abo-service .list .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.4rem;
	height: 1.4rem;
	background: rgba(255, 255, 255, .3);
	border-radius: 50%;
	backdrop-filter: blur(40px);
	margin: 0 auto .3rem
}

.abo-service .list .icon img {
	display: block;
	width: .64rem;
	height: .65rem;
	object-fit: contain
}

.abo-service .list h3 {
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .24rem
}

.abo-service .desc {
	text-align: center;
	line-height: .3rem;
	color: #fff
}

.abo-service .desc p+p {
	margin-top: .3rem
}

.abo-global {
	padding: 1.8rem 0
}

.abo-global .g-title {
	margin-bottom: .4rem
}

.abo-global .desc {
	margin-bottom: .6rem;
	text-align: center
}

.abo-global .global {
	margin-bottom: .6rem
}

.abo-global .global img {
	display: block;
	width: 100%
}

.abo-global .list {
	display: flex;
	justify-content: space-between
}

.abo-global .list .item {
	width: 4.4rem;
	background: linear-gradient(0deg, #f9f9f9 0, #fff 100%);
	border-radius: .4rem;
	padding: .4rem
}

.abo-global .list .item .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: .3rem;
	margin-bottom: .3rem;
	border-bottom: 1px solid #e5e5e5
}

.abo-global .list .item .title h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .24rem;
	color: #1e1e1e
}

.abo-global .list .item .title em {
	color: #c4c4c4;
	font-size: .24rem;
	font-family: BebasNeueBold
}

.abo-global .list .item .con {
	display: flex
}

.abo-global .list .item .con dl {
	flex: 1 0 50%
}

.abo-global .list .item .con dd+dd {
	margin-top: .2rem
}

.abo-product {
	padding-bottom: 1.8rem
}

.abo-product .list {
	display: flex;
	margin: 0 -.3rem
}

.abo-product .list .item {
	flex: 0 0 33.3%
}

.abo-product .list .item .inner {
	display: block;
	margin: 0 .3rem;
	background: #f9f9f9;
	border-radius: .4rem;
	overflow: hidden;
	transition: all .3s
}

.abo-product .list .item .inner .pic {
	position: relative;
	padding-top: 100%;
	overflow: hidden
}

.abo-product .list .item .inner .pic:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(-45deg, rgba(23, 28, 97, .8) 0, rgba(3, 161, 232, .3) 100%);
	z-index: 2
}

.abo-product .list .item .inner .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	transition: all .3s
}

.abo-product .list .item .inner .text {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 .4rem;
	height: 1.4rem
}

.abo-product .list .item .inner .text h3 {
	flex: 1;
	width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .24rem;
	color: #1e1e1e
}

.abo-product .list .item .inner .text .arrow {
	transition: all .3s;
	width: .8rem;
	height: .8rem;
	background: #fff;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.abo-product .list .item .inner .text .arrow i {
	transition: all .3s;
	background: url(../images/right-b.svg) no-repeat center center/contain;
	width: .17rem;
	height: .17rem
}

.abo-product .list .item .inner:hover {
	box-shadow: 0 .35rem .65rem 0 rgba(0, 0, 0, .1)
}

.abo-product .list .item .inner:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}

.abo-product .list .item .inner:hover .text h3 {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.abo-product .list .item .inner:hover .text .arrow {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.abo-product .list .item .inner:hover .text .arrow i {
	background-image: url(../images/right-w.svg)
}

.abo-org {
	padding-bottom: 1.8rem
}

.abo-org .pic img {
	display: block;
	width: 100%
}

.abo-history {
	padding-bottom: 1.8rem
}

.abo-history .year-swi-wrap {
	max-width: 8.3rem
}

.history-list {
	margin-top: 1.28rem
}

.history-list .item+.item {
	margin-top: 0.9rem
}

.history-list .item:last-child .his-item:last-child:after {
	display: none
}

.history-list .item {
	display: flex;
	align-items: flex-start;
	position: relative
}

.history-list .item .year {
	height: 1rem;
	line-height: 1rem;
	display: flex;
	align-items: center;
	font-family: BebasNeueBold;
	color: #f1f1f1;
	font-size: .68rem;
	margin-right: 3.85rem;
	position: relative;
	top: .12rem
}

.history-list .item .year:After {
	content: '';
	width: .25rem;
	height: .25rem;
	border-radius: 50%;
	border: 8px solid #e5e5e5;
	position: absolute;
	left: calc(100% + .55rem);
	top: 44%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.history-list .item .year:before {
	content: '';
	position: absolute;
	left: calc(100% + .8rem);
	top: 43%;
	width: 3.06rem;
	height: .02rem;
	background: #e5e5e5
}

.history-list .item .his-item+.his-item {
	margin-top: .6rem
}

.history-list .item .his-item:last-child:after {
	width: .1rem;
	height: calc(100% - .5rem)
}

.history-list .item .his-item {
	display: flex;
	position: relative
}

.history-list .item .his-item:after {
	content: '';
	width: .06rem;
	background: linear-gradient(180deg, #000 0, #fff 0, #eee 0, #f9f9f9 100%);
	position: absolute;
	top: 1.2rem;
	height: calc(100% - .8rem);
	left: .45rem;
	border-radius: .1rem
}

.history-list .item .his-item .icon {
	flex: 0 0 1rem;
	height: 1rem;
	background: #f9f9f9;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-right: 1.2rem
}

.history-list .item .his-item .icon:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	width: .9rem;
	border-bottom: 2px dashed #e5e5e5
}

.history-list .item .his-item .icon:before {
	content: '';
	width: .15rem;
	height: .15rem;
	background: #e5e5e5;
	border-radius: 50%;
	position: absolute;
	right: -1rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3
}

.history-list .item .his-item .icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: .49rem;
	height: .49rem;
	object-fit: contain;
	transition: all .3s
}

.history-list .item .his-item .icon .def {
	opacity: 1
}

.history-list .item .his-item .icon .active {
	opacity: 0
}

.history-list .item .his-item .text {
	padding-top: .28rem
}

.history-list .item .his-item .text h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .32rem;
	color: #333;
	margin-bottom: .2rem;
	position: relative
}

.history-list .item .his-item .text p {
	font-size: .16rem;
	color: #333
}

.history-list .item:hover .year {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.history-list .item:hover .year:after {
	border-color: #171c61
}

.history-list .item:hover .his-item .icon {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.history-list .item:hover .his-item .icon .active {
	opacity: 1
}

.history-list .item:hover .his-item .icon .def {
	opacity: 0
}

.history-list .item:hover .his-item .icon:before {
	background: #171c61
}

.abo-certificate {
	padding-bottom: 1.8rem
}

.certificate-list {
	display: flex;
	flex-wrap: wrap;
	margin: .6rem -.3rem -.6rem
}

.certificate-list .item {
	flex: 0 0 33.3%;
	margin-bottom: .6rem
}

.certificate-list .item .inner {
	margin: 0 .3rem;
	padding: .4rem;
	background: #f9f9f9;
	border-radius: .4rem;
	transition: all .3s
}

.certificate-list .item .inner .pic {
	padding-top: 100%;
	position: relative;
	overflow: hidden
}

.certificate-list .item .inner .pic .big {
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 1rem;
	height: 1rem;
	background: rgba(255, 255, 255, .3);
	border-radius: 50%;
	backdrop-filter: blur(40px);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.certificate-list .item .inner .pic .big i {
	background: url(../images/search.svg) no-repeat center center/contain;
	width: .26rem;
	height: .26rem
}

.certificate-list .item .inner .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	object-fit: contain;
	width: 100%;
	height: 100%
}

.certificate-list .item .inner .text {
	padding-top: .4rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.certificate-list .item .inner .text h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .24rem;
	color: #1e1e1e
}

.certificate-list .item .inner:hover {
	box-shadow: 0 .35rem .65rem 0 rgba(0, 0, 0, .1)
}

.certificate-list .item .inner:hover .pic .big {
	opacity: 1
}

.certificate-list .item .inner:hover .text h3 {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.equ-row:first-child {
	padding-top: 0
}

.equ-row {
	padding: 1.8rem 0;
	background-color: #fff
}

.equ-row .wp {
	display: flex;
	align-items: flex-start
}

.equ-row .pic {
	margin-top: .9rem;
	width: 5rem;
	height: 5rem;
	background: #f9f9f9;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: .6rem
}

.equ-row .pic img {
	display: block
}

.equ-row .text {
	flex: 1
}

.equ-row .text .title {
	display: flex;
	align-items: baseline;
	margin-bottom: .4rem
}

.equ-row .text .title h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .32rem;
	color: #1e1e1e;
	margin-right: .3rem
}

.equ-row .text .title span {
	font-family: HONORSansCN-Bold;
	font-size: .16rem;
	color: #333
}

.equ-row .text p {
	padding: .4rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.equ-row .text p em {
	font-size: .16rem;
	color: #333
}

.equ-row .text p span {
	font-family: HONORSansCN-Bold;
	font-size: .24rem;
	color: #333
}

.equ-row .text p+p {
	border-top: 1px solid #eee
}

.equ-row:nth-child(even) {
	background: #f9f9f9
}

.equ-row:nth-child(even) .wp {
	flex-direction: row-reverse
}

.equ-row:nth-child(even) .pic {
	margin-right: 0;
	margin-left: .6rem;
	background-color: #fff
}

.side-bar {
	position: fixed;
	z-index: 100;
	right: .1rem;
	bottom: .3rem;
	display: flex;
	flex-direction: column
}

.side-bar .item+.item {
	margin-top: .1rem
}

.side-bar .item .inner {
	cursor: pointer;
	box-shadow: 0 .45rem .8rem 0 rgba(0, 0, 0, .15);
	background: #f9f9f9;
	border: 2px solid #fff;
	border-radius: 50%;
	transition: all .3s
}

.side-bar .item .icon {
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

.side-bar .item .icon i {
	width: .27rem;
	height: .27rem;
	transition: all .3s
}

.side-bar .item.tel {
	position: relative
}

.side-bar .item.tel i {
	background: url(../images/side3.svg) no-repeat center center/contain
}

.side-bar .item.tel .inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: .06rem .06rem .3rem;
	border-radius: .4rem;
	width: .82rem
}

.side-bar .item.tel .inner .icon {
	background-color: #fff;
	width: .7rem;
	height: .7rem;
	border-radius: .35rem
}

.side-bar .item.tel .inner .text {
	margin-top: .2rem;
	width: .32rem;
	line-height: 1.25;
	font-family: HONORSansCN-Bold;
	font-size: .16rem;
	color: #171c61;
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.side-bar .item.tel .inner:hover {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.side-bar .item.tel .inner:hover .text {
	color: #fff;
	-webkit-text-fill-color: #fff
}

.side-bar .item.tel:hover .tel-pop {
	opacity: 1;
	pointer-events: auto
}

.side-bar .item.tel .tel-pop {
	opacity: 0;
	pointer-events: none;
	transition: all .3s;
	position: absolute;
	top: 0;
	height: 100%;
	right: calc(100% + .08rem);
	width: 2.68rem;
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%);
	border-radius: .4rem;
	box-shadow: 0 .45rem .8rem 0 rgba(0, 0, 0, .15);
	padding: .4rem .3rem .3rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #fff
}

.side-bar .item.tel .tel-pop .tit {
	display: flex;
	align-items: center
}

.side-bar .item.tel .tel-pop .tit i {
	background: url(../images/side3-w.svg) no-repeat center center/contain;
	width: .25rem;
	height: .25rem;
	margin-right: .1rem
}

.side-bar .item.tel .tel-pop .tit span {
	font-family: HONORSansCN-Bold
}

.side-bar .item.tel .tel-pop em {
	display: block;
	font-family: BebasNeueBold;
	font-size: .42rem;
	line-height: 1;
	white-space: nowrap
}

.side-bar .item.form i {
	background: url(../images/side2.svg) no-repeat center center/contain
}

.side-bar .item.form .inner {
	width: .82rem;
	height: .82rem;
	flex: 0 0 .82rem
}

.side-bar .item.form .inner .icon {
	width: 100%;
	height: 100%
}

.side-bar .item.form .inner:hover {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.side-bar .item.form .inner:hover i {
	background-image: url(../images/side2-w.svg)
}

.side-bar .item.top .inner {
	width: .82rem;
	height: .82rem;
	flex: 0 0 .82rem
}

.side-bar .item.top .inner .icon {
	width: 100%;
	height: 100%
}

.side-bar .item.top i {
	background: url(../images/side1.svg) no-repeat center center/contain
}

.side-bar .item.top .inner:hover {
	background: linear-gradient(-85deg, #171c61 0, #03a1e8 100%)
}

.side-bar .item.top .inner:hover i {
	background-image: url(../images/side1-w.svg)
}

.form-success-pop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999
}

.form-success-pop .pop-mask {
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8
}

.form-success-pop .pop-con {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 4.8rem;
	border-radius: .4rem;
	overflow: hidden
}

.form-success-pop .pop-con .pic img {
	display: block;
	width: 100%
}

.form-success-pop .pop-con .text {
	background-color: #fff;
	padding: .4rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.form-success-pop .pop-con .text h3 {
	background: linear-gradient(-85deg, rgba(23, 28, 97, .97) 0, rgba(3, 161, 232, .97) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: HONORSansCN-Bold;
	font-weight: 400;
	font-size: .32rem
}

.form-success-pop .pop-con .text p {
	margin: .2rem 0 .4rem;
	text-align: center;
	line-height: .3rem
}

.form-success-pop .pop-con .text .g-btn1 {
	width: 1.8rem;
	height: .6rem;
	cursor: pointer
}

.menuBtn {
	display: none
}

.pro-wrap .pro-side .pro-nav .item .sub-list {
	margin-top: .2rem
}

.exhibition-list .item h3 {
	width: 100%
}

.faq-list .item .tit i {
	flex: 0 0 .1rem;
	margin-left: .1rem
}

.header {
	background: 0 0
}

.header .hd-wrap {
	position: relative;
	z-index: 2;
	display: block
}

.header .hd-wrap>.wp-big {
	display: flex;
	align-items: center
}

.header:after {
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.4rem;
	background: rgba(255, 255, 255, .8);
	backdrop-filter: blur(40px);
	pointer-events: none
}

.nav-sub-wrap {
	backdrop-filter: blur(40px)
}

.au-list .item .inner {
	backdrop-filter: blur(40px)
}

.m-select-list {
	display: none
}

.m-select-list {
	z-index: 2;
	display: none;
	position: absolute;
	top: calc(100% + .1rem);
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 .35rem .65rem 0 rgba(0, 0, 0, .1);
	border-radius: .3rem;
	padding: .1rem .1rem .1rem .3rem;
	overflow: hidden
}

.m-select-list ul {
	max-height: 2.15rem;
	padding-right: .3rem;
	overflow-y: auto
}

.m-select-list ul::-webkit-scrollbar {
	width: .08rem
}

.m-select-list ul::-webkit-scrollbar-track {
	background: #f9f9f9;
	border-radius: .04rem
}

.m-select-list ul::-webkit-scrollbar-thumb {
	background: #a98c51;
	border-radius: .04rem
}

.m-select-list ul::-webkit-scrollbar-thumb:window-inactive {
	background: #a98c51
}

.m-select-list ul li {
	font-family: HONORSansCN-Bold;
	font-size: .16rem;
	color: #333;
	padding: .2rem 0;
	cursor: pointer
}

.m-select-list li+li {
	border-top: 1px solid #eee
}

.select-show {
	display: flex;
	width: 100%;
	height: 100%;
	font-family: HONORSansCN-Bold;
	align-items: center;
	padding: 0 .3rem
}

.contact-form .row .col.select {
	cursor: pointer
}

.certificate-list-con,
.history-list-con {
	display: none
}

.certificate-list-con.show,
.history-list-con.show {
	display: block
}

.ban-swi .pic img.mob {
	display: none
}

.application-list.mob,
.process-list.mob {
	display: none
}

.footer .fd-top .fd-nav.mob {
	display: none
}

@media only screen and (max-width:767px) {
	.contact-form .row .col.code {
		display: block
	}

	.wp {
		padding-left: 20px;
		padding-right: 20px
	}

	.wp1200 {
		padding-left: 20px;
		padding-right: 20px
	}

	.wp-big {
		padding-left: 20px;
		padding-right: 20px
	}

	.header:after {
		height: 70px;
		backdrop-filter: blur(20px)
	}

	.header .hd-wrap {
		padding: 0;
		align-items: center
	}

	.header .hd-wrap>.wp-big {
		justify-content: space-between
	}

	.header .hd-wrap .menuBtn {
		display: block;
		width: 30px;
		height: 30px;
		background: url(../images/menu.svg) no-repeat center center/contain;
		cursor: pointer
	}

	.header .hd-wrap .menuBtn.open {
		background-image: url(../images/close2.svg)
	}

	.header .hd-wrap .hd-r {
		display: none;
		position: fixed;
		top: 70px;
		left: 0;
		height: calc(100vh - 70px);
		width: 100%;
		overflow-y: auto;
		background: rgba(255, 255, 255, .8);
		backdrop-filter: blur(20px);
		margin: 0;
		padding: 20px
	}

	.header .hd-wrap .logo img {
		height: 30px
	}

	.header .hd-wrap .hd-tools {
		justify-content: center;
		margin: 30px 0 0;
		width: 100%
	}

	.header .hd-wrap .nav {
		display: block
	}

	.header .hd-wrap .nav-item {
		padding: 20px 0;
		border-bottom: 1px solid #fff
	}

	.header .hd-wrap .nav-tit {
		justify-content: space-between;
		font-size: .18rem
	}

	.header .hd-wrap .nav-item+.nav-item {
		margin-left: 0
	}

	.header .nav-sub-wrap {
		position: static;
		margin-top: 20px
	}

	.header .hd-tab .item {
		height: 50px
	}

	.header .nav-sub-wrap .wp-big {
		padding: 20px;
		display: block
	}

	.header .nav-sub-wrap .wp-big .pic {
		width: 100%;
		height: auto
	}

	.header .nav-sub-wrap .wp-big .sub-list .item {
		margin-right: 0
	}

	.header .nav-sub-wrap .wp-big .sub-list {
		display: block;
		margin-right: 0
	}

	.side-bar {
		display: none
	}

	.index-banner {
		height: 100vh
	}

	.ban-swi .text h3 {
		font-size: 34px
	}

	.ban-swi .text p {
		font-size: 20px
	}

	.index-banner .swiper-pagination {
		right: 20px
	}

	section {
		overflow: hidden
	}

	.products-solutions-list {
		display: block
	}

	.products-solutions-list .item .text {
		position: relative;
		padding: 20px
	}

	.products-solutions-list .item .pic img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 90%
	}

	.products-solutions-list .item:hover .pic img {
		-webkit-transform: translate(-50%, -50%) scale(1.05);
		-moz-transform: translate(-50%, -50%) scale(1.05);
		-ms-transform: translate(-50%, -50%) scale(1.05);
		transform: translate(-50%, -50%) scale(1.05)
	}

	.about-us .au-text {
		display: block;
		margin-bottom: 0
	}

	.about-us .au-text .text {
		margin-bottom: 30px
	}

	.g-title.tal h3 {
		justify-content: center
	}

	.g-title.tal i {
		margin: 30px auto 0
	}

	.g-title.tal h3 em {
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.about-us .au-text .text .g-more {
		margin: 60px auto 0
	}

	.au-list {
		margin: 30px 0 0;
		display: block
	}

	.au-list .item {
		margin-bottom: 30px
	}

	.au-list .item .inner {
		margin: 0;
		background: #f9f9f9
	}

	.latest-news-list {
		display: block;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 50px
	}

	.latest-news-list .item .inner {
		margin: 0
	}

	.latest-news-list .item {
		margin-bottom: 30px
	}

	.footer .fd-top {
		display: block;
		text-align: center
	}

	.footer .fd-top .fd-nav {
		margin-left: 0;
		display: block;
		text-align: center
	}

	.footer .fd-top .fd-nav .col+.col {
		margin-top: .6rem
	}

	.footer .fd-bot {
		margin-top: .6rem;
		display: block
	}

	.footer .fd-bot .left {
		display: flex;
		align-items: center;
		justify-content: center
	}

	.footer .fd-bot .media {
		margin-top: 30px;
		justify-content: center
	}

	.footer .fd-bot .media a {
		flex: 0 0 .8rem
	}

	.footer .fd-bot .media span {
		display: none
	}

	.footer .copyright {
		display: block;
		text-align: center
	}

	.inner-banner {
		height: 300px
	}

	.inner-banner img {
		height: 100%;
		object-fit: cover
	}

	.inner-banner .text h1 {
		font-size: 34px
	}

	.pro-tab {
		display: block
	}

	.pro-tab .item span {
		white-space: nowrap;
		margin-right: 10px
	}

	.pro-tab .item {
		flex: 0 0 33.3%;
		height: 80px
	}

	.g-title h3 span {
		line-height: 1.25;
		text-align: center
	}

	.abo-intro .ai-swi .swiper-pagination {
		bottom: 20px
	}

	.abo-intro .text-row {
		display: block
	}

	.abo-intro .text-row .desc {
		margin-bottom: 30px
	}

	.abo-phil .list {
		height: auto;
		display: block;
		padding-top: 300px
	}

	.abo-phil .list .item {
		padding: 30px
	}

	.abo-adv-swi .swiper-slide {
		display: block
	}

	.abo-adv-swi .swiper-slide .pic {
		height: auto
	}

	.abo-service .list {
		flex-direction: column
	}

	.abo-global .list {
		flex-direction: column;
		gap: 30px
	}

	.abo-global .list .item {
		width: 100%
	}

	.abo-product .list {
		display: block;
		margin: 0
	}

	.abo-product .list .item {
		margin-bottom: 30px
	}

	.abo-product .list .item .inner {
		margin: 0
	}

	.year-swi-wrap .swiper-button-next,
	.year-swi-wrap .swiper-button-prev {
		display: none
	}

	.history-list .item {
		display: block
	}

	.history-list .item .year {
		top: 0;
		margin: 0
	}

	.history-list .item .his-item {
		align-items: center
	}

	.history-list .item .his-item .icon {
		flex: 0 0 1rem;
		height: 1rem;
		margin-right: 30px
	}

	.history-list .item .his-item .text {
		padding-top: 0
	}

	.history-list .item .his-item .icon:after,
	.history-list .item .his-item .icon:before {
		display: none
	}

	.history-list .item .his-item .text h3 {
		margin-bottom: 0
	}

	.history-list .item .his-item:after {
		left: 46px;
		top: 110px;
		height: calc(100% - 50px)
	}

	.history-list .item .his-item .text h3 {
		font-size: 28px
	}

	.history-list .item .his-item:last-child:after {
		top: 120px;
		height: calc(100% - 20px)
	}

	.equ-row .wp {
		display: block
	}

	.equ-row .pic {
		width: 100%;
		height: auto;
		padding: 30px;
		margin: 0 0 40px
	}

	.equ-row:nth-child(even) .pic {
		margin: 0 0 40px
	}

	.equ-row .text .title {
		display: block
	}

	.equ-row .text p {
		display: block
	}

	.equ-row .text p em,
	.equ-row .text p span {
		display: block
	}

	.tab-list {
		flex-wrap: wrap
	}

	.certificate-list {
		margin-left: 0;
		margin-right: 0;
		display: block
	}

	.certificate-list .item .inner {
		margin: 0
	}

	.join-us-intro .box {
		padding: 100px 30px
	}

	.rw-list {
		flex-direction: column;
		gap: 30px;
		margin-left: 0;
		margin-right: 0
	}

	.rw-list .item .inner {
		margin: 0
	}

	.rw-list .item .inner .top {
		padding: 40px
	}

	.rw-list .item .inner .top .icon {
		flex: 0 0 1.2rem;
		margin-right: 20px
	}

	.job-openings-list .item .title {
		display: block;
		position: relative
	}

	.job-openings-list .item .title .arrow {
		position: absolute;
		right: 30px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.job-openings-list .item .title .col,
	.job-openings-list .item .title .name {
		width: 100%
	}

	.job-openings-list .item .title {
		padding: 30px
	}

	.contact-information .box {
		padding-left: 30px;
		padding-right: 30px
	}

	.contact-information .text .row .item .icon {
		flex: 0 0 .6rem
	}

	.contact-information .text .row.w3 {
		flex-direction: column;
		gap: 30px
	}

	.map-banner {
		height: 400px
	}

	.map-banner img {
		height: 100%;
		object-fit: cover
	}

	.map-banner .text {
		width: 90%;
		bottom: 20px;
		font-size: 18px;
		padding: 20px
	}

	.git-list {
		flex-direction: column;
		gap: 30px
	}

	.git-list .item {
		flex: auto;
		width: 100%
	}

	.contact-form {
		padding: 30px
	}

	.contact-form .row {
		flex-direction: column;
		gap: 30px
	}

	.contact-form .row .col {
		width: 100%
	}

	.contact-form .row .col.code .code-pic {
		padding-right: 10px
	}

	.form-success-pop .pop-con {
		width: 90%
	}

	.pro-wrap {
		display: block
	}

	.pro-wrap .pro-list-wrap {
		margin-left: 0;
		margin-top: 60px
	}

	.pro-list {
		display: block;
		margin: 0
	}

	.pro-list .item .inner {
		margin: 0
	}

	.pro-list .item .inner .pic img {
		max-width: 90%;
		max-height: 90%
	}

	.pro-wrap .pro-side .pro-nav {
		padding: 30px
	}

	.pages .item+.item {
		margin-left: 10px
	}

	.pages span {
		margin: 0 10px
	}

	.pro-det .wp {
		display: block
	}

	.pro-det {
		padding-top: 100px
	}

	.pro-det .left {
		width: 100%;
		margin-bottom: 40px;
		display: block
	}

	.pro-det .left .pro-swi-wrap {
		width: 100%;
		height: auto
	}

	.pro-det .left .big-img {
		display: none
	}

	.pro-det .left .pro-swi-wrap .pro-swi {
		height: auto
	}

	.pro-det .left .pro-swi-wrap .pro-swi .swiper-slide {
		height: 300px
	}

	.pro-det .left .pro-swi-wrap .pro-swi .swiper-slide img {
		width: 100%;
		display: block;
		max-width: 90%
	}

	.pro-det .left .pro-swi-wrap .pro-swi .swiper-slide.active {
		background: #f9f9f9
	}

	.pro-det .left .swi-btn {
		display: none
	}

	.pro-det .right {
		margin-left: 0
	}

	.spec-box {
		flex-direction: column
	}

	.fe-list {
		flex-direction: column
	}

	.application-list .item .inner {
		margin: 0
	}

	.application-list .item:last-child {
		margin-bottom: 0
	}

	.application-list {
		margin: 0;
		display: block
	}

	.exhibition-list .item:hover .pic {
		transform: none
	}

	.exhibition-list .item .pic {
		position: static;
		transform: none;
		opacity: 1;
		width: 100%;
		height: auto;
		box-shadow: none
	}

	.exhibition-list .item {
		padding: 30px
	}

	.exhibition-list .item .arrow {
		position: static;
		transform: none;
		margin-top: 30px
	}

	.exhibition-list .item h3 {
		width: 100%;
		margin-top: 20px
	}

	.exhibition-list .item .bot {
		flex-direction: column;
		gap: 20px
	}

	.exhibition-list .item .bot .col .top {
		margin-bottom: 0
	}

	.exhibition-list .item .bot {
		margin-top: 20px
	}

	.exhibition-det .box .top {
		display: block
	}

	.exhibition-det .box .top em {
		display: none
	}

	.ex-pro-swi .swiper-slide {
		display: block
	}

	.ex-pro-swi .swiper-slide .pic {
		width: 100%;
		margin-bottom: 30px
	}

	.exhibition-det .box {
		padding: 60px 30px
	}

	.exhibition-det .ex-info .bot {
		flex-direction: column;
		gap: 20px
	}

	.exhibition-det .ex-info .bot .col {
		margin-bottom: 0
	}

	.exhibition-det .ex-info .bot .col .label {
		margin-bottom: 0
	}

	.pic-pop .pop-con {
		width: 90%;
		height: calc(97% - 2.5rem)
	}

	.pic-pop .pop-con .close {
		right: 0
	}

	.ag-swi .pic {
		height: 500px
	}

	.ag-swi .pic .full {
		right: 20px;
		top: 20px
	}

	.hot-new {
		display: block
	}

	.hot-new .text {
		padding: 40px
	}

	.sa-ban {
		padding: 80px 0 0;
		min-height: 300px
	}

	.sa-ban img {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		object-fit: cover
	}

	.zh-det .sa-ban .wp {
		position: relative;
		z-index: 20;
		left: 0;
		transform: none;
		padding-bottom: 20px;
		display: block
	}

	.sa-ban .wp .back {
		display: none
	}

	.sa-ban .wp .text h1 {
		font-size: 34px
	}

	.nd-content-sec .box {
		padding: 20px
	}

	.int-list {
		display: block;
		margin: 0
	}

	.int-list .item {
		margin-bottom: 60px
	}

	.int-list .item .pic {
		margin-bottom: 30px
	}

	.int-list .item:last-child {
		margin-bottom: 0
	}

	.int-list .item .inner {
		margin: 0
	}

	.process-list {
		gap: 20px
	}

	.process-swi {
		overflow: hidden
	}

	.process-list .item h3 {
		white-space: nowrap
	}

	.process-list .item .c1 {
		width: 100px;
		height: 100px
	}

	.process-list .item .c2 {
		width: 90px;
		height: 90px
	}

	.process-list .item .c3 {
		width: 80px;
		height: 80px
	}

	.process-list .item .c3 img {
		width: .4rem;
		height: .4rem
	}

	.process-list .item p {
		margin: 0 20px
	}

	.process-con-inner {
		display: block
	}

	.process-con-inner .title {
		margin-bottom: 30px
	}

	.process-con-wrap .wp .en {
		display: none
	}

	.pro-solution-list .item {
		display: block
	}

	.pro-solution-list .item .pic {
		height: auto;
		margin-bottom: 60px
	}

	.solution-list .item {
		display: block
	}

	.solution-list .item .text {
		padding: 30px
	}

	.sa-intro .desc {
		padding: 0
	}

	.sa-pro-swi .swiper-slide .pic img {
		width: 90%;
		height: 90%
	}

	.tab-list {
		flex-direction: column
	}

	.contact-form .row .col.code {
		margin-bottom: 80px
	}

	.contact-form .row .col.code .code-wrap {
		justify-content: center;
		margin-top: 20px;
		margin-bottom: 20px
	}

	.pro-tab .item:after {
		display: none
	}

	.map-banner .mapbox {
		height: 100%
	}

	.exhibition-det .ex-info .bot {
		margin-bottom: 0
	}

	.process-con-inner .title .icon {
		flex: 0 0 1rem;
		height: 1rem
	}

	.process-con-inner .title .icon img {
		width: .4rem;
		height: .4rem
	}

	.header .hd-wrap>.wp-big {
		position: relative;
		justify-content: flex-end;
		height: 70px
	}

	.header .hd-wrap>.wp-big .logo {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.ban-swi .pic img.pc {
		display: none
	}

	.ban-swi .pic img.mob {
		display: block
	}

	.index-banner .swiper-pagination {
		flex-direction: row;
		right: 0;
		left: 0;
		width: 100%;
		top: auto;
		bottom: 20px;
		height: auto
	}

	.ban-swi .text {
		padding-bottom: 1rem
	}

	.products-solutions-list .item .text .more {
		height: .25rem;
		margin-top: .38rem
	}

	.g-title h3 {
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center
	}

	.g-title h3 em,
	.g-title.tal h3 em {
		position: static;
		transform: translate(0, 0);
		font-size: .24rem;
		margin-bottom: 30px
	}

	.about-us .au-text .data {
		text-align: center
	}

	.about-us .au-text .data .num {
		justify-content: center
	}

	.au-list .item .inner .icon {
		margin: 0 auto .6rem
	}

	.abo-intro .text-row .data p,
	.au-list .item .inner .text p {
		text-align: center
	}

	.abo-intro .text-row .data .num,
	.au-list .item .inner .text .num {
		justify-content: center
	}

	.abo-phil .list .item h3,
	.abo-phil .list .item p {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	.abo-phil .list .item {
		padding: 30px 20px
	}

	.abo-phil .pic:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: linear-gradient(0deg, rgba(23, 28, 97, .8) 0, rgba(3, 161, 232, .3) 100%)
	}

	.abo-phil .list {
		padding-bottom: 120px
	}

	.map-banner {
		height: 66vh
	}

	.pro-det .left .pro-swi-wrap .pro-swi .swiper-slide {
		height: 0;
		padding-top: 100%
	}

	.pro-det .left .pro-swi-wrap .pro-swi .swiper-slide img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
		object-fit: contain
	}

	.pro-det .right .tag {
		justify-content: center
	}

	.pro-det .right h3 {
		text-align: center
	}

	.tab-list {
		flex-direction: row;
		gap: .2rem
	}

	.fe-list .item .index {
		height: 62px;
		line-height: 62px
	}

	.fe-list .item {
		align-items: center
	}

	.sa-ban .wp .text p {
		margin-bottom: .2rem
	}

	.application-list.pc,
	.process-list.pc {
		display: none
	}

	.application-list.mob,
	.process-list.mob {
		display: block
	}

	.application-swi {
		overflow: hidden;
		position: relative
	}

	.application-swi .swiper-pagination {
		display: flex;
		align-items: center;
		justify-content: center;
		bottom: 0
	}

	.application-swi .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		background: #fff;
		border-radius: 50%;
		border: 1px solid #eee;
		opacity: 1;
		margin: 0 .1rem !important
	}

	.application-swi .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: #171c61;
		border-color: #171c61
	}

	.application-list .item {
		flex: none
	}

	.footer .fd-top .fd-nav.mob {
		display: block
	}

	.footer .fd-top .fd-nav.pc {
		display: none
	}

	.fd-nav-item {
		padding: 20px 0;
		border-bottom: 1px solid #fff
	}

	.fd-nav-item .tit.open i {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

	.fd-nav-item .tit {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-family: HONORSansCN-Bold;
		font-size: .18rem;
		color: #fff
	}

	.fd-nav-item .tit i {
		background: url(../images/right-s-w.svg) no-repeat center center/contain;
		width: 10px;
		height: 10px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.fd-nav-item .fd-nav-sub {
		padding-top: 20px;
		display: none
	}

	.fd-nav-item .fd-nav-sub a {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 20px 0;
		font-size: .16rem;
		color: #fff;
		border-bottom: 1px solid rgba(255, 255, 255, .5)
	}

	.fd-nav-item .fd-nav-sub a:last-child {
		border-bottom: none
	}

	.header .nav-sub-wrap {
		border-radius: 20px;
		overflow: hidden
	}

	.footer .fd-top .left .logo {
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center
	}
}

.equ-row .pic img {
	max-width: 90%;
	max-height: 90%
}

.mapboxgl-control-container {
	display: none !important
}

.abo-adv-swi .swiper-slide .pic,
.ag-swi .pic,
.equ-row .pic,
.pro-features .fe-pic {
	overflow: hidden
}

.abo-adv-swi .swiper-slide .pic img,
.abo-intro .ai-swi .swiper-slide img,
.ag-swi .pic img,
.application-list .item .pic img,
.certificate-list .item .inner .pic img,
.equ-row .pic img,
.ex-pro-swi .swiper-slide .pic img,
.pro-features .fe-pic img,
.pro-solution-list .item .pic img,
.sa-application .pic img,
.sa-intro .pic img,
.sa-pro-swi .swiper-slide .pic img {
	transition: all .5s
}

.abo-adv-swi .swiper-slide:hover img,
.abo-intro .ai-swi .swiper-slide:hover img,
.ag-swi .swiper-slide:hover img,
.application-list .item .inner:hover img,
.equ-row .pic:hover img,
.ex-pro-swi .swiper-slide:hover img,
.pro-features .fe-pic:hover img,
.pro-solution-list .item .pic:hover img,
.sa-application .pic:hover img,
.sa-intro .pic:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}

.certificate-list .item .inner:hover img,
.sa-pro-swi .swiper-slide:hover img {
	transform: translate(-50%, -50%) scale(1.05)
}

.pro-wrap .pro-side .pro-nav .item.have-sub {
	padding-bottom: .24rem;
	border-bottom: 1px solid #E5E5E5;
}

.pro-wrap .pro-side .pro-nav .item.have-sub .item-tit i {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.pro-wrap .pro-side .pro-nav .item .sub-list {
	margin-top: 0;
}

.pro-wrap .pro-side .pro-nav .item.have-sub.hide i {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}

.pro-wrap .pro-side .pro-nav .item.have-sub.hide {
	padding-bottom: 0;
}

.pro-wrap .pro-side .pro-nav .item.have-sub.hide .sub-list {
	display: none;
}

.pro-wrap .pro-side .pro-nav .item.have-sub:has(.item-tit.active) {
	border-bottom-color: #171c61;
}

.pro-wrap .pro-side .pro-nav .item.have-sub:last-child .item-tit {
	padding-bottom: .24rem;
}