.carousel {
	position: relative;
	max-width: 100%;
	margin: auto;
	overflow: hidden;
	
}

.carousel-inner {
	display: flex;
	transition: transform 0.5s ease;
}

.carousel-item {
	min-width: 100%;
	transition: transform 0.5s ease;
}

.carousel-item img {
	width: 100%;
	display: block;
}

.prev,
.next {
	position: absolute;
	top: 50%;
	width: auto;
	padding: 10px;
	color: white;
	background-color: rgba(0, 0, 0, 0.5);
	border: none;
	cursor: pointer;
	transform: translateY(-50%);
}

.prev {
	left: 10px;
}

.next {
	right: 10px;
}

.prev:hover,
.next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

.active {
	display: block;
}

.carousel-item {
	display: none;
}


.main {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.index-1 {
	display: flex;
	flex-flow: nowrap;
	white-space: nowrap;
	/* 防止换行 */
	overflow: hidden;
	/* 隐藏超出的内容 */
	text-overflow: ellipsis;
	/* 省略超出的内容 */
}

.index-1 img {
	height: 128px;
}

.scroll-container::-webkit-scrollbar {
	scrollbar-width: thin;
}

.index-3 {
	display: flex;
	flex: 1;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 50px;
	background: url('../img/index30.png') no-repeat 50%;
	background-size: 100% 100%;
}

.index-3-body {
	width: 1200px;
	height: 500px;
	background: #e9f0eb;
}


.hover2 {
	display: flex;
	flex-flow: nowrap;
	justify-content: center;
	height: 50px;
	color: #2cc95b;

}

.hover2 span {
	display: flex;
	flex: 1;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.hover2>.active {
	background: linear-gradient(-45deg, transparent 50px, #bdd9c5 0);
	color: #518581;
}

.logo {
	width: 30px;
}

.hover2-context {
	display: flex;
	flex-wrap: nowrap;
	text-align: center;
	align-items: center;
	justify-content: center;
	padding: 40px 50px;
	letter-spacing: 2px;
	text-indent: 28px;
}

.hover2-context img {
	padding: 40px;
}

.index-4 {
	height: 491px;
	background: url('../img/index40.png') no-repeat 50%;
	background-size: 100% 100%;
}

.index-4-text {
	padding-top: 55px;
	margin-bottom: 20px;
	font-size: 24px;
	color: #fff;
	text-align: center;
}

.index-4-body {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.index-4-item {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	width: 300px;

}

.index-4-item>.img {
	width: 140px;
	height: 146px;
	border: 4px solid #2fffbe;
	border-radius: 70px;
	margin: 0 auto;
}

.index-4-item>.img1 {
	background: url('../img/index41.jpg') no-repeat 50%;
	background-size: 190px;
}

.index-4-item>.img2 {
	background: url('../img/index42.jpg') no-repeat 50%;
	background-size: 190px;
}

.index-4-item>.img3 {
	background: url('../img/iondex43.jpg') no-repeat 50%;
	background-size: 190px;
}

.index-4-item>.img4 {
	background: url('../img/index44.jpg') no-repeat 50%;
	background-size: 190px;
}


.index-4-item>.s1 {
	font-size: 20px;
	color: #fff;
	margin-top: 15px;
}

.index-4-item>.s2 {
	font-size: 16px;
	color: #5bf6af;
	margin-top: 5px;
}

.index-4-item>.s3 {
	width: 210px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	margin: 10px auto 0;
}

.container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/* width: 80%; */
	background-color: #fff;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin-top: 50px;
	border-radius: 10px;
}

.text-section {
	flex: 2;
	padding-right: 20px;
}

.text-section h3 {
	font-size: 1.2em;
	margin-bottom: 10px;
}

.text-section p {
	font-size: 1em;
	line-height: 1.6;
	color: #333;
}

.image-section {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.image-section img {
	max-width: 100%;
	border-radius: 10px;
}

.stats-section {
	display: flex;
	justify-content: space-around;
	/* width: 80%; */
	background: linear-gradient(to right, #e0eafc, #cfdef3);
	padding: 20px 0;
	margin-top: 20px;
	border-radius: 10px;
}

.stat {
	text-align: center;
}

.stat h3 {
	margin: 0;
	font-size: 1.5em;
	color: #333;
}

.stat p {
	margin: 5px 0 0;
	font-size: 1em;
	color: #666;
}

.stat-line {
	width: 50px;
	height: 4px;
	background-color: #007BFF;
	margin: 10px auto;
}

.container {
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: #f5f5f5;
	padding: 20px;
}

.item {
	display: flex;
	align-items: center;
	text-align: left;
}

.item img {
	width: 80px;
	/* Adjust the size of the image */
	height: 80px;
	/* Adjust the size of the image */
	margin-right: 20px;
}

.text {
	font-size: 16px;
}

.text h3 {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
}

.text p {
	margin: 5px 0 0;
}


.container3 {
	background-image: url(../img/P-10276539-10198668.jpg);;
	padding: 20px;
	border-radius: 10px;
	/* width: 80%; */
	margin: auto;
	margin-top: 50px;
}

.content {
	margin-top: 50px;
}

.icons {
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
}

.icon {
	text-align: center;
}

.icon img {
	border-radius: 50%;
	width: 70px;
	height: 70px;
}