/*---------------------------- 一段话----------------------- */
.paragraph {
	width: 85rem;
	/* width: 1360px; */
	height: auto;
	margin: 3.75rem auto 5rem;
	/* margin: 60px auto 80px; */
	text-align: center;
	font-size: 1.25rem;
	/* font-size: 20px; */
	font-family: 'SourceHanSansCN-Regular';
	color: #333333;
}

/* ---------------------------- 联系方式 ------------------------ */
.contact {
	width: 100rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.contact-1 {
	width: 31.75rem;
	/* width: 508px; */
}

.contact-1-title {
	width: 100%;
	display: flex;
	align-items: flex-start;
}

.contact-1-title-span {
	background-color: #0781c5;
	width: 0.25rem;
	height: 1.875rem;
	display: inline-block;
}

.contact-1-title-p {
	width: 30.2rem;
	/* width: 496px; */
	height: 6.5rem;
	/* height: 104px; */
	display: inline-block;
	font-family: 'SourceHanSansCN-Bold';
	color: #333333;
	font-size: 1.625rem;
	margin: 0;
	line-height: 2rem;
	padding-left: 0.8rem;
}

.contact-div {
	width: 100%;
	height: auto;
	/* height: 650px; */
	background-color: #fff;
	box-shadow: 0px 0px 2px #e8e8e8;
	padding-bottom: 1.25rem;
}

.contact-div-p {
	width: 29.25rem;
	/* width: 468px; */
	font-family: 'SourceHanSansCN-Bold';
	color: #333333;
	font-size: 1.5rem;
	margin: 0 auto;
	padding-top: 1.25rem;
}

.contact-div-location1 {
	width: 29.25rem;
	/* width: 468px; */
	height: 6.625rem;
	/* height: 106px; */
	margin: 0 auto;
	padding-top: 1.8rem;
}

.contact-div-location2 {
	width: 29.25rem;
	/* width: 468px; */
	height: 4.375rem;
	/* height: 70px; */
	margin: 0 auto;
	padding-top: 1.8rem;
}

.contact-div-location-p {
	width: 100%;
	line-height: 2.25rem;
	padding: 0;
	margin: 0;
	font-size: 1.25rem;
	/* font-size: 20px; */
	font-family: 'SourceHanSansCN-Regular';
	color: #333333;
}

.contact-div-location-p-span {
	color: #0781c5;
}

.contact-map {
	width: 29.25rem;
	/* width: 468px; */
	height: 20rem;
	/* height: 320px; */
	margin: 0 auto;
	/*padding-top: 1.8rem;*/
}

.contact-map-img {
	width: 100%;
	height: 100%;
}

/* ---------------------------- 填写表格 ------------------------ */
.table {
	width: 100%;
	height: 69.25rem;
	/* height: 1108px; */
	background-image: url(../../img/web/contact/contact-b.png);
	background-size: 100% 100%;
}

.table-div {
	width: 100rem;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding: 3rem 0 4.875rem;
}

.table-1 {
	width: 50%;
	display: inline-block;
	/* float: left; */
}

.table-1-p {
	width: 100%;
	font-size: 1.25rem;
	/* font-size: 20px; */
	font-family: 'SourceHanSansCN-Medium';
	color: #333333;
}

.table-input1,
.table-input2,
.table-input3{
	height: 4.375rem;
	/* height: 70px; */
	line-height: 4.375rem;
	margin: 0 auto;
	background-color: #ffffff;
	border: #0781c5 0.0625rem solid;
	padding: 0 2rem;
	color: #a3a3a3;
	font-size: 1.125rem;
	font-family: 'SourceHanSansCN-Regular';
	display: block;
}

.table-input1 {
	width: 43.125rem;
	/* width: 754px; */

}

.table-input2 {
	width: 93.25rem;
	/* width: 1556px; */
}

.table-input1:focus {
	outline: none;
	color: #333333;
}

.table-input2:focus {
	outline: none;
	color: #333333;
}
.table-input3:focus {
	outline: none;
	color: #333333;
}

.table-2 {
	width: 100%;
	/* float: left; */
}
.table-radio{
	width: 93.25rem;
	margin: 0 auto;
	font-size: 1.125rem;
	font-family: 'SourceHanSansCN-Regular';
	color: #333333;
}
.table-radio-ul{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.table-radio-ul-li{
	list-style: none;
	display: inline-block;
	width: 33%;
	margin-bottom: 1.3rem;
}
.table-radio-ul-radio{
	width: 1.375rem;
	height: 1.375rem;
	margin-right: 1rem;
	float: left;
}
.table-input3{
	width: 100%;
	height: 12rem;
	/* height: 192px; */
	text-align: left;
}

.table-button {
	width: 18.75rem;
	height: 3.375rem;
	line-height: 3.375rem;
	/* width: 300px;
	 height: 54px;
	 line-height: 54px;
	 margin-top: 70px;*/
	font-family: 'SourceHanSansCN-Medium';
	font-size: 1.375rem;
	/* font-size: 22px; */
	color: #ffffff;
	background-color: #0780c4;
	border: 0.5px solid #ffffffab;
	text-align: center;
	/* box-shadow: 4px 5px 7px #1010103b; */
	cursor: pointer;
	transition: background-color 0.5s;
	margin: 0 auto;
	
	/* margin-top: 4.375rem; */
	display: flex;
	align-items: center;
	justify-content: center;
}

.table-button:hover {
	background-color: #1a5fc7;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animate-fade-in {
	opacity: 0;
	animation: fadeInOpacity 1s ease-in-out forwards;
}


@keyframes slideUpFade {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animate-slide-up {
	opacity: 0;
	animation: slideUpFade 1s ease-in-out forwards;
}
.contact-1:nth-child(1) { animation-delay: 0.2s; }
.contact-1:nth-child(2) { animation-delay: 0.4s; }
.contact-1:nth-child(3) { animation-delay: 0.6s; }