/* 模块一 */
.module-1 {
	width: 100%;
	height: auto;
	background-color: #121212;
	overflow: hidden;
}

/* 模块一logo */
.module-1_logo {
	width: 291px;
	height: auto;
	display: block;
	margin: 54px auto 107px;

}

/* 模块一标语 */
.module-1_slogan {
	display: flex;
	justify-content: space-between;
}

/* 标语：内容 */
.module-1-slogan_con {
	margin-left: 111px;
}

/* 标题 */
.module-1-slogan_title {
	position: relative;
	height: 62px;
	line-height: 57px;
	font-size: 62px;
	font-family: "PhHuiTR";
	color: #fff;
	margin-left: 5px;
	margin-bottom: 52px;
	letter-spacing: 2px;
}

/* 标题出现的光标 */
.module-1_gb {
	animation: modulegb .6s linear infinite;
	opacity: 0;
}

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

	100% {
		opacity: 1;
	}
}

/* 第一行 */
.module-1-slogan_box {
	display: flex;
	align-items: center;
	font-size: 104px;
	color: #fff;
	font-family: "PhHuiTR";
	letter-spacing: 2px;
}

/* 部分内容颜色 */
.module-1-slogan_box .module-1-slogan1_2,
.module-1-slogan_box .module-1-slogan1_5 {
	color: #80fa8b;
	overflow: hidden;
}

/* 图标 */
.module-1-slogan1_4 {
	width: 138px;
	height: 99px;
}

.module-1-slogan1 {
	display: block;
	width: 106px;
	height: 95px;
	line-height: 95px;
	overflow: hidden;
}

#module-1-slogan1 {
	display: inline-block;
	transform: translateX(106px);
	transition: transform 1s, opacity 3s;
	opacity: 0;
}

#module-1-slogan2 {
	display: inline-block;
	transform: translateY(106px);
	transition: transform 1s, opacity 3s;
	opacity: 0;
}

.module-slogan-1_3 {
	overflow: hidden;
}

#module-1-slogan3 {
	display: inline-block;
	transform: translateX(-106px);
	transition: transform 1s, opacity 3s;
	opacity: 0;
}

#module-1-slogan4 {

	opacity: 0;
	animation: moduleslogan4 .4s 2s linear forwards;
}

@keyframes moduleslogan4 {
	0% {
		opacity: 0;
		transform: scale(.9);
	}

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

	50% {
		opacity: 1;
		transform: scale(.9);
	}

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


.module-slogan-1_5,
.module-1-slogan7,
.module-1_slogan {
	overflow: hidden;
}

#module-1-slogan5 {
	display: inline-block;
	transform: translateX(-106px);
	transition: transform 1s, opacity 3s;
	opacity: 0;
}

#module-1-slogan6 {
	display: inline-block;
	transform: translateY(-106px);
	transition: transform 1s, opacity 3s;
	opacity: 0;
}

#module-1-slogan7 {
	display: inline-block;
	transform: translateY(106px);
	transition: transform 1s, opacity 3s;
	opacity: 0;
}

#module-1-slogan8_img {
	width: 37px;
	height: 37px;
	margin-left: 18px;
	margin-top: calc(95px - 37px);
	transform: translateY(106px);
	transition: transform 1s .6s, opacity 3s .6s;
	opacity: 0;
}

#module-1-slogan_en {
	display: flex;
	flex-direction: column;
	margin-top: 34px;
	opacity: 0;
	transform: translateY(106px);
	transition: transform 1s .6s, opacity 3s .6s;
}

#module-1-slogan_en>span {
	font-family: "PhHuiTR";
	font-size: 20px;
	line-height: 30px;
	color: #e1e1e1;

}


/* 模块一数字显示部分 */
.module-1-slogan_number {
	margin-right: 106px;
	margin-top: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* 第一条数据，第二条数据下边距 */
.module-1-slogan_number-top,
.module-1-slogan_number-bottom {
	margin-bottom: 29px;
}

/* 数据样式 */
.module-1-number_1 {
	font-size: 66px;
	color: #ffffff;
	opacity: 0;
	transition: 1s;
}

/* 线条 */
.module-1-line {
	display: block;
	width: 147px;
	height: 3px;
	background-color: #7e7e7e;
	margin: 92px auto 91px;
	opacity: 0;
	transition: 1s linear;
}

/* 数字小标语 */
.module-1-m-slogan {
	font-family: "PhHuiTR";
	font-size: 26px;
	color: #7e7e7e;
	display: flex;
	overflow: hidden;
}

#module-1-number-2_add,
#module-1-number-1_add {
	opacity: 0;
	transition: 1s linear;
}

#module-1-m-slogan-1 {
	opacity: 0;
	transition: 2.5s;
	transform: translateX(200%);
}

#module-1-m-slogan-2 {
	opacity: 0;
	transition: 2.5s;
	transform: translateX(-200%);
}


/* 模块一主要内容 */
.module-1-main {
	position: relative;
	width: 100%;
	height: 1550px;
	overflow: hidden;
}

/* dataprocess文字 */
.module-1-main_dataprocess {
	position: absolute;
	left: 0;
	top: 150px;
	width: 100vw;
	overflow: hidden;
	transition: 4s 1s;
	opacity: 0;
}

.module-main-dataprocess_box {
	display: flex;
	height: auto;
}

.module-main-dataprocess_box>img {
	width: 100%;
	height: auto;
	display: block;
}





/* 手机样式 */
.module-1-phone {
	z-index: 100;
	position: absolute;
	top: 36px;
	right: 557px;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	transition: 1s;
	opacity: 0;
}

.module-1-phone_box {
	width: 421px;
	height: 767px;
	position: relative;
	perspective: 1200px;
}


/* 手机光线盒子 */
.module-1-phone-light_box {
	z-index: 300;
	width: 282px;
	height: 724px;
	position: absolute;
	top: -1px;
	left: 72px;
	transform: rotateX(7deg) rotateY(12deg) rotateZ(-4deg) skewX(7deg);
	border-radius: 46px;
	overflow: hidden;
}


