.detser .pubCon {
	display: flex;
	padding: 20px 0;
}

.detser {
	width: 100%;
	border-bottom: 1px solid #eee;
}

.detser li {
	padding: 0 20px;
	border-right: 1px solid #999;
}

.detser a {
	position: relative;
	color: #000;
	text-align: center;

}

.detser a:hover {
	color: #a0836a;
}

.detser a::after {
	content: '';
	width: 100%;
	height: 2px;
	background-color: currentColor;
	position: absolute;
	left: 0;
	bottom: -3px;
	transform: scaleX(0);
	transform-origin: center;
	transition: 0.3s ease-out;
}

.dpact {
	color: #a0836a !important;
}

.dpact::after {
	transform: scaleX(1) !important;
}

.detser a:hover::after {
	transform: scaleX(1);
	transform-origin: center;
}

.detProact::after {
	content: '';
	width: 100%;
	height: 2px;
	background-color: currentColor;
	position: absolute;
	left: 0;
	bottom: -3px;
	transform-origin: left;
	transition: 0.3s ease-out;
}

.dft {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.dft img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s;
}

.dfb {
	background: #eee;
	color: #a0836a;
	line-height: 40px;
	text-align: center;
}

.dpa:hover img {
	transform: scale(1.1);
}

.detcontant .forth {
	margin-bottom: 30px;
}

@media screen and (max-width:992px) {
	.detser li {
		margin-top: 10px;
	}

	.detser a::after {
		bottom: 0;
	}
}