.news-banner-container {
  color:#fff;
  padding-top:203px;
  text-align:center;
  height:450px;
  background-position:center;
  background-size:auto 100%;
  background-color:#000;
  background-repeat:no-repeat;
  background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/news/banner.61a518c4.png)
}
.news-banner-container .title {
  font-size:32px;
  height:45px;
  font-family:PingFangSC-Light,PingFang SC;
  font-weight:300;
  color:#fff;
  line-height:45px
}
/*分页*/
.pagelink{padding:50px 0;}
.pagelink ul{text-align: center;font-size: 0;}
.pagelink ul li{display: inline-block;font-size:12px;line-height:30px;border-radius:5px;margin:0 5px;border: 1px solid #ddd;background: #fff;position: relative;overflow: hidden;}
.pagelink ul li>*{display: block;min-width:30px;padding:0 10px;}
.pagelink ul li:first-child>*,
.pagelink ul li:last-child>*{min-width:60px;text-indent: -9999px;}
.pagelink ul li:first-child>*:before,
.pagelink ul li:last-child>*:before{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-indent: 0;}
.pagelink ul li:first-child>*:before{content:'上一页';}
.pagelink ul li:last-child>*:before{content:'下一页';}
.pagelink ul li.disabled{color:#b9b9b9;border-color: #eee;}
.pagelink ul li.active{background: #1d6efa;color:#fff;border-color: #1d6efa;}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

.news-banner-container .desc {
  font-size:24px;
  line-height:28px
}
.news-container {
  padding:50px 0;
}
.news-container .tabs {
  margin:0 auto 40px
}
.news-container .tabs .tabs-wrap {
  display:flex;
  justify-content:center
}
.news-container .tabs .tab {
  width:180px;
  height:49px;
  text-align:center;
  font-size:18px;
  line-height:49px;
  margin-right:16px;
  transition:all .3s;
  cursor:pointer;
  font-family:PingFangSC-Light,PingFang SC;
  font-weight:300;
  color:#2d2d2d;
  background:rgba(14,87,162,.05);
  border:1px solid rgba(14,87,162,.2)
}
.news-container .tabs .tab:last-child {
  margin-right:0
}
.news-container .tabs .tab.active {
  background:#0e57a2;
  color:#fff
}
.news-container .news-wrap {
  display:flex;
  flex-wrap:wrap;
  padding:20px 40px;
  background:#fff;
  box-shadow:0 4px 13px 0 rgba(164,164,166,.08);
}
.news-container .news-wrap .news-item:nth-child(2n),
.news-container .news-wrap .news-item:nth-child(2n-1) {
  display:inline-block;
  background:#fff;
  border-radius:1px;
  width:100%;
  overflow: hidden;
  padding:40px 0;
  border-bottom:1px solid #e6e6e6
}
.news-container .news-wrap .news-item .pic-wrap {
  width:330px;
  height:224px;
  margin-right:40px;
  overflow: hidden;
  float: left;
}
.news-container .news-wrap .news-item .pic {
  -o-object-fit:cover;
  object-fit:cover;
  width:100%;
  margin-right:40px
}
.news-container .news-wrap .news-video .pic {
  background-size:cover;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer
}
.news-container .news-wrap .news-video .video_start img {
  height:60px;
  width:60px!important
}
.news-container .news-wrap .news-item .pic img {
  width:100%
}
.news-container .news-wrap .news-item .content .title {
  font-size:20px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#000;
  line-height:30px;
  margin-bottom:12px
}
.news-container .news-wrap .news-item .content .desc {
  font-size:14px;
  color:#777;
  line-height:24px;
  margin-bottom:71px;
  display:-webkit-box;
  overflow:hidden;
  white-space:normal;
  text-overflow:ellipsis;
  word-wrap:break-word;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  height:48px;
  font-family:PingFangSC-Light,PingFang SC;
  font-weight:300
}
.news-container .news-wrap .news-item .content .tags .tag {
  padding:0 12px;
  font-size:12px;
  line-height:21px;
  margin-right:12px;
  height:21px;
  display:inline-block;
  background:#f8f8f8;
  font-family:PingFangSC-Light,PingFang SC;
  font-weight:300;
  color:#777;
  vertical-align:top
}
.news-container .news-wrap .news-item .content .date {
  margin-bottom:12px;
  height:30px;
  font-size:16px;
  font-family:PingFangSC-Light,PingFang SC;
  font-weight:300;
  color:#777;
  line-height:30px
}
.hideList,
.news-container .news-wrap .news-item .content .tags i {
  display:none
}
.news-container .pagination {
  display:flex;
  justify-content:center;
  font-size:14px;
  margin:40px auto 60px
}
.news-container .pagination .pagination-item {
  margin-right:16px;
  width:25px;
  height:25px;
  background:#f2f3f5;
  font-size:16px;
  font-family:PingFangSC-Light,PingFang SC;
  font-weight:300;
  color:#777;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:8px
}
.news-container .pagination .pagination-item .pagination-next,
.news-container .pagination .pagination-item .pagination-prev {
  background-position:center;
  background-size:22px 22px;
  background-repeat:no-repeat;
  background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/news/prev.6ca7cfa2.png);
  width:100%;
  height:100%
}
.news-container .pagination .pagination-item .pagination-next {
  background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/news/next.bb8fea1f.png)
}
.news-container .pagination .pagination-quick::before {
  content:"···"
}
.news-container .pagination .pagination-item:last-child {
  margin-right:0
}
.news-container .pagination .pagination-item.disabled {
  color:#d3d3d3
}
.news-container .pagination .pagination-item.active {
  background-color:#2D71FF;
  color:#fff
}
@media (hover:hover) {
  .news-container .news-wrap .news-item:hover .content .title,
  .news-container .tabs .tab:hover {
    color:#2D71FF
  }
  .news-container .tabs .active:hover {
    color:#fff
  }
  .news-container .pagination .pagination-item:hover {
    background-color:#2D71FF;
    color:#fff !important
  }
  .news-container .pagination .pagination-item:hover .pagination-prev {
    background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/news/prev-active.556cbde2.png)
  }
  .news-container .pagination .pagination-item:hover .pagination-next {
    background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/news/next-active.bafb1fcf.png)
  }
  /* .news-container .pagination .pagination-quick-next:hover::before {
    content:">>"
  }
  .news-container .pagination .pagination-quick-prev:hover::before {
    content:"<<"
  } */
}
.about_megvii-video-modal,
.about_megvii-video-modal .mask {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:102
}
.about_megvii-video-modal .mask {
  background:#000;
  opacity:.7
}
.about_megvii-video-modal .video-container {
  z-index:103;
  width:66.71875vw;
  min-width:615px;
  margin:auto;
  position:absolute;
  left:0;
  right:0;
  top:50%;
  transform:translateY(-50%);
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:center
}
.about_megvii-video-modal .video-player-box {
  position:relative
}
.about_megvii-video-modal .video-container .close {
  position:absolute;
  right:10px;
  top:10px;
  z-index:1;
  color:#fff;
  font-size:18px;
  cursor:pointer
}
.about_megvii-video-modal .video-player-box .video-js {
  font-size:10px;
  color:#fff;
  width:66.71875vw;
  min-width:615px;
  height:37.5vw;
  min-height:345.75px
}
.about_megvii-video-modal .video-player-box .video-js * {
  outline:0
}
.about_megvii-video-modal .video-player-box .video-js .vjs-big-play-button {
  text-align:center;
  font-size:8em;
  height:8em;
  width:8em;
  border:0;
  border-radius:50%;
  background-color:rgba(255,255,255,.5);
  left:0;
  right:0;
  margin:auto;
  top:28.75em;
  line-height:8em
}
.about_megvii-video-modal .video-player-box .video-js .vjs-control-bar {
  background-color:transparent
}
.about_megvii-video-modal .video-player-box .video-js .vjs-load-progress,
.about_megvii-video-modal .video-player-box .video-js .vjs-slider,
.about_megvii-video-modal .video-player-box .video-js .vjs-slider-bar,
.about_megvii-video-modal .video-player-box .video-js .vjs-volume-level {
  height:2px;
  background:#fff
}
.about_megvii-video-modal .video-player-box .video-js .vjs-slider {
  opacity:.4
}
.about_megvii-video-modal .video-player-box .video-js .vjs-load-progress:before {
  font-size:.5em
}
.about_megvii-video-modal .video-player-box .video-js .vjs-slider:hover {
  opacity:.8
}
@media screen and (max-width:1480px){
.news-container .news-wrap .news-item:nth-child(2n),
.news-container .news-wrap .news-item:nth-child(2n-1) {
  padding:30px 0;
}
.news-container .news-wrap{padding: 0 30px;}
.news-container {
  padding: 40px 0;
}
.news-container .pagination{margin: 35px auto 45px;}
}
@media screen and (max-width:767px) {
  .news-banner-container {
    width:100vw;
    height:2.4rem;
    margin-top:.48rem;
    padding-top:1.04rem;
    background-position:center;
    background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/news/banner-mobile.8c21a5d2.png)
  }
  .news-banner-container .title {
    font-size:.24rem;
    font-family:PingFangSC-Light,PingFang SC;
    font-weight:300;
    color:#fff;
    line-height:.33rem;
    height:.33rem
  }
  .news-banner-container .desc {
    font-size:.14rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#fff;
    line-height:.2rem
  }
  .news-container {
    background-color:#fff;
    padding:0
  }
  .news-container .tabs {
    display:block;
    margin:0;
    height:.4rem;
    width:100vw;
    position:relative
  }
  .news-container .tabs .tabs-wrap {
    width:100vw;
    overflow-x:scroll;
    white-space:nowrap;
    position:relative;
    display:block
  }
  .news-container .tabs::after {
    position:absolute;
    top:0;
    right:0;
    content:"";
    width:.63rem;
    height:.4rem;
    pointer-events:none;
    background:linear-gradient(270deg,#cfddec 0,#d4e1ee 18%,rgba(236,242,248,0) 100%)
  }
  .news-container .tabs .tab {
    width:1.04rem;
    height:.4rem;
    line-height:.4rem;
    margin:0;
    border:0;
    font-size:.14rem;
    color:#2d2d2d;
    background:#ecf2f8;
    position:relative;
    padding:0;
    display:inline-block;
    vertical-align:middle;
    font-family:PingFangSC-Light,PingFang SC;
    font-weight:300
  }
  .news-container .tabs .tab:not(:last-of-type)::after {
    position:absolute;
    right:0;
    margin-top:.06rem;
    content:"";
    width:1px;
    height:.28rem;
    background:#cfddec
  }
  .news-container .tabs .tab.active {
    border:0
  }
  .news-container .tabs .tab.active::after {
    width:0
  }
  .news-container .news-wrap {
    padding:.24rem;
    background:#fff;
    margin:0;
    width:100%
  }
  .news-container .news-wrap .news-item {
    width:100%;
    height:auto!important;
    padding-bottom:.24rem!important;
    padding-top:0!important;
    display:flex;
    flex-direction:column;
    background:0 0;
    border-radius:1px;
    margin-bottom:.24rem!important;
    border-bottom:1px solid rgba(126,126,126,.15)!important
  }
  .news-container .news-wrap .news-item .pic,
  .news-container .news-wrap .news-item .pic-wrap {
    width:100%;
    height:auto;
    margin-right:0;
    float:none;
  }
  .news-container .news-wrap .news-item .pic {
    min-width:initial;
    max-width:initial
  }
  .news-container .news-wrap .news-video .pic {
    background-size:cover;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer
  }
  .news-container .news-wrap .news-video .video_start img {
    height:.48rem;
    width:.48rem!important
  }
  .news-container .news-wrap .news-item .content .date {
    font-size:.24rem;
    font-family:PingFangSC-Light,PingFang SC;
    font-weight:300;
    color:#777;
    line-height:17px;
    height:17px;
    margin-top:.08rem;
    margin-bottom:.12rem
  }
  .news-container .news-wrap .news-item .content .desc,
  .news-container .news-wrap .news-item .content .title {
    font-size:.3rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#000;
    line-height:1.5;
    margin-bottom:.12rem
  }
  .news-container .news-wrap .news-item .content .desc {
    font-size:.24rem;
    color:#777;
    height:auto;
    margin-bottom:.24rem
  }
  .news-container .news-wrap .news-item .content .tags {
    line-height:.21rem;
    position:relative
  }
  .news-container .news-wrap .news-item .content .tags .tag {
    padding: 0 .15rem;
	font-size: .2rem;
	color: #777;
	background: #f8f8f8;
	font-family: PingFangSC-Light,PingFang SC;
	font-weight: 300;
	margin-right: .1rem;
	line-height: .4rem;
	height: .4rem;
	display: inline-block;
  }
  .news-container .news-wrap .news-item .content .tags i {
    display:none;
    position:absolute;
    right:0;
    top:.07rem;
    color:#666;
    font-size:.12rem
  }
  .news-container .pagination {
    margin:0 auto .24rem
  }
  .news-container .pagination .pagination-item {
    margin-right:.14rem;
    width:.24rem;
    height:.24rem;
    background:#f2f3f5;
    color:#777;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:.14rem;
    font-family:PingFangSC-Light,PingFang SC;
    font-weight:300;
    padding:.05rem
  }
  .news-container .tabs .tab-en {
    font-size:.13rem;
    line-height:.16rem
  }
  .news-container .news-wrap .news-item .content .tags-en {
    display:flex;
    flex-wrap:wrap
  }
  .news-container .news-wrap .news-item .content .tags .tag-en {
    margin-bottom:.08rem
  }
  .news-banner-container-en {
    padding-top:.44rem;
    display:flex;
    align-items:center;
    justify-content:center
  }
  .news-banner-container .title-en {
    margin:0
  }
  .about_megvii-video-modal .video-player-box .video-js {
    font-size:.05rem;
    width:.32rem;
    width:100vw;
    min-width:initial;
    height:2.5rem;
    min-height:initial
  }
  .about_megvii-video-modal .video-container {
    width:100vw;
    min-width:initial
  }
  .about_megvii-video-modal .video-container .close {
    top:-.2rem;
    right:0
  }
  .news-container .scrollNav {
    position:fixed;
    left:0;
    top:.48rem;
    z-index:999
  }
  .scrollNews {
    margin-top:.4rem!important
  }
}
.news-pdf {
  cursor:pointer
}
@media screen and (max-width:750px){
.news-container {
padding: 0.4rem 0;
}
.news-container .news-wrap {
padding: 0 0.3rem;
}
.news-container .news-wrap .news-item:nth-child(2n),
.news-container .news-wrap .news-item:nth-child(2n-1) {
  padding:0.3rem 0;
}
.content{padding-top: 0.15rem;}
.news-container .pagination .pagination-item .pagination-next,
.news-container .pagination .pagination-item .pagination-prev {
  background-size:0.22rem 0.22rem;
}
}