.fw-bold{
	text-indent:2em;
	font-size: 20px;
	color: #2E2E2E;
}
/* 移除 Bootstrap 默认的行间距 */
.row.no-gutter {
	margin: 0;
}
.row.no-gutter > [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}

/* 自定义方块样式 */
.feature-box {
	border: 1px solid #ddd;      /* 边框 */
	padding: 40px;              /* 内边距 */
	height: 350px;              /* 固定高度 */
	background: linear-gradient(to right, #1180FF, #B2BBF5);
	transition: all 0.3s ease;  /* 悬停动画 */
	font-size: 16px;
	color: #FFFFFF;
}
.feature-box p{
	font-size: 16px;
	margin: 0;
}

.feature-box:hover {
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);  /* 悬停阴影 */
}
.feature-box h3 {
	color: #FFFFFF;             /* 标题颜色 */
	margin-top: 0;             /* 移除默认上边距 */
	font-size: 20px;
}
/* 图片容器设置（关键） */
.image-container {
	width: 100%;
	position: relative;
	overflow: hidden;
	/*height: 350px;*/
	height: 560px;
}

/* 图片样式（100%填充） */
.full-size-image {
	position: absolute;
	width: 100%;
	height: 100%;
}
/* 基础样式 */
.features-row {
	margin-bottom: 30px;
}
.feature-column {
	padding: 0 10px;
	margin-bottom: 20px;
}
.feature-card {
	height: 200px;
	/*border: 1px solid #e0e0e0;*/
	/*border-radius: 4px;*/
	padding: 20px;
	transition: all 0.3s ease;
	/*background: white;*/
}
.feature-card:hover {
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	transform: translateY(-5px);
}
.feature-card h3 {
	color: #3567D2;
	margin-top: 0;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	text-align: center;
}
.feature-content p {
	font-size: 16px;
	line-height: 1.6;
	color: #555;
}

/* 响应式调整 */
@media (max-width: 1440px) {
	.feature-card {
		height: 200px;
		/*border: 1px solid #e0e0e0;*/
		/*border-radius: 4px;*/
		padding: 15px;
		transition: all 0.3s ease;
		/*background: white;*/
	}
	.feature-card h3 {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	.feature-column {
		width: 50%;
		float: left;
	}
}

.coverflow {
	position: relative;
	width: 800px;
	height: 300px;
	margin: 0 auto;
	perspective: 1200px;
	overflow: visible;
}

.coverflow-item {
	position: absolute;
	top: 0;
	left: 50%;
	width: 60%;
	height: 100%;
	transition: transform 0.6s ease, opacity 0.6s ease;
	transform-origin: center center;
	opacity: 0;
}

.coverflow-item img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.5);
	object-fit: cover;
}

/* 图片说明条 */
.coverflow-caption {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 8px 12px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 14px;
	border-radius: 0 0 10px 10px;
	text-align: center;
}

/* 中间图片 */
.coverflow-item.active {
	transform: translateX(-50%) scale(1) rotateY(0deg);
	opacity: 1;
	z-index: 3;
}

/* 左右图片 */
.coverflow-item.left {
	transform: translateX(-150%) scale(0.8) rotateY(30deg);
	opacity: 0.7;
	z-index: 2;
}

.coverflow-item.right {
	transform: translateX(50%) scale(0.8) rotateY(-30deg);
	opacity: 0.7;
	z-index: 2;
}

/* 隐藏图片 */
.coverflow-item.hidden-left {
	transform: translateX(-300%) scale(0.6) rotateY(40deg);
	opacity: 0;
}

.coverflow-item.hidden-right {
	transform: translateX(200%) scale(0.6) rotateY(-40deg);
	opacity: 0;
}


.coverflow-container {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

.coverflow-control {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 40px;
	color: #333;
	cursor: pointer;
	user-select: none;
	z-index: 10;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
}

.coverflow-control.left {
	left: -50px;
}

.coverflow-control.right {
	right: -50px;
}
div.feature-box-h{
	height: 700px;
}
div.feature-box-l{
	height: 300px;
}
div.image-container-l{
	height: 300px;
}
@media (max-width: 1440px) {
	.feature-box p {
		font-size: 12px;  /* 手机端字体缩小到12px */
	}
	.feature-box{
		padding: 10px;
	}
	.image-container{
		height: 400px;
	}
	div.image-container-l{
		height: 250px;
	}
	div.feature-box-h{
		height: 510px;
	}
	div.feature-box-l{
		height: 250px;
	}
}
@media (max-width: 786px) {
	div.feature-box p {
		font-size: 11px;  /* 手机端字体缩小到12px */
	}
	div.feature-box{
		padding: 5px;
	}
	div.image-container{
		height: 250px;
	}
	div.image-container-l{
		height: 200px;
	}
	div.feature-box-h{
		height: 300px;
	}

}