.new_box {
  padding: 80px 0;
}

.new_box .title {
  font-size: 42px;
  text-align: center;
  font-weight: 100;
  text-transform: uppercase;
  line-height: 55px;
  color: var(--primary-color);
  font-weight: 700;
}

.new_box .news_list {
  margin-top: 15px;
  padding: 0 15px;
}

.new_box .news_item {
  padding: 25px;
  background-color: #f5f7f9;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  display: flex;
}

.new_box .news_item:last-child {
  margin-bottom: 0;
}

.new_box .news_item .left {
  width: 33%;
}

.new_box .news_item .img_cont {
  position: relative;
  padding-bottom: 100%;
}

.new_box .news_item .img_cont img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.new_box .news_item .desc_body {
  width: 67%;
  padding-left: 50px;
}

.new_box .news_item .desc_body .time span {
  font-size: 17px;
  color: #333333;
}

.new_box .news_item .desc_body .item_title {
  color: #282828;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  display: block;
  margin: 15px 0px;
}

.new_box .news_item .desc_body p {
  margin-bottom: 25px;
  color: #666;
}

@media screen and (max-width: 1100px) {
  .new_box .news_list {
    padding: 0;
  }
}

@media screen and (max-width: 750px) {
  .new_box {
    padding: 50px 0;
  }

  .new_box .news_item {
    padding: 15px;
    flex-direction: column;
    gap: 15px;
  }

  .new_box .news_item .left {
    width: 100%;
  }

  .new_box .news_item .desc_body {
    width: 100%;
    padding: 0;
  }
}