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

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

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

.wp1000 {
	width: 100%;
	max-width: 10rem;
	margin: 0 auto
}

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

@font-face {
	font-family: BebasNeueBold;
	src: url(../fonts/BebasNeue-Bold.otf) format('truetype')
}

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

@font-face {
	font-family: HONORSansCN-Regular;
	src: url(../fonts/HONORSansCN-Regular.ttf) format('truetype')
}

html {
	font-size: 100px
}

body {
	background: #fff;
	font-family: HONORSansCN-Regular
}

header.fixed,
header.openSearch,
header:hover {
	background: rgba(255, 255, 255, .5);
	backdrop-filter: blur(20px);
	border-bottom: 1px solid #fff
}

header.fixed .logo,
header.openSearch .logo,
header:hover .logo {
	background-image: url(../images/logo-vic.png)
}

header.fixed .nav-list .nav-tit span,
header.openSearch .nav-list .nav-tit span,
header:hover .nav-list .nav-tit span {
	color: #333
}

header.fixed .nav-list .nav-tit i,
header.openSearch .nav-list .nav-tit i,
header:hover .nav-list .nav-tit i {
	background-image: url(../images/arrow-down-b.svg)
}

header.fixed .nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item,
header.openSearch .nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item,
header:hover .nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item {
	color: #333
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2000;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}

header .hd-wp {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .4rem 0
}

header .logo {
	display: block;
	width: 2.95rem;
	height: .34rem;
	background: url(../images/logo-vic.png) no-repeat center center/contain;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}

header .hd-r {
	display: flex;
	align-items: center
}

header .hd-r .search {
	width: 1.6rem;
	height: .6rem;
	background: #2a298c;
	border-radius: .3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-left: 1.2rem
}

header .hd-r .search i {
	width: .17rem;
	height: .17rem;
	background: url(../images/search.svg) no-repeat center center/contain;
	margin-right: .1rem
}

header .hd-r .search span {
	font-size: .14rem;
	color: #fff;
	font-family: HONORSansCN-Bold
}

.nav-list {
	display: flex;
	align-items: center
}

.nav-list .nav-item+.nav-item {
	margin-left: .6rem
}

.nav-list .nav-item {
	position: relative
}

.nav-list .nav-tit {
	display: flex;
	align-items: center;
	cursor: pointer
}

.nav-list .nav-tit span {
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
	font-family: HONORSansCN-Bold;
	color: #fff;
	font-size: .18rem
}

.nav-list .nav-tit i {
	background: url(../images/arrow-down.svg) no-repeat center center/contain;
	width: .1rem;
	height: .08rem;
	margin-left: .1rem;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}

.nav-list .nav-item:hover .nav-tit span {
	color: #0a2566
}

.nav-list .nav-item:hover .nav-tit i {
	background-image: url(../images/arrow-down-vi.svg)
}

.nav-list .nav-item:hover .nav-sub-list-wrap {
	opacity: 1;
	pointer-events: auto
}

.nav-list .nav-sub-list-wrap {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 3.4rem;
	padding-top: .7rem;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

.nav-list .nav-sub-list-wrap .nav-sub-list {
	border-radius: .4rem;
	background: rgba(255, 255, 255, .8);
	backdrop-filter: blur(20px);
	padding: .3rem .4rem
}

.nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item {
	display: block;
	text-align: center;
	padding: .3rem 0;
	color: #fff;
	font-family: HONORSansCN-Bold;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
	font-size: .18rem;
	line-height: 1
}

.nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item:hover {
	color: #0a2566
}

.nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item+.nav-sub-item {
	border-top: 1px solid #fff
}

.search-box {
	display: none;
	position: fixed;
	top: 1.4rem;
	left: 0;
	width: 100%;
	z-index: 150;
	background: rgba(255, 255, 255, .5);
	backdrop-filter: blur(20px);
	padding: .8rem 0
}

.search-box .input {
	max-width: 10rem;
	margin: 0 auto;
	position: relative;
	height: 1rem;
	border-radius: .5rem;
	border: 1px solid #fff;
	padding: .1rem;
	display: flex
}

.search-box .input .text-input {
	flex: 1;
	padding-left: .3rem;
	font-family: HONORSansCN-Bold;
	font-size: .18rem;
	color: #333;
	padding-right: .4rem;
	background: 0 0;
	border: none
}

.search-box .input input::-webkit-input-placeholder {
	color: #333
}

.search-box .input input::-moz-placeholder {
	color: #333
}

.search-box .input input:-moz-placeholder {
	color: #333
}

.search-box .input input:-ms-input-placeholder {
	color: #333
}

.search-box .input .submit {
	cursor: pointer;
	width: 1rem;
	height: .8rem;
	background: #2a298c url(../images/search.svg) no-repeat center center/.17rem auto;
	border-radius: .4rem;
	position: relative
}

.search-box .input .submit input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0
}

.footer .fd-top {
	background: #2a298c;
	color: #fff;
	padding: 1.4rem 0 .8rem
}

.footer .fd-top .wp {
	display: flex
}

.footer .fd-top .fd-info {
	line-height: 1;
	margin-right: 1.27rem
}

.footer .fd-top .fd-info .logo {
	display: block;
	height: .46rem;
	margin-bottom: .4rem
}

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

.footer .fd-top .fd-info .text {
	margin-bottom: .4rem
}

.footer .fd-top .fd-info .text h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .2rem;
	margin-bottom: .28rem
}

.footer .fd-top .fd-info .text p {
	font-size: .16rem;
	margin-bottom: .4rem
}

.footer .fd-top .fd-info .text span {
	font-size: .14rem;
	display: block;
	margin-bottom: .2rem
}

.footer .fd-top .fd-info .text em {
	display: block;
	font-family: BebasNeueBold;
	font-size: .62rem
}

.footer .fd-top .fd-info .follow p {
	font-size: .14rem;
	margin-bottom: .3rem
}

.footer .fd-top .fd-nav {
	flex: 1;
	display: flex;
	justify-content: space-between;
	line-height: 1
}

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

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

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

.footer .fd-top .fd-nav a {
	color: #fff;
	font-size: .16rem;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

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

.footer .copyright {
	background: #1e1e1e;
	text-align: center;
	color: #fff;
	font-family: HONORSansCN-Bold;
	font-size: .14rem;
	padding: .4rem 0
}

.footer .copyright a {
	color: #fff;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	margin-left: .6rem
}

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

.footer .media-list {
	display: flex
}

.footer .media-list .item+.item {
	margin-left: .3rem
}

.footer .media-list .item {
	width: .6rem;
	height: .6rem;
	background: #f9f9f9;
	border-radius: .3rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}

.footer .media-list .item .pop {
	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: 1.4rem;
	height: 1.4rem;
	background: #f9f9f9;
	border-radius: .4rem;
	padding: .1rem;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.footer .media-list .item .pop .pic {
	background-color: #fff;
	padding: .08rem;
	border-radius: .3rem;
	display: block;
	width: 100%;
	height: 100%
}

.footer .media-list .item .pop img {
	display: block;
	width: 100%;
	height: 100%
}

.footer .media-list .item:hover {
	background: #3e3eff
}

.footer .media-list .item:hover .pop {
	opacity: 1
}

.footer .media-list .item.wx:hover i {
	background-image: url(../images/wx-w.svg)
}

.footer .media-list .item.wx i {
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
	width: .24rem;
	height: .24rem;
	background: url(../images/wx.svg) no-repeat center center/contain
}

.footer .media-list .item.xhs:hover i {
	background-image: url(../images/xhs-w.svg)
}

.footer .media-list .item.xhs i {
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
	width: .25rem;
	height: .25rem;
	background: url(../images/xhs.svg) no-repeat center center/contain
}

.banner {
	position: relative
}

.banner .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: 20
}

.banner .wp h3 {
	font-weight: 400;
	color: #fff;
	font-size: .68rem;
	font-family: HONORSansCN-Bold;
	padding-bottom: 1.2rem;
	line-height: 1
}

.banner .swiper {
	overflow: hidden
}

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

.sec-about {
	line-height: 1;
	background-color: #fff;
	padding: 1.8rem 0
}

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

.about-text .text span {
	font-family: HONORSansCN-Bold;
	font-size: .16rem;
	text-transform: uppercase
}

.about-text .text h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	color: #1e1e1e;
	font-size: .42rem;
	margin: .3rem 0 .38rem
}

.about-text .text p {
	font-size: .18rem;
	color: #333;
	line-height: .3rem
}

.about-text .text .g-btn {
	margin-top: .6rem
}

.about-text .pic {
	flex: 0 0 8rem;
	border-radius: .4rem;
	overflow: hidden
}

.about-text .pic img {
	display: block;
	width: 100%
}

.g-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.8rem;
	height: .8rem;
	background: #2a298c;
	border-radius: .4rem;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	overflow: hidden;
	position: relative
}

.g-btn span {
	font-family: HONORSansCN-Bold;
	font-size: .16rem;
	color: #fff;
	margin-right: .1rem;
	position: relative;
	z-index: 2
}

.g-btn i {
	position: relative;
	z-index: 2;
	background: url(../images/arrow-right.svg) no-repeat center center/contain;
	width: .13rem;
	height: .13rem
}

.g-btn:hover {
	opacity: .8
}

.about-data {
	display: flex;
	justify-content: space-between
}

.about-data .col .num {
	color: #2a298c;
	font-family: BebasNeueBold
}

.about-data .col .num em {
	font-size: 1.2rem
}

.about-data .col .num span {
	font-size: .24rem
}

.about-data .col p {
	font-family: HONORSansCN-Bold;
	padding-left: .1rem;
	font-size: .2rem
}

.sec-title {
	text-align: center
}

.sec-title h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .42rem;
	color: #1e1e1e
}

