.index {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
.index_fixed{
	position: fixed;
	top: 8vh;
	right: 5vw;
	z-index: 999;
	display: flex;
	align-items: flex-end;
}
.index_fixed_email{
	cursor: pointer;
	height:1.6rem;
	margin-right: 2rem;
}
.index_fixed_search{
	cursor: pointer;
	height:1.6rem;
	margin-right: 2rem;
}
.index_fixed_en{
	cursor: pointer;
	height:0.8rem;
}
.head_index {
	height: calc(70vh + 60px);
	background-color: #000;
	position: relative;
	/* cursor: pointer; */
	display: block;
}

.head_index_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.head_index_1 {
	z-index: 1;
	animation: fadeIn 3s ease-in-out;
}

.head_index_2 {
	z-index: 3;
	animation: fadeIn 3s ease-in-out forwards;
	animation-delay: 2.2s;
	opacity: 0;
}

.head_index_3 {
	z-index: 4;
	animation: fadeIn 2s ease-in-out forwards;
	animation-delay: 9s;
	opacity: 0;
}
.head_index_4 {
	z-index: 5;
	animation: fadeIn 2s ease-in-out forwards;
	animation-delay: 10.5s;
	opacity: 0;
}

.head_index_text {
	display: inline-block;
	position: absolute;
	z-index: 6;
	left: calc(50% - 340px);
	top:calc(20vh);
	width: 680px;
	color: #fff;
	/* font-size: 34px; */
	transform: translate(-50%, 0) ;
	/* animation: fadeInText 2s ease-in-out  forwards; */
	animation: pao100 3s linear both;
	animation-delay: 5.2s;
	/* opacity: 0; */
	text-align: center;
	
}

.head_index_text div {
	/* animation: fontSize1 3s linear both;
	animation-delay: 5.2s; */
	font-size: 3.5rem;
	line-height: 4rem;
	position: relative;
}
.head_index_guang1{
	position: absolute;
	height: 10rem;
	width: 10rem;
	left: 8.5%;
	top: -4rem;
	opacity: 0;
	/* animation: fadeIn 1s linear 0s infinite alternate; */
	animation-name: fadeInGuang;
	animation-duration: 5s;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-delay: 8.2s;
}
.head_index_guang2{
	position: absolute;
	height: 10rem;
	width: 10rem;
	right: 10.5%;
	top: -1rem;
	opacity: 0;
	/* animation: fadeIn 1s linear 0s infinite alternate; */
	animation-name: fadeInGuang;
	animation-duration: 5s;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-delay: 8.2s;
}
.head_index_guang3{
	position: absolute;
	height: 10rem;
	width: 10rem;
	left: 33.5%;
	top: -3rem;
	opacity: 0;
	/* animation: fadeIn 1s linear 0s infinite alternate; */
	animation-name: fadeInGuang;
	animation-duration: 5s;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-delay: 8.2s;
}
.head_index_guang4{
	position: absolute;
	height: 10rem;
	width: 10rem;
	right: 3.5%;
	top: -1.5rem;
	opacity: 0;
	/* animation: fadeIn 1s linear 0s infinite alternate; */
	animation-name: fadeInGuang;
	animation-duration: 5s;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-delay: 8.2s;
}
.head_index_fix{
	position: absolute;
	bottom: 20px;
	left: 120px;
	color: #fff;
	font-size: 1rem;
	z-index: 99;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@keyframes fadeInGuang {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes pao100{
	0%{transform:translate3d(0px,0,0) scale(0)}
	5%{transform:translate3d(-44px,7px,0) scale(0.05)}
	10%{transform:translate3d(-88px,14px,0) scale(0.1)}
	15%{transform:translate3d(-132px,21px,0) scale(0.15)}
	20%{transform:translate3d(-176px,28px,0) scale(0.2)}
	25%{transform:translate3d(-220px,35px,0) scale(0.25)}
	30%{transform:translate3d(-264px,42px,0) scale(0.3)}
	35%{transform:translate3d(-308px,49px,0) scale(0.35)}
	40%{transform:translate3d(-352px,56px,0) scale(0.4)}
	45%{transform:translate3d(-396px,63px,0) scale(0.45)}
	50%{transform:translate3d(-440px,70px,0) scale(0.5)}
	55%{transform:translate3d(-396px,77px,0) scale(0.55)}
	60%{transform:translate3d(-352px,84px,0) scale(0.6)}
	65%{transform:translate3d(-308px,91px,0) scale(0.65)}
	70%{transform:translate3d(-264px,98px,0) scale(0.7)}
	75%{transform:translate3d(-220px,105px,0) scale(0.75)}
	80%{transform:translate3d(-176px,112px,0) scale(0.8)}
	85%{transform:translate3d(-132px,119px,0) scale(0.85)}
	90%{transform:translate3d(-88px,126px,0) scale(0.9)}
	95%{transform:translate3d(-44px,133px,0) scale(0.95)}
	100%{transform:translate3d(0,140px,0) scale(1)}
} 
@keyframes fontSize1{
	0%{transform:scale(0)}}
	5%{transform:scale(0.05)}
	10%{transform:scale(0.1)}
	15%{transform:scale(0.15)}
	20%{transform:scale(0.2)}
	25%{transform:scale(0.25)}
	30%{transform:scale(0.3)}
	35%{transform:scale(0.35)}
	40%{transform:scale(0.4)}
	45%{transform:scale(0.45)}
	50%{transform:scale(0.5)}
	55%{transform:scale(0.55)}
	60%{transform:scale(0.6)}
	65%{transform:scale(0.65)}
	70%{transform:scale(0.7)}
	75%{transform:scale(0.75)}
	80%{transform:scale(0.8)}
	85%{transform: scale(0.85)}
	90%{transform:scale(0.9)}
	95%{transform:scale(0.95)}
	100%{transform:scale(1)}
} 
@keyframes fadeInText {
	0% { left: calc(50% - 100px); top: 24%; opacity: 1;.head_index_text div { font-size: 10px; }}
	2% { left: calc(49% - 100px); top: 24.5%; .head_index_text div { font-size: 10px; }}
	4% { left: calc(48% - 100px); top: 25%; .head_index_text div { font-size: 10px; }}
	5% { left: calc(47% - 100px); top: 25.5%; .head_index_text div { font-size: 10px; }}
	8% { left: calc(46% - 100px); top: 26%; .head_index_text div { font-size: 10px; }}
	10% { left: calc(45% - 100px); top: 26.5%; .head_index_text div { font-size: 10px; }}
	12% { left: calc(44% - 100px); top: 27%; .head_index_text div { font-size: 10px; }}
	14% { left: calc(43% - 100px); top: 27.5%; .head_index_text div { font-size: 10px; }}
	16% { left: calc(42% - 100px); top: 28%; .head_index_text div { font-size: 10px; }}
	18% { left: calc(41% - 100px); top: 28.5%; .head_index_text div { font-size: 10px; }}
	20% { left: calc(40% - 100px); top: 29%; .head_index_text div { font-size: 10px; }}
	22% { left: calc(39% - 100px); top: 29.5%; .head_index_text div { font-size: 10px; }}
	24% { left: calc(38% - 100px); top: 30%; .head_index_text div { font-size: 10px; }}
	26% { left: calc(37% - 100px); top: 30.5%; .head_index_text div { font-size: 10px; }}
	28% { left: calc(36% - 100px); top: 31%; .head_index_text div { font-size: 10px; }}
	30% { left: calc(35% - 100px); top: 31.5%; .head_index_text div { font-size: 10px; }}
	32% { left: calc(34% - 100px); top: 32%; .head_index_text div { font-size: 10px; }}
	34% { left: calc(33% - 100px); top: 32.5%; .head_index_text div { font-size: 10px; }}
	36% { left: calc(32% - 100px); top: 33%; .head_index_text div { font-size: 10px; }}
	38% { left: calc(31% - 100px); top: 33.5%; .head_index_text div { font-size: 10px; }}
	40% { left: calc(30% - 100px); top: 34%; .head_index_text div { font-size: 10px; }}
	42% { left: calc(29% - 100px); top: 34.5%; .head_index_text div { font-size: 10px; }}
	44% { left: calc(28% - 100px); top: 35%; .head_index_text div { font-size: 10px; }}
	46% { left: calc(27% - 100px); top: 35.5%; .head_index_text div { font-size: 10px; }}
	48% { left: calc(26% - 100px); top: 36%; .head_index_text div { font-size: 10px; }}
	50% { left: calc(25% - 100px); top: 36.5%; .head_index_text div { font-size: 10px; }}
	52% { left: calc(26% - 100px); top: 37%; .head_index_text div { font-size: 10px; }}
	54% { left: calc(27% - 100px); top: 37.5%; .head_index_text div { font-size: 10px; }}
	56% { left: calc(28% - 100px); top: 38%; .head_index_text div { font-size: 10px; }}
	58% { left: calc(28% - 100px); top: 38.5%; .head_index_text div { font-size: 10px; }}
	60% { left: calc(29% - 100px); top: 39%; .head_index_text div { font-size: 10px; }}
	62% { left: calc(30% - 100px); top: 39.5%; .head_index_text div { font-size: 10px; }}
	64% { left: calc(31% - 100px); top: 40%; .head_index_text div { font-size: 10px; }}
	66% { left: calc(32% - 100px); top: 40.5%; .head_index_text div { font-size: 10px; }}
	68% { left: calc(33% - 100px); top: 41%; .head_index_text div { font-size: 10px; }}
	70% { left: calc(34% - 100px); top: 41.5%; .head_index_text div { font-size: 10px; }}
	72% { left: calc(35% - 100px); top: 42%; .head_index_text div { font-size: 10px; }}
	74% { left: calc(36% - 100px); top: 42.5%; .head_index_text div { font-size: 10px; }}
	76% { left: calc(37% - 100px); top: 43%; .head_index_text div { font-size: 10px; }}
	78% { left: calc(38% - 100px); top: 43.5%; .head_index_text div { font-size: 10px; }}
	80% { left: calc(39% - 100px); top: 44%; .head_index_text div { font-size: 10px; }}
	82% { left: calc(40% - 100px); top: 44.5%; .head_index_text div { font-size: 10px; }}
	84% { left: calc(41% - 100px); top: 45%; .head_index_text div { font-size: 10px; }}
	86% { left: calc(42% - 100px); top: 45.5%; .head_index_text div { font-size: 10px; }}
	88% { left: calc(43% - 100px); top: 46%; .head_index_text div { font-size: 10px; }}
	90% { left: calc(44% - 100px); top: 46.5%; .head_index_text div { font-size: 10px; }}
	92% { left: calc(45% - 100px); top: 47%; .head_index_text div { font-size: 10px; }}
	94% { left: calc(46% - 100px); top: 47.5%; .head_index_text div { font-size: 10px; }}
	96% { left: calc(47% - 100px); top: 48%; .head_index_text div { font-size: 10px; }}
	98% { left: calc(48% - 100px); top: 49%; .head_index_text div { font-size: 10px; }}
	100% { left: calc(50% - 100px); top: 50%; .head_index_text div { font-size: 10px; }}
}