.swiper-img-box {
	width: 100%;
	height: 837px;
	background: url("../img/swiper-img-box.png") no-repeat;
	background-size: 100% 100%;
	padding-top: 80px;
	object-fit: cover
}

.swiper-banner-wrap {
	width: 1600px;
	margin: 0 auto 0;
	height: 680px;
	padding: 40px;
	background: #fff
}

.swiper-banner-wrap .swiper-container .swiper-slide img.animate-img {
	width: 605.46px !important;
	height: 94.99px !important;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -79px;
	margin-left: -302.5px;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
	animation: stair-reveal 1s ease-in-out forwards
}

.swiper-banner-wrap .swiper-container .swiper-slide img.animate-img.animate {
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
	animation: stair-reveal 0.6s ease-in-out forwards
}

.swiper-banner-wrap .swiper-container .swiper-slide .animate-word-box {
	width: 626px !important;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -79px;
	margin-left: -313px;
	display: flex
}

.swiper-banner-wrap .swiper-container .swiper-slide .animate-word-box img {
	width: 202px !important;
	height: 95px !important;
	display: block;
	opacity: 0;
	animation: appear 0.5s forwards
}

.swiper-banner-wrap .swiper-container .swiper-slide .animate-word-box img:nth-child(1) {
	animation-delay: 0s;
	margin-right: 20px
}

.swiper-banner-wrap .swiper-container .swiper-slide .animate-word-box img:nth-child(2) {
	animation-delay: 0.5s
}

.swiper-banner-wrap .swiper-container .swiper-slide .animate-word-box img:nth-child(3) {
	animation-delay: 1s
}

.swiper-banner-wrap .swiper-container .swiper-slide .animate-word-box img:nth-child(4) {
	animation-delay: 1.5s
}

.swiper-banner-wrap .swiper-container .swiper-slide .animate-word-box img:nth-child(5) {
	animation-delay: 2s
}

.swiper-banner-wrap .swiper-container .swiper-slide .animate-word-box img:nth-child(6) {
	animation-delay: 2.5s
}