.sec-title p {
	font-size: .2rem;
	color: #1e1e1e;
	margin-top: .3rem;
	font-family: HONORSansCN-Bold
}

.sec-service {
	background-color: #fff
}

.sec-service .sec-title {
	margin-bottom: .8rem
}

.service-wrap {
	height: calc(100vh - 1.6rem);
	position: relative
}

.service-wrap .bg-box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.service-wrap .bg-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	object-fit: cover;
	transition: opacity .3s
}

.service-wrap .bg-box img.show {
	opacity: 1
}

.service-wrap .service-list {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 20;
	display: flex
}

.service-wrap .service-list .item {
	flex: 0 0 25%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: .8rem;
	text-align: center;
	line-height: 1;
	background: linear-gradient(0deg, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, 0) 100%)
}

.service-wrap .service-list .item .title {
	color: #2a298c;
	font-size: .32rem;
	font-family: HONORSansCN-Bold
}

.service-wrap .service-list .item .text {
	display: none
}

.service-wrap .service-list .item.active {
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(0deg, rgba(42, 41, 140, .8) 0, rgba(42, 41, 140, .1) 100%)
}

.service-wrap .service-list .item.active .text {
	display: block;
	margin-top: .37rem
}

.service-wrap .service-list .item.active .text .desc {
	color: #fff;
	font-size: .18rem;
	line-height: .35rem
}

.service-wrap .service-list .item.active .text .g-btn {
	margin: .6rem auto 0
}

.sec-adv {
	background: #fff url(../images/adv-bg.jpg) no-repeat center center/cover;
	padding: 1.8rem 0
}

.sec-adv .sec-title {
	margin-bottom: .6rem
}

.plat-box .plat-tit {
	line-height: 1;
	text-align: center
}

.plat-box .plat-tit h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .32rem;
	color: #333;
	margin-bottom: .3rem
}

.plat-box .plat-tit i {
	display: block;
	background: url(../images/dtc.png) no-repeat center center/contain;
	width: .45rem;
	height: .3rem;
	margin: 0 auto
}

.plat-box .plat-swi-wrap {
	position: relative
}

.plat-box .plat-swi-wrap .custom-pagination {
	bottom: .6rem !important;
	left: 50% !important;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	gap: .4rem
}

.plat-box .plat-swi-wrap .custom-pagination .swiper-pagination-bullet {
	width: 1rem;
	height: .06rem;
	background: #fff;
	border-radius: .03rem;
	opacity: 1;
	margin: 0 !important;
	position: relative;
	overflow: hidden
}

.plat-box .plat-swi-wrap .custom-pagination .swiper-pagination-bullet .progress-fill {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #2a298c;
	border-radius: .02rem
}

.plat-box .plat-swi-wrap .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .progress-fill {
	animation: autoplayProgress 5s linear forwards
}

.plat-box .plat-swi {
	position: relative;
	padding: .4rem .3rem 1rem;
	margin: 0 -.3rem;
	overflow: hidden
}

.plat-box .plat-swi .swiper-slide:hover {
	background-image: url(../images/plat-bg-on.jpg);
	box-shadow: 0 .35rem .65rem 0 rgba(0, 0, 0, .15)
}

.plat-box .plat-swi .swiper-slide {
	background: url(../images/plat-bg.jpg) no-repeat center center/101% 101%;
	border-radius: .4rem;
	border: 1px solid #e3d3e3;
	overflow: hidden;
	padding: .6rem 0 .8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: background .3s
}

.plat-box .plat-swi .swiper-slide .title {
	font-family: HONORSansCN-Bold;
	font-size: .22rem;
	color: #1e1e1e;
	margin-bottom: .4rem
}

.plat-box .plat-swi .swiper-slide .icon {
	width: 1.4rem;
	height: 1.4rem;
	background: rgba(245, 245, 245, .3);
	border-radius: .6rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.plat-box .plat-swi .swiper-slide .icon:after {
	content: '';
	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%);
	background: rgba(245, 245, 245, .3);
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .4rem
}

.plat-box .plat-swi .swiper-slide .icon:before {
	border-radius: .4rem;
	content: '';
	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%);
	background: #f5f5f5;
	width: 1rem;
	height: 1rem
}

.plat-box .plat-swi .swiper-slide .icon img {
	display: block;
	width: .63rem;
	height: .63rem;
	position: relative;
	z-index: 4
}

.swiper-button-next,
.swiper-button-prev {
	width: .8rem;
	height: .8rem;
	background: #f9f9f9;
	border-radius: 50%;
	position: absolute;
	left: -1.2rem;
	top: calc(50% - .5rem)
}

.swiper-button-next:after,
.swiper-button-prev:after {
	content: '';
	background: url(../images/swi-r.svg) no-repeat center center/contain;
	height: .2rem;
	width: .2rem
}

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

.swiper-button-next {
	left: auto;
	right: -1.2rem
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	background: #2a298c
}

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

.inv-box {
	margin-top: .4rem;
	display: flex;
	justify-content: space-between
}

.inv-box .title {
	line-height: 1;
	text-align: center
}

.inv-box .title h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .32rem;
	color: #333;
	margin-bottom: .3rem
}

.inv-box .title i {
	display: block;
	background: url(../images/dtc.png) no-repeat center center/contain;
	width: .45rem;
	height: .3rem;
	margin: 0 auto
}

.inv-box .text {
	flex: 0 0 8rem
}

.inv-box .text .desc {
	color: #333;
	font-size: .18rem;
	line-height: .3rem;
	margin-bottom: .4rem
}

.inv-box .text .desc p+p {
	margin-top: .3rem
}

.inv-box .text .list .item+.item {
	margin-top: .2rem
}

.inv-box .text .list .item:hover {
	background: rgba(255, 255, 255, .3);
	backdrop-filter: blur(20px);
	border: 1px solid #e5e5e5;
	border-radius: .4rem;
	box-shadow: 0 .35rem .65rem 0 rgba(0, 0, 0, .15)
}

.inv-box .text .list .item:hover .icon {
	background: #2a298c
}

.inv-box .text .list .item:hover .icon img.def {
	opacity: 0
}

.inv-box .text .list .item:hover .icon img.act {
	opacity: 1
}

.inv-box .text .list .item:hover h3 {
	color: #2a298c
}

.inv-box .text .list .item:hover:after {
	background: #2a298c
}

.inv-box .text .list .item {
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	padding: .2rem;
	position: relative
}

.inv-box .text .list .item:after {
	content: '';
	width: .1rem;
	height: .1rem;
	background: #e5e5e5;
	border-radius: 50%;
	position: absolute;
	right: .4rem;
	top: 50%;
	margin-top: -.05rem;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}

.inv-box .text .list .item .icon {
	width: .8rem;
	height: .8rem;
	background: #f5f5f5;
	border-radius: 50%;
	position: relative;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
	margin-right: .2rem
}

.inv-box .text .list .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%);
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

.inv-box .text .list .item .icon img.def {
	opacity: 1
}

.inv-box .text .list .item h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .2rem;
	color: #1e1e1e;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

.sec-news {
	background-color: #fff;
	padding: 1.8rem 0
}

.sec-news .sec-title {
	margin-bottom: .6rem
}

.sec-tab {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: .8rem
}

.sec-tab .tab-item+.tab-item {
	margin-left: .3rem
}

.sec-tab .tab-item {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
	width: 1.6rem;
	height: .6rem;
	background: #f9f9f9;
	border-radius: .3rem;
	font-family: HONORSansCN-Bold;
	font-size: .14rem;
	color: #2a298c;
	display: flex;
	align-items: center;
	justify-content: center
}

.sec-tab .tab-item.active,
.sec-tab .tab-item:hover {
	color: #fff;
	background: #2a298c
}

.news-swi {
	overflow: hidden;
	position: relative;
	padding-bottom: 1rem
}

.news-swi .swiper-slide .item {
	position: relative;
	background: #fff;
	border-radius: .4rem;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	padding-top: 127.59%
}

.news-swi .swiper-slide .item:hover .pic {
	opacity: 1
}

.news-swi .swiper-slide .item:hover .text .top {
	opacity: 0
}

.news-swi .swiper-slide .item:hover .text .bot .date {
	opacity: 0
}

.news-swi .swiper-slide .item:hover .text .bot .arrow {
	background-image: url(../images/arrow-right.svg);
	background-color: #2a298c
}