/* 手机光线 */
.module-1-phone_light {
	position: absolute;
	top: -504px;
	right: -110px;
	opacity: 0;
	transform: rotateY(-180deg) rotateX(-180deg);
}



/* 圆形 */
.module-1_round {
	position: relative;
	margin-top: 583px;
	float: right;
}






/* 圆形图片1 */
.module-1-round_img1 {
	z-index: 10;
	position: relative;
}

/* 圆形图片2 */
.module-1-round_img2 {
	z-index: 200;
	position: absolute;
	right: 0;
	top: 105px;
}

/* 光线圆圈 包过光线图片 */
.module-1-round-light {
	z-index: 86;
	position: absolute;
	top: -281px;
	right: -127px;
	width: 1560px;
	height: 1560px;
	border-radius: 50%;
	transform: rotateX(64deg) rotateY(30deg) rotateZ(97deg);
	overflow: hidden;
}

/* 光线图片 */
.module-1-round-lightImg {
	position: absolute;
	right: -320px;
	top: 490px;
	width: 1700px;
	height: 1700px;
	opacity: 0;
	transition: 1s;
}


/* 默认显示的手机样式 */
.module-1-phone-1 {
	z-index: 200;
	position: relative;
	width: 421px;
	height: 767px;
	opacity: 0;
	transform: translateX(-567px);
	transition: 2s;
	animation: module1Phone 1s 3s linear forwards;
}

/*  延迟3秒显示出手机，上面动画快结束时出现*/
@keyframes module1Phone {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}



.module-1-phone-2_box {
	z-index: 100;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 567px;
	transition: 2s;
	width: 421px;
	height: 767px;
}

/* 替换默认手机样式 */
.module-1-phone-2 {
	width: 421px;
	height: 767px;
}

.module-1-phone-2_logo {
	position: absolute;
	top: 201px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: 1.5s;
}


/* PNG 设置阴影 filter: drop-shadow(0px 0px 0px rgba(0,0,0,.1)); */




.module-1-phone-2_con {
	position: absolute;
	top: 390px;
	left: 172px;
	opacity: 0;
	transition: 1.5s;
}



.module-1_release {
	width: 1080px;
	z-index: 220;
	position: absolute;
	left: 50%;
	top: 625px;
	transform: translateX(-50%);
	font-family: "PhHuiTR";
	font-size: 104px;
	color: #ffffff;
	transition: 2s .5s;
	opacity: 0;
	letter-spacing: 1px;
}

.module-1_platform {
	font-family: "PhHuiTR";
	z-index: 230;
	position: absolute;
	left: 50%;
	bottom: 651px;
	transform: translateX(-50%);
	box-sizing: border-box;
	width: 658px;
	height: 92px;
	line-height: 90px;
	text-align: center;
	font-size: 52px;
	border-radius: 45px;
	border: solid 1px #fff;
	color: #fff;
	opacity: 0;
	transition: 1s;
}


.module-1-platform_con {
	z-index: 230;
	position: absolute;
	left: 50%;
	bottom: 556px;
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
	width: 727px;
	height: 60px;
	font-family: "PhHuiTR";
	font-size: 36px;
	line-height: 60px;
	opacity: 0;
	transition: 1s 1s;
}

.module-1-platform_tab {
	z-index: 230;
	position: absolute;
	left: 50%;
	bottom: 366px;
	transform: translateX(-50%);
	width: 1400px;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}

.module-1-platform_list {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 673px;
	height: 68px;
	background-color: #80fa8b;
	border-radius: 13px;
	padding: 0 30px;
}

.module-1-platform-list_title {
	height: 68px;
	font-family: "PhHuiTR";
	font-size: 32px;
	line-height: 68px;
	color: #010101;
}

.module-1-platform_bottomCon {
	opacity: 0;
	transition: 1s;
}

.module-1-tl {
	transition: 1s;
	transform: translateX(-100%);
}

.module-1-tr {
	transition: 1s;
	transform: translateX(100%);
}


.module-1-platform_tabCon {
	z-index: 230;
	position: absolute;
	left: 50%;
	bottom: 200px;
	transform: translateX(-50%);
	width: 1400px;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}

.module-1-platform_listCon {
	font-family: "PhHuiTR";
	width: 673px;
	height: 155px;
	background-color: rgba(33, 32, 33, .63);
	border-radius: 13px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #fff;
	font-size: 26px;
}

.module-1-platform_bottom {
	font-family: "PhHuiTR";
	z-index: 230;
	position: absolute;
	left: 50%;
	bottom: 110px;
	transform: translateX(-50%);
	width: 1400px;
	color: #80fa8b;
	display: flex;
	justify-content: space-between;
	font-size: 39px;
}

.module-1-platform_bottom>p {
	box-sizing: border-box;
	width: 673px;
	padding: 0 14px;
}

.module-1-platform_bottom p:first-child {
	text-align: right;
}






/* 模块2 ChatAD  你需要的 AI来做 */

.module-2 {
	width: 100%;
	height: auto;
	background-color: #fff;
	overflow: hidden;
}

/* 标题 */
.module-2_title {
	font-family: "PhHuiTR";
	margin-top: 104px;
	font-size: 104px;
	line-height: 108px;
	width: 100%;
	display: flex;
	justify-content: center;
	overflow: hidden;
}


#module-2_title1 {
	transition: .8s;
	transform: translateY(200px);
}

#module-2_title2 {
	transition: .8s .5s;
	transform: translateY(-200px);
}

#module-2_title3 {
	transition: .8s .7s;
	transform: translateY(200px);
}

.module-2_title-Chat {
	color: #80FA8B;
}

.module-2_slogan {
	height: 36px;
	font-family: "PhHuiTR";
	font-size: 36px;
	color: #0a0a0a;
	text-align: center;
	margin-top: 42px;
	margin-bottom: 96px;
	transition: .9s .6s;
	opacity: 0;
	-webkit-user-select: none;
	user-select: none;
}


