.introduce .block_introduce {
	display: flex;
	flex-wrap: wrap
}

@media all and (min-width:851px) {
	.introduce .block_introduce {
		margin-top: 200px;
		padding-top: 50px
	}

}

.introduce .block_introduce .intro-img {
	width: calc(100%/3);
	float: left;
	text-align: center;
	position: relative
}

.introduce .block_introduce .intro-img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0) rotateY(360deg);
	transition: all 1s ease
}

.introduce .block_introduce .intro-title {
	width: calc(100%/3);
	float: left
}

.introduce .block_introduce .intro-title .intro-title-inner {
	width: 90%;
	line-height: 40px
}

.introduce .block_introduce .intro-title .intro-title-inner .text_1 {
	font-size: 35px;
	font-weight: bold;
	width: 65%;
	text-transform: uppercase
}

.introduce .block_introduce .intro-title .intro-title-inner .text_2 {
	font-size: 35px;
	text-transform: uppercase;
	position: relative
}

.introduce .block_introduce .body-introduce {
	width: calc(100%/3);
	float: right
}

.introduce .block_introduce .body-introduce .body-intro-inner {
	padding-right: 100px;
	font-size: 16px
}

.introduce.hello .block_introduce img {
	transform: translate(-50%, -50%) scale(1) rotateY(0deg)
}

@media all and (max-width:1024px) {
	.introduce .block_introduce .intro-title .intro-title-inner {
		width: auto;
		margin: 0px 10px
	}

	.introduce .block_introduce .intro-title .intro-title-inner .text_1 {
		width: 100%
	}

	.introduce .block_introduce .body-introduce .body-intro-inner {
		padding: 0
	}

}

@media all and (max-width:600px) {
	.introduce .block_introduce {
		margin: 40px 0px
	}

	.introduce .block_introduce .intro-title {
		width: 50%
	}

	.introduce .block_introduce .intro-img {
		display: none
	}

	.introduce .block_introduce .body-introduce {
		width: 50%
	}

}

@media all and (max-width:500px) {
	.introduce .block_introduce {
		margin: 10px 0px
	}

	.introduce .block_introduce .intro-title {
		width: 100%;
		margin-bottom: 0px
	}

	.introduce .block_introduce .intro-title .intro-title-inner {
		text-align: center;
		line-height: 30px
	}

	.introduce .block_introduce .intro-title .intro-title-inner .text_1 {
		font-size: 18px
	}

	.introduce .block_introduce .intro-title .intro-title-inner .text_2 {
		font-size: 14px
	}

	.introduce .block_introduce .body-introduce {
		width: 100%
	}

	.introduce .block_introduce .body-introduce .body-intro-inner {
		font-size: 14px
	}

}

@keyframes type {
	0% {
		width: 0
	}

	20% {
		width: 100%
	}

	40% {
		width: 100%
	}

	60% {
		width: 0%
	}

	100% {
		width: 0
	}

}
/*
     FILE ARCHIVED ON 20:20:40 Jul 21, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:48:15 May 25, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.621
  exclusion.robots: 0.065
  exclusion.robots.policy: 0.052
  esindex: 0.013
  cdx.remote: 6.612
  LoadShardBlock: 50.764 (3)
  PetaboxLoader3.datanode: 97.018 (5)
  load_resource: 86.777
  PetaboxLoader3.resolve: 34.328
  loaddict: 26.357
*/