.news-swi .swiper-slide .pic {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

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

.news-swi .swiper-slide .text {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	padding: .6rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.news-swi .swiper-slide .text .top {
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

.news-swi .swiper-slide .text .top h3 {
	font-size: .24rem;
	color: #1e1e1e;
	line-height: .4rem;
	font-family: HONORSansCN-Bold;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: .3rem
}

.news-swi .swiper-slide .text .top p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: .16rem;
	color: #333;
	line-height: .3rem
}

.news-swi .swiper-slide .text .bot {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.news-swi .swiper-slide .text .bot .date {
	font-size: .16rem;
	color: #c4c4c4;
	font-family: HONORSansCN-Bold;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

.news-swi .swiper-slide .text .bot .arrow {
	width: .8rem;
	height: .8rem;
	background: #f9f9f9 url(../images/arrow-right-vi.svg) no-repeat center center/.12rem .12rem;
	border-radius: .4rem;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}

.news-swi .swiper-scrollbar {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -2rem;
	width: 4rem;
	height: .06rem;
	background: rgba(229, 229, 229, .3);
	border-radius: .03rem
}

.news-swi .swiper-scrollbar .swiper-scrollbar-drag {
	background: #2a298c
}

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

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

.sec-contact {
	padding-bottom: 1.8rem;
	background-color: #fff
}

.sec-contact .top {
	display: flex;
	justify-content: space-between;
	align-items: flex-end
}

.sec-contact .top .text {
	padding-bottom: .8rem;
	flex: 1
}

.sec-contact .top .text h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	color: #1e1e1e;
	font-size: .42rem
}

.sec-contact .top .text p {
	max-width: 4.4rem;
	font-size: .18rem;
	color: #333;
	line-height: .3rem;
	margin: .4rem 0
}

.sec-contact .top .text .item+.item {
	margin-top: .2rem
}

.sec-contact .top .text .item {
	display: flex;
	align-items: center
}

.sec-contact .top .text .item .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: .6rem;
	height: .6rem;
	background: #2a298c;
	border-radius: 50%;
	margin-right: .22rem
}

.sec-contact .top .text .item .icon img {
	display: block;
	width: .2rem
}

.sec-contact .top .text .item span {
	font-size: .18rem;
	color: #333
}

.sec-contact .top .pic {
	flex: 0 0 7.53rem;
	position: relative
}

.sec-contact .top .pic .bg {
	display: block;
	width: 100%
}

.sec-contact .top .pic .qr-con {
	position: absolute;
	left: .36rem;
	bottom: .8rem;
	display: flex;
	align-items: center
}

.sec-contact .top .pic .qr-con .item+.item {
	margin-left: .3rem
}

.sec-contact .top .pic .qr-con .item .qr {
	width: 1.4rem;
	height: 1.4rem;
	background: #f9f9f9;
	border-radius: .4rem;
	padding: .1rem;
	margin-bottom: .15rem
}

.sec-contact .top .pic .qr-con .item .qr .pic {
	background: #fff;
	border-radius: .3rem;
	display: block;
	width: 100%;
	height: 100%;
	padding: .08rem
}

.sec-contact .top .pic .qr-con .item .qr .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.sec-contact .top .pic .qr-con .item p {
	text-align: center;
	font-family: HONORSansCN-Bold;
	color: #333;
	font-size: .16rem
}

.contact-form {
	padding: .6rem;
	background: #f9f9f9;
	border-radius: .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-size: .18rem;
	font-family: HONORSansCN-Bold;
	border: none;
	resize: none
}

.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: 3rem;
	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;
	font-size: .18rem;
	display: flex;
	align-items: center;
	pointer-events: none
}

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

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

.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.error {
	border-color: #c35
}

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

.contact-form .submit {
	width: 1.8rem;
	height: .8rem;
	background: #2a298c;
	border-radius: .4rem;
	margin: .6rem auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer
}

.contact-form .submit i {
	background: url(../images/send.svg) no-repeat center center/contain;
	width: .24rem;
	height: .2rem;
	margin-right: .1rem
}

.contact-form .submit span {
	font-size: .16rem;
	color: #fff;
	font-family: HONORSansCN-Bold
}

.contact-form .submit input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0
}

.inner-banner {
	position: relative
}

.inner-banner:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(10, 37, 102, .8) 0, rgba(10, 37, 102, .2) 100%)
}

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

.inner-banner .wp {
	position: absolute;
	left: 50%;
	width: 100%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
	padding-bottom: 1.2rem;
	z-index: 3;
	color: #fff
}

.inner-banner .ban-text h1 {
	font-weight: 400;
	font-size: .68rem;
	color: #fff;
	font-family: HONORSansCN-Bold;
	margin-bottom: .3rem
}

.inner-banner .ban-text .link {
	display: flex;
	align-items: center
}

.inner-banner .ban-text .link a+a {
	margin-left: .3rem
}

.inner-banner .ban-text .link a {
	width: 1.8rem;
	height: .8rem;
	background: #fff;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: HONORSansCN-Bold;
	color: #2a298c;
	font-size: .16rem;
	transition: background-color, color .3s
}

.inner-banner .ban-text .link a.active,
.inner-banner .ban-text .link a:hover {
	background: #2a298c;
	color: #fff
}

.inner-banner .ban-text .news-info {
	display: flex;
	align-items: center;
	margin-bottom: .2rem
}

.inner-banner .ban-text .news-info .type {
	height: .4rem;
	background: #f9f9f9;
	border-radius: .2rem;
	padding: 0 .2rem;
	font-size: .14rem;
	color: #2a298c;
	display: flex;
	align-items: center;
	font-family: HONORSansCN-Bold
}

.inner-banner .ban-text .news-info .type i {
	width: .1rem;
	height: .1rem;
	background: #2a298c;
	margin-right: .1rem;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}

.inner-banner .ban-text .news-info .date {
	font-size: .16rem;
	color: #fff;
	margin-left: .4rem;
	font-family: HONORSansCN-Bold
}

.inner-banner.no-mask:after {
	display: none
}

.inner-banner.center .wp {
	bottom: auto;
	top: 2.23rem;
	text-align: center
}

.sec-service-1 {
	background-color: #fff;
	padding: 1.8rem 0
}

.service-1-top {
	display: flex;
	align-items: flex-start
}

.service-1-top .nav {
	flex: 0 0 5.2rem;
	background: #f9f9f9;
	border-radius: .4rem;
	padding: 0 .6rem .6rem;
	margin-right: .8rem
}

.service-1-top .nav .title {
	padding: .5rem 0;
	position: relative;
	font-family: HONORSansCN-Bold;
	font-size: .42rem;
	color: #1e1e1e;
	margin-bottom: .6rem;
	border-bottom: 1px solid #e5e5e5
}

.service-1-top .nav .title:After {
	content: '';
	width: .1rem;
	height: .3rem;
	background: #2a298c;
	position: absolute;
	left: -.6rem;
	top: 50%;
	margin-top: -.15rem
}

.service-1-top .nav .list {
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .1rem .1rem
}

.service-1-top .nav .list .item {
	display: inline-block;
	padding: .2rem;
	background: #fff;
	border-radius: .3rem;
	font-size: .16rem;
	line-height: 1;
	color: #1e1e1e;
	font-family: HONORSansCN-Bold;
	-webkit-transition: background-color, color .3s;
	-moz-transition: background-color, color .3s;
	-ms-transition: background-color, color .3s;
	-o-transition: background-color, color .3s;
	transition: background-color, color .3s
}

.service-1-top .nav .list .item.active,
.service-1-top .nav .list .item:hover {
	background: #2a298c;
	color: #fff
}

.service-1-top .content {
	flex: 1
}

.service-1-top .content .title {
	display: flex;
	align-items: center;
	margin-bottom: .7rem
}

.service-1-top .content .title .icon {
	margin-right: .22rem;
	width: 1.4rem;
	height: 1.4rem;
	background: rgba(232, 232, 232, .3);
	border-radius: .6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}

.service-1-top .content .title .icon img {
	display: block;
	width: .65rem;
	height: .65rem;
	position: relative;
	z-index: 5
}

.service-1-top .content .title .icon:after {
	content: '';
	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: 1.2rem;
	height: 1.2rem;
	background: #e8e8e8;
	border-radius: .5rem;
	opacity: .6
}

.service-1-top .content .title .icon:before {
	content: '';
	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: 3;
	width: 1rem;
	height: 1rem;
	background: #e8e8e8;
	border-radius: .4rem
}

.service-1-top .content .title h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .38rem;
	color: #1e1e1e
}

.service-1-top .content .desc {
	font-size: .18rem;
	color: #333;
	line-height: .35rem;
	font-family: HONORSansCN-Bold
}

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

.service-1-pic {
	margin-top: .8rem;
	margin-bottom: 1.8rem;
	border-radius: .4rem;
	overflow: hidden
}

.service-1-pic img {
	display: block;
	width: 100%
}

.service-1-tab {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .6rem
}

.service-1-tab .item.active,
.service-1-tab .item:hover {
	background: #2a298c
}

.service-1-tab .item.active .icon img.def,
.service-1-tab .item:hover .icon img.def {
	opacity: 0
}

.service-1-tab .item.active .icon img.act,
.service-1-tab .item:hover .icon img.act {
	opacity: 1
}

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

.service-1-tab .item {
	flex: 0 0 calc(50% - .2rem);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	background: #f9f9f9;
	border-radius: .5rem;
	cursor: pointer;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s
}

.service-1-tab .item .icon {
	width: .33rem;
	height: .33rem;
	position: relative;
	margin-right: .2rem
}

.service-1-tab .item .icon img {
	display: block;
	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%);
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	height: 100%
}

.service-1-tab .item .icon img.def {
	opacity: 1
}

.service-1-tab .item .icon img.act {
	opacity: 0
}

