/* 自编1.0 */
/* 特点概略 */
.body {
	scroll-padding-top: 1.25rem;
}

.top-categories {
	position: relative;
	z-index: 1;
	margin-top: -100px;
}

.top-categories .item {
	text-align: center;
	background-color: #fafafa;
	padding: 30px;
	border-radius: 15px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.top-categories .item .icon {
	display: inline-block;
	width: 75px;
	height: 75px;
        /* background-color: #f7f7f7; */
	text-align: center;
	line-height: 75px;
	border-radius: 10px;
}

.top-categories .item .icon img {
	max-width: 36px;
	border-radius: 0;
}

.top-categories .item h4 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #1d1d1d;
}

.top-categories .item span {
	display: block;
	font-size: 15px;
	color: #1d1d1d;
}

.top-categories .item span.counter {
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
	padding: 5px 8px;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	color: #00bdfe;
	background-color: #fff;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
}

@media (max-width: 992px) {
	.top-categories .item {
		margin-bottom: 15px;
	}
}

/* 产品特点 */
.main-services {
	margin-top: 100px;
}

.main-services .service-item {
	margin-bottom: 60px;
	padding-bottom: 60px;
	border-bottom: 1px solid #f5f5f7;
}

.main-services .last-service {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.main-services .left-image {
	margin-right: 15px;
}

.main-services .left-image img {
	border-radius: 15px;
}

.main-services .right-image {
	margin-left: 15px;
}

.main-services .right-image img {
	border-radius: 5px;
}

.main-services .right-text-content {
	margin-left: 15px;
}

.main-services .left-text-content {
	margin-right: 15px;
}

.main-services .left-text-content h4 {
	font-size: 36px;
	font-weight: 700;
	color: #1d1d1d;
	margin-bottom: 30px;
}

.main-services .right-text-content h4 {
	font-size: 36px;
	font-weight: 700;
	color: #1d1d1d;
	margin-bottom: 30px;
}

.main-services .right-text-content span {
	font-size: 25px;
	font-weight: 500;
	color: #D9A426;
}

.main-services .left-text-content span {
	font-size: 25px;
	font-weight: 500;
	color: #D9A426;
}

.right-text-content p {
	font-size: 14px;
	font-weight: 400;
	line-height: 2rem;
}

.left-text-content p {
	font-size: 14px;
	font-weight: 400;
	line-height: 2rem;
}

@media (max-width: 992px) {
	.main-services .left-image {
		margin-right: 0;
		margin-bottom: 30px;
	}

	.main-services .right-text-content {
		margin-left: 0;
	}

	.main-services .right-image {
		margin-left: 0;
		margin-top: 30px;
	}

	.top-categories {
		display: none;
	}
}

@media screen {
	.banner-header {
		height: 91vh;
		background-position: center;
		background-color: #003366;
	}
}

.text-center h4 {
	font-size: 40px;
	color: #D9A426;
}

.text-left h1 {
	color: #D9A426;
}

.text-left h6 {
	font-size: 30px;
	color: #D9A426;
	letter-spacing: 2px !important;
	font-weight: 500 !important;
	padding: 0px 0px 0px 5px;
}

/* 定义动画 */
@keyframes colorFade {
	0% {
		color: #D9A426;
	}

	50% {
		color: #003366;
	}

	100% {
		color: #D9A426;
	}
}

/* 应用到 h4 标签的动画样式 */
.animated-title {
	animation: colorFade 12s infinite;
	transition: color 6s;
}

/* 添加不同延迟 */
.delay-1 {
	animation-delay: 0s;
}

.delay-2 {
	animation-delay: 1s;
}

.delay-3 {
	animation-delay: 2s;
}

.top-categories .item .icon .iconfont {
	font-size: 38px;
	color: #D9A426;
}

.img img {
	width: 100%;
	height: auto;
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}

.hover-card {
	cursor: pointer;
}

#main-image {
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
 /* 过渡效果 */
	;
}

.card {
	border: var(--bs-card-border-width) solid #f5f5f7;
	background-color: #fafafa;
}

.custom-card-body {
	margin: auto;
	padding: 0;
	width: 100%;
	height: auto;
}

.bjone {
	background-image: url("/template/pc/skin/dy_css/product/stmh_image/bj3.png");
	background-size: cover;
	background-position: right;
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
}

.bjtwo {
	background-image: url("/template/pc/skin/dy_css/product/stmh_image/bj2.png");
	background-size: cover;
	background-position: right;
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
}

.bjthree {
	background-image: url("/template/pc/skin/dy_css/product/stmh_image/bj4.png");
	background-size: cover;
	background-position: right;
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
}

.btn-primary {
	color: #ffffff !important;
	margin-top: 15px;
	padding: 5px 10px 5px 10px;
	border-radius: 12px;
	background-color: #003366;
	font-weight: 400;
}

.btn-primary span, a, a:hover {
	color: #D9A426;
}
.card-body h5{
    font-weight: 700;
    color: #D9A426;
    
}