/* 全局设置盒模型为 border-box，确保 padding 和 border 包含在元素的 width/height 内 */
/* 强制页面不出现横向滚动条 */
html, body {
	box-sizing: border-box;
	width: 100%;
	overflow-x: hidden;
	background-color:#f4f4f4;
	font-size: 16px;
}

/* 移除之前冲突的全局 padding/margin 规则，让 Bootstrap 列的默认 padding 生效 */
/* 如果某些元素确实需要无 padding/margin，请单独为它们设置 */
div, span, p {
	/* 仅对这些标签进行默认的 padding/margin 重置，避免影响 Bootstrap 列 */
	padding: 0;
	margin: 0;
}

.top-btn a{
	color: #000;
}
.top-btn a:hover{
	border: none;
	color: #4095ce;
}
.products-box{
	margin:0 auto;
	width: 90%;
	max-width: 1140px;
	/* 移除或注释掉 min-width，让其在小屏幕上能够自由收缩 */
	/* min-width: 755px; */
	background-color: #fff;
}
.row{
	/* Bootstrap 的 .row 默认有负 margin，这里保留 Bootstrap 的处理方式 */
	margin-left: -15px; /* 恢复 Bootstrap 默认的负 margin */
	margin-right: -15px; /* 恢复 Bootstrap 默认的负 margin */
	padding: 0; /* 保持您自定义的 .row padding */
}
/* 确保列的 padding 正常，这里不需要额外设置，因为移除了全局重置 */
/* .products-con .col-md-3 和 .products-con .col-md-9 的 padding 可以保留 */

.top-btn{
	line-height: 60px;
	border-bottom: 1px solid #4095ce;
	padding: 0 3%;
	font-size: 18px;
}
.products-con .col-md-3{
	margin-top: 30px;
	padding:  20px 10px; /* 您自定义的 padding */
	border: 4px solid #4095CE;
	border-left: none;
	border-right: none;
	line-height: 40px;
	color: #4095CE;
}
.products-con .col-md-9{
	padding: 0 3%; /* 您自定义的 padding */
}
.products-con .title{
	color: #4095CE;
	font-size: 20px;
	text-align: center;
	margin-top: 10px;
	line-height: 50px;
}
.describe{
	text-align: left;
	font-size: 16px;
	line-height: 28px;
	text-indent: 32px;
	margin-bottom: 20px;
}
.describe table{
	text-indent:0;
}
.describe img{
	width: 100%;
	margin-top: 3%;
}
.describe .col-md-6 img{
	text-indent: 0;
	max-width: 80%;
	height: auto; /* 让高度自适应，避免图片拉伸 */
	margin-bottom: 5%;
}
.subTitle{
	color: #4095CE;
	font-size: 18px;
	text-indent: 0;
	line-height: 32px;
}
.table{
	text-align: center;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	border-top: none;
	padding: 0;
}
.process{
	padding: 20px 0;
	line-height: 60px;
	text-indent: 8px;
	display: flex; /* 确保 flex 布局生效 */
	flex-wrap: wrap; /* 允许项目换行 */
	justify-content: center; /* 居中对齐 */
	align-items: center; /* 垂直居中 */
	text-align: center; /* 文本居中 */
}
.process span{
	color: #fff;
	background-color: #4095CE;
	padding: 15px;
	border-radius: 15px 0 15px 0;
	word-break: break-word; /* 强制文本换行 */
	margin: 5px; /* 确保有间距 */
}
.process i {
	margin: 5px; /* 确保箭头有间距 */
}
.col-md-3 .img1{
	width: 100%;
}
.col-md-3 .img2{
	margin: 20px 15% 0;
	width: 70%;
}
footer{
	height: 140px;
	width: 100%;
	background-color: #8C8C8C;
}
.bottom-menu{
	text-align: center;
	width: 50%;
	margin: 0 auto;
	padding: 20px;
}
.bottom-menu .col-md-1-5{
	color: #fff;
	border-right: 1px solid #fff;
	font-size: 16px;
}
.bottom-menu .col-md-1-5:last-of-type{
	border-right: none;
}
.footer-con{
	line-height:40px;
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 10px;
}
.footer-con a{
	color: #fff;
}
.backIndex{
	margin:0 20px;
	background-color: #4095CE;
	padding:6px 10px;
	font-size: 15px;
	border-radius: 5px;
}
.describe .img3{
	width: 50%;
	margin:0 25%;
}
.bold{
	font-weight: bold;
}