.service-1-tab .item span {
	font-family: HONORSansCN-Bold;
	font-size: .26rem;
	color: #2a298c;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

.service-tab-con {
	display: none
}

.service-tab-con.show {
	display: block
}

.service-1-box+.service-1-box {
	margin-top: .4rem
}

.service-1-box {
	background: #f9f9f9;
	border-radius: .4rem;
	display: flex;
	padding: .4rem;
	align-items: center
}

.service-1-box .title {
	display: flex;
	align-items: center;
	flex: 1;
	margin-right: .3rem
}

.service-1-box .title .icon {
	width: 1rem;
	height: 1rem;
	background: #fff;
	border-radius: .3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: .3rem
}

.service-1-box .title .icon img {
	display: block;
	width: .41rem;
	height: .41rem
}

.service-1-box .title .txt em {
	display: block;
	font-family: HONORSansCN-Bold;
	color: #c4c4c4;
	font-size: .2rem
}

.service-1-box .title .txt h3 {
	font-weight: 400;
	font-size: .28rem;
	color: #1e1e1e;
	font-family: HONORSansCN-Bold
}

.service-1-box ul {
	flex: 0 0 8rem
}

.service-1-box ul li+li {
	margin-top: .2rem
}

.service-1-box ul li {
	padding: .2rem;
	padding-left: .75rem;
	position: relative;
	background: #fff;
	border-radius: .2rem;
	font-size: .2rem;
	color: #1e1e1e;
	font-family: HONORSansCN-Bold
}

.service-1-box ul li:after {
	content: '';
	width: .12rem;
	height: .12rem;
	background: #2a298c;
	border-radius: 50%;
	position: absolute;
	left: .3rem;
	top: .3rem
}

.service-1-box ul li dl {
	font-family: HONORSansCN-Regular;
	font-size: .16rem;
	color: #333;
	margin-top: .2rem;
	padding-top: .3rem;
	border-top: 1px solid #e5e5e5
}

.service-1-box ul li dl dd+dd {
	margin-top: .2rem
}

.service-1-box ul li dl dd {
	position: relative;
	padding-left: .28rem
}

.service-1-box ul li dl dd:after {
	content: '';
	width: .08rem;
	height: .08rem;
	background: #2a298c;
	position: absolute;
	left: 0;
	top: .08rem
}

.sec-service-2 {
	background: url(../images/ser-bg.jpg) no-repeat center center/cover;
	padding: 2rem 0;
	text-align: center;
	line-height: 1
}

.sec-service-2 h3 {
	font-size: .42rem;
	color: #1e1e1e;
	font-family: HONORSansCN-Bold;
	font-weight: 400
}

.sec-service-2 h4 {
	font-size: .24rem;
	color: #333;
	font-family: HONORSansCN-Bold;
	font-weight: 400;
	margin: .58rem 0 .39rem
}

.sec-service-2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .2rem;
	margin-bottom: .38rem;
	padding-bottom: .6rem;
	border-bottom: 1px solid #fff
}

.sec-service-2 ul li {
	padding: 0 .3rem;
	height: .6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: .3rem;
	font-size: .16rem;
	color: #1e1e1e;
	font-family: HONORSansCN-Bold
}

.sec-service-2 p {
	font-size: .18rem;
	color: #333
}

.sec-service-2 .g-btn {
	margin: .6rem auto 0;
	cursor: pointer
}

.sec-service-2 .g-btn i {
	margin-right: .2rem;
	background: url(../images/pen-w.svg) no-repeat center center/contain;
	width: .17rem;
	height: .17rem
}

.sec-service-2 .g-btn span {
	margin-right: 0
}

.sec-service-3 {
	background-color: #fff;
	padding: 1.8rem 0;
	overflow: hidden
}

.sec-service-3 .sec-title {
	margin-bottom: .8rem
}

.sec-service-3 .ser-swi {
	position: relative;
	padding-bottom: .6rem
}

.sec-service-3 .ser-swi .pic {
	padding-top: 56.25%;
	position: relative;
	overflow: hidden;
	border-radius: .4rem
}

.sec-service-3 .ser-swi .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover
}

.sec-service-3 .ser-swi .swiper-pagination {
	bottom: 0
}

.sec-service-3 .ser-swi .swiper-pagination .swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	background: #e5e5e5;
	border-radius: 50%;
	margin: 0 .15rem;
	opacity: 1
}

.sec-service-3 .ser-swi .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #2a298c
}

.sec-service-4 {
	background: #f9f9f9;
	padding: .8rem 0
}

.sec-service-4 .title {
	text-align: center;
	font-size: .16rem;
	color: #c4c4c4;
	margin-bottom: .6rem;
	font-family: HONORSansCN-Bold
}

.sec-service-4 .list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: .4rem
}

.sec-service-4 .list .item:hover {
	border: 1px solid #2a298c
}

.sec-service-4 .list .item:hover .span {
	color: #2a298c
}

.sec-service-4 .list .item:hover .arrow {
	background: #2a298c url(../images/swi-r-w.svg) no-repeat center center/.1rem auto
}

.sec-service-4 .list .item {
	flex: 0 1 calc(50% - .4rem);
	height: 1rem;
	background: #fff;
	border-radius: .4rem;
	border: 1px solid #e5e5e5;
	padding: 0 .3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
	-ms-transition: border .3s;
	-o-transition: border .3s;
	transition: border .3s
}

.sec-service-4 .list .item span {
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
	font-family: HONORSansCN-Bold;
	font-size: .2rem;
	color: #1e1e1e
}

.sec-service-4 .list .item .arrow {
	width: .4rem;
	height: .4rem;
	background: #f9f9f9 url(../images/swi-r.svg) no-repeat center center/.1rem auto;
	border-radius: 50%;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}

.sec-contact-1 {
	padding: 1.8rem 0;
	background-color: #fff
}

.sec-contact-1 .contact-header {
	text-align: center;
	font-family: HONORSansCN-Bold;
	color: #333;
	line-height: .35rem;
	font-size: .2rem;
	margin-bottom: .6rem
}

.sec-contact-1 .contact-grid {
	display: flex;
	justify-content: space-between;
	/*margin-bottom:1.2rem*/
}

.sec-contact-1 .contact-grid .contact-item {
	flex: 0 0 33.3%
}

.sec-contact-1 .contact-grid .contact-item .icon-ring-wrap {
	width: 1rem;
	height: 1rem;
	background: rgba(10, 37, 102, .3);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 auto .28rem
}

.sec-contact-1 .contact-grid .contact-item .icon-ring-wrap:afteR {
	content: '';
	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: .8rem;
	height: .8rem;
	background: #0a2566;
	border-radius: 50%;
	opacity: .6
}

.sec-contact-1 .contact-grid .contact-item .icon-ring-wrap:before {
	content: '';
	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: 3;
	width: .6rem;
	height: .6rem;
	background: #0a2566;
	border-radius: 50%
}

.sec-contact-1 .contact-grid .contact-item .icon-ring-wrap img {
	display: block;
	width: .2rem;
	height: .2rem;
	position: relative;
	z-index: 4
}

.sec-contact-1 .contact-grid .contact-item .info-content {
	text-align: center;
	font-size: .24rem;
	color: #333;
	line-height: .4rem;
	font-family: HONORSansCN-Bold;
	min-height: .8rem;
	margin-bottom: .4rem
}

.sec-contact-1 .contact-grid .contact-item .action-btn {
	width: 2rem;
	height: .6rem;
	background: #f9f9f9;
	border-radius: .3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .14rem;
	color: #0a2566;
	font-family: HONORSansCN-Bold;
	margin: 0 auto;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.sec-contact-1 .contact-grid .contact-item .action-btn:hover {
	color: #fff;
	background: #0a2566
}

.sec-contact-1 .follow-divider {
	text-align: center;
	font-size: .18rem;
	color: #c4c4c4;
	font-family: HONORSansCN-Bold;
	position: relative;
	margin-bottom: .6rem
}

.sec-contact-1 .follow-divider span {
	background-color: #fff;
	padding: 0 .3rem;
	position: relative;
	z-index: 3
}

.sec-contact-1 .follow-divider:after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #e5e5e5;
	z-index: 2
}

.sec-contact-1 .social-qr-group {
	display: flex;
	justify-content: center
}

.sec-contact-1 .social-qr-group .qr-unit+.qr-unit {
	margin-left: .4rem
}

.sec-contact-1 .social-qr-group .qr-frame {
	width: 1.4rem;
	height: 1.4rem;
	background: #f5f5f5;
	border-radius: .4rem;
	padding: .1rem;
	margin: 0 auto
}

.sec-contact-1 .social-qr-group .qr-frame .pic {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: .3rem;
	padding: .08rem
}

.sec-contact-1 .social-qr-group .qr-frame .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.sec-contact-1 .social-qr-group p {
	text-align: center;
	font-size: .16rem;
	color: #333;
	font-family: HONORSansCN-Bold;
	margin-top: .2rem
}

.sec-contact-2 {
	background-color: #fff;
	padding: 1.8rem 0;
	position: relative
}

.sec-contact-2 .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.sec-contact-2 .bg img {
	display: block;
	width: 100%
}

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

.sec-contact-2 .sec-title {
	margin-bottom: 1.86rem
}

.sec-abo-1 {
	padding: 1.8rem 0;
	background-color: #fff
}

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

.abo-swi .pic {
	border-radius: .4rem;
	overflow: hidden
}

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

.abo-swi .custom-pagination {
	bottom: .6rem !important;
	left: 50% !important;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	gap: .4rem
}

.abo-swi .custom-pagination .swiper-pagination-bullet {
	width: 1rem;
	height: .06rem;
	background: #fff;
	border-radius: .03rem;
	opacity: 1;
	margin: 0 !important;
	position: relative;
	overflow: hidden
}

.abo-swi .custom-pagination .swiper-pagination-bullet .progress-fill {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #2a298c;
	border-radius: .02rem
}

.abo-swi .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .progress-fill {
	animation: autoplayProgress 5s linear forwards
}

@keyframes autoplayProgress {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

.abo-text {
	margin-top: .8rem
}

.abo-text .intro-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.8rem
}

.abo-text .intro-header .year-box .since {
	text-transform: uppercase;
	font-size: .16rem;
	color: #333;
	font-family: HONORSansCN-Bold
}

.abo-text .intro-header .year-box .year {
	font-weight: 400;
	font-family: BebasNeueBold;
	color: #333;
	font-size: 1.2rem
}

.abo-text .intro-header .title-content {
	flex: 0 0 8rem
}

.abo-text .intro-header .title-content .main-title {
	font-size: .42rem;
	color: #1e1e1e;
	font-family: HONORSansCN-Bold;
	margin-bottom: .5rem
}

.abo-text .intro-header .title-content .sub-desc {
	font-size: .18rem;
	color: #333;
	line-height: .3rem
}

.abo-text .stats-grid {
	display: flex;
	justify-content: space-between
}

.abo-text .stats-grid .stat-card {
	flex: 0 0 4.4rem;
	background: #f9f9f9;
	border-radius: .4rem;
	padding: .6rem
}