.module-2_con {
	width: 1800px;
	height: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto;
	-webkit-user-select: none;
	user-select: none;
}


.module-2-con_box {
	display: flex;
	flex-direction: column;
	transition: .9s;
	transform: scale(0);
}

#module-2_con2 {
	transition: .9s;
	transform: scale(0);
}

.module-2_list {
	box-sizing: border-box;
	width: 436px;
	height: 140px;
	line-height: 140px;
	border-radius: 70px;
	border: solid 1px #333;
	font-family: "PhHuiTR";
	font-size: 40px;
	color: #333;
	text-align: center;
	margin-bottom: 22px;
	position: relative;
	overflow: hidden;
	-webkit-user-select: none;
	user-select: none;
}


.module-2_list:nth-child(1) {
	animation: module2ListAin1 2s linear infinite;
}

.module-2_list:nth-child(2) {
	animation: module2ListAin 2.4s linear infinite;
}

.module-2_list:nth-child(3) {
	animation: module2ListAin2 2.6s linear infinite;
}

.module-2_list:nth-child(4) {
	animation: module2ListAin 2.2s linear infinite;
}

.module-2_list:nth-child(5) {
	animation: module2ListAin 2.8s linear infinite;
}

.module-2-list_14 {
	width: 1346px;
	height: 140px;
	line-height: 140px;
	background-color: #1c1b20;
	border-radius: 70px;
	font-size: 40px;
	font-family: "PhHuiTR";
	color: #ffffff;
	text-align: center;
	animation: module2ListAin 2.8s linear infinite;
	position: relative;
	overflow: hidden;
	-webkit-user-select: none;
	user-select: none;
}


.module-2-list_5::before {
	content: "";
	position: absolute;
	width: 160px;
	height: 100%;
	background-color: rgba(255, 255, 255, .6);
	transform: skew(45deg) translate3d(-500px, 0, 0);
}

.module-2-list_5:hover {
	background-color: #5757D5;
	color: #fff;
}

.module-2-list_5:hover::before {
	transition: ease-in-out 1s;
	transform: skew(45deg) translate3d(600px, 0, 0);
}


.module-2_list::before {
	content: "";
	position: absolute;
	width: 100px;
	height: 100%;
	background-color: rgba(255, 255, 255, .6);
	transform: skew(45deg) translate3d(-300px, 0, 0);
}

.module-2_list:hover {
	background-color: #1C1B20;
	color: #fff;
}

.module-2_list:hover::before {
	transition: ease-in-out 1s;
	transform: skew(45deg) translate3d(400px, 0, 0);
}

.module-2-list_2::before {
	content: "";
	position: absolute;
	width: 100px;
	height: 100%;
	background-color: rgba(255, 255, 255, .6);
	transform: skew(45deg) translate3d(-500px, 0, 0);
}

.module-2-list_2:hover::before {
	transition: ease-in-out 1.4s;
	transform: skew(45deg) translate3d(1600px, 0, 0);
}





.module-2-list_14::before {
	content: "";
	position: absolute;
	width: 100px;
	height: 100%;
	background-color: rgba(255, 255, 255, .6);
	transform: skew(45deg) translate3d(-800px, 0, 0);
}

.module-2-list_14:hover::before {
	transition: ease-in-out 1.4s;
	transform: skew(45deg) translate3d(800px, 0, 0);
}



