@charset "UTF-8";

/* 解决方案 */

.plan-box {

	width: 1205px;

	margin: 80px auto;

}

.plan-title {

	width: 100%;

	display: flex;

	justify-content: center;

}

.plan-list {

	padding-top: 80px;

	display: flex;

	flex-wrap: wrap;

}

.plan-item {

	width: 31.36%;

	border: solid 1px transparent;

	margin-right: 2.9%;

	margin-bottom: 40px;

}

.plan-item:nth-child(3n) {

	margin-right: 0;

}

.plan-item-img {

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

}

.img-box {

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

	overflow: hidden;

}

.img-box img {

	width: 100%;

}

.plan-item-info {

	text-align: center;

	padding: 25px;

	background-color: #f7f7f7;

}

.info-title {

	font-family: MicrosoftYaHei;

	font-size: 16px;

	letter-spacing: 0px;

	color: #333333;

}

.info-desc {

	margin: 20px 0 30px 0;

	font-family: MicrosoftYaHei;

	font-size: 12px;

	letter-spacing: 0px;

	color: #7f7f7f;

	text-align: justify;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}

.plan-item-link {

	width: 100%;

	display: flex;

	justify-content: center;

}

.link-box {

	width: 120px;

	height: 30px;

	border: solid 1px #999999;

}

.link-img {

	width: 100%;

	height: 100%;

}

.link-img-box {

	width: 100%;

	height: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

}

.link-img-box img:last-child {

	display: none;

}

.plan-item:hover {

	border: solid 1px #c93b3a;

}

.plan-item:hover .info-title {

	color: #c93d3c;

}

.plan-item:hover .info-desc {

	color: #c93d3c;

}

.plan-item:hover .link-box {

	border: solid 1px #c93b3a;

}

.plan-item:hover .link-img-box img:first-child {

	display: none;

}

.plan-item:hover .link-img-box img:last-child {

	display: block;

}

@media (max-width: 1920px) {}

@media (max-width: 1599px) {}

@media (max-width: 1477px) {}

@media (max-width: 1365px) {}

@media (max-width: 1199px) {

	.plan-box {

		width: 96%;

	}

}



@media (max-width: 990px) {

	.plan-item {

		width: 49%;

		margin-right: 2%;

	}

	.plan-item:nth-child(3n) {

		margin-right: 2%;

	}

	.plan-item:nth-child(2n) {

		margin-right: 0;

	}

}



@media (max-width: 767px) {
	.sjbread {
		display: none;
	}

	.plan-box {

		margin: 30px auto;

	}

	.plan-list {

		padding-top: 30px;

	}

	.plan-item {

		width: 100%;

		margin-right: 0;

	}

}