.docum {

	margin: 0 0 100px;

}



.docum h3 {

	margin: 70px 0 60px;

	text-align: center;

	font-family: Gilroy-Bold;

	font-size: 36px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #603e71;

}



.center {

	text-align: center;

}



.docum h4 {

	font-family: Gilroy-Bold;

	font-size: 24px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #603e71;

}



.docum h5 {

	font-family: Gilroy-Bold;

	font-size: 18px;

	font-weight: normal;

	letter-spacing: 0px;

	color: #603e71;

}



.docum p {

	/* font-size: 18px;

	font-weight: normal;

	letter-spacing: 0px;

	color: #313131;

	line-height: 30px; */

	font-size: 18px;
    font-weight: bold; /* 设置为粗体 */
    letter-spacing: 0px;
    color: #000000; /* 设置为纯黑色 */
    line-height: 30px;
	text-align: justify; /* 设置为两端对齐 */
    text-justify: inter-word; /* 调整单词间距 */
}



.docum img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}



.docum hr {

	width: 100%;

	height: 1px;

	border: none;

	background: #DCDCDC;

}



.media {

	padding: 0 0 20px;

	border-bottom: 1px solid #DCDCDC;

	margin: 0 0 40px;

}



.media>div {

	margin: 0 0 25px;

}



.media div,

.media p {

	display: flex;

	align-items: center;

}



.media div {

	gap: 40px

}



.media h5 {

	font-size: 24px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #1b1b1b;

}



.media a {

	font-size: 24px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #1b1b1b;

}



.media a span {

	text-decoration: underline;

}



.media a .iconfont {

	color: #603e71;

	font-size: 36px;

	display: block;

	margin-right: 15px;

}



.sugBox {

	margin: 50px 0;

}



.sugFom {

	display: flex;

	flex-wrap: wrap;

	gap: 30px;

	margin: 30px 0 0;

	/* justify-content: flex-end; */
    justify-content: center; /* 水平居中 */

}



.sugFom input {

	width: calc((100% - 30px) / 2);

	height: 50px;

	font-weight: bold;

}



.sugFom textarea {

	width: 100%;

	min-height: 240px;

	resize: none;

	font-weight: bold;

}



.sugFom input,

.sugFom textarea {

	box-sizing: border-box;

	border: 1px solid #DCDCDC;

	box-sizing: border-box;

	padding: 10px 15px;

}



.sugFom button {

	width: calc((100% - 30px) / 2);

	height: 50px;

	border: none;

	background: #603e71;

	font-family: SofiaPro-Bold;

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #ffffff;

}



.potList li {

	margin: 0 0 40px;

}



.potList a {

	display: flex;

	justify-content: space-between;

	transition: .4;

	box-sizing: border-box;

	padding: 0 5px;

	border-radius: 6px;

}



.potList a:hover {

	box-shadow: 0 0 10px #333;

}



.potMg {

	width: 42%;

	overflow: hidden;

}



.potMg img {

	width: 100%;

	display: block;

	transition: .4;

}



.potList a:hover img {

	transform: scale(1.1);

}



.potxt {

	width: 53.5%;

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 24px;

	letter-spacing: 0px;

	color: #1b1b1b;

	box-sizing: border-box;

	padding: 10px;

}



.potxt p {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	overflow: hidden;

	text-overflow: ellipsis;

}



.langBox {

	display: flex;

	justify-content: center;

	margin: 150px 0;

	gap: 0 50px;

}



.langBox a {

	display: flex;

	align-items: center;

	gap: 15px;

	font-size: 24px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #999;

}

.langBox a p{

	color:#999;

}

.langBox a.on {

	display: flex;

	align-items: center;

	gap: 15px;

	font-size: 24px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #603e71;

}

.langBox a.on p{

	color:#603e71;

}



.langBox a .iconfont {

	font-size: 30px;

}



.langBox hr {

	width: 1px;

	height: 24px;

	border: none;

	background: #DCDCDC;

}



.contact {

	margin: 40px 0;

}



.contact h4,

.contact h4 a {

	font-family: Gilroy-Bold;

	font-size: 24px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #603e71;

}



.contact h4 a {

	text-decoration: underline;

}



.Videos li {

	position: relative;

	margin: 0 0 60px;

}



.Videos video {

	display: block;

	width: 100%;

	object-fit: cover;

}



.cover {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 1;

	overflow: hidden;

	display: flex;

	align-items: center;

	justify-content: center;

}



.cover::after {

	content: '';

	display: block;

	width: 70px;

	height: 70px;

	background: url(../images/play.png) center no-repeat;

	border-radius: 50%;

	background-size: cover;

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	margin: auto;

	z-index: 1;

}



.cover.active {

	display: none;

}



.cover img {

	display: block;

	min-height: 100%;

	min-width: 100%;

}



.socList {

	display: flex;

	justify-content: space-between;

	max-width: 900px;

	margin: 0 auto;

	flex-wrap: wrap;

}



.socList li {

	width: 40%;

	margin: 0 0 40px;

}



.socList li a {

	width: 100%;

	display: flex;

	align-items: center;

	gap: 30px;

}



.socList li .iconfont {

	font-size: 60px;

	color: #603e71;

}



.socList h4 {

	font-size: 30px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #603e71;

}



.loction input {

	width: 100%;

	display: block;

	box-sizing: border-box;

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	border: solid 1px #dcdcdc;

	padding: 15px;

	margin: 30px 0;

}



.map,

.map img {

	display: block;

	width: 100%;

}





@media screen and (max-width:1024px) {



	.docum h3 {

		margin: 50px 0 40px;

		font-size: 32px;

	}



	.docum h4 {

		font-size: 22px;

	}



	.docum p {

		font-size: 16px;

	}



	.potxt {

		width: 55%;

	}



	.media h5 {

		font-size: 20px;

	}



	.media a .iconfont {

		font-size: 30px;

		margin-right: 10px;

	}



}





@media screen and (max-width:768px) {



	.docum h3 {

		margin: 20px 0;

		font-size: 24px;

	}



	.docum h4 {

		font-size: 18px;

	}



	.docum p {

		font-size: 15px;

		line-height: 25px;

	}



	.contact h4,

	.contact h4 a {

		font-size: 18px;

	}



	.contact {

		margin: 20px 0;

	}



	.docum {

		margin: 0 0 50px;

	}



	.langBox {

		margin: 50px 0;

		gap: 0 10px;

	}



	.langBox a {

		gap: 10px;

		font-size: 16px;

	}



	.langBox a .iconfont {

		font-size: 20px;

	}



	.loction input {

		font-size: 16px;

		padding: 10px 15px;

		margin: 15px 0;

	}



	.potList a {

		flex-wrap: wrap;

		gap: 10px;

	}



	.potList a>div {

		width: 100%;

	}



	.media div {

		gap: 10px;

	}



	.media a {

		font-size: 14px;

	}



	.media h5 {

		font-size: 16px;

	}



	.media a .iconfont {

		font-size: 22px;

		margin-right: 5px;

	}



	.media>div {

		margin: 0 0 10px;

	}



	.socList li a {

		gap: 10px;

	}



	.socList li .iconfont {

		font-size: 40px;

	}



	.socList li {

		width: 100%;

		margin: 0 0 20px;

	}



	.sugFom input {

		width: 100%;

		height: 40px;

	}



	.sugFom {

		gap: 15px;

	}



	.Videos li {

		position: relative;

		margin: 0 0 30px;

	}



	.cover::after {

		width: 50px;

		height: 50px;

	}



}