@keyframes module2ListAin2 {
	0% {
		transform: translateX(0px) translateY(0px);
	}

	20% {
		transform: translateX(10px) translateY(0px);
	}

	50% {
		transform: translateX(10px) translateY(6px);
	}

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

@keyframes module2ListAin1 {
	0% {
		transform: translateX(0px) translateY(0px);
	}

	40% {
		transform: translateX(4px) translateY(0px);
	}

	60% {
		transform: translateX(4px) translateY(6px);
	}

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


@keyframes module2ListAin {
	0% {
		transform: translateX(0px) translateY(0px);
	}

	40% {
		transform: translateX(-10px) translateY(0px);
	}

	60% {
		transform: translateX(-10px) translateY(-8px);
	}

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

.module-2-list_2 {
	width: 893px;
	height: 140px;
	line-height: 140px;
	background-color: #80fa8b;
	border-radius: 70px;
	font-family: "PhHuiTR";
	font-size: 40px;
	color: #333333;
	text-align: center;
	margin-bottom: 22px;
	animation: module2list2Ain 2s linear infinite;
	position: relative;
	overflow: hidden;
}

@keyframes module2list2Ain {
	0% {
		transform: translateX(0px);
	}

	20% {
		transform: translateX(12px);
	}

	60% {
		transform: translateX(0px);
	}

	80% {
		transform: translateX(-12px);
	}

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

.module-2-list_5 {
	width: 436px;
	height: 468px;
	line-height: 468px;
	background-color: #5f5bed;
	border-radius: 70px;
	font-family: "PhHuiTR";
	font-size: 40px;
	color: #ffffff;
	text-align: center;
	position: relative;
	transition: 1s;
	animation: module2list5Ain 2.2s linear infinite;
	overflow: hidden;
}

@keyframes module2list5Ain {
	0% {
		transform: translateY(0px);
	}

	20% {
		transform: translateY(12px);
	}

	60% {
		transform: translateX(0px);
	}

	80% {
		transform: translateY(-10px);
	}

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




.module-2-list_2Box {
	display: flex;
}


.module-2-list_2Box {
	display: flex;
	justify-content: space-between;
}


/* 模块3 */
.module-3 {
	padding-top: 109px;
	padding-bottom: 110px;
	background-color: #EFF4FD;
	overflow: hidden;
}

.module-3_title {
	font-family: "PhHuiTR";
	font-size: 104px;
	color: #0a0a0a;
	text-align: center;
	letter-spacing: 2px;
	opacity: 0;
	transition: 2s;
}

#module-3-xt-LeftBtn {
	opacity: 0;
	transition: .5s;
}

.module-3_slogan {
	font-family: "PhHuiTR";
	font-size: 36px;
	color: #0a0a0a;
	text-align: center;
	margin-top: 51px;
	letter-spacing: 2px;
	opacity: 0;
	transition: 1s;
}


.module-3_btn {
	width: 0px;
	height: 140px;
	line-height: 140px;
	background-color: #121212;
	border-radius: 69px;
	font-size: 48px;
	color: #80fa8b;
	text-align: center;
	margin: auto;
	transition: 2s;
}

.module-3_btnCon {
	opacity: 0;
	transition: 1s .5s;
}

.module-3_xt {
	width: 1507px;
	display: flex;
	margin: auto;
	justify-content: space-between;
	margin-bottom: 53px;
	margin-top: 92px;
	overflow: hidden;
	position: relative;
}

.module-3-xt_list {
	width: 461px;
	height: 80px;
	background-color: #ffffff;
	border-radius: 21px;
	text-align: center;
	font-size: 32px;
	line-height: 80px;
	color: #333;
	transform: translateY(100px);

}



.module-3-xt_list:nth-child(1) {
	transition: 1s;
}

.module-3-xt_list:nth-child(2) {
	transition: 1s .5s;
}

.module-3-xt_list:nth-child(3) {
	transition: 1s 1s;
}


.module-3-xt_con {
	width: 1427px;
	height: 419px;
	display: flex;
	margin: 97px auto 0;
}

.module-3-xt-con_about {
	margin-left: 217px;
}

.module-3-xt-con_aboutTit {
	font-family: "PhHuiTR";
	font-size: 36px;
	color: #0a0a0a;
	margin-top: 84px;
	height: 36px;
	overflow: hidden;
	position: relative;
}

#module-3-xt-con_aboutTitSpan-1 {
	position: absolute;
	top: 0;
	left: 0;

	transition: 1s;
	transform: translateY(100px);
}

#module-3-xt-con_aboutTitSpan-2 {
	position: absolute;
	top: 0;
	left: 0;

	transition: 1s;
	transform: translateY(100px);
}

.module-3-xt_activer {
	background-color: #80FA8B;
}

.module-3-xt-con_aboutCon {
	min-height: 100px;
	margin-top: 40px;
	width: 770px;
	font-family: "PhHuiTR";
	font-size: 28px;
	line-height: 56px;
	color: #0a0a0a;
	position: relative;
	overflow: hidden;
}

#module-3-xt-con_aboutCon-1 {
	position: absolute;
	top: 0;
	left: 0;
	transition: 1s;
	transform: translateY(500px);
}

#module-3-xt-con_aboutCon-2 {
	position: absolute;
	top: 0;
	left: 0;
	transition: 1s;
	transform: translateY(500px);
}

.module-3-xt_def {
	background-color: #121212;
}

.module-3-xt-con_aboutBtn {
	display: flex;
}

.module-3-xt-con_aboutBtnLeft {
	width: 281px;
	height: 66px;
	margin-right: 30px;
	display: flex;

	align-items: center;

}

.module-3-xt-con_line {
	width: 0px;
	height: 0px;
	transition: 1s;
}

.module-3-xt-con_aboutBtnRight {
	width: 281px;
	height: 66px;
	display: flex;
	display: flex;
	align-items: center;
}

.module-3-xt-con_aboutBall {
	z-index: 200;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	transition: .7s;
	cursor: pointer;
	position: relative;
}







.module-3-xt-img_box {
	position: relative;
	width: 440px;
	height: 419px;
}

.module-3-xt-img_1 {
	position: absolute;
	box-sizing: border-box;
	width: 325px;
	height: 325px;
	border: solid 23px #ffffff;
	border-radius: 50%;
	right: 0;
	top: 37px;
	transform: scale(0);
	opacity: 0;
}


/* 动画方法 */
.module-3-xt-img_1Animation {
	animation: module3xt1Animation 1s ease-in forwards;
}


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

	80% {
		transform: scale(1);
	}

	90% {
		transform: scale(.9);
	}

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

.module-3-xt-img-1_1 {
	position: absolute;
	right: 35px;
	top: 44px;
	transform: scale(0);
}

.module-3-xt-img-1_3 {
	position: absolute;
	left: -130px;
	top: 20px;
	transform: scale(0);
}

.module-3-xt-img-1_1Animation {
	animation: module3xt1Animation .6s .5s linear forwards;
}

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

	80% {
		transform: scale(1);
	}

	90% {
		transform: scale(.8);
	}

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

.module-3-xt-img-1_2 {
	position: absolute;
	right: 110px;
	top: -80px;
	transform: scale(0);

}

.module-3-xt-img-1_2Animation {
	animation: module3xt2Animation .8s .3s linear forwards;
}

@keyframes module3xt2Animation {
	0% {
		top: -200px;
		transform: scale(0);
	}

	80% {
		transform: scale(1);
	}

	90% {
		transform: scale(.8);
	}

	100% {
		top: -80px;
		transform: scale(1);
	}
}





.module-3-xt-img-1_4 {
	position: absolute;
	right: 40px;
	bottom: -80px;
	opacity: 0;

}

.module-3-xt-img-1_4Animation {
	animation: module3xt4Animation .6s .4s linear forwards;
}

@keyframes module3xt4Animation {
	0% {
		right: -40px;
		bottom: -170px;
		opacity: 0;
	}

	80% {
		transform: scale(1);
	}

	90% {
		transform: scale(.8);
	}



	100% {
		bottom: -80px;
		transform: scale(1);
		right: 40px;
		opacity: 1;
	}
}

.module-3-xt-img-1_5 {
	position: absolute;
	right: 21px;
	top: -56px;
	opacity: 0;

}

.module-3-xt-img-1_5Animation {
	animation: odule3xt5Animation .3s .7s linear forwards;
}

