body {
	background-color: #f5f5f5;
}

.total-header {
	position: inherit;
}

.me-index-height {
	height: 479px;
	position: relative;
}

.me-about-me {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.me-about-me div {
	font-size: 2.625rem;
	color: #ffffff;
}

.me-about-me span {
	display: inline-block;
	width: 254px;
	height: 60px;
	line-height: 60px;
	background-color: #1aaaad;
	border-radius: 6px;
	text-align: center;
	font-size: 1.625rem;
	color: #ffffff;
	margin-top: 30px;
}

#container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.me-company-course {
	height: 626px;
	background-image: url(images/headers/fzlc.jpg);
	background-size: 100% 100%;
	position: relative;
}

.me-position {
	background-color: #ffffff;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
}

.me-develop-light {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin: auto;
	margin-bottom: 20px;
}

.me-develop-light-bg {
	background-color: #0c9ea0;
	box-shadow: 0px -1px 16px rgba(12, 158, 161, 0.75);
}

.me-develop-light-bg1 {
	background-color: #089377;
	box-shadow: 0px -1px 16px rgba(7, 145, 118, 0.75);
}

.me-develop-light-bg2 {
	background-color: #085fa6;
	box-shadow: 0px -1px 16px rgba(8, 92, 165, 0.75);
}

.me-develop-light-bg3 {
	background-color: #3b1985;
	box-shadow: 0px -1px 16px rgba(100, 45, 225, 0.75);
}

.me-develop-light-bg4 {
	background-color: #c24101;
	box-shadow: 0px -1px 16px rgba(194, 65, 1, 0.75);
}

.me-develop-title {
	text-align: center;
	font-size: 2.625rem;
	color: #ffffff;
	font-weight: bold;
	padding-top: 60px;
	padding-bottom: 10px;
}

.me-develop-time {
	display: inline-block;
	font-size: 1.625rem;
	color: #defeff;
	margin-bottom: 18px;
}

.me-develop-con {
	width: 222px;
	height: auto;
	border-radius: 10px;
	text-align: center;
}

.me-develop-bg {
	background-image: linear-gradient(to bottom, #10ced2, #0da8ab);
}

.me-develop-bg1 {
	background-image: linear-gradient(to bottom, #11c89f, #07967b);
}

.me-develop-bg2 {
	background-image: linear-gradient(to bottom, #1099d2, #085faf);
}

.me-develop-bg3 {
	background-image: linear-gradient(to bottom, #531bc4, #3d1b89);
}

.me-develop-bg4 {
	background-image: linear-gradient(to bottom, #ff8503, #c63800);
}

.me-develop-tro {
	width: 199px;
	height: 240px;
	background-color: #ffffff;
	border-radius: 10px;
	display: inline-block;
	padding-top: 14px;
	margin-bottom: 12px;
	font-size: 0.75rem;
	line-height: 24px;
	position: relative;
	overflow: hidden;
}

.me-develop-theme {
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 14px;
	padding-right: 14px;
}

.me-develop-theme span:nth-child(1) {
	font-size: 1.625rem;
	color: #defeff;
	font-weight: bold;

}

.me-img-position {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.me-develop {
	display: inline-block;
	text-align: center;
	text-align: center;
}

.me-margin-top {
	margin-top: 20px;
}

.me-about-mego {
	text-align: center;
	font-size: 2.375rem;
	color: #585858;
	font-weight: bold;
	padding-top: 45px;
	margin-bottom: 45px;
}

.me-about-con {
	line-height: 28px;
	margin-right: 10px;
}

.me-about-con p {
	margin-bottom: 16px;
}

.me-about-z {
	font-size: 16px;
	color: #585858;
	font-weight: initial;
}


/* 轮播方式 */
/* 外层容器 */
.swiper {
	width: 768px;
	height: 400px;
	padding: 24px !important;
}

/* 轮播项 */

.swiper-slide img {
	height: 100%;
}

.swiper .swiper-slide {
	width: 80%;
	height: 100%;

	font-size: 32px;
	font-weight: 500;
	color: #ffffff;

	/* 文字垂直居中 */
	display: flex;
	justify-content: center;
	align-items: center;
}

.map {
	margin-top: 40px;
}

/* 色彩来源：https://color.uisdc.com/ */
.swiper-slide {
	box-shadow: 0px 0px 20px rgba(34, 42, 72, 0.3);
}

.swiper .swiper-slide-1 {
	background-image: linear-gradient(to top right, #f5f5f5, #ffffff);
}

.swiper .swiper-slide-2 {
	background-image: linear-gradient(to top right, #f5f5f5, #ffffff);
}

.swiper .swiper-slide-3 {
	background-image: linear-gradient(to top right, #f5f5f5, #ffffff);
}

.swiper .swiper-slide-4 {
	background-image: linear-gradient(to top right, #f5f5f5, #ffffff);
}

.swiper .swiper-slide-5 {
	background-image: linear-gradient(to top right, #f5f5f5, #ffffff);
}


/* 弹框 */
.me-mask {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(25, 25, 25, 0.54);
	z-index: 5;
}

.me-popup-a {
	background-color: #ffffff;
	border-radius: 20px;
	width: 500px;
	height: 600px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	z-index: 22;
}

.me-input-a {
	background-color: #f5f5f5;
	height: 52px;
	border-radius: 10px;
	width: 100%;
	border: none;
	text-indent: 1em;
}

.me-input-name {
	margin-bottom: 10px;
	color: #585858;
}

.me-input-tatol {
	text-align: left;
	margin-top: 40px;
}

.me-btn-a {
	height: 52px;
	width: 100%;
	background-color: #1EB6B9;
	border-radius: 6px;
	border: none;
	color: #ffffff;
	font-size: 16px;
	margin-top: 40px;
}

.me-hz-con img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.me-hz-big {
	background-color: #ffffff;
	text-align: center;
	padding-top: 40px;
	padding: 30px;
	margin-top: 20px;
	border-radius: 20px;
}

@media screen and (max-width: 1200px) {
	.total-main {
		width: 94% !important;
	}

	.me-index-height {
		height: 507px;
	}

	.me-wrap-a {
		flex-wrap: wrap;
	}

	.me-develop-tro {
		width: 92%;
		height: 168px;
	}

	.me-develop {
		width: 19%;
	}

	.me-develop-con {
		width: 100%;
	}

	.me-gymg-width {
		width: 100%;
	}

	.me-gymg-width img {
		width: 100%;
		border-radius: 10px;
		height: 240px;
	}

}

@media screen and (max-width: 768px) {
	.me-about-me div {
		font-size: 2rem;
	}

	.total-header {
		position: absolute;
	}

	.me-about-me span {
		width: 180px;
		height: 44px;
		line-height: 44px;
		font-size: 1.125rem;
	}

	.me-develop {
		width: 100%;
		margin-bottom: 30px;
	}

	.me-company-course {
		height: auto !important;
	}

	.swiper {
		width: 100%;
	}

	.me-popup-a {
		width: 78%;
		height: auto;
		padding-bottom: 30px;
	}

	.me-input-tatol {
		text-align: left;
		margin-top: 12px;
	}

	.me-hz-big h2 {
		font-size: 18px;
		font-weight: initial;
	}

	.me-hz-big {
		width: 90% !important;
		padding: 10px;
	}
}