.main_content {
      width: 1310px;
      margin: 0 auto;
  }
  .article_left {
      width: 20%;
      float: left;
  }
  .article_right {
      float: right;
      width: 78%;
      box-sizing: border-box;
      _width: 76%;
  }
  
  
  
  
  .ColumnIndex .article_box_doc h2 {
      text-align: center;
      font-size: 18px;
      font-weight: bold;
  }
  
  .ColumnIndex .article_box_doc p {
      line-height: 24px;
      margin: 20px;
      text-indent: 2em;
  }
  
  .ColumnIndex .article_box_doc p a {
      display: none;
  }
  
  .ColumnItem ul.article_list_doc li {
      float: left;
      width: 180px;
      background: none;
      padding: 0;
      margin-right: 22px;
      margin-bottom: 22px;
      line-height: 32px;
  }
  
  .ColumnItem ul.article_list_doc li a.img_box {
      width: 100%;
      display: block;
      overflow: hidden;
      height: 250px;
  }
  
  .ColumnItem ul.article_list_doc li a.title_type {
      height: 50px;
      line-height: 50px;
      text-align: center;
      width: 100%;
      display: block;
      background: #00568e;
      color: #fff;
      font-size: 20px;
  }
  
  .ColumnItem ul.article_list_doc li a.img_box img {
      width: 100%;
      height: 100%;
  }
  
  .ColumnItem ul.article_list_doc li:nth-child(5n) {
      margin-right: 0;
  }
  h2.title_header_item {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
  }
@media only screen and (max-width: 768px){
.ColumnItem ul.article_list_doc li {
    width: 100%;
    height: auto;
}
}