* {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

i {
	font-style: normal;
}

html,
body {
	height: 100%;
	background: #FFFFFF;
	font-family: '思源黑体';
}

.box {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	/* max-width: 460px; */
	max-width: 640px;
	margin: 0 auto;
}

.page {
	height: 100vh;
	width: 100vw;
	overflow: hidden;
	position: absolute;
	display: none;
	/* max-width: 460px; */
	max-width: 640px;
}

.hide {
	display: none;
}

.page:nth-child(1) {
	display: block;
}

.page:nth-child(3) {}

.page:nth-child(4) {}

.page:nth-child(5) {}

.out-top {
	animation: out-top .5s linear both;
}

.in-top {
	animation: in-top .5s linear both;
}

.out-down {
	animation: out-down .5s linear both;
}

.in-down {
	animation: in-down .5s linear both;
}

/* 當前頁向上翻 隱藏- */
@keyframes out-top {
	0% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(-100%);
	}
}

/* 下一頁到當前頁 - 顯示 */
@keyframes in-top {
	0% {
		transform: translateY(100%);
	}

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

/* 當前頁到向下 - 隱藏 */
@keyframes out-down {
	0% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(100%);
	}
}

/* 上一頁到當前頁 顯示 */
@keyframes in-down {
	0% {
		transform: translateY(-100%);
	}

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


.next {
	width: 16px;
	height: 16px;
	display: inline-block;
	position: absolute;
	bottom: 50px;
	left: calc(50% - 8px);
	/* transform: rotate(-45deg); */
	transition: all 1s ease;
	animation: nextAm 1s linear infinite;
	background-image: url("../img/arrow-all.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.next.next-last {
	background: none !important;
}

.next-p {
	font-size: 12px;
	color: #999999;
	position: absolute;
	bottom: 18px;
	left: 50%;
	margin-left: -42px;
}

@keyframes nextAm {
	0% {

		bottom: 46px;
	}

	100% {
		bottom: 38px;
	}
}

.word {
	width: 100%;
	text-align: center;
	padding-left: 60px;
	font-size: 30px;
}


/*动画名字， 动画运行的时间，alternate平滑过渡， infinite是反复执行*/
/* .imgAnimation{
		      animation-name: imgAnimation;
		      animation: imgAnimation 2s alternate infinite;
		      -webkit-animation: imgAnimation 2s alternate infinite;
		      -moz-animation: imgAnimation 2s alternate infinite;
		 }		 
		 @-webkit-keyframes imgAnimation{
		    0%{ opacity: 0}
		    50%{ opacity: 0.5}
		    100%{ opacity: 1}
		 }
		  @-moz-keyframes imgAnimation{
		    0%{ opacity: 0}
		    50%{ opacity: 0.5}
		    100%{ opacity: 1}
		 } */
.index1-page {
	background: url("../assets/index1-page/bg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.index2-page {
	background: url("../assets/index2-page/bg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.index3-page {
	background: url("../assets/index2-page/bg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.index4-page,
.index5-page,
.index6-page,
.index7-page,
.index8-page,
.index9-page,
.index91-page,
.index92-page,
.index10-page,
.index101-page,
.index12-page {
	background: url("../assets/index2-page/bg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	/* position: relative; */
}

.index11-page {
	background: url("../assets/index13-page/3.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.index1-logo01 {
	margin-top: 0.5vh;
	width: 100vw;
	max-width: 500px;
}

.index1-logo02 {
	position: absolute;
	top: 70vh;
	right: 0;
	height: 26vh;
	/* max-width: 400px; */
}

.index1-think {
	width: 79vw;
	margin-left: 10vw;
	margin-top: 2vh;
	max-width: 387px;
}

.index1-fonts {
	width: 79vw;
	margin-left: 11vw;
	margin-top: 6vh;
	max-width: 387px;
}

.index1-thanks {
	color: #2945A1;
	font-size: 5vw;
	margin-top: 2vh;
	margin-left: 8.2vw;
	padding: 2vw 5vw 2.1vw 0.4vw;
	display: inline-block;
	background: url("../img/1-fontsbg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.index-book {
	width: 19vw;
	height: auto;
	top: 38vh;
	left: 10vw;
	position: absolute;
	max-width: 100px;
}

.index-box1 {
	position: absolute;
	left: 20vw;
	bottom: 23vh;
	width: 4vw;
	max-width: 20px;
}

.index-box2 {
	position: absolute;
	left: 6vw;
	bottom: 10vh;
	width: 10vw;
	max-width: 50px;
}

.index-box {
	width: 7.7vw;
	height: auto;
	position: absolute;
	right: 10vw;
	top: 31vh;
	max-width: 45px;
}

.index-button-out{
	position: fixed;
	bottom: 9vh;
	width: 100%;
	/* background: red; */
	display: flex;
	justify-content: center;
}

.index-button {
	
	width: 68vw;
	/* left: 50%;
	margin-left: -30vw; */
	
	height: 7vh;
	border: 0px;
	color: #255FEA;
	font-size: 5.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 2px;
	max-width: 300px;
	background-color: #f7fDff;
	border-radius: 8vh;
	box-shadow: 0px 10px 10px rgba(0, 160, 255, 0.15);
}

.index-button-span {
	font-size: 2.89vh;
	font-family: Source Han Sans, Source Han Sans;
	font-weight: 700;
	background: linear-gradient(180deg, #255FEA 0%, #255FEA 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.index-arrow {
	width: 7vw;
	margin-left: 2vw;
	display: inline-block;
	height: 2.8vh;
	background-image: url("../assets/index1-page/arrow01.png");
	background-size: 100% 100%;
	margin-top: 0.2vh;
}

.index2-page-frame {
	position: relative;
	/* margin-top: 2vh; */
	/* margin-left: 7vh;
	margin-right: 5vh; */
	/* overflow: hidden; */
	height: 81vh;
	/* background: #ffffff; */
}

.index2-page-vertical-line {
	position: absolute;
	top: 6.5vh;
	height: 56.5vh;
	left: 3vh;
}

.index2-page-1 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	/* background: red; */
}

.index2-page-1png {
	height: 5.5vh;
	/* background: #fff; */
}

.index2-page-1-right {
	margin-left: 1vh;
	display: flex;
	justify-items: center;
}

.index2-page-1-right-year {
	font-size: 1.5vh;
	font-family: Source Han Sans, Source Han Sans;
	font-weight: 700;
	background: linear-gradient(180deg, #093499 0%, #093499 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.index2-page-1-right-content {
	font-size: 1.5vh;
	line-height: 2.5vh;
	color: #4665ae;
}

.index2-page-img {
	position: absolute;
	z-index: 10;
}

.index2-page-mb {
	margin-bottom: 3.9vh;
}

.index3-page-out {
	margin-top: 0vh;
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
	/* background-color: #0089EE; */
}

.index3-page-gradient {
	height: 13vh;
	margin-left: 2vw;
}

.index3-page-out-1 {
	top: 0;
	margin-top: 7vh;
	position: absolute;
	width: 100%;
}

.index3-page-company-name {
	height: 2.7vh;
}

.index3-page-zscl {
	height: 8vh;
}

.index3-page-introduce {
	height: 6.5vh;
}

.index3-page-bg-2 {
	height: 30vh;
}

.index3-page-erweima {
	height: 12vh;
}

.index3-page-mt {
	margin-top: 1.3vh;
}

.index5-page-png-11 {
	height: 11vh;
	margin-left: -6vh;
}

.index5-page1 {
	/* background: red; */

	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 2.5vh;
}

.index5-page-png-0 {
	position: relative;
	height: 2vh;
}

.index5-page-png-17-out {
	position: absolute;
	top: 2vh;
	display: flex;
	justify-content: center;
	/* left: 2vw; */
}

.index5-page-png-17 {
	/* margin-: 20vh; */
	height: 5vh;
}

.index5-page-png-14 {
	height: 2vh;
	margin-left: 0.5vh;
}

.index5-page-png-15 {
	height: 33vh;
}

.index5-page15-out {
	/* background-color: #0089EE; */
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 14vh;

	/* background: green; */
}

.index5-page15 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100vw;
	/* background: red; */
}

.index5-page-png-16-out {
	position: absolute;
	top: -5vh;
	display: flex;
	justify-content: center;
	/* right: 19vh; */
}

.index5-page-png-16 {
	margin-left: 15vh;
	height: 5vh;
}

.index5-page-png-17-out {
	position: absolute;
	display: flex;
	justify-content: center;
	top: 2vh;
	/* left: 10vh; */
}

.index5-page-png-17 {
	height: 9vh;
	margin-right: 22vh;
}

.index5-page-png-18-out {
	position: absolute;
	top: 6vh;
	display: flex;
	justify-content: center;
}

.index5-page-png-18 {
	margin-left: 23vh;
	height: 7vh;
}

.index5-page-png-19-out {
	position: absolute;
	top: 20vh;
	display: flex;
	justify-content: center;
	/* left: 17vh; */
}

.index5-page-png-19 {
	margin-right: 10vh;
	height: 5vh;
}

.index5-page-png-2-out {
	position: absolute;
	top: -10vh;
	display: flex;
	justify-content: center;
}

.index5-page-png-2 {
	margin-left: 20vh;
	height: 5vh;
}

.index5-page-png-12-out {
	position: absolute;
	top: -8vh;
	display: flex;
	justify-content: center;
	/* left: 5vh; */
}

.index5-page-png-12 {
	margin-right: 20vh;
	height: 8vh;
}

.index5-page-png-3-out {
	position: absolute;
	top: 3vh;
	display: flex;
	justify-content: center;
	/* right: 10vh; */
}

.index5-page-png-3 {
	height: 5vh;
	margin-left: 15vh;
}

.index5-page-png1-5 {
	position: absolute;
	top: 11vh;
	display: flex;
	justify-content: center;
}

.index5-page-png-1 {
	height: 5vh;
	margin-right: 3vh;
}

.index5-page-png-5 {
	margin-top: 1vh;
	margin-left: 3vh;
	height: 5vh;
}

.index5-page-png-6-out {
	position: absolute;
	display: flex;
	justify-content: center;
	top: 25vh;
}

.index5-page-png-6 {
	margin-right: -11vh;
	/* right: 11vh; */
	height: 5vh;
}

.index5-page-png-8-out {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 30vh;
}

.index5-page-png-8 {
	margin-right: 15vh;
	height: 5vh;
}

.index5-page-png47 {
	position: absolute;
	top: 35vh;
	display: flex;
	justify-content: center;
	/* left: 3vh; */
}

.index5-page-png-4 {
	height: 5vh;
}

.index5-page-png-7 {
	height: 5vh;
}

.index4-page-png {
	/* background: #fff; */
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.index4-page-png-1 {
	height: 33vh;
	margin-top: 2.5vh;
}

.index4-page-png-2 {
	height: 33vh;
	margin-top: 3vh;
}

.index6-page-png-1 {
	height: 4vh;
	/* margin-left: 7vh; */
	/* margin-top: 2vh; */
	margin-top: 2vh;
}

.index6-page-png-15 {
	height: 4.5vh;
	/* margin-left: 7vh; */
	margin-top: 2vh;
}

.index5-block-out1 {
	/* width: 100vw; */
	display: flex;
	justify-content: center;
	margin-top: 4vh;
}

.index5-block-out2 {
	/* width: 100vw; */
	display: flex;
	justify-content: center;
	margin-top: 0.8vh;
	/* margin-left: 8.5vh; */
}

.index6-page-png-all {
	height: 16.3vh;
	position: relative;
}

.index6-page-png-17 {
	position: absolute;
	top: 2vh;
	left: 2.5vh;
	height: 1.8vh;
}

.index6-page-png-14 {
	position: absolute;
	top: 2vh;
	left: 2.5vh;
	height: 4.7vh;
}

.index6-page-png-8 {}

.index6-page-png-7 {
	margin-left: 0.8vh;
}

.index7-page-png1 {
	/* width: 100vw; */
	display: flex;
	justify-content: center;
	position: relative;

}

.index7-page-png-8 {
	position: relative;
	height: 20vh;
	margin-top: -0.5vh;
}

.index7-page1 {
	position: absolute;
	left: 4vh;
	z-index: 10;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.index7-top-1 {
	top: 6vh;
}

.index7-page-png-2 {
	position: absolute;
	top: 9vh;
	left: 4vh;
	z-index: 10;
	height: 5.3vh;
}

.index7-top-3 {
	top: 3.5vh;
}

.index7-page-png-9 {
	position: relative;
	height: 19.5vh;
	margin-top: -0.5vh;
}

.index7-top-2 {
	top: 5vh;
}

.index7-page-png-3 {
	/* position: absolute;
	top: 8.5vh;
	right: 4vw;
	z-index: 10; */
	height: 3vh;
}

.index7-page-png-5 {
	position: absolute;
	top: 8vh;
	left: 4.9vh;
	z-index: 10;
	height: 4.6vh;
}

.index7-page-png-4 {
	/* position: absolute;
	top: 6vh;
	left: 4.9vw;
	z-index: 10; */
	height: 3vh;
}

.index7-page-png-6 {
	/* position: absolute;
	top: 9vh;
	left: 4.9vw;
	z-index: 10; */
	height: 3vh;
}



.index7-page-png-11 {
	position: relative;
	height: 18vh;
	margin-top: -0.5vh;
}

.index7-page-png-10 {
	position: relative;
	margin-top: -0.5vh;
	height: 18vh;
}

.index8-out-img {
	display: flex;
	margin-top: 2.5vh;
	/* width: 100vw; */
	justify-content: center;
}

.index8-page-png-2 {
	/* height: 10vh ; */
	height: 69vh !important;
	/* margin-left: 3vw; */
	position: relative;
}

.index8-page-png-5 {
	position: absolute;
	width: 100%;
	top: 19vh;
	display: flex;
	justify-content: center;
	/* margin-left: 1.5vw; */
}

.index8-page-png-5png {
	height: 11vh;
	/* margin-right: 3vw; */
}

.index8-page-png-3 {
	position: absolute;
	width: 100%;
	top: 33vh;
	display: flex;
	justify-content: center;
}

.index8-page-png-3png {
	height: 22vh;
	/* margin-right: 3vw; */
}

.index8-page-png-6 {
	position: absolute;
	width: 100%;
	top: 56vh;
	display: flex;
	justify-content: center;
}

.index8-page-png-7png {
	height: 0.8vh;
	position: absolute;
}

.index8-page-png-6png {
	height: 8vh;
	/* margin-right: 3vw; */
	position: relative;
}

.index8-page1 {
	left: -1.9vh;
	top: 0.5vh;
	/* left: -0.5rem;
	top: 0.5rem */
}

.index8-page2 {
	left: -1.5vh;
	top: 0.5vh;
	/* left: -0.38rem;
	top: 0.1rem */
}

.index8-page-png-1 {
	position: absolute;
	width: 100%;
	top: 64vh;
	display: flex;
	justify-content: center;
}

.index8-page-png-1png {
	height: 3.9vh;
	margin-right: 3vw;
	position: relative;
}

.index9-page-png-4png {
	height: 17vh;
	/* margin-right: 3vw; */
}

.index9-page-png-5png {
	height: 11vh;
	/* margin-right: 3vw; */
}

.index9-page-png-7 {
	position: absolute;
	width: 100%;
	top: 51.2vh;
	display: flex;
	justify-content: center;
}

.index9-page-png-7png {
	height: 1.2vh;
	/* margin-right: 3vw; */
}

.index9-page-png-1 {
	position: absolute;
	width: 100%;
	top: 55vh;
	display: flex;
	justify-content: center;
}

.index9-page-png-1png {
	height: 7vh;
	/* margin-right: 3vw; */
}

.index10-page-png-6 {
	position: absolute;
	width: 100%;
	top: 36.5vh;
	display: flex;
	justify-content: center;
}

.index10-page-png-6png {
	height: 6.7vh;
	/* margin-right: 3vw; */
}

.index10-page-png-5 {
	position: absolute;
	width: 100%;
	top: 48vh;
	display: flex;
	justify-content: center;
}

.index10-page-png-5png {
	height: 15vh;
	margin-right: 0.5vh;
}

.index10-page-png-4png {
	height: 15vh;
	margin-left: 0.5vh;
}

.index11-page-png-5 {
	position: absolute;
	width: 100%;
	top: 24vh;
	display: flex;
	justify-content: center;
	/* margin-left: 1.5vw; */
}

.index11-page-png-5png {
	height: 41vh;
	/* margin-right: 3vw; */
}

.index11-page-png-6 {
	position: absolute;
	width: 100%;
	top: 10vh;
	left: 2vw;
}

.index11-page-png-6png {
	height: 10.5vh;
	margin-right: 3vw;
}

.index11-page-png-7 {
	position: absolute;
	width: 100%;
	top: 21vh;
	left: 2vw;
}

.index11-page-png-7png {
	height: 7.7vh;
	margin-right: 3vw;
}

.index11-page-png-8 {
	position: absolute;
	width: 100%;
	top: 29.5vh;
	left: 2vw;
}

.index11-page-png-8png {
	height: 6vh;
	margin-right: 2vh;
}

.index11-page1 {
	position: absolute;
	left: 1vh;
	z-index: 10;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.index11-top-2 {
	top: 1vh;
	padding-left: 0.5vh;
	box-sizing: border-box;
}

.index11-page-png-2 {
	position: relative;
	height: 2vh;
}

.index11-page-png-9 {
	height: 2vh;
	margin-left: 1vh;
}

.index11-page-png-3 {
	position: absolute;
	z-index: 10;
	top: 4vh;
	left: 2vh;
	height: 4.4vh;
}

.index11-page-png-10 {
	position: absolute;
	z-index: 10;
	top: 4vh;
	left: 2vh;
	height: 2vh;
}

.index11-page-png-11 {
	position: absolute;
	z-index: 10;
	top: 1.5vh;
	left: 2vh;
	height: 2vh;
}

.index12-page-png-5 {
	/* position: absolute;
	z-index: 10;
	top: 18.5vh;
	left: 19vw; */
	/* margin-top: 5vh; */
	margin-right: 13vh;
	position: absolute;
	top: 18.5vh;
	height: 13vh;
	z-index: 10;
}

.index12-page-png-2 {
	/* position: absolute;
	z-index: 9;
	top: 26vh;
	left: 50vw; */
	height: 14vh;
	/* margin-top: -5vh; */
	margin-left: 15vh;
	position: absolute;
	top: 26vh;
	z-index: 9;
}

.index12-page-png-7 {
	/* position: absolute;
	z-index: 10;
	top: 33vh;
	left: 19vw; */
	/* margin-top: -5vh; */
	margin-right: 15vh;
	height: 16vh;
	position: absolute;
	z-index: 10;
	top: 34vh;
}

.index12-page-png-3 {
	/* position: absolute;
	z-index: 9;
	top: 44vh;
	left: 50vw; */
	/* margin-top: -5vh; */
	margin-left: 22vh;
	height: 14vh;
	position: absolute;
	z-index: 9;
	top: 44vh;
}

.index12-page-png-9 {
	/* position: absolute;
	z-index: 9;
	top: 46vh;
	left: 12vw; */
	/* margin-top: -13vh; */
	margin-right: 15vh;
	height: 21vh;
	position: absolute;
	z-index: 9;
	top: 47vh;
}

.index12-page-png-6 {
	/* position: absolute;
	z-index: 9;
	top: 62vh;
	left: 45vw; */
	/* margin-top: -9vh; */
	margin-left: 18vh;
	height: 12vh;
	position: absolute;
	z-index: 9;
	top: 62vh;
}

.index12-page-png-4 {
	/* position: absolute;
	z-index: 2;
	top: 68vh;
	left: 15vw; */
	/* margin-top: -3vh; */
	margin-right: 13vh;
	height: 13vh;
	position: absolute;
	z-index: 2;
	top: 68vh;
}

.index13-page-png-1 {
	position: absolute;
	z-index: 10;
	top: 15vh;
	left: 13vh;
	height: 3vh;
}

.index13-page-png-4 {
	position: absolute;
	z-index: 10;
	top: 19vh;
	left: 13vh;
	height: 4vh;
}

.index13-page-png-5 {
	position: absolute;
	z-index: 10;
	top: 28vh;
	left: 13vh;
	height: 4vh;
}

.index13-page-png-7 {
	position: absolute;
	z-index: 10;
	top: 32vh;
	left: 13vh;
	height: 4vh;
}

.index12-page-out-5 {
	display: flex;
	justify-content: center;
}


.index13-page-png-7 {
	/* position: absolute;
	z-index: 10;
	top: 32vh; */
	height: 4.1vh;
}

.index13-page-png-2-out {
	display: flex;
	justify-content: center;
	margin-top: 43vh;
}

.index13-page-png-2 {
	margin-left: 6vh;
	height: 23vh;
}

.index13-page-png-8-out {
	display: flex;
	justify-content: center;
	margin-top: 3vh;
	/* background: #0089EE; */
}

.index13-page-png-8 {
	margin-left: 5vh;
	height: 2.5vh;
}

/* .index13-page-png-8-out{
	display: flex;
	justify-content: center;
	margin-top: 69vh;
} */
/* 
.index13-page-png-8 {
	position: absolute;
	z-index: 10;
	top: 69vh;
	right: 10vh;
	margin-left: 5vh;
	height: 2.5vh;
} */



/* 移动端样式 */

.index2-his {
	height: 3vh;
	/* margin-left: 7vh; */
	margin-left: -21vh;
	margin-top: 10vh;
	opacity: 0;
}

.index2-his img {
	height: 100%;
}


.new-title {
	height: 3vh;
	/* margin-left: 7vh; */
	margin-top:11vh;
	opacity: 0;
}

.index4-page-title {
	margin-left: -10vh;
}

.new-title img {
	height: 100%;
}

.index2-list {
	font-family: 'SourceHanSansCN-Medium, SourceHanSansCN';
	width: 80vw;
	height: 64vh;
	margin-left: 9vw;
	margin-top: 1vh;
	margin-bottom: 15px;
}

.index2-ylzl {
	margin-left: 10.5vw;
	color: #374E66;
	font-size: 5vw;
	font-weight: 500;
	margin-top: -1vh;
}

.index2-blue-title {
	color: #2F88E7;
	font-size: 5.1vw;
	font-weight: bold;
	margin-bottom: 0.6vh;
}

.index2-i {
	font-size: 4.0vw;
	font-style: normal;
	display: inline-block;
	background-image: url("../img/2-icon-bg.png");
	background-size: 100% 1vh;
	background-repeat: no-repeat;
	background-position: left bottom;

}

.index2-con {
	color: #374E66;
	font-size: 3.4vw;
	margin-bottom: 0.6vh;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.list-row {
	position: relative;
}

.list-cols {
	position: relative;
	padding-left: 11vw;
}

.index2-list1 {
	height: 9.6vh;
}


.index2-list2 {
	height: 12.7vh;
}

.index2-list3 {
	height: 14.5vh;
}

.index2-list4 {
	height: 14.8vh;
}

.index2-list5 {
	height: 11.6vh;
}

.index2-bottom-img {
	width: 20vw;
	position: absolute;
	right: 0;
	bottom: 0;
}

.index11-bottom-img {
	width: 20vw;
	position: absolute;
	right: 0;
	bottom: 0;
}

.l-icons {
	position: absolute;
	width: 5.2vh;
}

.l-icon1 {
	right: -1.9vh;
	top: -0.6vh;
}

.l-icon2 {
	left: -1vh;
	top: 2.4vh
}

.l-icon3 {
	right: -2vh;
	top: 3vh;
}

.l-icon4 {
	left: -1vh;
	top: 3.8vh;
}

.l-icon5 {
	right: -2vh;
	top: 1.6vh;
}

.l-flex {
	display: flex;
	align-items: center;
}

.bo-font {
	font-size: 4.3vw;
	color: #374E66;
	margin-left: 10vw;
	margin-top: 5px;
}

/* ============第三頁========= */
.index-his-top {
	width: 90vw;
	margin-left: 6vw;
	margin-top: 1.1vh;
	opacity: 0;
}

.index-his-top img {
	width: 100%;
	height: auto;
	margin-top: 1vh;
}

.index3-xu {
	margin-top: 5vh;
	margin-left: 5vw;
	width: 92vw;
	height: 64vh;
	position: relative;
}

.index3-l-img {
	position: absolute;
	width: 14vw;
	left: 0;
	top: 14vh;
	opacity: 0;
}

.index3-div-con {
	position: relative;
	width: 90vw;
	height: 32vh;
	display: flex;
	align-items: center;
}

.con3-1 {
	background-image: url("../img/3-flex1.png");
	background-size: 87vw 30.6vh;
	background-repeat: no-repeat;
	background-position: -0.6vw 0.4vh;
	transform: translateX(150vw);
	margin-left: 1vw;
}

.con3-2 {
	background-image: url("../img/3-flex2.png");
	background-size: 85vw 27vh;
	background-repeat: no-repeat;
	background-position: 4vw 2.8vh;
	transform: translateX(-150vw);
	display: flex;
	align-items: center;
	justify-content: center;
}

.index3-logos {
	width: 68vw;
	margin-left: 7vw;
}

.index3-decs {
	font-size: 3.5vw;
}

.blue-fonts {
	color: #2F88E7;
}

.index3-decs {
	width: 62vw;
	margin-left: 14vw;
}

.index3-decs li {
	line-height: 3.5vh;
	position: relative;
	font-family: '思源黑体';
}

.con3-q {
	position: absolute;
	width: 12px;
	top: 1vh;
	left: -20px;
}

.index3-dians {
	position: absolute;
	left: -2.2vw;
	top: 14.1vh;
	width: 5vw;
	opacity: 0;
}

.index3-dians1 {
	position: absolute;
	right: -2vw;
	bottom: 16.9vh;
	width: 5vw;
	opacity: 0;
}

/* =========第三页============== */
.index4-fonts {
	color: #2F88E7;
	font-size: 5vw;
	font-family: '思源黑体';
	font-weight: bold;
	margin-left: 10vw;
	margin-bottom: 4px;
}

.index4-fontMi {
	color: #2F88E7;
	font-size: 4.8vw;
	font-family: '思源黑体';
	margin-left: 10vw;
	margin-bottom: 2px;
	opacity: 0;
}

.index4-fontMar {
	margin-top: -1vh;
}

.index4-mains {
	width: 84vw;
	margin-left: 10.5vw;
	position: relative;
	opacity: 0;
	padding-top: 0.5vh;
}

.index4-imgmain {
	width: 100%;
}

.index4-icon1 {
	position: absolute;
	top: -2vh;
	width: 18vw;
	right: 15vw;
}

.index4-icon2 {
	position: absolute;
	top: 2.3vh;
	width: 18vw;
	left: 8vw;
}

.index4-icon3 {
	position: absolute;
	top: 14vh;
	width: 17vw;
	left: 31vw;
}

/* ==========第五页======== */
.index5-mains {
	width: 86vw;
	margin-left: 7vw;
	height: 72vh;
	margin-top: 1.5vh;
	background-size: 100% 100%;
	background-image: url("../img/5-main.png");
	transform: scale(0);
}

.index5-desc-f {
	height: 32vh;
	display: flex;
	align-items: center;
	padding: 3vw 6vw 0 6vw;
}

.index5-32 {
	transform: translateY(-110vh);
	opacity: 0;
}

.index5-arr {
	width: 8vw;
	margin: 0 1.3vw;
}

.index5-li-font {
	margin-bottom: 2vh;
	font-size: 3.5vw;
}

.index5-li-font:last-child {
	margin-bottom: 0px;
}

.index5-blue {
	font-size: 3.6vw;
	line-height: 3.6vh;
	color: #2F88E7;
	font-weight: bold;
}

.index5-img1 {
	width: 74vw;
	margin-left: 6vw;
	margin-top: 0px;
	opacity: 0;
}

.index5-img2 {
	width: 74vw;
	margin-left: 6vw;
	margin-top: 10px;
	opacity: 0;
}

/* ========第六页======== */
.index6-font {
	font-size: 4vw;
	color: #040D65;
	font-family: '思源黑体';
	font-weight: bold;
	margin-left: 12vw;
	margin-bottom: 2vw;
}

.index6-blue {
	font-size: 5.4vw;
	color: #0089EE;
	font-weight: bold;
}

.index6-con {
	margin-top: 5vh;
	opacity: 0;
}

.index6-im {
	margin-top: 7vh;
	width: 100%;
	opacity: 0;
}

.index6-im img {
	width: 100vw;
	height: 52vh;
}

/* ===========第七頁============ */
.index7-cons {
	margin-top: 1vh;
}

.index7-webtitle {
	text-align: center;
	width: 100%;
	color: #150D57;
	font-size: 4.8vw;
	font-weight: bold;
	font-family: '思源黑体';
	display: flex;
	justify-content: center;
	align-items: center;
}

.index7-webtitle img {
	width: 7vw;
	height: 3vh;
}

.index7-t-f {
	display: inline-block;
	padding: 0 7px;
}

.index7-list {
	width: 90vw;
	margin: 2vh auto;
	background: url("../img/7-bg-1.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 28vh;
}

.index7-three {
	padding: 6vh 5vw 0 5vw;
	overflow: hidden;
}

.index7-three li {
	float: left;
	width: 26.6vw;
	height: 18.4vh;
	background-image: url("../img/7-threebg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	text-align: center;
	position: relative;
}

.index7-three li:last-child {
	margin-right: 0px;
}

.index7-three img {
	position: absolute;
	top: -2.6vh;
	width: 10vw;
	left: 50%;
	margin-left: -5vw;
}

.index7-three li p {
	color: #505C6C;
	font-size: 3.8vw;
	margin-top: 6vh;
	padding: 0 2.4vw;
	font-family: '思源黑体';
}

.index7-blues {
	color: #0089EE;
	font-weight: bold;
}

.index7-mouth {
	color: #999999;
	font-size: 2.9vw;
	margin-top: 2px;
}

.index7-sp-f {
	text-align: center;
	margin-bottom: 5px;
	color: #505C6C;
	font-family: '思源黑体';
	font-weight: bold;
}

.index7-sp-f.index7-b-fons {
	color: #0089EE;
	font-size: 3.7vw;
	padding-top: 7vh;
}

.index7-s-bs {
	color: #0089EE;
	font-size: 5vw;
}

.index7-b-ss {
	font-size: 3.5vw;
	font-family: '思源黑体';
}

.index7-time-img {
	width: 4.8vw;
	vertical-align: bottom;
}

/* ============第八页============== */
.index8-cons {
	width: 78vw;
	height: 70vh;
	margin: 2vh auto 0vh auto;
	background-image: url("../img/8-center.png");
	background-size: 100% 100%;
	position: relative;
	transform: scale(0);
}

.index8-con-to {
	width: 66vw;
	margin: 0px auto;
	padding-top: 8.8vh
}

.index8-con-to p {
	color: #FFFFFF;
	font-size: 3vw;
	padding-left: 4vw;
	margin-bottom: 0.8vh;
	font-family: "思源黑体";
	display: flex;
	align-items: center;
}

.index8-pm {
	font-size: 5vw;
	color: #FFDF83;
}

.index8-btm {
	color: #2F88E7;
	font-size: 4vw;
	font-family: '思源黑体';
	font-weight: bold;
	position: absolute;
	bottom: 4.2vh;
	padding: 0 7vw;
	line-height: 3.8vh;
	text-align: justify;
	text-align-last: left;
}

.index8-qiu1 {
	position: absolute;
	left: 9vw;
	top: 2.1vh;
	width: 3.6vw;
}

.index8-qiu3 {
	position: absolute;
	right: -2.7vw;
	top: 27vh;
	width: 6.6vw;
}

.index8-qiu4 {
	position: absolute;
	left: 3vw;
	bottom: 40vh;
	width: 16vw;
}

.index8-qiu2 {
	position: absolute;
	left: 15vw;
	top: 2.1vh;
	width: 3.6vw;
}

.index8-sjly {
	position: absolute;
	bottom: 25vh;
	color: #FFFFFF;
	font-size: 2vw;
	width: 100%;
	text-align: center;
	/* transform: scale(.7);
	transform-origin: center center; */
}

/* ===========第9页========== */
.index9-cons {
	width: 94vw;
	height: 80vh;
	background: url("../img/9-book.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.index9-par {
	padding: 12vh 13vw 5vh 19vw;
}

.index9-2022 {
	color: #242F9A;
	font-size: 6vw;
	font-weight: bold;
}

.index9-2022-1 {
	color: #242F9A;
	font-size: 4vw;
	font-weight: bold;
	margin-top: 2vh;
}

.index9-noe {
	font-size: 3.6vw !important;
	font-weight: normal !important;
}

.index9-blue {
	font-size: 3.6vw;
	color: #444F5A;
	font-family: '思源黑体';
	margin-top: 0.4vh;
	position: relative;
	text-align: justify;
	text-align-last: left;
}

.index9-fir {
	margin-top: 2.6vh;
	font-size: 4vw;
	font-weight: bold;
	margin-bottom: 0.9vh;
	position: relative;
}



.index9-liu {
	margin-bottom: 1vh;
	text-align: justify;
	text-align-last: left;
	font-size: 3.6vw;
}

.in-blue-big {
	color: #01B0FF;
	font-weight: bold;
	font-size: 6vw;
	opacity: 0;
	display: inline-block;
}

.index9-als {
	margin-top: 3.6vh;
}

.index9-time {
	font-size: 3vw;
	color: #8A99B3;
}

.index9-time {
	margin-top: 0.4vh;
}

.index9-bg {
	position: absolute;
	left: 0.2vw;
	height: 0.7vh;
	bottom: 0;
}

.index9-img1 {
	width: 35vw;
}

.index9-img2 {
	width: 58vw;
}

.index9-img3 {
	width: 20vw;
}

.index9-img4 {
	width: 59vw;
	top: 2.7vh !important
}

.index9-img5 {
	width: 48vw;
}

.index9-img6 {
	width: 46vw;
}

/* ===========第十页============ */
.index10-cons {
	width: 92vw;
	height: 78vh;
	margin: -1vh auto 0 auto;
	background-image: url("../img/101-bgs.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.index101-cons {
	width: 92vw;
	height: 78vh;
	margin: -1vh auto 0 auto;
	background-image: url("../img/101-bgs.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.l-10-1 {
	width: 76vw;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.index10-con-list {
	height: 11vh;
}

.index10-list-1 {
	color: #ffffff;
	font-size: 3.6vw;
	line-height: 2.6vh;
	font-weight: bold;
	padding-top: 1.2vh;
}

.index10-con-list1 {
	height: 13.7vh;
}

.index10-det {
	color: #4C5767;
	font-size: 3.1vw;
	line-height: 2.6vh;
	text-align: justify;
	text-align-last: left;
}

.index10-con-list2 {
	height: 12.4vh;
}

.index10-b-t {
	color: #2F88E7;
	font-weight: bold;
}

.index10-cu {
	font-weight: bold !important;
}

.index10-con-list3 {
	height: 12.5vh;
}

.index10-con-list4 {
	height: 12.4vh;
}

.index10-con-list5 {
	height: 12.4vh;
}

.l-10-1 .index101-img1,
.l-10-1 .index101-img2 {
	width: 30vw;
	max-width: 30vw;
	min-width: 30vw;
}

.l-10-1 .index101-img1 img,
.l-10-1 .index101-img2 img {
	width: 100%;
}

.m-101 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.index10-con-list6 {
	height: 11.2vh;
}

.index11-cons {
	width: 100vw;
	height: 68vh;
	background-image: url("../img/11-xu.png");
	background-size: 80vw 55vh;
	background-position: center 10vh;
	background-repeat: no-repeat;
	margin: 0vh auto;
	position: relative;
}

.index11-text1 {
	width: 78vw;
	height: 50vh;
	display: flex;
	flex: 1;
	align-items: center;
	background-image: url("../img/11-img1.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: -3vh;
	justify-content: center;
	opacity: 0;
}

.index11-l-desc {
	margin-top: 2vh;
}

.index11-l-desc li {
	font-size: 3.2vw;
	font-weight: bold;
	color: #153778;
	font-family: "思源黑体";
	margin-bottom: 1.6vh;
}

.index11-desc-small {
	font-size: 2.8vw;
	font-weight: normal !important;
	margin-left: 2vw;
}

.index11-center {
	color: #002A7B;
	font-size: 5.6vw;
	font-weight: bold;
	text-align: center;
	margin-left: -12vw;
}

.index11-center1 {
	color: #002A7B;
	font-size: 6vw;
	font-weight: bold;
	text-align: center;
}

.index-dese {
	font-size: 3vw;
	margin-top: 2vh;
	line-height: 5vw;
	text-align: justify;
	text-align-last: left;
	margin-right: 1vw;
}

.index-dese1 {
	font-size: 3vw;
	margin-top: 2vh;
	line-height: 5vw;
	margin-left: 1vw;
	text-align: justify;
	text-align-last: left;
}

.index11-cicir {
	width: 1.7vw;
	height: 1.7vw;
	background-color: #153778;
	border-radius: 100%;
	display: inline-block;
	margin-right: 1vw;
}

.inde-yuan {
	display: flex;
	align-items: center;
}

.index11-desc-ti {
	display: flex;
	white-space: nowrap;
	align-items: center;
}

.par-11 {
	padding: 0 8vw 0 10vw;
}

.index11-text2 {
	width: 70vw;
	height: 50vh;
	display: flex;
	flex: 1;
	align-items: center;
	background-image: url("../img/11-img2.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	bottom: -12vh;
	justify-content: center;
	opacity: 0;
}

.par-11-2 {
	padding-left: 14vw;
}

.index11-img1 {
	position: absolute;
	right: 0;
	top: 1vh;
	width: 20vw;
}

.index11-img2 {
	position: absolute;
	bottom: -4vh;
	width: 38vw;
}

/* ==========第12页========= */
.index12-er {
	width: 100vw;
	position: absolute;
	height: 66vh;
	bottom: 0;
}

.index12-fot {
	width: 100%;
	height: 100%;
}

.last-fon {
	margin-left: 12vw;
	margin-bottom: 1vh;
	font-weight: bold;
	font-size: 4.8vw;
	color: #040D65;
}

.index12-dz {
	height: 32vh;
	display: flex;
	align-items: center;
	transform: translateY(-100vh);
}

.i-12-cu {
	color: #2E8FFF;
	font-weight: bold;
	font-size: 8vw;
	font-family: "思源黑体";
}

.index12-wei {
	font-size: 8vw;
	font-family: "思源黑体";
	font-weight: bold;
	color: #040D65;
}

/* =========92页========= */
.index92-con {
	width: 80vw;
	margin: 0 auto;
}

.index92-img1 {
	width: 94vw;
	margin-left: -7vw;
	margin-top: 2vh;
	position: relative;
}

.index92-img1 img {
	width: 100%;
}

.index92-img2 {
	width: 94vw;
	margin-left: -7vw;
	margin-top: -1vh;
}

.index92-img2 img {
	width: 100%;
}

.index92-title {
	font-size: 4vw;
	font-weight: bold;
	color: #2F88E7;
	margin-top: 2vh;
}

.indx92-tit-2 {
	font-size: 3.9vw;
	color: #262D32;
	font-weight: bold;
	position: absolute;
	bottom: 5.2vh;
	text-align: center;
	width: 100%;
	opacity: 0;
}

.index92-bo {
	position: absolute;
	bottom: 5.2vh;
	padding-left: 8vw;
	opacity: 0;
}

.indx92-tit-3 {
	font-size: 3.9vw;
	color: #262D32;
	font-weight: bold;
}

/* ==========动画合集======== */
.index-book {
	animation: book1 10s infinite;
}

@keyframes book1 {
	0% {
		top: 38vh;
	}

	50% {
		top: 42vh;
	}

	100% {
		top: 38vh;
	}
}

.index-box {
	animation: box1 6s infinite;
}

@keyframes box1 {
	0% {
		top: 5vh;
	}

	50% {
		top: 10vh;
	}

	100% {
		top: 5vh;
	}
}

.index-box1 {
	animation: box2 6s infinite;
}

@keyframes box2 {
	0% {
		bottom: 20vh;
	}

	50% {
		bottom: 25vh;
	}

	100% {
		bottom: 20vh;
	}
}

.index-box2 {
	animation: box3 6s infinite;
}

@keyframes box3 {
	0% {
		bottom: 13vh;
	}

	50% {
		bottom: 7vh;
	}

	100% {
		bottom: 13vh;
	}
}

.index5-page-png-16-out {
	animation: index5-page-png-16-out-animation 6s infinite;
}

@keyframes index5-page-png-16-out-animation {
	0% {
		top: -5vh;
	}

	50% {
		top: -10vh;
	}

	100% {
		top: -5vh;
	}
}

.index5-page-png-17 {
	animation: index5-page-png-17-animation 6s infinite;
}

@keyframes index5-page-png-17-animation {
	0% {
		top: 2vh;
	}

	50% {
		top: -3vh;
	}

	100% {
		top: 2vh;
	}
}

.index5-page-png-18-out {
	animation: index5-page-png-18-out-animation 6s infinite;
}

@keyframes index5-page-png-18-out-animation {
	0% {
		top: 6vh;
	}

	50% {
		top: 1vh;
	}

	100% {
		top: 6vh;
	}
}

.index5-page-png-17-out {
	animation: index5-page-png-17-out-animation 6s infinite;
}

@keyframes index5-page-png-17-out-animation {
	0% {
		top: 2vh;
	}

	50% {
		top: -3vh;
	}

	100% {
		top: 2vh;
	}
}

.index5-page-png-19-out {
	animation: index5-page-png-19-out-animation 6s infinite;
}

@keyframes index5-page-png-19-out-animation {
	0% {
		top: 20vh;
	}

	50% {
		top: 15vh;
	}

	100% {
		top: 20vh;
	}
}




.index-arrow {
	animation: switchAroow 5s linear infinite;
	/*自定义动画名称*/
}

.index13-page-png-1,
.index13-page-png-4,
.index13-page-png-5,
.index13-page-png-7,
.index13-page-png-2,
.index13-page-png-8 {
	transform: translateX(200vw);
}

.index13-page-png-1 {
	animation: bottom1 1s ease 0.5s forwards;
}

.index13-page-png-4 {
	animation: bottom1 1s ease 0.5s forwards;
}

.index13-page-png-5 {
	animation: bottom1 1s ease 1s forwards;
}

.index13-page-png-7 {
	animation: bottom1 1s ease 1s forwards;
}

.index13-page-png-2 {
	animation: right1 1s ease 1.5s forwards;
}

.index13-page-png-8 {
	animation: top1 1s ease 2s forwards;
}

.index3-page-company-name {
	transform: translateX(200vw);
}

.index3-page-company-name {
	animation: bottom1 1s ease 0.5s forwards;
}

.index3-page-zscl {
	transform: translateX(200vw);
}

.index3-page-zscl {
	animation: bottom1 1s ease 0.5s forwards;
}

.index3-page-erweima {
	transform: translateX(200vw);
}

.index3-page-erweima {
	animation: top1 1s ease 0.5s forwards;
}

.index3-page-introduce {
	transform: translateX(200vw);
}

.index3-page-introduce {
	animation: bottom1 1s ease 0.5s forwards;
}

.index12-page-png-5,
.index12-page-png-2,
.index12-page-png-7,
.index12-page-png-3,
.index12-page-png-9,
.index12-page-png-6,
.index12-page-png-4 {
	transform: translateX(200vw);
}

.index12-page-png-5 {
	animation: left1 1s ease 0.5s forwards;
}

.index12-page-png-2 {
	animation: right1 1s ease 1s forwards;
}

.index12-page-png-7 {
	animation: left1 1s ease 1.5s forwards;
}

.index12-page-png-3 {
	animation: right1 1s ease 2s forwards;
}

.index12-page-png-9 {
	animation: left1 1s ease 2.5s forwards;
}

.index12-page-png-6 {
	animation: right1 1s ease 3s forwards;
}

.index12-page-png-4 {
	animation: left1 1s ease 3.5s forwards;
}


.index4-page-png-1,
.index4-page-png-2 {
	transform: translateX(200vw);
}

.index4-page-png-1 {
	animation: right1 1s ease 0.5s forwards;
}

.index4-page-png-2 {
	animation: left1 1s ease 0.5s forwards;
}

.index11-page-png-6 {
	transform: translateX(200vw);
}

.index11-page-png-6 {
	animation: right1 1s ease 1s forwards;
}

.index11-page-png-7 {
	transform: translateX(200vw);
}

.index11-page-png-7 {
	animation: right1 1s ease 1.5s forwards;
}

.index11-page-png-8 {
	transform: translateX(200vw);
}

.index11-page-png-8 {
	animation: right1 1s ease 2s forwards;
}

.index6-page-png-15 {
	transform: translateY(200vw);
}

.index6-page-png-15 {
	animation: index6-page-png-1-top 0.5s ease 0.5s forwards;
}

.index5-page1 {
	transform: translateY(200vw);
}

.index5-page1 {
	animation: index6-page-png-1-top 0.5s ease 0.5s forwards;
}

.index6-page-png-1 {
	transform: translateY(200vw);
}

.index6-page-png-1 {
	animation: index6-page-png-1-top 0.5s ease 0.5s forwards;
}


@keyframes index6-page-png-1-top {
	0% {
		transform: translateY(-200vw);
		opacity: 1;
	}

	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

.index6-page-png-1 {
	transform: translateY(200vw);
}

.index7-page-png-8,
.index7-page-png-9,
.index7-page-png-11,
.index7-page-png-10 {
	transform: translateX(200vw);
}

.index7-page-png-8 {
	animation: left1 0.5s ease 1s forwards;
}

.index7-page-png-9 {
	animation: right1 0.5s ease 1.5s forwards;
}

.index7-page-png-11 {
	animation: left1 0.5s ease 2s forwards;
}

.index7-page-png-10 {
	animation: right1 0.5s ease 2.5s forwards;
}

.index6-1,
.index6-2,
.index6-3,
.index6-4,
.index6-5,
.index6-6 {
	transform: translateX(200vw);
}

.index6-1 {
	animation: left1 0.5s ease 1s forwards;
}

.index6-2 {
	animation: right1 0.5s ease 1s forwards;
}

.index6-3 {
	animation: left1 0.5s ease 1.5s forwards;
}

.index6-4 {
	animation: right1 0.5s ease 1.5s forwards;
}

.index6-5 {
	animation: left1 0.5s ease 2s forwards;
}

.index6-6 {
	animation: right1 0.5s ease 2s forwards;
}

/* .index5-page-block {
	opacity: 0;
}

.index5-page-block {
	animation: opacity111 1s ease 2s forwards;
} */

/* 动画 */

.index5-page-png-16 {
	height: 0vh;
}

.index5-page-png-16 {
	animation: index5-page-png-16-height 1s ease 1s forwards;
}

@keyframes index5-page-png-16-height {
	0% {
		height: 0vh;
	}

	100% {
		height: 5vh;
	}
}

/* / */
.index5-page-png-17 {
	height: 0vh;
}

.index5-page-png-17 {
	animation: index5-page-png-17-height 1s ease 1s forwards;
}

@keyframes index5-page-png-17-height {
	0% {
		height: 0vh;
	}

	100% {
		height: 9vh;
	}
}

/* / */
.index5-page-png-18 {
	height: 0vh;
}

.index5-page-png-18 {
	animation: index5-page-png-18-height 1s ease 1s forwards;
}

@keyframes index5-page-png-18-height {
	0% {
		height: 0vh;
	}

	100% {
		height: 7vh;
	}
}

/* / */
.index5-page-png-19 {
	height: 0vh;
}

.index5-page-png-19 {
	animation: index5-page-png-19-height 1s ease 1s forwards;
}

@keyframes index5-page-png-19-height {
	0% {
		height: 0vh;
	}

	100% {
		height: 5vh;
	}
}

.index8-page-png-2 {
	height: 0vh;
}

.index8-page-png-2 {
	animation: index8-page-png-2-height 1s ease 0.5s forwards;
}

@keyframes index8-page-png-2-height {
	0% {
		height: 0vh;
	}

	100% {
		height: 72vh;
	}
}

.index11-page-png-5png {
	height: 0vh;
}

.index11-page-png-5png {
	animation: index11-page-png-5png-height 1s ease 0.5s forwards;
}

@keyframes index11-page-png-5png-height {
	0% {
		height: 0vh;
	}

	100% {
		height: 41vh;
	}
}


.index5-page-png-2-out {
	/* animation: index5-page-png-2-out-animation 6s infinite;
	; */
}

@keyframes index5-page-png-2-out-animation {
	0% {
		top: -10vh;
	}

	50% {
		top: -15vh;
	}

	100% {
		top: -10vh;
	}
}

.index5-page-png-12-out {
	/* animation: index5-page-png-12-out-animation 6s infinite; */
	;
}

@keyframes index5-page-png-12-out-animation {
	0% {
		top: -8vh;
	}

	50% {
		top: -13vh;
	}

	100% {
		top: -8vh;
	}
}

.index5-page-png-3-out {
	/* animation: index5-page-png-3-out-animation 6s infinite; */
	;
}

@keyframes index5-page-png-3-out-animation {
	0% {
		top: 3vh;
	}

	50% {
		top: -2vh;
	}

	100% {
		top: 3vh;
	}
}

.index5-page-png1-5 {
	/* animation: index5-page-png1-5-animation 6s infinite; */
	;
}

@keyframes index5-page-png1-5-animation {
	0% {
		top: 11vh;
	}

	50% {
		top: 6vh;
	}

	100% {
		top: 11vh;
	}
}

.index5-page-png-6-out {
	/* animation: index5-page-png-6-out-animation 6s infinite; */
	;
}

@keyframes index5-page-png-6-out-animation {
	0% {
		top: 25vh;
	}

	50% {
		top: 20vh;
	}

	100% {
		top: 25vh;
	}
}

.index5-page-png-8-out {
	/* animation: index5-page-png-8-out-animation 6s infinite; */
	;
}

@keyframes index5-page-png-8-out-animation {
	0% {
		top: 30vh;
	}

	50% {
		top: 25vh;
	}

	100% {
		top: 30vh;
	}
}

.index5-page-png47 {
	/* animation: index5-page-png47-animation 6s infinite; */
	;
}

@keyframes index5-page-png47-animation {
	0% {
		top: 35vh;
	}

	50% {
		top: 30vh;
	}

	100% {
		top: 35vh;
	}
}


.index5-page-png-15 {
	height: 0;
}

.index5-page-png-15 {
	animation: change5-height 1s ease 1s forwards;
}

@keyframes change5-height {
	0% {
		height: 0;
	}

	100% {
		height: 33vh;
	}
}

#index3-bg-2 {
	opacity: 0;
}

#index3-bg-2 {
	animation: opacity111 1s ease 1s forwards;
}

.index2-his {
	opacity: 0;
}

.index2-his {
	animation: opacity111 1s ease 0.5s forwards;
}

.new-title {
	opacity: 0;
}

.new-title {
	animation: opacity111 1s ease 0.5s forwards;
}

@keyframes opacity111 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}




.index2-page-animation-1,
.index2-page-animation-2,
.index2-page-animation-3,
.index2-page-animation-4,
.index2-page-animation-5,
.index2-page-animation-6,
.index2-page-animation-7 {
	transform: translateX(200vw);
}

.index2-page-animation-1 {
	animation: right1 1s ease 0.5s forwards;
}

.index2-page-animation-2 {
	animation: right1 1s ease 1s forwards;
}

.index2-page-animation-3 {
	animation: right1 1s ease 1.5s forwards;
}

.index2-page-animation-4 {
	animation: right1 1s ease 2s forwards;
}

.index2-page-animation-5 {
	animation: right1 1s ease 2.5s forwards;
}

.index2-page-animation-6 {
	animation: right1 1s ease 3s forwards;
}

.index2-page-animation-7 {
	animation: right1 1s ease 3.5s forwards;
}

@keyframes switchAroow {

	/**注意这几个图片大小一定要一样，否则会出现抖动现象*/
	/*这里的0%50%100%是相对于执行时间的，最后一个图片先播放*/
	0% {
		background: url("../assets/index1-page/arrow01.png") no-repeat;
		background-size: 100% 100%;
	}

	25% {
		background: url("../assets/index1-page/arrow02.png") no-repeat;
		background-size: 100% 100%;
	}

	50% {
		background: url("../assets/index1-page/arrow03.png") no-repeat;
		background-size: 100% 100%;
	}

	75% {
		background: url("../assets/index1-page/arrow02.png") no-repeat;
		background-size: 100% 100%;
	}

	100% {
		background: url("../assets/index1-page/arrow01.png") no-repeat;
		background-size: 100% 100%;
	}
}

.page.in-top .index2-list,
.page.in-down .index2-list {
	animation: indexbg 1.5s ease 0s forwards;
}

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

	100% {
		background-image: url("../img/2-hisbg.png");
		background-repeat: no-repeat;
		background-size: 100% 60vh;
		background-position: left bottom;
		opacity: 1;
	}
}

/* 坐标飞入动画 */
@keyframes lefteasein {
	0% {
		transform: translateX(-100vw);
		opacity: 0;
	}

	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}


.index5-page-png-2,
.index5-page-png-12,
.index5-page-png-3,
.index5-page-png-1,
.index5-page-png-5,
.index5-page-png-6,
.index5-page-png-8,
.index5-page-png-4,
.index5-page-png-7 {
	transform: translateX(-100vw);
	animation: right1 1s ease 1.5s forwards;
}

/* .index5-page-png-2 {
	animation: right1 1s ease 1.5s forwards;
}

.index5-page-png-12 {
	animation: right1 1s ease 1.5s forwards;
} */





.index5-page-png-11 {
	transform: translateX(-100vw);
}

.index5-page-png-11 {
	animation: right1 1s ease 0.5s forwards;
}

.index8-page-png-5png {
	transform: translateX(-100vw);
}

.index8-page-png-5png {
	animation: left1 1s ease 1s forwards;
}

.index9-page-png-5png {
	transform: translateX(-100vw);
}

.index9-page-png-5png {
	animation: left1 1s ease 1s forwards;
}

.index9-page-png-4png {
	transform: translateX(-100vw);
}

.index9-page-png-4png {
	animation: right1 1s ease 1.5s forwards;
}

.index9-page-png-7png {
	transform: translateX(-100vw);
}

.index9-page-png-7png {
	animation: right1 1s ease 1.5s forwards;
}


.index8-page-png-3png {
	transform: translateX(-100vw);
}

.index8-page-png-3png {
	animation: right1 1s ease 1.5s forwards;
}

.index10-page-png-5png {
	transform: translateX(-100vw);
}

.index10-page-png-5png {
	animation: left1 1s ease 2s forwards;
}

.index10-page-png-4png {
	transform: translateX(-100vw);
}

.index10-page-png-4png {
	animation: right1 1s ease 2s forwards;
}



.index9-page-png-1png {
	transform: translateX(-100vw);
}

.index9-page-png-1png {
	animation: top1 1s ease 2s forwards;
}

.index8-page-png-6 {
	transform: translateX(-100vw);
}

.index8-page-png-6 {
	animation: top1 1s ease 2s forwards;
}

.index8-page-png-1 {
	transform: translateX(-100vw);
}

.index8-page-png-1 {
	animation: top1 1s ease 2s forwards;
}

.index10-page-png-6png {
	transform: translateX(-100vw);
}

.index10-page-png-6png {
	animation: bottom1 1s ease 1.5s forwards;
}

@keyframes bottom1 {
	0% {
		transform: translateY(-100vw);
		opacity: 1;
	}

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


@keyframes top1 {
	0% {
		transform: translateY(100vw);
		opacity: 1;
	}

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




.left-in,
.sp-left1,
.sp-left2,
.sp-left3 {
	transform: translateX(-100vw);
}

.sp-right1,
.sp-right2,
.sp-right3 {
	transform: translateX(200vw);
}

.page.in-top .left-in,
.page.in-down .left-in {
	animation: left1 1s ease 0s forwards;
}

/* 坐标飞入动画 */
.page.in-top .sp-left1,
.page.in-down .sp-left1 {
	animation: left1 1s ease 0.5s forwards;
}



/* 坐标飞入动画 */
.page.in-top .sp-right1,
.page.in-down .sp-right1 {
	animation: right1 1s ease 1s forwards;
}

/* 坐标飞入动画 */
.page.in-top .sp-left2,
.page.in-down .sp-left2 {
	animation: left1 1s ease 1.5s forwards;
}

/* 坐标飞入动画 */
.page.in-top .sp-right2,
.page.in-down .sp-right2 {
	animation: right1 1s ease 2s forwards;
}

/* 坐标飞入动画 */
.page.in-top .sp-left3,
.page.in-down .sp-left3 {
	animation: left1 1s ease 2.5s forwards;
}

/* 坐标飞入动画 */
.page.in-top .sp-right3,
.page.in-down .sp-right3 {
	animation: right1 1s ease 3s forwards;
}

@keyframes left1 {
	0% {
		transform: translateX(-100vw);
		opacity: 1;
	}

	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes right1 {
	0% {
		transform: translateX(200vw);
		opacity: 1;
	}

	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

.l-icons {
	opacity: 0;
}

.page.in-top .l-icons,
.page.in-down .l-icons {
	animation: iconAni 2s ease 0s forwards;
}

@keyframes iconAni {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}

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

/* =========第三页动画========== */
.page.in-top .index3-xu,
.page.in-down .index3-xu {
	animation: bgShow 3s ease 0s forwards;
}

.page.in-top .index3-dians,
.page.in-down .index3-dians {
	animation: iconShow 3s ease 1s forwards;
}

.page.in-top .con3-1,
.page.in-down .con3-1 {
	animation: right1 1s ease 1.2s forwards;
}

.page.in-top .index3-dians1,
.page.in-down .index3-dians1 {
	animation: iconShow 3s ease 1.5s forwards;
}

.page.in-top .con3-2,
.page.in-down .con3-2 {
	animation: left1 1s ease 1s forwards;
}

@keyframes bgShow {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
		background: url("../img/3-xu.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
}

@keyframes iconShow {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* ========第四页动画=========== */
.index4-fonts {
	opacity: 0;
}

.page.in-top .index4-fonts,
.page.in-down .index4-fonts {
	animation: fonts4 3s ease 0.5s forwards
}

.page.in-top .index4-mains,
.page.in-down .index4-mains {
	animation: anImg4 1.5s ease 1s forwards
}

.page.in-top .index4-fontMi,
.page.in-down .index4-fontMi {
	animation: fonts4-sp 2s ease 0.5s forwards
}

.page.in-top .index4-icon1,
.page.in-down .index4-icon1 {
	animation: anAmJump 7s linear 3s infinite forwards;
}

.page.in-top .index4-icon2,
.page.in-down .index4-icon2 {
	animation: anAmJump1 15s linear 3s infinite forwards;
}

.page.in-top .index4-icon3,
.page.in-down .index4-icon3 {
	animation: anAmJump 11s linear 3s infinite forwards;
}

@keyframes fonts4-sp {
	0% {
		opacity: 0;
		transform: translateY(120vh);
	}

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

@keyframes fonts4 {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes anImg4 {
	from {
		opacity: 0;
		margin-top: -15vh;
	}

	to {
		opacity: 1;
		margin-top: 4vh;
	}
}

@keyframes anAmJump {
	25% {
		-webkit-transform: translateY(-20px);
	}

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

	75% {
		-webkit-transform: translateY(-20px);
	}
}

@keyframes anAmJump1 {
	25% {
		-webkit-transform: translateY(-30px);
	}

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

	75% {
		-webkit-transform: translateY(-30px);
	}
}

/* ===========第五页动画========= */
.page.in-top .index5-mains,
.page.in-down .index5-mains {
	animation: anscale 1.5s ease-in-out 0s forwards;
}

.page.in-top .index5-32,
.page.in-down .index5-32 {
	animation: Anpage5 2s ease 1s forwards;
}

.page.in-top .index5-img1,
.page.in-down .index5-img1 {
	animation: Anpage52 1.3s ease 1.5s forwards;
}

.page.in-top .index5-img2,
.page.in-down .index5-img2 {
	animation: Anpage53 1.3s ease 1.5s forwards;
}

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

	100% {
		transform: scale(1);
	}
}

@keyframes Anpage5 {
	0% {
		opacity: 0;
		transform: translateY(-20vh);
	}

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

@keyframes Anpage52 {
	0% {
		opacity: 0;
		transform: translateX(-20vh);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes Anpage53 {
	0% {
		opacity: 0;
		transform: translateX(20vh);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

/* ====第六页动画========= */
.page.in-top .index6-im,
.page.in-down .index6-im {
	animation: Anpage6-1 2s ease 0.3s forwards;
}

.page.in-top .index6-con,
.page.in-down .index6-con {
	animation: Anpage6-2 2s ease 1s forwards;
}

.idnex6-1 {
	opacity: 0;
	transform: scale(2);
	display: inline-block;
}

.page.in-top .idnex6-1,
.page.in-down .idnex6-1 {
	animation: Anpage6-3 1.5s ease 2s forwards;
}

@keyframes Anpage6-1 {
	0% {
		opacity: 0;
		transform: translateY(-20vh);
	}

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

@keyframes Anpage6-2 {
	0% {
		opacity: 0;
		transform: translateY(20vh);
	}

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

@keyframes Anpage6-3 {
	0% {
		opacity: 0;
		transform: scale(2);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* =======第七页动画========== */
.index7-webtitle {
	opacity: 0;
}

.page.in-top .index7-websc1,
.page.in-down .index7-websc1 {
	animation: Anpage7-1 1s ease 0.5s forwards;
}

.page.in-top .index7-websc2,
.page.in-down .index7-websc2 {
	animation: Anpage7-3 1s ease 2s forwards;
}

.index7-lists1,
.index7-lists2 {
	transform: scale(0);
}

.page.in-top .index7-lists1,
.page.in-down .index7-lists1 {
	animation: Anpage7-2 1.5s ease-in-out 1s forwards;
}

.page.in-top .index7-lists2,
.page.in-down .index7-lists2 {
	animation: Anpage7-2 1.5s ease-in-out 2.5s forwards;
}

.index7-move1,
.index7-move2 {
	/* opacity: 0; */
	display: inline-block;
	width: 12vw;
}

.page.in-top .index7-move1,
.page.in-top .index7-move2,
.page.in-down .index7-move1,
.page.in-down .index7-move2 {
	/* animation: Anpage7-4 1s ease 4s forwards; */
}

@keyframes Anpage7-1 {
	0% {
		transform: translateX(-100vw);
		opacity: 1;
	}

	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes Anpage7-3 {
	0% {
		transform: translateX(100vw);
		opacity: 1;
	}

	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes Anpage7-2 {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes Anpage7-4 {
	0% {
		transform: translateY(10vh);
		opacity: 1;
	}

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

/* =============第八页========== */

.page.in-top .index8-cons,
.page.in-down .index8-cons {
	animation: Anpage7-2 1.5s ease-in-out 0s forwards;
}

.page.in-top .index8-qiu1,
.page.in-down .index8-qiu1 {
	animation: Anpage8-1 4s ease-in-out 2s infinite;
}

.page.in-top .index8-qiu2,
.page.in-down .index8-qiu2 {
	animation: Anpage8-2 2s ease-in-out 2s infinite;
}

.page.in-top .index8-qiu3,
.page.in-down .index8-qiu3 {
	animation: Anpage8-3 2s ease-in-out 2s infinite;
}

.index8-btm {
	opacity: 0;
}

.page.in-top .index8-btm,
.page.in-down .index8-btm {
	animation: Anpage8-4 1.2s ease-in-out 1s forwards;
}

@keyframes Anpage8-1 {
	0% {
		left: 15vw
	}

	50% {
		left: 16vw;
	}

	100% {
		left: 15vw;
	}
}

@keyframes Anpage8-2 {
	0% {
		left: 9vw
	}

	50% {
		left: 10vw;
	}

	100% {
		left: 9vw;
	}
}

@keyframes Anpage8-3 {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.5);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes Anpage8-4 {
	0% {
		transform: translateY(10vh);
		opacity: 1;
	}

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

/* =========第9页========== */
.index9-par {
	opacity: 0;
}

.page.in-top .index9-par,
.page.in-down .index9-par {
	animation: Anpage9-1 3s ease 0.7s forwards
}

.index9-img1,
.index9-img2,
.index9-img3,
.index9-img4,
.index9-img5,
.index9-img6 {
	opacity: 0;
}

.page.in-top .index9-img1,
.page.in-down .index9-img1 {
	animation: Anpage9-1s 3s ease 0.5s forwards
}

.page.in-top .index9-img2,
.page.in-down .index9-img2 {
	animation: Anpage9-2s 3s ease 1.5s forwards
}

.page.in-top .index9-img3,
.page.in-down .index9-img3 {
	animation: Anpage9-3s 3s ease 2.5s forwards
}

/* ==== */
.page.in-top .index9-img4,
.page.in-down .index9-img4 {
	animation: Anpage9-4s 3s ease 0.5s forwards
}

.page.in-top .index9-img5,
.page.in-down .index9-img5 {
	animation: Anpage9-5s 3s ease 1.5s forwards
}

.page.in-top .index9-img6,
.page.in-down .index9-img6 {
	animation: Anpage9-6s 3s ease 2.5s forwards
}

.page.in-top .in-blue-big,
.page.in-down .in-blue-big {
	animation: Anpage9-sp 1s ease 0s forwards
}

@keyframes Anpage9-sp {
	0% {
		transform: translateY(10vh);
		opacity: 1;
	}

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

@keyframes Anpage9-1 {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes Anpage9-2 {
	0% {
		width: 0vw;
		opacity: 0;
	}

	50% {
		width: 20vw;
		opacity: 0;
	}

	100% {
		width: 60vw;
		opacity: 1;
	}
}

@keyframes Anpage9-1s {
	0% {
		width: 0vw;
		opacity: 0;
	}

	30% {
		width: 10vw;
		opacity: 1;
	}

	100% {
		width: 30vw;
		opacity: 1;
	}
}

@keyframes Anpage9-2s {
	0% {
		width: 0vw;
		opacity: 0;
	}

	30% {
		width: 20vw;
		opacity: 1;
	}

	100% {
		width: 40vw;
		opacity: 1;
	}
}

@keyframes Anpage9-3s {
	0% {
		width: 0vw;
		opacity: 0;
	}

	30% {
		width: 10vw;
		opacity: 1;
	}

	100% {
		width: 20vw;
		opacity: 1;
	}
}

@keyframes Anpage9-4s {
	0% {
		width: 0vw;
		opacity: 0;
	}

	30% {
		width: 20vw;
		opacity: 1;
	}

	100% {
		width: 60vw;
		opacity: 1;
	}
}

@keyframes Anpage9-5s {
	0% {
		width: 0vw;
		opacity: 0;
	}

	30% {
		width: 20vw;
		opacity: 1;
	}

	100% {
		width: 50vw;
		opacity: 1;
	}
}

@keyframes Anpage9-6s {
	0% {
		width: 0vw;
		opacity: 0;
	}

	30% {
		width: 20vw;
		opacity: 1;
	}

	100% {
		width: 40vw;
		opacity: 1;
	}
}

/* ========第10页======== */
.page.in-top .index10-cons,
.page.in-down .index10-cons {
	animation: Anpage10-1 1.5s ease-in-out 0s forwards;
}

.page.in-top .index10-con-list,
.page.in-down .index10-con-list {
	animation: Anpage52 1s ease 1s forwards;
}

.page.in-top .index10-con-list,
.page.in-down .index10-con-list {
	animation: Anpage52 1s ease 1s forwards;
}

.page.in-top .xia10,
.page.in-down .xia10 {
	animation: Anpage52 1.2s ease 1.5s forwards;
}

.page.in-top .xiayou,
.page.in-down .xiayou {
	animation: Anpage53 1.2s ease 1.5s forwards;
}

.index10-cons,
.l-10-1,
.index10-con-list {
	opacity: 0;
}

@keyframes Anpage10-1 {
	0% {
		transform: translate(-50%, -50%);
		opacity: 0;
	}

	100% {
		transform: translateX(0px);
		ransform: translateY(0px);
		opacity: 1;
	}
}

/* ========11页动画======= */
.page.in-top .index11-text1,
.page.in-down .index11-text1 {
	animation: Anpage11-1 1s ease 0.2s forwards;
}

/* ========11页动画======= */
.page.in-top .index11-text2,
.page.in-down .index11-text2 {
	animation: Anpage11-2 1s ease 0.2s forwards;
}

@keyframes Anpage11-1 {
	0% {
		transform: translateX(-100vh);
		opacity: 0;
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes Anpage11-2 {
	0% {
		transform: translateX(100vh);
		opacity: 0;
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

/* ========12页动画======= */
.index12-er {
	opacity: 0;
	transform: translateY(100vh);
}

.page.in-top .index12-er,
.page.in-down .index12-er {
	animation: Anpage12-1 1.2s ease 0.2s forwards;
}

.page.in-top .index12-dz,
.page.in-down .index12-dz {
	animation: Anpage12-2 1.2s ease 1s forwards;
}

@keyframes Anpage12-1 {
	0% {
		transform: translateY(100vh);
		opacity: 0;
	}

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

@keyframes Anpage12-2 {
	0% {
		opacity: 0;
		transform: translateY(-20vh);
	}

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

/* 92动画 */
.index92-title,
.index92-img1,
.index92-img2 {
	opacity: 0;
}

.page.in-top .index92-title,
.page.in-down .index92-title {
	animation: Annimation92-1 0.8s ease 0.2s forwards;
}

/* 92动画 */
.page.in-top .index92-img1,
.page.in-down .index92-img1 {
	animation: Annimation92-2 0.8s ease 0.8s forwards;
}

/* 92动画 */
.page.in-top .index92-img2,
.page.in-down .index92-img2 {
	animation: Annimation92-3 0.8s ease 0.8s forwards;
}

/* 92动画 */
.page.in-top .indx92-tit-2,
.page.in-down .indx92-tit-2 {
	animation: Annimation92-4 1s ease 1.2s forwards;
}

/* 92动画 */
.page.in-top .index92-bo,
.page.in-down .index92-bo {
	animation: Annimation92-4 1s ease 1.2s forwards;
}

@keyframes Annimation92-1 {
	0% {
		opacity: 0;
		transform: translateY(-20vh);
	}

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

@keyframes Annimation92-2 {
	0% {
		opacity: 0;
		transform: translateX(-20vh);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes Annimation92-3 {
	0% {
		opacity: 0;
		transform: translateX(20vh);
	}

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


@keyframes Annimation92-4 {
	0% {
		opacity: 0;
		transform: translateY(20vh);
	}

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

@keyframes spcan {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* 92动画 */
.page.in-top .index-his-top,
.page.in-down .index-his-top {
	animation: spcan 2s ease 0.5s forwards;
}

/* 92动画 */
.page.in-top .index3-l-img,
.page.in-down .index3-l-img {
	animation: spcan 2s ease 0.5s forwards;
}

/* =======兼容pc端-======= */
@media screen and (min-width: 640px) {
	.index1-thanks {
		font-size: 30px;
		margin-left: 45px;
	}

	.index-button {
		font-size: 24px;
		/* margin-left: -150px; */
	}

	.index1-fonts {
		margin-left: 45px;
	}

	.index-button-out{
		width: 640px;
	}

	.index-arrow {
		width: 30px;
		margin-left: 10px;
	}

	.index-book {
		left: 45px;
	}

	.index-box {
		right: 40px;
	}

	.index8-page1 {
		left: -14px;
		top: 6px;
	}
	
	.index8-page2 {
		left: -10px;
		top: 5px;
	}

	.index10-page-png-5png {
		margin-right: 5px;
	}

	.index10-page-png-4png{
		margin-left: 5px;
	}



	.index2-ylzl {
		font-size: 18px;
	}

	.index2-blue-title {
		font-size: 18px;
	}

	.index2-i {
		font-size: 22px;
	}

	.index2-con {
		font-size: 16px
	}

	.index2-list {
		max-width: 540px;
		margin-left: 40px;
	}

	.index2-ylzl {
		margin-left: 40px;
	}

	.list-cols {
		padding-left: 50px;
	}

	.bo-font {
		font-size: 20px;
		margin-left: 40px;
	}

	.index-his-top {
		width: 100%;
		margin-left: 0px;
	}

	.index-his-top img {
		padding-left: 5%;
		height: auto;
		width: 90%;
	}

	.index3-xu {
		width: 90%;
		margin-left: 5%;
	}

	.index4-fonts {
		font-size: 20px;
	}

	.index4-mains {
		width: 80%;
		margin-left: 10%;
	}

	.index4-icon2,
	.index4-icon1,
	.index4-icon3 {
		width: 100px;
	}

	.index4-icon1 {
		left: 10%;
	}

	.index4-icon2 {
		left: 60%;
	}

	.index4-icon3 {
		left: 35%;
	}

	.index2-bottom-img {
		width: 100px;
	}

	.index5-mains {
		width: 86%;
		margin-left: 7%;
	}

	.con3-2 {
		background-size: 85% 27vh;
		background-position: 40% 2.8vh;
	}

	.con3-1 {
		background-size: 95% 30.6vh;
	}

	.index3-div-con {
		width: 100%;
	}

	.index3-logos {
		width: 70%;
		margin-left: 20px;
	}

	.index3-l-img {
		max-width: 50px;
		top: 22%
	}

	.index3-decs {
		font-size: 18px;
		line-height: 20px;
		margin-left: 50px;
		margin-right: 100px;
	}

	.index3-dians,
	.index3-dians1 {
		width: 25px;
	}

	.index3-dians1 {
		right: -12px;
	}

	.index3-dians {
		left: -12px;
	}

	.index5-desc-f {
		padding: 10px 30px 0 30px;
		height: 28vh;
	}

	.index5-blue {
		font-size: 20px !important;
	}

	.index5-li-font {
		font-size: 16px;
	}

	.my-spbig {
		font-size: 20px !important;
	}

	.index5-img1,
	.index5-img2 {
		width: 90%;
		margin-left: 5%;
	}

	.index4-fonts {
		margin-left: 40px;
	}

	.index4-fontMar {
		font-size: 20px;
	}

	.index5-arr {
		width: 50px;
	}

	.index4-fontMi {
		font-size: 20px;
		position: absolute;
		bottom: 40px;
		margin-left: 15%;
	}

	.index4-fontMar {
		bottom: 80px !important;
	}

	.index6-font {
		font-size: 20px;
		margin-left: 40px;
	}

	.index6-blue {
		font-size: 26px;
	}

	.sp-11 {
		width: 80px !important;
	}

	.index6-im img {
		width: 100%;
	}

	.index6-im {
		margin-top: 20px;
	}

	.index7-t-f {
		font-size: 24px;
	}

	.index7-list {
		width: 90%;
	}

	.index7-sp-f.index7-b-fons,
	.index7-b-ss {
		font-size: 20px;
	}

	.sp-222,
	.index7-s-bs {
		font-size: 26px !important;
	}

	.sp-333 {
		font-size: 14px !important;
	}

	.index7-move1,
	.index7-move2 {
		width: auto !important;
	}

	.index8-con-to {}

	.index8-cons {
		width: 78%;
	}

	.index8-con-to p,
	.index8-btm {
		font-size: 18px;
	}

	.index8-pm {
		font-size: 26px;
	}

	.index8-qiu2,
	.index8-qiu1 {
		width: 30px;
	}

	.index8-qiu3 {
		width: 60px;
	}

	.index8-qiu4 {
		width: 80px;
		left: 4%;
	}

	.index8-sjly {
		font-size: 14px;
	}

	.index9-cons {
		width: 94%;
	}

	.index9-2022,
	.index9-fir,
	.index9-2022-1,
	.index92-title {
		font-size: 24px;
	}

	.index9-par {
		padding: 20%;
	}

	.in-blue-big {
		font-size: 30px;
	}

	.count2-num,
	.in-blue-big {
		width: auto !important;
	}

	.index9-img1,
	.index9-img3 {
		width: 150px;
	}

	.index9-img5 {
		width: 300px;
	}

	.page.in-top .index9-img1,
	.page.in-down .index9-img1 {
		animation: Anpage9-1s-1 3s ease 0.5s forwards;
	}

	.page.in-top .index9-img3,
	.page.in-down .index9-img3 {
		animation: Anpage9-1s-1 3s ease 2.5s forwards;
	}

	.page.in-top .index9-img5,
	.page.in-down .index9-img5 {
		animation: Anpage9-2s-1 3s ease 1.5s forwards;
	}

	.index9-noe,
	.index9-blue {
		font-size: 20px !important;
	}

	.page.in-top .index9-img4,
	.page.in-down .index9-img4 {
		animation: Anpage9-2s-1 3s ease 0.5s forwards;
	}

	.page.in-top .index9-img6,
	.page.in-down .index9-img6 {
		animation: Anpage9-2s-1 3s ease 2.5s forwards;
	}

	.index92-con {
		width: 80%;
	}

	.index92-img1,
	.index92-img2 {
		width: 100%;
		margin-left: 0px;
	}

	.indx92-tit-2,
	.indx92-tit-3,
	.index10-list-1 {
		font-size: 20px;
	}

	.l-10-1 {
		width: 86%;
	}

	.index10-cons {
		width: 94%;
	}

	.l-10-1 .index101-img1,
	.l-10-1 .index101-img2 {
		width: 120px;
		max-width: 120px;
		min-width: 120px;
	}

	.index10-det {
		font-size: 18px;
	}

	.index11-cons {
		width: 100%;
	}

	.index11-text1 {
		width: 80%;
	}

	.index11-desc-small {
		font-size: 14px;
	}

	.index11-l-desc li {
		font-size: 20px;
	}

	.index11-text2 {
		width: 75%;
	}

	.index11-img1 {
		width: 100px;
	}

	.index11-center,
	.index11-center1 {
		font-size: 26px;
	}

	.index11-cicir {
		width: 14px;
		height: 14px;
	}

	.par-11-2 {
		padding-left: 30px;
	}

	.index11-cons {
		background-size: 80% 55vh;
	}

	.index12-er {
		width: 100%;
	}

	.last-fon {
		font-size: 30px;
	}

	.i-12-cu {
		font-size: 40px;
	}

	.last-fon {
		margin-left: 50px;
	}

	.sp-my-44 {
		margin-left: 0px !important;
		text-align: center;
	}

	.index7-webtitle img {
		width: 40px;
	}

	.index92-bo {
		padding-left: 40px;
	}

	.index11-text1 {
		justify-content: left !important
	}

	.par-11 {
		padding: 0px 20px;
		width: 100%;
	}

	.xmss {
		padding-left: 35px !important;
	}

	.index8-btm {
		padding: 20px 30px;
	}

	.index9-liu {
		font-size: 18px;
	}

	.index5-page15 {
		width: 450px;
	}

	/* pc端样式 */
}

@keyframes Anpage9-1s-1 {
	0% {
		width: 0vw;
		opacity: 0;
	}

	30% {
		width: 50px;
		opacity: 1;
	}

	100% {
		width: 150px;
		opacity: 1;
	}
}

@keyframes Anpage9-2s-1 {
	0% {
		width: 0vw;
		opacity: 0;
	}

	30% {
		width: 150px;
		opacity: 1;
	}

	100% {
		width: 300px;
		opacity: 1;
	}
}