.topnews{
    margin:1rem auto;
    padding:1rem;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 1.5rem;
    overflow: hidden;
}
.topnews .topnews-pic{
    width:25%;
    padding:.25rem;
    border:1px solid #eee;
}
.topnews .topnews-pic img{
    width:100%;
}

.topnews .topnews-title{
    width:75%;
    padding-left:1rem;
    
}
.news-item{
    height: 100%;
    border-left:4px solid #00008b;
    padding-left:1rem;
    position: relative;
    background-color:#fff;
    text-overflow:ellipsis;
    
}

.topnews .topnews-title .title-text{
    font-size:1.25rem;
    display: block;
    width:100%;
    padding:1rem 0;
    border-bottom:1px solid #eee;
    text-decoration: none;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}
.topnews .topnews-title p{
    margin-top:2rem;
    text-indent: 2rem;
}
.topnews .topnews-title span{
    position:absolute;
    right:1rem;
    bottom:1rem;
}
.topnews:after{
    content:"";
    display:table;
    clear:both;
}


.news-list{
  margin:.5rem auto;
  list-style:none;
  padding:0;
  background-color: #fff;
}
.news-list li{
  padding:.5rem 1rem;
  border-bottom: 1px solid #eee;
  display:flex;
  justify-content: space-between;
}
.news-list li a{
  color: #333;
  text-decoration: none;
  flex:80%
}
.news-list li span{
  color: #666;
  font-size: 0.875rem;
  flex:20%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.news-list li:nth-child(even){
    background-color:#fafafa;
}




/* 新闻内容页 */

.news-body {
    margin:0 auto;
    padding:.5rem 1rem;
}
.news-body .news-title{
    text-align: center;
    background-color: #fff;
}
.news-body .news-title h1{
    font-size:1.5rem;
    /* margin-bottom: 1.5rem; */
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
}

.news-body .news-shortcut{
    margin:2rem auto;
    background-color:#eee;
    padding:1rem;
    font-size:0.875rem;
    color:#666;
    border-radius: 1.25rem;
    line-height: 2rem;
}
.news-content{

    margin:1rem auto;
    padding: 1rem;
    background-color: #fff;
}
.news-content p{
     text-indent: 2rem;
  line-height:2rem;
  color:#666;
}
.news-content a{
  color:#666;
  text-decoration: none;
}


/* 文章内链样式 */
.news-content a:hover{
   
  text-decoration: none;
}

  .news-content a:after{

  font-family: 'Font Awesome 5 Free';
  content: "@";
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); 
}

/* 文章内表格样式定义 */
  .news-content table {
    width: 80%;
    border-collapse: collapse;
    margin: 1rem auto;
    caption-side: top;
  }
   .news-content table caption{
    text-align:center;
   }
   .news-content table th,
   .news-content table td {
     padding: 0.5rem;
     border: 1px solid #ccc;
   }  
   .news-content table th{
    text-align:center;
   }
   .news-content table tr:nth-child(even) {
     background-color: #f5f5f5;
   }
 

    .news-content img{
      display: block;
      max-width: 80%;
      height: auto;
      margin:0.25rem auto;
      border: none;
    }


    /* 推荐产品列表 */
    .related-products{
      margin:1rem auto;
      background:#fff;
      padding:1rem 0;
    }
    .related-products .products-title{
      background:#00008a;
      color:#fff;
      line-height:2rem;
      padding:0.75rem;
    }
     .related-products h3{
      font-weight:300;
      font-size:1.125rem;
     }
    .promote-list{
      list-style:none;
      padding:0;
      margin:.5rem auto;
    }