.news_container {
  position: relative;
  display: inline-block;
  width: 765px;
}
.news_container .article {
  position: relative;
  display: inline-block;
  float: left;
  width: 300px;
  margin: -5px 20px 20px -5px;
  padding: 0 25px 25px 25px;
  background: #fff;
  cursor: pointer;
  border: solid 5px #f6f6f6;
  transition: border-color 0.2s ease-in-out;
  -webkit-transition: border-color 0.2s ease-in-out;
  -moz-transition: border-color 0.2s ease-in-out;
}
.news_container .article > .pic {
  display: inline-block;
  position: relative;
  left: -25px;
  width: 350px;
  height: 165px;
  overflow: hidden;
  background-size: cover;
  margin-bottom: 10px;
}
.news_container .article > .title {
  display: inline-block;
  width: 100%;
  clear: both;
  color: #383838;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  transition: color 0.4s ease-in-out;
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
}
.news_container .article > .date {
  display: inline-block;
  clear: both;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}
.news_container .article > .preview {
  display: inline-block;
  clear: both;
  width: 100%;
  max-height: 55px;
  font: 11px/18px "Helvetica";
  color: #2c2c2c;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article_wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  background: #f6f6f6;
  padding-top: 50px;
  min-height: 600px;
}
.article_wrapper .useful_content {
  display: inline-block;
  position: relative;
  width: 1000px;
}
.article_wrapper .useful_content .article_img {
  display: inline-block;
  clear: both;
  width: 1000px;
  overflow: hidden;
}
.article_wrapper .useful_content .article_img img {
  width: 100%;
}
.article_wrapper .useful_content .article_content {
  width: 900px;
  display: inline-block;
  padding: 50px;
  background: #fff;
  margin-top: -5px;
}
.article_wrapper .useful_content .article_content > h1 {
  display: inline-block;
  float: left;
  font: 40px "FreeroadRegular";
  color: #383838;
  margin: 0 0 10px;
}
.article_wrapper .useful_content .article_content .article_date {
  display: inline-block;
  width: 100%;
  font: 15px/55px "Arial";
}
.article_wrapper .useful_content .article_content .article_text {
  display: inline-block;
  width: 900px;
  text-align: justify;
  font: 13px/20px "Helvetica";
  color: #2c2c2c;
}
.article_wrapper .useful_content .article_content .article_text p {
  margin-bottom: 20px;
}