.abo-text .stats-grid .stat-card .icon-box {
	width: 1.2rem;
	height: 1.2rem;
	margin-bottom: 2.2rem
}

.abo-text .stats-grid .stat-card .icon-box img {
	display: block;
	height: 100%
}

.abo-text .stats-grid .stat-card .card-content .number {
	line-height: 1;
	font-weight: 400;
	color: #2a298c;
	font-family: BebasNeueBold
}

.abo-text .stats-grid .stat-card .card-content .number em {
	font-size: 1.2rem
}

.abo-text .stats-grid .stat-card .card-content .number span {
	font-size: .24rem
}

.abo-text .stats-grid .stat-card .card-content .label {
	font-size: .2rem;
	color: #333;
	font-family: HONORSansCN-Bold
}

.news-page-sec {
	padding: 1.8rem 0;
	background-color: #fff
}

.top-big-news {
	background: #f9f9f9;
	border-radius: .4rem;
	padding: .4rem;
	display: flex;
	align-items: center;
	margin-bottom: 1.2rem
}

.top-big-news .pic {
	flex: 0 0 4.53rem;
	border-radius: .4rem;
	margin-right: .8rem;
	overflow: hidden
}

.top-big-news .pic img {
	display: block;
	width: 100%
}

.top-big-news .text {
	flex: 1
}