@keyframes appear {
	from {
		opacity: 0;
		transform: translateX(-20px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

.about-wrap {
	width: 100%;
	margin-top: -117px;
	position: relative;
	z-index: 10
}

.about-wrap .wth1600 {
	background: #fff;
	padding: 0 40px
}

.about-wrap .about-info {
	width: 100%;
	padding-top: 18px
}

.about-wrap .about-info .company-txt {
	width: 1002px;
	padding-top: 28px;
	margin-right: 88px
}

.about-wrap .about-info .company-txt p {
	color: #272844;
	font-size: 16px;
	line-height: 32px
}

.about-wrap .about-info .company-txt p span {
	color: #073ad1;
	font-size: 24px;
	font-weight: 700
}

.about-wrap .about-info .digital-box {
	padding-top: 28px;
	width: calc(100% - 1090px)
}

.about-wrap .about-info .digital-box .digit-item {
	width: 50%;
	margin-bottom: 33px
}

.about-wrap .about-info .digital-box .digit-item p {
	height: 53px;
	line-height: 53px
}

.about-wrap .about-info .digital-box .digit-item p span {
	color: #073ad1;
	font-size: 20px
}

.about-wrap .about-info .digital-box .digit-item p span.num {
	color: #073ad1;
	font-size: 40px;
	font-weight: 700
}

.about-wrap .about-info .digital-box .digit-item p span.small {
	font-size: 40px
}

.about-wrap .about-info .digital-box .digit-item p.t_b {
	height: 21px;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	line-height: 21px;
	color: #272844
}

.link-wrap {
	width: 100%;
	padding-top: 40px
}

.link-wrap .wth1600 {
	background: #fff;
	padding: 0 40px
}

.link-wrap .link-list {
	width: 100%
}

.link-wrap .link-list .link-item {
	display: block;
	width: 492px;
	height: 120px;
	line-height: 120px;
	padding: 0 100px;
	float: left;
	margin: 0 22px 22px 0
}

.link-wrap .link-list .link-item img {
	width: 48px;
	height: 48px;
	margin: 46px 10px 0 0;
	float: left
}

.link-wrap .link-list .link-item p {
	font-family: MicrosoftYaHei-Bold;
	font-weight: 700;
	font-size: 20px;
	float: left;
	color: #25287E
}

.link-wrap .link-list .link-item:nth-child(1) {
	background: url("../img/new/link-bg-fresh01.png");
	background-size: 100% 100%
}

.link-wrap .link-list .link-item:nth-child(2) {
	background: url("../img/new/link-bg-fresh02.png");
	background-size: 100% 100%
}

.link-wrap .link-list .link-item:nth-child(3) {
	background: url("../img/new/link-bg-fresh03.png");
	background-size: 100% 100%
}

.link-wrap .link-list .link-item:nth-child(4) {
	background: url("../img/new/link-bg-fresh04.png");
	background-size: 100% 100%
}

.link-wrap .link-list .link-item:nth-child(5) {
	background: url("../img/new/link-bg-fresh05.png");
	background-size: 100% 100%
}

.link-wrap .link-list .link-item:nth-child(6) {
	background: url("../img/new/link-bg-fresh06.png");
	background-size: 100% 100%
}

.link-wrap .link-list .link-item:nth-child(3n) {
	margin-right: 0
}

.link-wrap .link-list .link-item:hover p {
	color: #FFFFFF
}

.link-wrap .link-list .link-item:nth-child(1):hover {
	background: url("../img/new/link-active-bg-fresh01.png");
	background-size: 100% 100%
}

.link-wrap .link-list .link-item:nth-child(3):hover {
	background: url("../img/new/link-active-bg-fresh03.png");
	background-size: 100% 100%
}

.link-wrap .link-list .link-item:nth-child(2):hover {
	background: url("../img/new/link-active-bg-fresh02.png");
	background-size: 100% 100%
}

.link-wrap .link-list .link-item:nth-child(4):hover {
	background: url("../img/new/link-active-bg-fresh04.png");
	background-size: 100% 100%
}

.link-wrap .link-list .link-item:nth-child(6):hover {
	background: url("../img/new/link-active-bg-fresh06.png");
	background-size: 100% 100%
}

.link-wrap .link-list .link-item:nth-child(5):hover {
	background: url("../img/new/link-active-bg-fresh05.png");
	background-size: 100% 100%
}

.news-wrap {
	width: 100%
}

.news-wrap .wth1600 {
	background: #fff;
	padding: 0 40px
}

.news-wrap .news-swiper-box {
	width: 100%;
	height: 100%;
	padding: 18px 0 40px
}

.news-wrap .news-swiper-box .hd {
	width: 100%;
	padding: 0 0 33px
}

.news-wrap .news-swiper-box .hd h3 {
	float: left;
	font-family: MicrosoftYaHei-Bold;
	font-weight: 700;
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 35px;
	color: #333333;
	position: relative
}

.news-wrap .news-swiper-box .hd h3::after {
	width: 284px;
	height: 22px;
	background: url("../img/new/news-en-bg.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 22px;
	left: 0;
	content: ''
}

.news-wrap .news-swiper-box .hd .more {
	float: right;
	display: block;
	line-height: 22px;
	margin-top: 9px
}

.news-wrap .news-swiper-box .hd .more p {
	font-family: STSongti-SC-Regular;
	font-weight: 400;
	font-size: 16px;
	color: #999999;
	float: left;
	margin-right: 5px
}

.news-wrap .news-swiper-box .hd .more img {
	width: 18px;
	height: 18px;
	float: left;
	margin-top: 2px
}

.news-wrap .news-swiper-box .hd .more:hover p {
	color: #073AD1
}

.news-wrap .news-swiper-box .bd {
	width: 100%;
	height: calc(100% - 135px)
}

.news-wrap .news-swiper-box .bd .swiper-flex {
	width: 100%;
	height: 100%
}

.news-wrap .news-swiper-box .bd .swiper-flex .news-swiper {
	width: 760px
}

.news-wrap .news-swiper-box .bd .swiper-flex .swiper-slide .img-box {
	width: 100%;
	height: 428px;
	overflow: hidden
}

.news-wrap .news-swiper-box .bd .swiper-flex .swiper-slide img {
	object-fit: cover;
	transition: transform 0.8s ease-in-out
}

.news-wrap .news-swiper-box .bd .swiper-flex .swiper-slide img:hover {
	transform: scale(1.2)
}

.news-wrap .news-swiper-box .bd .swiper-flex .swiper-slide .btm-info-box {
	width: 100%;
	padding: 24px 29px 0 0
}

.news-wrap .news-swiper-box .bd .swiper-flex .swiper-slide .btm-info-box .info_l {
	width: 510px;
	float: left;
	padding-top: 2px
}

.news-wrap .news-swiper-box .bd .swiper-flex .swiper-slide .btm-info-box .info_l h3 {
	font-family: MicrosoftYaHei-Bold;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all 0.5s ease;
	margin-bottom: 9px
}

.news-wrap .news-swiper-box .bd .swiper-flex .swiper-slide .btm-info-box .info_l h3:hover {
	font-size: 26px;
	transition: all 0.6s ease !important;
	color: #073AD1
}

.news-wrap .news-swiper-box .bd .swiper-flex .swiper-slide .btm-info-box .info_l p {
	font-family: MicrosoftYaHei;
	font-size: 18px;
	color: #333333;
	line-height: 24px
}

.news-wrap .news-swiper-box .bd .swiper-flex .swiper-slide .btm-info-box .btn {
	width: 104px;
	height: 36px;
	background: #073AD1;
	text-align: center;
	line-height: 36px;
	float: right;
	margin-top: 45px;
	display: block
}

.news-wrap .news-swiper-box .bd .swiper-flex .swiper-slide .btm-info-box .btn p {
	font-family: MicrosoftYaHei;
	font-size: 16px;
	color: #FFFFFF
}

.news-wrap .news-swiper-box .bd .swiper-flex .news-list {
	float: right;
	width: 726px;
	border-top: 1px solid #E0E0E0
}

.news-wrap .news-swiper-box .bd .swiper-flex .news-list .news-item {
	width: 100%;
	height: 94px;
	border-bottom: 1px solid #E0E0E0;
	padding: 19px 18px 19px 10px;
	cursor: pointer
}

.news-wrap .news-swiper-box .bd .swiper-flex .news-list .news-item .date-box {
	float: left;
	width: 76px;
	height: 56px;
	border: 1px solid #E0E0E0;
	text-align: center;
	padding-top: 4px;
	margin-right: 9px
}

.news-wrap .news-swiper-box .bd .swiper-flex .news-list .news-item .date-box h3 {
	font-family: MicrosoftYaHei-Bold;
	font-weight: 700;
	font-size: 22px;
	color: #333333;
	line-height: 28px
}

.news-wrap .news-swiper-box .bd .swiper-flex .news-list .news-item .date-box p {
	font-family: MicrosoftYaHei;
	font-size: 16px;
	color: #333333;
	line-height: 18px
}

.news-wrap .news-swiper-box .bd .swiper-flex .news-list .news-item .txt {
	float: left;
	width: 435px;
	font-family: MicrosoftYaHei;
	font-size: 20px;
	color: #333333;
	line-height: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.news-wrap .news-swiper-box .bd .swiper-flex .news-list .news-item img {
	width: 15px;
	height: 15px;
	margin-top: 23px;
	float: right
}

.news-wrap .news-swiper-box .bd .swiper-flex .news-list .news-item:hover .txt {
	font-weight: 700;
	color: #073AD1
}

.syzt-wrap {
	width: 100%;
	background: #FFFFFF
}

.syzt-wrap .wth1600 {
	background: #fff;
	padding: 0 40px
}

.syzt-wrap .syzt-banner-box {
	width: 100%;
	height: 260px;
	background: url("../img/new/syzt-banner-bg.png") no-repeat;
	background-size: 100% 100%;
	padding: 28px 26px 31px 0
}

.syzt-wrap .syzt-banner-box .digital-box {
	width: calc(100% - 736px);
	padding: 62px 16px 0 0;
	float: left
}

.syzt-wrap .syzt-banner-box .digital-box .digit-item {
	width: 33.333333%;
	float: left
}

.syzt-wrap .syzt-banner-box .digital-box .digit-item .num-box {
	text-align: center;
	height: 53px;
	line-height: 53px;
	margin-bottom: 6px
}

.syzt-wrap .syzt-banner-box .digital-box .digit-item .num-box .num {
	color: #fffefe;
	font-size: 40px;
	font-weight: 700
}

.syzt-wrap .syzt-banner-box .digital-box .digit-item .num-box span {
	color: #fffefe;
	font-size: 20px
}

.syzt-wrap .syzt-banner-box .digital-box .digit-item .text_n {
	width: 100%;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	color: #FFFEFE;
	text-align: center;
	line-height: 22px
}

.syzt-wrap .syzt-banner-box .syzt-info-txt {
	width: 736px;
	height: 100%;
	float: left;
	background: rgba(7, 58, 209, 0.8);
	border-radius: 16px 0 16px 0;
	padding: 26px 24px 0
}

.syzt-wrap .syzt-banner-box .syzt-info-txt .hd {
	width: 100%;
	margin-bottom: 15px
}

.syzt-wrap .syzt-banner-box .syzt-info-txt .hd .title_hd {
	float: left
}

.syzt-wrap .syzt-banner-box .syzt-info-txt .hd .title_hd img {
	width: 32px;
	height: 26px;
	float: left;
	margin: 6px 8px 0 0
}

.syzt-wrap .syzt-banner-box .syzt-info-txt .hd .title_hd h3 {
	font-family: MicrosoftYaHei-Bold;
	font-weight: 700;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 38px;
	float: left
}

.syzt-wrap .syzt-banner-box .syzt-info-txt .hd .more {
	float: right;
	line-height: 38px;
	cursor: pointer
}

.syzt-wrap .syzt-banner-box .syzt-info-txt .hd .more p {
	font-family: initial !important;
	font-weight: normal !important;
	font-size: 16px;
	color: #fff;
	margin-right: 5px;
	float: left
}

.syzt-wrap .syzt-banner-box .syzt-info-txt .hd .more img {
	width: 18px;
	height: 18px;
	margin-top: 10px;
	float: left
}

.syzt-wrap .syzt-banner-box .syzt-info-txt .bd {
	width: 100%
}

.syzt-wrap .syzt-banner-box .syzt-info-txt .bd p {
	font-size: 18px;
	color: #FFFFFF;
	line-height: 32px
}

.syzt-wrap .partner-swiper-box {
	width: 100%;
	height: 160px
}

.syzt-wrap .partner-swiper-box .swiper-container .swiper-slide {
	width: auto !important;
	height: auto !important
}

.syzt-wrap .partner-swiper-box .swiper-container .swiper-slide a {
	display: block;
	padding-top: 48px
}

.syzt-wrap .partner-swiper-box .swiper-container .swiper-slide img {
	width: auto !important;
	height: auto !important
}

.menu-float-box {
	width: 124px;
	height: 374px;
	background: #FFFFFF;
	box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.14);
	border-radius: 8px;
	position: fixed;
	top: 46%;
	right: 8px;
	padding: 2px;
	z-index: 99;
	transition: all ease-in-out 0.3s
}

.menu-float-box .title-box {
	width: 100%;
	height: 48px;
	background: #073AD1;
	border-radius: 6px 6px 0 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.menu-float-box .title-box img {
	width: 20px;
	height: 20px;
	object-fit: contain;
	margin-right: 2px
}

.menu-float-box .title-box h3 {
	font-size: 18px;
	color: #FFFFFF
}

.menu-float-box .menu-list {
	width: 100%;
	height: 288px
}

.menu-float-box .menu-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	border-bottom: 1px solid rgba(51, 51, 51, 0.1)
}

.menu-float-box .menu-list a p {
	font-size: 16px;
	color: #272844
}

.menu-float-box .menu-list a:hover p {
	color: #073AD1
}

.menu-float-box .arrow-link {
	width: 100%;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.menu-float-box .arrow-link img {
	width: 12px;
	height: 12px
}

.menu-float-box .arrow-link.close img {
	transform: rotate(180deg)
}

@keyframes stair-reveal {
	0% {
		clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)
	}

	20% {
		clip-path: polygon(0% 0%, 20% 0%, 20% 20%, 0% 20%)
	}

	40% {
		clip-path: polygon(0% 0%, 40% 0%, 40% 40%, 0% 40%)
	}

	60% {
		clip-path: polygon(0% 0%, 60% 0%, 60% 60%, 0% 60%)
	}

	80% {
		clip-path: polygon(0% 0%, 80% 0%, 80% 80%, 0% 80%)
	}

	100% {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
	}
}