.news-item img {
   width: auto;
   height: 300px;
}
.news-item .news-remark {
   padding: 20px;
   background-color: #f4f4f4;
   text-align: center;
   height: 77px;
}
.news-item .news-remark-fwal {
   padding: 20px;
   background-color: #f4f4f4;
   text-align: center;
   height: 146px;
}
.news-item .news-remark .news-remark-title {
   color: #2472cf;
   font-size: 16px;
   font-weight: 300;
   overflow:hidden; 
   text-overflow:ellipsis; 
   white-space:nowrap
}

.news-item .news-remark .news-remark-title a:hover{
   color: #2472cf;
   cursor: pointer;
}
.news-item .news-remark .news-remark-text {
   font-size: 14px;
   margin: 0;
   width: 100%;
   height: 20px;
   overflow:hidden; 
   text-overflow:ellipsis; 
   white-space:nowrap
}
.news-item .news-remark .news-remark-text a {
   color: #000;
}
.news-item .news-remark .news-remark-text a:hover {
   cursor: pointer;
   color: #2472cf;
}
.news-item .news-remark .news-remark-time {
   font-size: 12px;
   margin: 0;
   color: #999999;
   width: 100%;
   height: 17px;
   overflow:hidden; 
   text-overflow:ellipsis; 
   white-space:nowrap
}

.news-details-panel {
   
}
.news-details-panel .new-datails-header{
   text-align: center;
}
.news-details-panel .new-datails-header .news-title{
   font-size: 24px;
   color: #000;
}
.news-details-panel .new-datails-content {
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   overflow: hidden;
   
}
.news-details-panel .new-datails-content p{
   line-height: 30px;
  
}

.new-datails-footer a{
   color: #000;
}
.new-datails-footer a:hover{
   color: #2472cf;
}

@media (max-width: 970px) {
   .news-item {
      overflow: hidden;
      padding: 20px 0;
      border-bottom: 1px solid #ddd;
   }
   .news-item img{
      width: 40%;
      height: 100%;
      float: left;
   }
   .news-item .news-remark{
      display: inline-block;
      width: 60%;
      background-color: #fff;
      text-align: left;
      float: left;
      padding:0 10px;
   }
   .news-item .news-remark-fwal{
      display: inline-block;
      width: 60%;
      background-color: #fff;
      text-align: left;
      float: left;
      padding:0 10px;
   }

   .new-datails-content img {
      width: 100%;
   }
}
@media (max-width: 425px) {
   .news-item .news-remark-fwal .news-remark-title{
      font-size: 1em;
   }
   .news-item .news-remark-fwal .news-remark-text {
      font-size: 0.75em;
      margin-bottom: 5px;
   }

   
}