.header-wrapper{
  width:100%;
  position:relative;
  background:rgb(29,29,29);
}
.header-box{
  position:relative;
  z-index:99;
}

.header-wrapper .header-bg{
  width:100%;
}

.header-content{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

.header-content .big-logo{
  margin-left:21.7%;
  width:18%;
  height:100%;
  display:flex;
  align-items:center;
}

.header-content .big-logo img{
  width:100%;
}

.desc-box{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:20.4%;
  color:#fff;
  width:574px;
}

.desc-box h2{
  font-size:26px;
  margin-bottom:15px;
}
.desc-box .subtitle{
  font-size:18px;
  margin:10px 0
}

.desc-box .article{
  font-size:14px;
  line-height:24px;
  text-align:justify;
  color:rgb(212, 209, 209);
}

.news-list{
  color:#333;
  padding:40px 0;
}

.news-item{
  width:100%;
  display:flex;
  margin-bottom:40px;
}
.news-item .cover{
  flex:0 0 150px;
  height:150px;
  margin-right:20px;
}
.news-item .cover img{
  display:block;
  width:100%;
}
.news-item .news-txt{
  flex:1;
  padding:15px 0;
}
.news-txt .title{
  line-height:25px;
  font-size:16px;
  font-weight:bold;
  color:#232323;
  margin-bottom:20px;
  user-select: none;
}
.news-txt .desc{
  font-size:14px;
  line-height:25px;
  color:#999;
  user-select: none;
}

.news-detail{
  padding:40px 0;
  color:#232323;
}
.news-detail .title{
  font-size:22px;
}
.news-detail .article-info{
  display:flex;
  margin-top:15px;
  font-size:15px;
  margin-bottom:22px;
}
.article-info .name{
  color:#576b95;
  margin-right:10px;
}
.article-info .time{
  color:#999;
  margin-right:10px;
}
.article-info .addr{
  color:#999;
}

.article-content .text{
  font-size:18px;
  color:rgb(34,34,34);
  text-align:justify;
  letter-spacing: 0.5px;
  line-height:35px;
}
.article-content .text.bt20{
  margin-bottom:40px;
}
.article-content .img{
  text-align:center;
  margin:40px 0;
}

.news-more{
  padding-bottom:40px;
  color:#232323;
}
.news-more .title{
  text-align:center;
  font-size:15px;
  font-weight:bold;
}
.news-more .img{
  text-align:center;
  margin:20px auto 0;
  width:200px;
}
.news-more .img img{
  display:block;
  width:100%;
}

@media screen and (max-width:800px){
  .article-content .img img{
    width:100%;
  }
}

@media screen and (max-width:560px){
  .news-item{
    display:block;
    overflow:hidden;
  }
  .news-item .cover{
    width:100px;
    height:auto;
    float:left;
  }
  .news-item .news-txt{
    padding:0;
  }
}