@keyframes odule3xt5Animation {
	0% {
		right: -21px;
		opacity: 0;

	}



	100% {

		right: 21px;
		opacity: 1;
	}
}

.module-3-xt-img-1_6 {
	position: absolute;
	right: -27px;
	opacity: 0;
	transform: scale(0);
	top: 9px;

}

.module-3-xt-img-1_6Animation {
	animation: module3xt6Animation .6s .6s linear forwards;
}

@keyframes module3xt6Animation {
	0% {
		right: -57px;
		opacity: 0;
		transform: scale(0);
	}

	80% {
		transform: scale(.9);
	}

	90% {
		transform: scale(.7);
	}

	100% {
		right: -27px;
		transform: scale(1);

		opacity: 1;
	}
}


.module-3-xt-img_2 {
	position: absolute;
	box-sizing: border-box;
	width: 477px;
	height: 346px;
	overflow: hidden;
	opacity: 0;
}

.module-3-xt-img-2_1 {
	position: absolute;
	top: 0;
	right: 10px;
	transform: translateY(-200px);

}

.module3xt2Animation1 {
	animation: module3xt2Anim .5s linear forwards;
}


.module-3-xt-img-2_4 {
	z-index: 210;
	position: absolute;
	top: 12px;
	left: 20px;
	transform: translateY(-200px);
}

.module3xt2Animation4 {
	animation: module3xt2Anim .5s .3s linear forwards;
}



