body{
	margin: 0px;
	background-image: url("../img/bg1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	width: 100%;
	z-index: 9997;
}
.bg{
	background-color: #ffffff;
	background-size: cover;
	z-index: 9998;
	position: fixed;
	width: 100%;
	height: 100%;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}
.jdt1{
	width: 100%;
	height: 10px;
	background-color: #ffffff;
}
.jdt{
	width: 12%;
	height: 4px;
	background: linear-gradient(to right, #EF8696, #89C2D4);
	z-index: 9999;
	opacity: 1;
}
.jjzt{
	font-size: 22px;
	font-weight: bold;
	color: #F5AFB9;
	margin-left: auto;
	margin-right: auto;
}
.jdtbox{
	margin-left: auto;
	margin-right: auto;
	padding-right: 20px;
}
.bf{
	font-size: 22px;
	font-weight: bold;
	float: left;
	margin-left: 1px;
}
.Box{
	height: 600px;
	width: 100%;
	background-color: #ffffff;
	position: fixed;
	top: 10%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	opacity: 0.9;
}
.btbox{
	width: 90%;
	/* height: 110px; */
	height: 60px;
	text-align: center;
	border-bottom: rgba(126, 76, 67, 1) 4px dotted;
	padding-bottom: 10px;
	margin-top: 4px;
}
.bt{
	height: auto;
	width: 50%;
	color: rgba(235, 221, 186, 1);
	background-color: rgba(126, 76, 67, 1);
	font-size: 30px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.jieshao{
	height: 526px;
	width: 100%;
	display: flex;
	align-content: center;
	flex-direction: column;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}
.ztbox{
	width: auto;
	height: 30px;
	margin-top: 10px;
}
.jszt{
	width: auto;
	margin-top: 14px;
	font-size: 22px;
	color: rgb(126, 76, 67);
}
.bt1{
	font-size: 24px;
	font-weight: bold;
	color: rgb(236, 109, 128);
}
.bt2{
	font-size: 24px;
	font-weight: bold;
	color: rgb(133, 163, 213);
}
.jdt{
	animation: jdt 5s linear forwards;
}
@keyframes jdt{
	0%{
		opacity: 1;
		width: 12%;
	}
	95%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		width: 100%;
	}
}
.bf{
	animation: bf 5s linear forwards;
}
@keyframes bf{
	0%{
		opacity: 1;
	}
	95%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
.jjzt{
	animation: jjzt 5s linear forwards;
}
@keyframes jjzt{
	0%{
		opacity: 1;
	}
	95%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
.bg{
	animation: bg 6s linear forwards;
}
@keyframes bg{
	0%{
		opacity: 1;
	}
	95%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		z-index: -1;
	}
}
.Box{
	animation: box 9s linear forwards;
}
@keyframes box{
	0%{
		transform: translateY(-840px);
	}
	60%{
		transform: translateY(-840px);
	}
	100%{
		transform: translateY(0px);
	}
}