/*PC端*/
p {
    display: block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.banner{
  display:flex;
  position:relative;
  margin-top:70px;
  flex-direction:column;
  height:500px;
  font-size:24px;
  font-weight:bold;
  color:#fff;
  letter-spacing:3px;
  justify-content:center;
  align-items:center;
  background:url(../images/newsbg.jpg) center;
  background-size:100% 100%;
}
.banner span:nth-child(2){
  font-size:32px;
  letter-spacing:10px;
}
.content{
  background:#f5f5f5;
}
.newsmenu{
   display:flex;
   width:200px;
   height:80px;
   font-size:20px;
   float:left;
   justify-content:space-between;
   align-items:center;
}
.newsmenu .on{
  color:#036db3;
  font-weight:bold;
}
.newsmenu span{
   display:block;
   width:1px;
   height:20px;
   background:#ccc;
}
.top{
  display:flex;
  background:#fff;
  height:564px;
  margin-bottom:30px;
  overflow:hidden;
}
.top .left{
   flex-grow: 1;
}
.top .left img{
  width:832px;
  height:564px;
  flex-shrink:0;
}
.top .right{
   display:flex;
   flex-direction:column;
   padding:50px 30px;
}
.top .right .title{
   font-weight:bold;
   margin-bottom:20px;
   font-size:30px;
}
.top .right .content{
   text-indent:20px;
   background:transparent;
   display:-webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:7;
   overflow:hidden;
   color:#666;
   font-size:18px;
   line-height:50px;
}
.top .right .date{
   display:flex;
   height:40px;
   align-items:center;
   justify-content:space-between;
   color:#666;
   border-top: 1px solid #ccc;
   margin-top:20px;
   font-size:16px;
}
.top .right .date img{
  width:25px;
  height:25px;
  flex-shrink:0;
}
.allnews{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  text-align:left;
}
.allnews .singlenews{
  margin-right:25px;
  background:#fff;
  line-height:30px;
  margin-bottom:20px;
}
.allnews .singlenews:nth-child(3n){
   margin-right:0;
}
.singlenews .pic img{
  width:450px;
  height:294px;
}
.allnews .singlenews .content{
  background:transparent;
  padding:20px;
}
.allnews .singlenews .content div:first-child{
   width:400px;
   font-size:20px;
   font-weight:bold;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
}
.allnews .singlenews .content div:nth-child(2){
   width:400px;
   display:-webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   overflow:hidden;
   color:#666;
}
.allnews .singlenews .content .date{
   display:flex;
   justify-content:space-between;
   align-items:center;
   color:#ccc;
   border-top:1px solid #efefef;
   margin-top:5px;
}
.nodata{
   display:flex;
   width:100%;
   height:100px;
   color:red;
   font-weight:bold;
   justify-content:center;
   align-items:center;
}

.detail .title{
  text-align:center;
  margin:30px 0;
  padding-bottom: 10px;
  font-size:24px;
  font-weight:bold;
  border-bottom:1px solid #ccc;
}
.detail .pic{
   text-align:center;
   margin-bottom:20px;
}
.detail .pic img{
  max-width:100%!important;
}
.detail .content{
   line-height:30px;
}
.detail .content img{
  max-width:100%!important;
  height: auto;
}
.detail .date{
   display:block;
   width:100%;
   text-align:right;
   margin:50px 0;
   padding-top:20px;
   color:#ccc;
   border-top:1px solid #ccc;
}
/*手机端*/
@media screen and (max-device-width:960px){
   .banner{
    height:auto;
    margin-top:4rem;
    font-size:0.7rem;
    height:6rem;
  }
  .banner span:nth-child(2){
     font-size:0.8rem;
  }
  .newsmenu{
    width:100%;
    height:3rem;
    justify-content:center;
  }
  .newsmenu span{
    margin:0 2rem;
  }
  .top{
    display:flex;
    flex-direction:column;
    height:auto;
    overflow:auto;
    margin-bottom:0.5rem;
  }
  .top .left{
    display:flex;
  }
  .top .left img{
    width:100%;
    height:10rem;
    margin:0  auto;
  }
  .top .right{
      padding:1rem;
  }
  .singlenews .pic img{
    width:100%;
    height:10rem;
  }
  .allnews .singlenews .content{
    padding:1rem;
    word-break: break-all;
  }
  .allnews .singlenews{
    margin-right:0;
  }
  .allnews .singlenews .content div:nth-child(2){
    width:100%;
    display:flex;
    overflow:auto;
  }
  .allnews .singlenews .content div:first-child{
    display:flex;
    width:100%;
    overflow:auto;
    white-space:normal;
  }

}