html{
  font-size: calc(0.8333vw);
}
body{
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: visible;
  background: rgb(247,247,247);
}
a{
text-decoration: none;
  cursor: pointer;
  color: #333333;
}
.news-bg {
  /*width: 100vw;*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.news-bg-text{
  width: calc(1460 / 1920 * 100vw);
  height: calc(370 / 1920 * 100vw - 90px );
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.news-bg-text-top{
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}
.news-bg-text-btm{
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}

.news-path-content{
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.news-path-a{
  font-size: 1.125rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3a83fd;
  text-decoration-line: none;
  text-overflow: ellipsis; /*文本超出隐藏*/
  -o-text-overflow: ellipsis;/*跟上面一样，只是为了兼容其他浏览器*/
  ext-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.aaaaa{
  color: #666;
  font-size: 1.125rem;
  font-weight: 400;
  text-decoration-line: none;
  text-decoration: none;
  text-overflow: ellipsis; /*文本超出隐藏*/
  -o-text-overflow: ellipsis;/*跟上面一样，只是为了兼容其他浏览器*/
  ext-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.article-base-container{
  /*width: 100vw;*/
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: calc(100 / 1920 * 100vw);
  min-height: calc(100vh - 852px);
  margin-top: 1.5rem;
}
.article-container{
  width: calc(1460 / 1920 * 100vw);
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.article-container-top{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
}
.article-container-top-inner{
 width:100%; 
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.article-container-top-inner .title{
  margin-top: 20px;
  font-size: 0.32rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  height: 100%;
  text-align: center;
}
.article-container-top-inner .date{
  padding-top: calc(15 / 1920 * 100vw);
  padding-bottom: calc(15 / 1920 * 100vw);
  font-size: 0.14rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999999;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
}
.article-container-top-inner-bg{
  width: calc(1300 / 1920 * 100vw);
  height: calc(710 / 1920 * 100vw);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.article-container-top-inner .content{
  width: 90%;
  margin: calc(10 / 1920 * 100vw) 0;
  text-align: justify;
}
.article-container-top-inner video {
  max-width: 100% !important;
  margin-left: -2rem;
}
.article-container-btm{
  width: 100%;
  height: calc(80 / 1920 * 100vw);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: solid 1px #E8E8E8;
  padding-top: calc(80 / 1920 * 100vw);
}
.article-container-btm div{
  font-size: 0.875rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 0px;
}
.article-container-btm .left{
  margin-left: calc(40 / 1920 * 100vw);
  color: #333333;
}
.article-container-btm .right{
  margin-right: calc(40 / 1920 * 100vw);
}

.news-header-top-phone{
  display: none;
}

@media only screen and (max-width: 1440px){
  html{
      font-size: 0.75rem;
  }
  body {
      font-size: 0.75rem;
  }
}

@media only screen and (max-width: 768px) {
.news-path-content{
  font-size: .8333rem;
}

.news-bg {
  height: 16.4167rem;
}
 body {
    background: transparent;
  }

  .news-path-container{
margin-top: 0.1rem;
  }
  .article-container{
      width: 100%;
      /* padding: 0 20px; */
  }
  .article-container-top-inner-bg {
      width: calc(100vw - 40px);
      background-size: 100% auto;
  }
  .article-container-top-inner .content{
      width: calc(100vw - 40px);
  }
  .article-base-container{
      margin-bottom: 0;
      width: 100%;
  }
  .article-container-btm{
      padding-top: calc(80 / 1920 * 100vw);
      margin-bottom: calc(80 / 1920 * 100vw);
  }
  .article-container-top-inner{
      /* width: 100vw; */
      width: 100%;
  }
  .article-container-top-inner .title{
      text-align: center;
      padding: 20px 20px 10px 20px;
  }
  .article-container-top-inner .date{
      margin-top: 0;
  }
  .article-container-top-inner .content span{
      line-height: 22px;
  }

  .article-container-btm div{
      font-size: 1.25rem;
  }

  .article-container-top-inner .content span{
      font-size: 1.25rem;
  }
  .article-container-top-inner .date{
      font-size: 1.167rem;
      border-bottom: 1px solid #E8E8E8;
      line-height: 38px;
  }
  .article-container-top-inner .title{
      font-size: 1.333rem;
      width: 90%;
      padding: 0;
  }

  .news-header-top{
      display: none;
  }
  .news-bg-nav{
      display: none;
  }
  .news-header-top-phone{
      display: block;
      position: relative;
      z-index: 999;
  }
  .news-bg-text-top{
      font-size: 2rem;
  }
  .news-bg-text-btm{
      font-size: 2rem;
  }
}