.consultationTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .5rem;
  margin-bottom: 1rem
}
.consultationTitle span {
  font-size: 1.2rem;
  font-weight: bold;
  font-family: SourceHanSansCN-Regular
}
.consultationTitle span:nth-last-child(1) {
  font-size: .875rem;
  font-weight: 400;
  color: #666;
	line-height: 1.6;
  margin-top: .2rem;
	overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.consultation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem
}
.consultation .consultationData {
  width: 70vw
}
.consultation .consultationData .consultationDataBox .consultationList ul {
  display: flex;
  flex-wrap: wrap
}
.consultation .consultationData .consultationDataBox .consultationList ul li {
  width: 30%;
  padding: 1rem;
  margin-bottom: .5rem;
  border: 1px solid #eee;
  margin-right: .5rem;
  transition-duration: .5s
}
.consultation .consultationData .consultationDataBox .consultationList ul li .consultationImageAndTitle .ImageAndTitle {
  position: relative;
  overflow: hidden;
  cursor: pointer
}
.consultation .consultationData .consultationDataBox .consultationList ul li .consultationImageAndTitle .ImageAndTitle .consultationImage {
  height: 20rem;
  overflow: hidden;
/*  border: .1rem solid white*/
}
.consultation .consultationData .consultationDataBox .consultationList ul li .consultationImageAndTitle .ImageAndTitle .consultationImage img {
  width: 100%;
  vertical-align: middle;
  height: 100%;
  transition-duration: .5s
}
.consultation .consultationData .consultationDataBox .consultationList ul li .consultationImageAndTitle .ImageAndTitle .consultationTitle {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: none
}
.consultation .consultationData .consultationDataBox .consultationList ul li .consultationImageAndTitle .ImageAndTitle .consultationTitle span {
  transition-duration: .5s
}
.consultation .consultationData .consultationDataBox .consultationList ul li .consultationImageAndTitle .ImageAndTitle .consultationTitle span:nth-child(1) {
  margin-top: 1rem;
  padding-bottom: .4rem
}
.consultation .consultationData .consultationDataBox .consultationList ul li:hover {
  background: #4B4DC8
}
.consultation .consultationData .consultationDataBox .consultationList ul li:hover .consultationImageAndTitle .ImageAndTitle .consultationTitle span {
  color: white
}
.bottomLimitedCompany {
  margin-top: 4rem
}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.consultation .consultationData{
		width: 100%;
		padding: 0 15px
	}
	.consultation .consultationData .consultationDataBox .consultationList ul li{
		width: 100%;
		padding: 15px;
		margin-right: 0;
	}
	.consultation .consultationData .consultationDataBox .consultationList ul li .consultationImageAndTitle .ImageAndTitle .consultationImage{
		width: 100%;
		height: 15rem;
		position: relative
	}
	.consultation .consultationData .consultationDataBox .consultationList ul li .consultationImageAndTitle .ImageAndTitle .consultationImage img{
		display: block;
		object-fit: cover
	}
}