.project-container {
  width: 100%;
  padding: 5.8rem 0;
  background-color:#F5F5F5 ;
}
.project-container .content {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;

}
.project-container .project-item {
  width: 100%;
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 0px 0.364583vw 2.083333vw 0px rgba(0, 0, 0, 0.08);
}
.project-container .project-item .project-img {
  width: 36.5rem;
  height: 20.6rem;
  overflow: hidden;
  background-size: cover;
  /* border-radius: 10px; */
}
.project-container .project-item .detail-right {
  align-items: flex-start;
}
.project-container .project-item .project-detail {
  cursor: pointer;
  width: calc(100% - 36.5rem);
  height: 20.6rem;
  /* border-radius: 10px; */
  padding: 2.4rem 4.6rem;
  /* border: solid 0.1rem #d7d7d7; */
}
.project-container .project-item .project-detail .title-info {
  font-size: 2.4rem;
  letter-spacing: 0.1rem;
  color: #505050;
  align-items: flex-start;
}
.project-container .project-item .project-detail .title-info .title {
  font-weight: bold;
}
.project-container .project-item .project-detail .time {
  width: 16.9rem;
  height: 1.3rem;
  font-size: 1.4rem;
  margin-top: 1.7rem;
}
.project-container .project-item .project-detail .project-logo {
  width: 7rem;
  height: 7rem;
}
.project-container .project-item .project-detail .project-content {
  margin-top: 0.4rem;
  font-size: 1.6rem;
  line-height: 3.6rem;
  letter-spacing: 0rem;
  color: #505050;
}
.project-container .project-item .project-detail:hover {
  background: #e1e1e1;
}
.project-container .project-item .project-detail:hover .title-info {
  /* color: #ffffff; */
}
.project-container .project-item .project-detail:hover .project-content {
  /* color: #ffffff; */
}
.pagination {
  width: 100%;
  margin: 0 auto;
}
.pagination .item {
  height: 1.1rem /* 11/16 */;
  width: 1.1rem /* 11/16 */;
  border-radius: 50%;
  background-color: #cacaca;
  margin: 0 1rem /* 10/16 */;
}
.pagination .item.current {
  background: #33cf73;
}