@keyframes module3xt2Anim {
	0% {
		transform: translateY(-200px);
	}

	80% {
		transform: translateY(30px);
	}

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


.module-3-xt-img-2_3 {
	position: absolute;
	bottom: 30px;
	left: 0;
	transform: translateY(-500px);
}

.module3xt2Animation3 {
	animation: module3xt3Anim .5s .3s linear forwards;
}

@keyframes module3xt3Anim {
	0% {
		transform: translateY(-500px);
	}

	85% {
		transform: translateY(0) rotateX(-45deg);
	}

	95% {
		transform: translateY(0) rotateX(45deg);
	}

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



.module-3-xt-img-2_6 {
	position: absolute;
	bottom: 72px;
	right: 0;
	transform: translateY(-500px);

}

.module3xt2Animation6 {
	animation: module3xt3Anim .6s .2s linear forwards;
}

.module-3-xt-img-2_5 {
	position: absolute;
	bottom: 0;
	right: 166px;
	transform: translateY(-500px);

}


.module3xt2Animation5 {
	animation: module3xt3Anim5 .6s .2s linear forwards;
}

.module-3-xt-img-2_3 {
	position: absolute;
	bottom: 30px;
	left: 0;
	transform: translateY(-500px);

}

.module3xt2Animation3 {
	animation: module3xt3Anim5 .5s .1s linear forwards;
}

@keyframes module3xt3Anim5 {
	0% {
		transform: translateY(-500px);
	}

	90% {
		transform: translateY(0) rotateY(180deg);
	}

	96% {
		transform: translateY(0) rotateY(360deg);
	}

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



.module-3-xt-img-2_2 {
	z-index: 200;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-40%, -200%);

}

.module3xt2Animation2 {
	animation: module3xt3Anim2 .5s .4s linear forwards;
}

@keyframes module3xt3Anim2 {
	0% {
		transform: translate(-40%, -200%)
	}

	85% {
		transform: translate(-40%, -30%)
	}

	100% {
		transform: translate(-40%, -52%)
	}
}







/* 模块四客户反馈 */
.module-4 {
	overflow: hidden;
	padding-top: 114px;
	background-color: #121212;
}

.module-4_title {
	font-family: "PhHuiTR";
	font-size: 104px;
	line-height: 104px;
	color: #fff;
	text-align: center;
	opacity: 0;
	transition: 2s;
}

.module-4_con {
	margin: 75px auto 0;
	display: flex;
	justify-content: space-between;
	width: 1573px;
	height: 1193px;
	position: relative;
	overflow: hidden;
	transition: 3s;

}

.module-4-con_TopZ {
	position: absolute;
	top: -400px;
	left: -280px;
	z-index: 210;
}

.module-4-con_BottomZ {
	position: absolute;
	bottom: -480px;
	left: -280px;
	z-index: 210;
}

.module-4-con_list {
	position: relative;
	transform: translateY(1193px);
	transition: 1s;
	top: 0px;
}

.module-4-con_list:nth-child(even) {
	margin-top: 32px;
}

.module-4_conBox {
	box-sizing: border-box;
	width: 376px;
	height: 372px;
	border: 1px solid #222;
	border-radius: 41px;
	margin-bottom: 32px;
	overflow: hidden;
}

.module-4-con_bt {
	font-size: 80px;
	color: #fefefe;
	font-family: "PhHuiTR";
	height: 20px;
	line-height: 60px;
	margin-top: 30px;
	margin-bottom: 29px;
	margin-left: -26px;
}

.module-4-con_main {
	width: 328px;
	color: #fefefe;
	font-size: 15px;
	font-family: "PhHuiTR";
	margin: auto;
	line-height: 27px;
	letter-spacing: 1px;
}

.module-4-con_line {
	display: block;
	width: 328px;
	height: 1px;
	background-color: #999;
	margin: 30px auto 20px;
}

.module-4-con_user {
	width: 328px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.module-4-con_userImg {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
}

.module-4-con_userImg>img {
	width: 100%;
	height: auto;
	display: block;
}

.module-4-con_about {
	font-size: 12px;
	font-family: "PhHuiTR";
	color: #999;
}



/* 模块五全新玩法 */
.module-5 {
	background-color: #121212;
	padding-bottom: 149px;
	overflow: hidden;
}

/* 标题 */
.module-5_title {
	font-family: "PhHuiTR";
	color: #fff;
	text-align: center;
	height: 104px;
	width: 520px;
	line-height: 96px;
	overflow: hidden;
	display: flex;
	margin: 172px auto 0;
}



.module-5-title_span1 {
	display: block;
	font-size: 104px;
	transform: translateX(-200px);
	transition: 1s;
	letter-spacing: 8px;
}

.module5TitleSpan1Class {
	animation: module5TitleSpan1 .4s linear forwards;
}

@keyframes module5TitleSpan1 {
	0% {
		transform: translateX(-200px);
	}

	80% {
		transform: translateX(0px) skewX(40deg);
	}

	90% {
		transform: translateX(0px) skewX(-40deg);
	}

	100% {
		transform: translateX(0px) skewX(0deg);
	}
}

.module-5-title_span2 {
	display: block;
	font-size: 104px;
	letter-spacing: 8px;
	opacity: 0;
	transform: scale(0);
}

.module5TitleSpan2Class {
	animation: module5TitleSpan2Ain.5s .6s linear forwards;
}

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

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

.module-5-title_span3 {
	display: block;
	font-size: 104px;
	letter-spacing: 8px;
	transform: translateX(400px);
}

.module5TitleSpan3Class {
	animation: module5TitleSpan3Ain .6s .4s linear forwards;
}

@keyframes module5TitleSpan3Ain {
	0% {
		transform: translateX(400px);
	}

	80% {
		transform: translateX(0px)
	}

	90% {
		transform: translateX(0px)
	}

	100% {
		transform: translateX(0px)
	}
}


.module-5-title_span4 {
	display: block;
	font-size: 104px;
	letter-spacing: 8px;
	transform: translateY(200px);

}

.module5TitleSpan4Class {
	animation: module5TitleSpan4Ain .4s .6s linear forwards;
}

@keyframes module5TitleSpan4Ain {
	0% {
		transform: translateY(200px);
	}

	80% {
		transform: translateY(0px) skewY(40deg);
	}

	90% {
		transform: translateY(0px) skewY(-40deg);
	}

	100% {
		transform: translateY(0px) skewY(0deg);
	}
}

.module-5-title_color {
	color: #80fa8b;
}


.module-5_playingMethod {
	width: 1029px;
	margin: 59px auto 109px;
	display: flex;
	overflow: hidden;
	opacity: 0;
	transform: scale(0);

}

.module-5_playingMethodAin {
	animation: module5PlayingMethodAin .7s linear forwards;
}

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

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

.module-5_playingMethod p:nth-child(1),
.module-5_playingMethod p:nth-child(3) {
	font-family: "PhHuiTR";
	box-sizing: border-box;
	width: 313px;
	color: #fff;
	font-size: 52px;
	height: 92px;
	line-height: 90px;
	border-radius: 45px;
	border: solid 1px #fff;
	text-align: center;
}

.module-5_playingMethod p:nth-child(2),
.module-5_playingMethod p:nth-child(4) {
	color: #fff;
	font-size: 52px;
	height: 92px;
	line-height: 90px;
	margin: 0 11px;
}

.module-5_playingMethod p:nth-child(5) {
	box-sizing: border-box;
	width: 313px;
	height: 92px;
	line-height: 90px;
	border-radius: 45px;
	border: solid 1px #ffffff;
	font-family: "PhHuiTR";
	font-size: 52px;
	color: #80fa8b;
	text-align: center;
}

.module-5-playingMethod_box {
	width: 1805px;
	height: 759px;
	display: flex;
	margin: auto;
	justify-content: space-between;
}

.module-5-playingMethod_1 {
	position: relative;
	width: 0;
	height: 0;
	background-color: #80FA8B;
	border-radius: 83px;
	overflow: hidden;
}

.module-5-playingMethod_1Ain {
	animation: module-5playingMethod1Ain 1s linear forwards;
}


.module-5-playingMethod_1:hover .module-5-playingMethod_img1 {
	animation: module-5-playingMethodimg1Ain1 1s linear forwards;
}

@keyframes module-5-playingMethodimg1Ain1 {
	0% {
		bottom: -1318px;
	}

	100% {
		bottom: -1100px;
	}
}

.module-5-playingMethod_1:hover .module-5-playingMethod_img3 {
	animation: module-5-playingMethodimg1Ain2 1s linear forwards;
}

@keyframes module-5-playingMethodimg1Ain2 {
	0% {
		bottom: -1318px;
	}

	100% {
		bottom: -1200px;
	}
}


.module-5-playingMethod_1:hover .module-5-playingMethod_img2 {

	animation: module-5-playingMethodimg1Ain3 1s linear forwards;
}

@keyframes module-5-playingMethodimg1Ain3 {
	0% {
		left: 210px;
		bottom: -1130px;
	}

	100% {
		left: 120px;
		bottom: -1230px;
	}
}

@keyframes module-5playingMethod1Ain {
	0% {
		width: 0;
		height: 0;
	}

	100% {
		width: 1041px;
		height: 759px;
	}
}

.module-5-playingMethod_img1 {
	position: absolute;
	left: -234px;
	bottom: -2318px;
	transition: 1s;

}

.module-5-playingMethodimg1AinClass {
	animation: module-5-playingMethodimg1Ain 1.4s forwards;
}

@keyframes module-5-playingMethodimg1Ain {
	0% {
		bottom: -2318px;
	}

	100% {
		bottom: -1318px;
	}
}

.module-5-playingMethod_img2 {
	z-index: 100;
	position: absolute;
	left: 210px;
	bottom: -1130px;
}



.module-5-playingMethod_img4 {
	position: absolute;
	right: 64px;
	top: 32px;
	transform: scale(0);
	animation: module-5-playingMethod_img4Ain .4s 1s ease-in forwards;
}

@keyframes module-5-playingMethod_img4Ain {
	0% {
		transform: scale(0);
	}

	86% {
		transform: scale(.8);
	}

	90% {
		transform: scale(.9);
	}

	94% {
		transform: scale(1.2);
	}

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

.module-5-playingMethod_tit1 {
	position: absolute;
	right: 66px;
	top: 189px;
	font-size: 44px;
	color: #121212;
	transform: scale(0);
	animation: module-5-playingMethod_tit1Ain .6s 1s forwards;
}


@keyframes module-5-playingMethod_tit1Ain {
	0% {
		transform: scale(0);
	}

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


.module-5-playingMethod_tit2,
.module-5-playingMethod_tit3 {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 50%;
	/* top: 280px; */
	font-size: 44px;
	color: #121212;
	transform: translateX(-50%);
	color: #fff;
	letter-spacing: 1px;
	transition: 1s;
}

.module-5-playingMethod_tit2 {
	top: 400px;
}

.module-5-playingMethod_tit3 {
	top: 400px;
}

.module-5-playingMethod_tit4 {
	position: absolute;
	right: -200px;
	bottom: 92px;
	font-size: 44px;
	color: #121212;
	letter-spacing: 1px;
}

.module-5-playingMethod_tit4Ain {
	animation: module-5-playingMethod_tit4AinMin 1s .6s forwards;
}

@keyframes module-5-playingMethod_tit4AinMin {
	0% {
		right: -200px;
	}

	50% {
		right: 92px;
	}

	100% {
		right: 72px;
	}
}

.module-5-playingMethod_img3 {
	position: absolute;
	right: -204px;
	/* bottom: -1348px; */
	bottom: -2318px;

}

.module-5-playingMethod_img3AinClass {
	animation: module-5-playingMethod_img3Ain 1.2s .6s forwards;
}

@keyframes module-5-playingMethod_img3Ain {
	0% {
		bottom: -2318px;
	}

	100% {
		bottom: -1318px;
	}
}

.module-5-playingMethod_2_1 {
	display: flex;
	overflow: hidden;
}

.module-5-playingMethod_2_left {
	position: relative;
	width: 365px;
	height: 365px;
	perspective: 1400px;
	background-color: #5f5bed;
	border-radius: 83px;
	margin-right: 16px;
	transition: 1s;
	transform: translateX(1000px);
}


.module-5-playingMethod_2_rightImg {
	position: absolute;
	left: 50%;
	transform: translateX(150%);
	top: 33px;
}


.module-5-playingMethod_2_right:hover .module-5-playingMethod_2_rightImg {
	animation: module-5-playingMethod_2_rightImgAin2 1.6s linear infinite;
}

@keyframes module-5-playingMethod_2_rightImgAin2 {
	0% {
		transform: translateX(-50%);
	}

	45% {
		transform: translateX(-80%);
	}

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

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

.module-5-playingMethod_2_rightImgClass {
	animation: module-5-playingMethod_2_rightImgAin .5s .7s linear forwards;
}

@keyframes module-5-playingMethod_2_rightImgAin {
	0% {
		transform: translateX(150%);
	}

	100% {
		transform: translateX(-50%)
	}
}

.module-5-playingMethod_2_leftImg {
	position: absolute;
	left: 50%;
	transform: translateX(-50%) scale(0);
	top: 33px;

}

.module-5-playingMethod_2_left:hover .module-5-playingMethod_2_leftImg {
	animation: module5playingMethod2leftImg 1.2s linear infinite;
}

.module5playingMethod2leftImgClass {
	animation: module5playingMethod2leftImg .5s linear forwards;
}


@keyframes module5playingMethod2leftImg {
	0% {
		transform: translateX(-50%) scale(0);
	}

	80% {
		transform: translateX(-50%) scale(1);
	}

	90% {
		transform: translateX(-50%) scale(0.9);
	}

	100% {
		transform: translateX(-50%) scale(1);
	}
}

.module-5-playingMethod_2_right {
	width: 365px;
	height: 365px;
	background-color: #1c1b20;
	border-radius: 83px;
	position: relative;
	overflow: hidden;
	transition: 1s .4s;
	transform: translateX(1000px);
}

.module-5-playingMethod_2_2 {
	margin-top: 27px;
	width: 745px;
	height: 365px;
	background-color: #ffffff;
	border-radius: 83px;
	position: relative;
	overflow: hidden;
	transition: 1s;
	transform: translateY(1000px);
}

.module-5-playingMethod_2_2Img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transform: scale(1);
}

.module-5-playingMethod_2_2:hover .module-5-playingMethod_2_2Img {
	width: 800px;
}

.module-5-playingMethod_2_2ImgClass {
	animation: module-5-playingMethod_2_2ImgAin 1.2s linear forwards;
}

@keyframes module-5-playingMethod_2_2ImgAin {
	0% {
		opacity: 0;
		transform: scale(1);
	}

	80% {
		opacity: 1;
		transform: scale(1.3);
	}

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

/* 模块六获取线索 */
.module-6 {
	width: 100%;
	height: 1046px;
	overflow: hidden;
	position: relative;
}

.module-6_bgImg {
	width: 100%;
	height: auto;
	display: block;
}

.module-6_thread {
	position: absolute;
	top: 160px;
	left: 344px;
	font-size: 40px;
	color: #0a0a0a;
	font-family: "PhHuiTR";
	letter-spacing: 2px;
	transition: 1s;
	transform: translateX(-300%);
}

.module-6_threadNumber {
	position: absolute;
	top: 249px;
	left: 342px;
	text-transform: uppercase;
	color: transparent;
	-webkit-text-stroke: 1px #0a0a0a;
	font-size: 146px;
	font-weight: bolder;
	line-height: 116px;
	height: 120px;
	transition: 1s;
	transform: translateX(-300%);
}

.module-6_shop {
	position: absolute;
	top: 486px;
	left: 343px;
	font-size: 40px;
	color: #0a0a0a;
	font-family: "PhHuiTR";
	letter-spacing: 2px;
	line-height: 116px;
	height: 120px;
	transition: 1s .4s;
	transform: translateX(-300%);
}

.module-6_shopNumber {
	position: absolute;
	top: 570px;
	left: 342px;
	text-transform: uppercase;
	color: transparent;
	-webkit-text-stroke: 1px #0a0a0a;
	font-size: 146px;
	font-weight: bolder;
	transition: 1s .4s;
	transform: translateX(-300%);
}

.module-6_brokenLine {
	position: absolute;
	bottom: 330px;
	right: 700px;
	width: 100px;
	height: 42px;
	transition: .6s;
	transform: scale(0);
}


.module-6_brokenLineBox{
	width: 148px;
	height: 42px;
	line-height: 42px;
	background-color: #121212;
	border-radius: 10px;
	position: absolute;
	top: 37px;
	left: 37px;
	color: #fff;
	text-align: center;
	font-size: 28px;
}

.module-6_brokenLineBall {
	width: 27px;
	height: 27px;
	background-color: #80fa8b;
	border: solid 4px #ffffff;
	border-radius: 50%;
}



#module-6_cancas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1046px;
}

.module-7 {
	width: 100%;
	height: 1625px;
	background-color: #121212;
	overflow: hidden;
}

.module-7-list {
	width: 100%;
	height: 1625px;
	display: flex;
}



/*模块八 关于我们 */
.module-8 {
	width: 100%;
	background-color: #121212;
	overflow: hidden;
	position: relative;
}

.module-8_dataprocess {
	z-index: 100;
	position: absolute;
	top: 264px;
	left: 0;
	transition: 1s;
	transform: translateY(-600px);
}

.module-8-about_bj {
	z-index: 200;
	width: 1804px;
	height: 380px;
	background: url(../img/index/about-bj.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	margin: auto;
	position: relative;
	margin-top: 37px;

}

.module-8-about_title {
	text-align: center;
	font-size: 102px;
	color: #fff;
	margin-top: 90px;
	letter-spacing: 4px;
	transform: scale(0);
}

.module-8-about_titleClass {
	animation: module-8-about_titleAin .8s linear forwards;
}

@keyframes module-8-about_titleAin {
	0% {

		transform: scale(0);
	}

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

.module-8-about_slog {
	text-align: center;
	font-size: 48px;
	color: #fff;
	margin-top: 40px;
	transform: scale(0);
}

.module-8-about-title_media {
	text-align: center;
	margin-top: 279px;
}

.module-8-about-title_media1 {
	display: inline-block;
	font-size: 104px;
	color: #fff;
	transition: .8s;
	transform: translateX(-210%);
}

.module-8-about-title_media2 {
	display: inline-block;
	font-size: 104px;
	color: #80fa8b;
	transition: .8s;
	transform: translateX(210%);
}

.module-8-about-title_media3 {
	color: #80fa8b;
	font-size: 52px;
	width: 716px;
	height: 92px;
	line-height: 90px;
	border-radius: 45px;
	text-align: center;
	border: solid 1px #ffffff;
	margin: 63px auto 0;
	opacity: 0;
	transition: 1.6s;
}

.module-8-mediaCon {
	width: 1417px;
	height: 518px;
	overflow: hidden;
}

.module-8-mediaList {
	width: 100%;
	height: 100%;
	display: flex;
	transition: .5s;
	transform: translateY(410%);
}

.module-8-mediaList_img {
	width: 246px;
}

.module-8-mediaList_img>img {
	width: 100%;
	height: auto;
	display: block;
}




.module-8-about_mediaBox {
	width: 1417px;
	height: 636px;
	margin: 135px auto 122px;
}



.module-8-about-title-service {
	text-align: center;
}

.module-8-about-title-service_1 {
	display: inline-block;
	color: #fff;
	font-size: 104px;
	transition: 1s;
	transform: translateX(-510%);
}

.module-8-about-title-service_2 {
	display: inline-block;
	color: #80fa8b;
	font-size: 104px;
	transition: 1s;
	transform: translateX(510%);
}

.module-8-about-title-serviceBox {
	width: 1417px;
	margin: 97px auto 0;
	opacity: 0;
	transition: 2s;
	overflow: hidden;
}

.module-8-about-title-serviceImg {
	transition: 1s;
	transform: translateY(400%);
}

.module-8-about-title-serviceBox>img {
	width: 100%;
	height: auto;
	display: block;
}

.module-9 {
	width: 100%;
	height: 600px;
	background-color: #121212;
	overflow: hidden;
}

.module-9-relation {
	text-align: center;
	margin-top: 120px;
}

.module-9-title-relation_1 {
	display: inline-block;
	color: #fff;
	font-size: 104px;
	transition: 1s;
	transform: translateX(-510%);
}

.module-9-title-relation_2 {
	display: inline-block;
	color: #80fa8b;
	font-size: 104px;
	transition: 1s;
	transform: translateX(510%);
}

.module-9-relation_con {
	padding: inherit;
	width: 1000px;
	height: 40px;
	display: flex;
	justify-content: space-between;
	margin: 120px auto 0;
	transition: .8s;
	transform: scale(0);
}

.module-9-relation_list {
	display: flex;
	height: 40px;
	line-height: 40px;
}

.footer-list {
	color: #fff;
	display: flex;
}

.footer-list_a {
	color: #fff;
	margin-right: 20px;
}

.module-9-relation_listTit {
	color: #fff;
	font-size: 18px;
	margin-right: 10px;
	letter-spacing: 2px;
}

.module-9-relation_listInput {
	box-sizing: border-box;
	width: 340px;
	height: 40px;
	outline: none;
	border: none;
	background-color: #fff;
	border-radius: 20px;
	padding: 0 10px;
}


.module-9-relation_btn {
	width: 100px;
	height: 40px;
	background-color: #80FA8B;
	text-align: center;
	line-height: 40px;
	color: #010101;
	border-radius: 10px;
	cursor: pointer;
	letter-spacing: 4px;
	text-indent: 4px;
}


.footer {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 210px;
	background-color: #000;
}

.footer-box {
	width: 1620px;
	display: flex;
	justify-content: space-between;
}

.footer-list_img{
	display: flex;
	
}

.footer-item_img{
	margin: 0 13px;
}