.top-big-news .text .top {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.top-big-news .text .top .type {
	height: .4rem;
	background: #2a298c;
	border-radius: .2rem;
	font-family: HONORSansCN-Bold;
	color: #fff;
	font-size: .14rem;
	display: flex;
	align-items: center;
	padding: 0 .2rem
}

.top-big-news .text .top .type i {
	width: .1rem;
	height: .1rem;
	background: #fff;
	margin-right: .1rem
}

.top-big-news .text .top .date {
	font-size: .16rem;
	color: #c4c4c4;
	font-family: HONORSansCN-Bold
}

.top-big-news .text .txt h3 {
	font-size: .32rem;
	color: #2a298c;
	/*white-space:nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: HONORSansCN-Bold;
	margin: .4rem 0
}

.top-big-news .text .txt p {
	font-size: .18rem;
	color: #333;
	line-height: .3rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.top-big-news .text .more {
	margin-top: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.top-big-news .text .more span {
	font-size: .16rem;
	color: #2a298c;
	font-family: HONORSansCN-Bold
}

.top-big-news .text .more .arrow {
	width: .8rem;
	height: .8rem;
	background: #2a298c url(../images/arrow-right.svg) no-repeat center center/.12rem auto;
	border-radius: .4rem
}

.news-tab {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: .8rem
}

.news-tab a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.6rem;
	height: .6rem;
	background: #f9f9f9;
	border-radius: .3rem;
	font-size: .14rem;
	color: #2a298c;
	font-family: HONORSansCN-Bold;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.news-tab a+a {
	margin-left: .3rem
}

.news-tab a.active,
.news-tab a:hover {
	color: #fff;
	background: #2a298c
}

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

.news-list .item {
	flex: 0 0 50%
}

.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)
}

.news-list .item .inner:hover .text .type {
	color: #fff;
	background: #2a298c
}

.news-list .item .inner:hover .text .type i {
	background: #fff
}

.news-list .item .inner:hover .text h3 {
	color: #2a298c
}

.news-list .item .inner {
	display: flex;
	align-items: center;
	margin: 0 .4rem .4rem;
	padding-top: .4rem;
	border-top: 1px solid #e5e5e5
}

.news-list .item .inner .pic {
	flex: 0 0 3rem;
	height: 3.82rem;
	border-radius: .3rem;
	overflow: hidden;
	margin-right: .6rem
}

.news-list .item .inner .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s
}

.news-list .item .inner .text {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.news-list .item .inner .text .type {
	height: .4rem;
	background: #f9f9f9;
	border-radius: .2rem;
	padding: 0 .2rem;
	font-size: .14rem;
	color: #2a298c;
	display: flex;
	align-items: center;
	font-family: HONORSansCN-Bold;
	-webkit-transition: color, background .3s;
	-moz-transition: color, background .3s;
	-ms-transition: color, background .3s;
	-o-transition: color, background .3s;
	transition: color, background .3s
}

.news-list .item .inner .text .type i {
	width: .1rem;
	height: .1rem;
	background: #2a298c;
	margin-right: .1rem;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}

.news-list .item .inner .text h3 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size: .24rem;
	color: #1e1e1e;
	line-height: .35rem;
	height: 1.05rem;
	font-family: HONORSansCN-Bold;
	margin: .58rem 0 .98rem;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

.news-list .item .inner .text p {
	font-size: .16rem;
	color: #c4c4c4
}

.pagination {
	display: flex;
	align-items: center;
	justify-content: center
}

.pagination a,
.pagination span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	border: 1px solid #e5e5e5;
	font-size: .16rem;
	color: #c4c4c4;
	font-family: HONORSansCN-Bold;
	margin: 0 .05rem;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.pagination span {
	border: none;
	color: #1e1e1e
}

.pagination .page-arrow {
	background: #f9f9f9 url(../images/swi-r.svg) no-repeat center center/.2rem auto;
	border: none
}

.pagination .page-arrow:hover {
	background: #2a298c url(../images/swi-r-w.svg) no-repeat center center/.2rem auto
}

.pagination .page-arrow.prev {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.pagination a.active,
.pagination a:hover {
	background: #2a298c;
	color: #fff
}

.news-det-sec {
	padding: 1.8rem 0
}

.news-det-sec .wp {
	display: flex
}

.news-det-sec .news-det-content {
	flex: 0 0 8.6rem;
	margin-right: .8rem
}

.news-det-sec .news-det-content .content {
	padding-bottom: .8rem;
	font-size: .16rem;
	color: #333;
	line-height: .3rem;
	font-weight: 500
}

.news-det-sec .news-det-content .content img {
	display: block;
	width: 100%
}

.news-det-sec .news-det-content .content p+p {
	margin-top: .4rem
}

.news-det-sec .news-det-content .content p+img {
	margin-top: .4rem
}

.news-det-sec .news-det-content .content img+p {
	margin-top: .4rem
}

.news-det-sec .news-det-content .back {
	padding-top: .6rem;
	display: flex;
	border-top: 1px solid #e5e5e5
}

.news-det-sec .news-det-content .back a {
	display: flex;
	align-items: center;
	font-size: .16rem;
	color: #2a298c;
	font-weight: 500
}

.news-det-sec .news-det-content .back a .arrow {
	width: .8rem;
	height: .8rem;
	background: #2a298c url(../images/back.svg) no-repeat center center/.18rem auto;
	border-radius: 50%;
	margin-right: .3rem
}

.news-det-sec .news-det-side {
	flex: 1
}

.side-news-item.no-pic {
	padding: 1rem 0
}

.side-news-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)
}

.side-news-item:hover .text h3 {
	color: #2a298c
}

.side-news-item {
	display: flex;
	align-items: center;
	padding: .2rem 0;
	border-bottom: 1px solid #e5e5e5
}

.side-news-item .pic {
	flex: 0 0 1.8rem;
	height: 2.29rem;
	border-radius: .3rem;
	overflow: hidden;
	margin-right: .4rem
}

.side-news-item .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.side-news-item .text {
	flex: 1
}

.side-news-item .text .top {
	display: flex;
	align-items: center;
	font-family: HONORSansCN-Bold;
	font-size: .14rem;
	margin-bottom: .2rem
}

.side-news-item .text .top .type {
	color: #2a298c
}

.side-news-item .text .top .date {
	color: #c4c4c4
}

.side-news-item .text h3 {
	font-size: .2rem;
	color: #1e1e1e;
	line-height: .35rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-family: HONORSansCN-Bold;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.sci-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.4rem .4rem
}

.sci-list .item {
	margin-bottom: .8rem;
	flex: 0 0 33.3%
}

.sci-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)
}

.sci-list .item .inner:hover .text h3 {
	color: #2a298c
}

.sci-list .item .inner {
	margin: 0 .4rem;
	display: block;
	height: 100%
}

.sci-list .item .inner .pic {
	padding-top: 100%;
	background: #f9f9f9;
	border-radius: .3rem;
	overflow: hidden;
	position: relative;
	margin-bottom: .3rem
}

.sci-list .item .inner .pic .pic-in {
	position: absolute;
	top: .2rem;
	left: .2rem;
	right: .2rem;
	bottom: .2rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .2rem;
	background-color: #fff
}

.sci-list .item .inner .pic .pic-in img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.sci-list .item .inner .text .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .2rem
}

.sci-list .item .inner .text .top .type {
	height: .4rem;
	background: #f9f9f9;
	border-radius: .2rem;
	padding: 0 .2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .14rem;
	color: #2a298c;
	font-family: HONORSansCN-Bold
}

.sci-list .item .inner .text .top .type i {
	width: .1rem;
	height: .1rem;
	background: #2a298c;
	margin-right: .1rem
}

.sci-list .item .inner .text .top .date {
	font-family: HONORSansCN-Bold;
	font-size: .16rem;
	color: #c4c4c4
}

.sci-list .item .inner .text h3 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: .24rem;
	color: #1e1e1e;
	line-height: .35rem;
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.sci-det-sec {
	padding: 1.8rem 0 1.2rem
}

.sci-det-sec p+img {
	margin-top: .4rem
}

.sci-det-sec p+p {
	margin-top: .4rem
}

.sci-det-sec .back {
	padding-top: .6rem;
	display: flex;
	justify-content: center
}

.sci-det-sec .back a {
	display: flex;
	align-items: center;
	font-size: .16rem;
	color: #c4c4c4;
	font-weight: 500
}

.sci-det-sec .back a .arrow {
	width: .8rem;
	height: .8rem;
	background: #f9f9f9 url(../images/back-vi.svg) no-repeat center center/.18rem auto;
	border-radius: 50%;
	margin-right: .3rem
}

.sci-det-wrap {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: .8rem
}

.sci-det-title {
	margin-bottom: .6rem;
	text-align: center
}

.sci-det-title h1 {
	font-size: .48rem;
	color: #1e1e1e;
	line-height: .75rem;
	font-family: HONORSansCN-Bold;
	font-weight: 400;
	margin-bottom: .4rem
}

.sci-det-title p {
	font-family: HONORSansCN-Bold;
	font-size: .2rem;
	color: #c4c4c4
}

.sci-det-intro {
	background: #f9f9f9;
	border-radius: .4rem;
	padding: 1.2rem;
	margin-bottom: .8rem;
	font-size: .16rem;
	color: #333;
	line-height: .3rem
}

.sci-det-intro img {
	display: block;
	width: 100%
}

.sci-det-content {
	font-size: .16rem;
	color: #333;
	line-height: .3rem
}

.sci-det-content img {
	display: block;
	width: 100%
}

.sci-det-content .alt {
	font-size: .14rem;
	color: #c4c4c4;
	text-align: center;
	margin-top: .2rem
}

.sci-list-sec .sec-title {
	margin-bottom: .6rem
}

.sci-list-sec {
	padding-bottom: 1.8rem
}

.sci-list2 {
	display: flex;
	margin: 0 -.2rem
}

.sci-list2 .item {
	flex: 0 0 25%
}

.sci-list2 .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)
}

.sci-list2 .item .inner:hover .text h3 {
	color: #2a298c
}

.sci-list2 .item .inner {
	margin: 0 .2rem;
	display: block
}

.sci-list2 .item .inner .pic {
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: .3rem
}

.sci-list2 .item .inner .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: contain;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.sci-list2 .item .inner .text {
	font-family: HONORSansCN-Bold
}

.sci-list2 .item .inner .text .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .2rem
}

.sci-list2 .item .inner .text .top .type {
	color: #2a298c;
	font-size: .14rem
}

.sci-list2 .item .inner .text .top .date {
	font-size: .14rem;
	color: #c4c4c4
}

.sci-list2 .item .inner .text h3 {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	font-weight: 400;
	font-size: .2rem;
	color: #1e1e1e;
	line-height: .35rem
}

.search-result-sec {
	position: relative;
	z-index: 20;
	padding-bottom: 1.8rem
}

.result-box {
	padding: 1.2rem 0;
	background: #f9f9f9;
	border-radius: .4rem;
	margin-top: -3.6rem
}

.result-box .search-wrap {
	height: 1rem;
	background: #fff;
	border-radius: .5rem;
	padding: .1rem;
	display: flex
}

.result-box .search-wrap .input {
	height: 100%;
	flex: 1;
	margin-right: .2rem;
	padding: 0 .3rem;
	font-size: .18rem;
	color: #1e1e1e;
	font-family: HONORSansCN-Bold;
	border: none;
	background: 0 0
}

.result-box .search-wrap .submit {
	flex: 0 0 1rem;
	height: 100%;
	background: #2a298c url(../images/search.svg) no-repeat center center/.17rem auto;
	border-radius: .4rem;
	position: relative;
	cursor: pointer
}

.result-box .search-wrap .submit input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0
}

.result-box .result-txt {
	text-align: center;
	font-size: .16rem;
	color: #c4c4c4;
	font-family: HONORSansCN-Bold;
	margin: .4rem 0 .6rem
}

.result-box .result-txt em {
	color: #2a298c
}

.result-list .item+.item {
	margin-top: .3rem
}

.result-list .item:hover {
	border: 2px solid #2a298c
}

.result-list .item:hover .arrow {
	background: #2a298c url(../images/swi-r-w.svg) no-repeat center center/.14rem auto
}

.result-list .item {
	background: #fff;
	border-radius: .4rem;
	border: 2px solid #e5e5e5;
	padding: .4rem;
	display: flex;
	align-items: center;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
	-ms-transition: border .3s;
	-o-transition: border .3s;
	transition: border .3s
}

.result-list .item .text {
	flex: 1;
	margin-right: .64rem
}

.result-list .item .text h3 {
	font-size: .24rem;
	color: #1e1e1e;
	font-family: HONORSansCN-Bold;
	margin-bottom: .2rem
}

.result-list .item .text p {
	font-size: .16rem;
	color: #1e1e1e;
	line-height: .3rem
}

.result-list .item .arrow {
	flex: 0 0 .4rem;
	height: .4rem;
	background: #f9f9f9 url(../images/swi-r.svg) no-repeat center center/.14rem auto;
	border-radius: 50%;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}

.float-box.show {
	opacity: 1
}

.float-box {
	position: fixed;
	z-index: 100;
	right: .1rem;
	bottom: 10%;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.float-box .item.top {
	width: .82rem;
	height: .82rem;
	background: #f9f9f9;
	box-shadow: 0 45px 80px 0 rgba(0, 0, 0, .15);
	border-radius: .4rem;
	border: 2px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-top: .08rem;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.float-box .item.top .icon {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	width: .25rem;
	height: .25rem;
	background: url(../images/to-top.svg) no-repeat center center/contain
}

.float-box .item.top:hover {
	background: #2a298c
}

.float-box .item.top:hover .icon {
	background-image: url(../images/to-top-w.svg)
}

.float-box .item.pen {
	width: .82rem;
	height: .82rem;
	background: #f9f9f9;
	box-shadow: 0 45px 80px 0 rgba(0, 0, 0, .15);
	border-radius: .4rem;
	border: 2px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-top: .08rem;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.float-box .item.pen .icon {
	width: .25rem;
	height: .25rem;
	background: url(../images/pen.svg) no-repeat center center/contain;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.float-box .item.pen:hover {
	background: #2a298c
}

.float-box .item.pen:hover .icon {
	background-image: url(../images/pen-w.svg)
}

.float-box .item.tel {
	height: 1.67rem;
	background: #f9f9f9;
	box-shadow: 0 45px 80px 0 rgba(0, 0, 0, .15);
	border-radius: .4rem;
	border: 2px solid #fff;
	cursor: pointer;
	padding: .06rem .04rem;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: relative
}

.float-box .item.tel .icon {
	width: .7rem;
	height: .7rem;
	background: #fff url(../images/tel-vi.svg) no-repeat center center/.25rem auto;
	border-radius: .35rem
}

.float-box .item.tel .txt {
	width: .7rem;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	font-size: .16rem;
	color: #0a2566;
	line-height: .25rem;
	margin-top: .15rem;
	font-family: HONORSansCN-Bold;
	text-align: center;
	padding: 0 .15rem
}

.float-box .item.tel:hover {
	background: #2a298c
}

.float-box .item.tel:hover .txt {
	color: #fff
}

.float-box .item.tel:hover .tel-box {
	opacity: 1;
	pointer-events: auto
}

.float-box .tel-box {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: absolute;
	right: calc(100% + .12rem);
	top: 0;
	height: 100%;
	box-shadow: 0 45px 80px 0 rgba(0, 0, 0, .15);
	border-radius: .4rem;
	border: 2px solid #fff;
	background: #2a298c;
	width: 2.6rem;
	padding: .25rem;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.float-box .tel-box .tit {
	display: flex;
	align-items: center
}

.float-box .tel-box .tit i {
	background: url(../images/tel.svg) no-repeat center center/contain;
	width: .25rem;
	height: .25rem;
	margin-right: .1rem
}

.float-box .tel-box .tit span {
	font-size: .16rem;
	font-family: HONORSansCN-Bold
}

.float-box .tel-box em {
	font-size: .42rem;
	line-height: 1;
	font-family: BebasNeueBold
}

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

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

.form-pop .pop-con {
	width: 7.6rem;
	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%);
	background: #f9f9f9;
	border-radius: .4rem;
	overflow: hidden;
	max-height: 90vh;
	overflow-y: auto
}

.form-pop .pop-con .top {
	position: relative;
	height: 2rem
}

.form-pop .pop-con .top img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover
}

.form-pop .pop-con .top .close {
	position: absolute;
	top: .2rem;
	right: .2rem;
	width: .8rem;
	height: .8rem;
	background: #c35;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.form-pop .pop-con .top .close i {
	width: .17rem;
	height: .16rem;
	background: url(../images/close.svg) no-repeat center center/contain
}

.form-pop .pop-con .contact-form {
	padding: .4rem
}

.form-pop .pop-con .contact-form .row {
	flex-wrap: wrap
}

.form-pop .pop-con .contact-form .row .col {
	width: 3.2rem;
	margin-bottom: .2rem
}

.form-pop .pop-con .contact-form .row+.row {
	margin-top: 0
}

.form-pop .pop-con .contact-form .row textarea {
	margin-bottom: .2rem
}

.form-pop .pop-con .contact-form .row .col.code {
	width: 100%
}

.form-pop .pop-con .contact-form .submit {
	margin-top: .2rem
}

.form-pop .pop-con .contact-form .row .col {
	height: .6rem
}

.form-pop .pop-con .contact-form .row textarea {
	height: 1.2rem
}

.form-pop .pop-con .contact-form .row .col.code .code-pic img {
	height: .55rem
}

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

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

.form-success-pop .pop-con {
	width: 6rem;
	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%);
	background: #f9f9f9;
	border-radius: .4rem;
	overflow: hidden
}

.form-success-pop .pop-con .top {
	position: relative
}

.form-success-pop .pop-con .top img {
	display: block;
	height: 100%
}

.form-success-pop .pop-con .text {
	padding: .6rem;
	text-align: center
}

.form-success-pop .pop-con .text h3 {
	font-weight: 400;
	font-family: HONORSansCN-Bold;
	font-size: .32rem;
	color: #2a298c
}

.form-success-pop .pop-con .text p {
	margin: .2rem 0 .3rem;
	font-size: .16rem;
	color: #333;
	line-height: .3rem
}

.form-success-pop .pop-con .text .btn {
	cursor: pointer;
	width: 1.6rem;
	height: .6rem;
	background: #2a298c;
	border-radius: .3rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: HONORSansCN-Bold;
	font-size: .16rem;
	color: #fff
}

.menuBtn {
	display: none
}

.service-wrap .service-list .item .bg {
	display: none
}

.contact-form .submit,
.news-det-sec .news-det-content .back a,
.result-box .search-wrap .submit,
.sci-det-sec .back a,
.search-box .input .submit,
.top-big-news .text .more .arrow,
header .hd-r .search {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.contact-form .submit:hover,
.news-det-sec .news-det-content .back a:hover,
.result-box .search-wrap .submit:hover,
.sci-det-sec .back a:hover,
.search-box .input .submit:hover,
.top-big-news .text .more:hover .arrow,
header .hd-r .search:hover {
	opacity: .8
}

.pagination a {
	padding-left: 1px
}

.footer .fd-top .nav-list {
	display: none
}

@media only screen and (max-width:767px) {

	.wp,
	.wp1000,
	.wp1200,
	.wp960,
	header .hd-wp {
		padding: 0 20px
	}

	.wp960 {
		padding: 0
	}

	.header {
		padding: 20px 0
	}

	header .logo {
		width: 147px;
		height: 20px
	}

	.header .hd-r {
		display: none;
		position: fixed;
		top: 70px;
		left: 0;
		width: 100%;
		background-color: #2a298c;
		height: calc(100vh - 70px);
		overflow-y: auto;
		padding: 20px
	}

	.nav-list {
		display: block
	}

	.menuBtn {
		display: block;
		width: 30px;
		height: 30px;
		background: url(../images/menu.svg) no-repeat center center/contain
	}

	.menuBtn.open {
		background-image: url(../images/close-vi.svg)
	}

	.nav-list .nav-sub-list-wrap {
		opacity: 1;
		position: static;
		pointer-events: auto;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}

	header.fixed .nav-list .nav-tit span,
	header.openSearch .nav-list .nav-tit span,
	header:hover .nav-list .nav-tit span {
		color: #fff
	}

	header.fixed .nav-list .nav-tit i,
	header.openSearch .nav-list .nav-tit i,
	header:hover .nav-list .nav-tit i {
		background-image: url(../images/arrow-down.svg)
	}

	.nav-list .nav-sub-list-wrap .nav-sub-list {
		padding: 0;
		background: 0 0;
		backdrop-filter: blur(0)
	}

	.nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item,
	header.fixed .nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item,
	header.openSearch .nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item,
	header:hover .nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item {
		color: #fff;
		padding: 20px 0;
		text-align: left
	}

	.nav-list .nav-sub-list-wrap {
		padding-top: 0
	}

	.nav-list .nav-item+.nav-item {
		margin-left: 0
	}

	.nav-list .nav-item:hover .nav-tit span {
		color: #fff
	}

	.nav-list .nav-item:hover .nav-tit i {
		background-image: url(../images/arrow-down.svg)
	}

	.nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item+.nav-sub-item {
		border-top: none
	}

	.nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item {
		border-bottom: 1px solid #fff
	}

	.nav-list .nav-sub-list-wrap {
		display: none
	}

	.nav-list .nav-tit i {
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%
	}

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

	.search-box {
		top: 70px;
		padding: 20px;
		background: #2a298c
	}

	.search-box .input .submit {
		flex: 0 0 50px;
		height: 50px
	}

	.search-box .input {
		height: auto;
		padding: 10px
	}

	.search-box .input {
		background-color: #fff
	}

	.search-box .input .text-input {
		padding: 0 10px
	}

	.inner-banner .wp {
		padding: 20px
	}

	.inner-banner {
		height: 400px
	}

	.inner-banner img {
		height: 100%;
		object-fit: cover
	}

	.sec-contact-1 .contact-grid {
		display: block
	}

	.sec-contact-1 .contact-grid .contact-item+.contact-item {
		margin-top: 80px
	}

	.sec-contact-2 .bg {
		position: static
	}

	.sec-contact-2 .sec-title {
		margin-bottom: 40px
	}

	.sec-contact-2 .wp {
		padding-top: 40px
	}

	.contact-form {
		padding: 25px
	}

	.contact-form .row {
		display: block
	}

	.contact-form .row .col {
		width: 100%
	}

	.contact-form .row .col+.col {
		margin-top: 20px
	}

	.contact-form .row+.row {
		margin-top: 20px
	}

	.footer .fd-top .wp {
		display: block
	}

	.footer .fd-top .fd-info {
		margin-right: 0
	}

	.footer .fd-top .fd-nav {
		margin-top: 30px;
		display: block
	}

	.footer .fd-top .fd-nav .col+.col {
		margin-top: 60px
	}

	.footer .copyright a {
		margin-left: 0
	}

	.footer .fd-top .fd-info .text p {
		margin-bottom: 30px
	}

	.footer .fd-top .fd-info .text {
		text-align: center
	}

	.footer .fd-top .fd-info .follow {
		text-align: center
	}

	.footer .media-list {
		justify-content: center
	}

	.footer .fd-top .fd-nav {
		text-align: center
	}

	.contact-form .row .col input {
		padding: 0 20px
	}

	.contact-form .row .col .placeholder {
		padding: 0 20px
	}

	.contact-form .row textarea {
		padding: 20px
	}

	.form-success-pop .pop-con {
		width: 90%
	}

	.footer .fd-top .fd-info .logo {
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.form-success-pop .pop-con .text {
		padding: 20px
	}

	.float-box {
		display: none
	}

	.sci-det-intro {
		padding: 20px
	}

	.sci-det-sec p+img {
		margin-top: 20px
	}

	.sci-det-sec p+p {
		margin-top: 20px
	}

	.sci-det-wrap {
		padding-bottom: 40px
	}

	.sci-det-sec .back {
		padding-top: 30px
	}

	.sci-list2 {
		margin: 0;
		display: block
	}

	.sci-list2 .item+.item {
		margin-top: 30px
	}

	.sci-list2 .item .inner {
		margin: 0
	}

	.sci-list-sec {
		padding-bottom: 40px
	}

	.news-tab a+a {
		margin-left: 10px
	}

	.news-tab {
		overflow-x: auto
	}

	.sci-list {
		margin: 0;
		display: block
	}

	.sci-list .item .inner {
		margin: 0
	}

	.pagination a,
	.pagination span {
		display: none
	}

	.pagination a.active,
	.pagination a.page-arrow {
		display: flex
	}

	.pagination a,
	.pagination span {
		width: 50px;
		height: 50px
	}

	.news-tab a {
		width: auto;
		padding: 0 30px
	}

	.inner-banner .ban-text .news-info+h1 {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical
	}

	.news-det-sec .wp {
		display: block
	}

	.news-det-sec .news-det-content {
		margin-right: 0
	}

	.news-det-sec .news-det-content .back {
		justify-content: center
	}

	.news-det-sec .news-det-side {
		margin-top: .8rem
	}

	.side-news-item.no-pic {
		padding: 50px 0
	}

	.side-news-item {
		display: block
	}

	.side-news-item .pic {
		height: auto;
		width: 100%;
		margin-bottom: 30px;
		overflow: hidden
	}

	.side-news-item .pic img {
		height: auto
	}

	.top-big-news {
		padding: 20px;
		display: block
	}

	.top-big-news .pic {
		margin-right: 0;
		margin-bottom: 40px
	}

	.top-big-news .text .txt h3 {
		display: block;
		white-space: normal;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}

	.top-big-news .text .more {
		margin-top: 40px
	}

	.top-big-news .text .more .arrow {
		width: 50px;
		height: 50px
	}

	.news-tab {
		display: block;
		white-space: nowrap
	}

	.top-big-news {
		margin-bottom: 60px
	}

	.news-tab a {
		line-height: 60px;
		display: inline-block;
		white-space: nowrap
	}

	.news-list {
		display: block;
		margin: 0 0 .8rem
	}

	.news-list .item .inner {
		display: block;
		margin: 0;
		padding-bottom: .4rem
	}

	.news-list .item .inner .pic {
		margin-right: 0;
		height: auto;
		width: 100%;
		margin-bottom: 30px
	}

	.news-list .item .inner .pic img {
		height: auto
	}

	.news-list .item .inner .text h3 {
		margin: 20px 0
	}

	.news-list .item .inner .text h3 {
		height: auto
	}

	.result-box {
		margin-top: 0
	}

	.inner-banner.center .wp {
		top: auto;
		bottom: 0
	}

	.inner-banner .ban-text h1 {
		text-align: left
	}

	.result-box {
		padding: 20px 0
	}

	.result-box .search-wrap .submit {
		flex: 0 0 50px;
		height: 50px
	}

	.result-box .search-wrap .input {
		fleX: 1;
		width: calc(100% - 50px);
		padding: 0 20px;
		margin-right: 0;
		height: 50px;
		font-size: 16px
	}

	.result-box .search-wrap {
		height: auto;
		padding: 10px
	}

	.result-box .result-txt {
		margin: 20px 0
	}

	.result-list .item {
		padding: 20px;
		display: block
	}

	.result-list .item .text {
		margin-right: 0;
		margin-bottom: 20px
	}

	.result-list .item .arrow {
		width: 40px;
		height: 40px
	}

	.result-list .item .text h3 {
		font-size: 20px
	}

	.inner-banner .ban-text h1 {
		font-size: 48px
	}

	.inner-banner .ban-text .link a {
		height: 60px;
		width: auto;
		padding: 0 30px
	}

	.inner-banner .ban-text .link a+a {
		margin-left: 10px
	}

	.service-1-top {
		display: block
	}

	.service-1-top .nav {
		margin-right: 0;
		padding: 0 30px 20px
	}

	.service-1-top .nav .title:After {
		left: -30px
	}

	.service-1-top .nav .title {
		padding: 30px 0;
		margin-bottom: 30px
	}

	.service-1-top .content {
		margin-top: 40px
	}

	.service-1-top .content .title .icon {
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8)
	}

	.service-1-top .content .title {
		margin-bottom: 30px
	}

	.service-1-pic {
		margin: 60px 0
	}

	.service-1-tab {
		display: block
	}

	.service-1-tab .item+.item {
		margin-top: 30px
	}

	.service-1-tab .item {
		flex: 0 0 auto
	}

	.service-1-box {
		display: block
	}

	.service-1-box {
		padding: 20px
	}

	.service-1-box .title {
		margin-right: 0;
		margin-bottom: 30px
	}

	.sec-service-2 {
		line-height: normal
	}

	.sec-service-3 .sec-title {
		margin-bottom: 40px
	}

	.swiper-button-next,
	.swiper-button-prev {
		display: none !important
	}

	.sec-service-3 .ser-swi .swiper-pagination .swiper-pagination-bullet {
		margin: 0 10px
	}

	.sec-service-4 .list {
		display: block
	}

	.sec-service-4 .list .item+.item {
		margin-top: 30px
	}

	.abo-swi .custom-pagination .swiper-pagination-bullet {
		width: 50px
	}

	.abo-swi .custom-pagination {
		bottom: 20px !important;
		gap: 10px !important
	}

	.abo-text .intro-header {
		display: block
	}

	.abo-text .stats-grid {
		display: block
	}

	.abo-text .stats-grid .stat-card {
		padding: 30px
	}

	.abo-text .stats-grid .stat-card .icon-box {
		margin-bottom: 80px
	}

	.abo-text .stats-grid .stat-card+.stat-card {
		margin-top: 30px
	}

	.abo-text .intro-header .year-box {
		text-align: center
	}

	.abo-text .intro-header .title-content .main-title,
	.abo-text .intro-header .title-content .sub-desc {
		text-align: center
	}

	.abo-text .stats-grid .stat-card {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: center
	}

	.abo-text .stats-grid .stat-card .icon-box {
		display: flex;
		align-items: center;
		justify-content: center
	}

	.banner .wp h3 {
		font-size: 48px;
		line-height: normal
	}

	.sec-about {
		line-height: normal
	}

	.about-text {
		display: block
	}

	.g-btn {
		margin: 0 auto
	}

	.about-text .pic {
		margin-top: 80px
	}

	.about-data {
		flex-wrap: wrap
	}

	.about-data .col+.col {
		margin-top: 80px
	}

	.about-data .col {
		flex: 0 0 50%;
		text-align: center
	}

	.about-data .col p {
		padding-left: 0
	}

	.about-text {
		text-align: center
	}

	.service-wrap {
		height: auto
	}

	.service-wrap .service-list {
		display: block;
		position: static
	}

	.service-wrap .bg-box {
		display: none
	}

	.service-wrap .service-list .item * {
		position: relative;
		z-index: 3
	}

	.service-wrap .service-list .item {
		line-height: normal;
		padding: 120px 30px;
		position: relative
	}

	.service-wrap .service-list .item:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 2;
		background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%)
	}

	.service-wrap .service-list .item.active:after {
		background: linear-gradient(0deg, rgba(42, 41, 140, .8) 0, rgba(42, 41, 140, .1) 100%)
	}

	.service-wrap .service-list .item .bg {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		object-fit: cover;
		z-index: 1
	}

	.inv-box {
		display: block
	}

	.inv-box .title {
		margin-bottom: 30px
	}

	.news-swi .swiper-slide .text {
		padding: 40px
	}

	.sec-contact .top {
		display: block
	}

	.sec-contact .top .text .item .icon {
		flex: 0 0 .6rem
	}

	.sec-contact .top .pic .qr-con {
		left: 0;
		bottom: 20px;
		justify-content: center;
		width: 100%
	}

	.sec-contact {
		padding-bottom: 80px
	}

	.plat-swi-wrap {
		overflow: hidden
	}

	.plat-box .plat-swi {
		margin: 0;
		overflow: visible
	}

	.sec-contact-2 {
		padding-top: 0
	}

	.footer .fd-top .fd-info .text {
		margin-bottom: 60px
	}

	.footer .fd-top .fd-info .follow {
		margin-bottom: 60px
	}

	.news-list .item .inner .text h3 {
		font-size: 20px
	}

	.nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item {
		font-size: 16px
	}

	header .hd-wp {
		justify-content: center;
		position: relative
	}

	header .logo {
		height: 30px
	}

	.menuBtn {
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -15px
	}

	.nav-list .nav-item {
		padding: 20px 0;
		border-bottom: 1px solid #fff
	}

	.nav-list .nav-tit {
		justify-content: space-between
	}

	.nav-list .nav-tit i {
		flex: 0 0 .1rem
	}

	.nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item {
		border-bottom: 1px solid rgba(255, 255, 255, .5)
	}

	.nav-list .nav-sub-list-wrap .nav-sub-list .nav-sub-item:last-child {
		border-bottom: none
	}

	.nav-list .nav-sub-list-wrap .nav-sub-list {
		padding-top: 20px
	}

	.inner-banner .ban-text h1 {
		text-align: center
	}

	.inner-banner .ban-text .link {
		justify-content: center
	}

	header .hd-r .search {
		margin: 30px auto 0
	}

	.nav-list .nav-tit i {
		width: 20px;
		height: 20px
	}

	.about-data {
		display: block
	}

	.contact-form .row .col.code .code-pic {
		padding-right: 20px
	}

	.search-result-sec {
		padding-top: 1.8rem
	}

	.sci-det-title h1 {
		font-size: 36px;
		line-height: normal
	}

	.sci-det-title p {
		font-size: 18px
	}

	.form-pop .pop-con {
		width: 90%;
		max-height: none
	}

	.form-pop .pop-con .contact-form .row .col {
		width: 100%
	}

	.form-pop .pop-con .contact-form {
		max-height: 60vh;
		overflow-y: auto;
		padding: 40px 20px
	}

	.sec-contact .top .text h3 {
		text-align: center
	}

	.sec-contact .top .text p {
		text-align: center
	}

	.footer .fd-top .nav-list {
		display: block
	}

	.footer .fd-top .fd-nav {
		display: none
	}
}

.service-1-box ul li dl {
	display: none;
}

.service-1-box ul .li_title {
	position: relative;
	cursor: pointer;
	padding-right: .5rem;
}

.service-1-box ul .li_title i {
	background: #2A298C;
	width: .35rem;
	height: .35rem;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
}

.service-1-box ul .li_title i:after {
	content: '';
	width: .15rem;
	height: 3px;
	background: #fff;
	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%);
}

.service-1-box ul .li_title i:before {
	content: '';
	height: .15rem;
	width: 3px;
	background: #fff;
	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%);
}

.service-1-box ul li.active .li_title i:before {
	display: none;
}

.service-1-box ul li.active dl {
	display: block;
}

@media only screen and (max-width: 767px) {
	.service-1-box ul .li_title {
		padding-right: 30px;
	}

	.service-1-box ul .li_title i {
		right: -20px;
	}
}


.det-apply-sec {
	padding-top: 1.8rem
}

.det-apply {
	background: #f9f9f9;
	border-radius: .4rem;
	padding: .8rem;
	text-align: center
}

.det-apply h3 {
	font-family: HONORSansCN-Bold;
	font-weight: 400;
	font-size: .42rem;
	color: #2a298c;
	padding-bottom: .3rem;
	margin-bottom: .3rem;
	position: relative
}

.det-apply h3:after {
	content: '';
	width: .4rem;
	height: .1rem;
	background: #2a298c;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -.2rem
}

.det-apply p {
	font-family: HONORSansCN-Bold;
	font-size: .24rem;
	color: #333;
	line-height: .4rem
}

.det-video {
	padding: 1.2rem 0
}

.det-video .title {
	text-align: center;
	font-size: .42rem;
	color: #1e1e1e;
	line-height: 1;
	margin-bottom: .6rem;
	font-family: HONORSansCN-Bold
}

.det-video.bg {
	background: #f9f9f9
}

.det-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.4rem -.8rem
}

.det-list .item {
	/*flex: 0 0 50%;*/
	flex: 0 0 25%;
	margin-bottom: .8rem
}

.det-list .item .inner {
	margin: 0 .4rem
}

.det-list .item .inner h4 {
	text-align: center;
	font-family: HONORSansCN-Bold;
	margin-top: .3rem;
	color: #333;
	font-size: .24rem
}

.det-list .item.pause .button {
	background-image: url(../images/play.svg)
}

.det-list .button {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	width: .6rem;
	height: .6rem;
	background: #fff url(../images/pause.svg) no-repeat center center/.2rem auto;
	border-radius: 50%;
	bottom: .2rem;
	left: .2rem
}

.det-list .button.fd {
	background-image: url(../images/fd.svg)
}

.det-list .media {
	padding-top: 75%;
	position: relative;
	overflow: hidden;
	border-radius: .4rem
}

.det-list .media img,
.det-list .media video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover
}

@media only screen and (max-width:767px) {
	.det-apply-sec {
		padding-top: 1.2rem
	}

	.det-apply {
		padding: 30px
	}

	.det-list {
		display: block;
		margin-left: 0;
		margin-right: 0
	}

	.det-list .item .inner {
		margin: 0
	}
}

.fancybox__container {
	z-index: 2050 !important
}