.megvii_research-banner-container {
  height: 450px;
  background-position: center;
  background-size: auto 100%;
  background-color: #000;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  padding-top: 80px;
  display: flex;
  justify-content: center;
}

.megvii_research-banner-container .title {
  font-size: 32px;
  font-weight: 600;
  color: rgba(255, 255, 255, 1);
  line-height: 60px;
  margin-bottom: 12px;
}

.megvii_research-banner-container .desc {
  font-size: 24px;
  line-height: 28px;
}
.megvii_research-banner-container .banner-page-content{
  width: 612px;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  margin: auto 32px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
megvii_research-banner-container .banner-page-content .title{
  font-size: 32px;
  line-height: 60px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 8px;
}
.megvii_research-organization-container .megvii_research-organization-desc {
  width: 814px;
  font-size: 16px;
  color: rgba(51, 51, 51, 1);
  line-height: 28px;
  margin: 32px auto 48px;
  text-align: center;
}
.megvii_research-organization-container .img-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.megvii_research-organization-container .img-container .left,
.megvii_research-organization-container .img-container .right {
  width: 0px;
  height: 0px;
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  margin: auto;
  transition-property: all;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.27, 0.37, 0.26, 1.18);
}
.megvii_research-organization-container .img-container .center {
  width: 336px;
  height: 352px;
  margin: 0 16px;
  z-index: 9;
}

.megvii_research-organization-container .img-container .right.show {
  width: 396px;
  height: 310px;
  transform: translate(382px, 0px);
  transition-delay: 0s;
}
.megvii_research-organization-container .img-container .left.show {
  width: 396px;
  height: 310px;
  transform: translate(-382px, 0px);
  transition-delay: 0s;
}

/* .megvii_research-organization-container .img-container .left.show {
  left: auto;
}
.megvii_research-organization-container .img-container .right.show {
  right: auto;
} */

.megvii_research-research-direction-contianer .research-directions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: -32px;
}

.megvii_research-research-direction-contianer .research-directions .item {
  width: 376px;
  height: 112px;
  font-size: 16px;
  font-weight: 600;
  color: rgba(14, 87, 162, 1);
  line-height: 26px;
  padding-left: 32px;
  margin-bottom: 32px;
  border-radius: 1px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
}

.megvii_research-research-direction-contianer
  .research-directions
  .item:before {
  content: "";
  position: absolute;
  height: 4px;
  left: 0;
  width: 0;
  bottom: 0;
  background: rgba(14, 87, 162, 1);
  transition: all 0.6s;
}


.megvii_research-research-direction-contianer .research-directions .item .icon {
  background-image: ;
  background-repeat: no-repeat;
  background-size: 600%;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  display: inline-block;
}
.megvii_research-research-direction-contianer
  .research-directions
  .item
  .icon-deep-learning {
  background-position: 2px, 0;
}

.megvii_research-research-direction-contianer
  .research-directions
  .item
  .icon-cv {
  background-position: -39px, 0;
}

.megvii_research-research-direction-contianer
  .research-directions
  .item
  .icon-visual {
  background-position: -60px, 0;
}

.megvii_research-research-direction-contianer
  .research-directions
  .item
  .icon-photography {
  background-position: -81px, 0;
}

.megvii_research-research-direction-contianer
  .research-directions
  .item
  .icon-ml {
  background-position: -103px, 0;
}

.megvii_research-research-direction-contianer
  .research-directions
  .item
  .icon-robotics {
  background-position: -20px, 0;
}

.megvii_research-advantage-container {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: ;
}

.megvii_research-advantage-container .card-title {
  color: #fff;
}
.megvii_research-advantage-container .advantage-content {
  display: flex;
  justify-content: space-between;
  margin-top: 64px;
}

.megvii_research-advantage-container .advantage-content .item {
  width: 250px;
  text-align: center;
}

.megvii_research-advantage-container .advantage-content .advantage {
  height: 53px;
  /* background-position: center;
  background-repeat: no-repeat;
  background-size: contain; */
  transition: all 0.5s;
  position: relative;
  top: 50px;
  opacity: 0;
}
.megvii_research-advantage-container .advantage-content .advantage img {
  height: 53px;
  opacity: 0;
  transition: all 0.3s;
}

.megvii_research-advantage-container .advantage-content .advantage.show {
  top: 0;
  opacity: 1;
}
.megvii_research-advantage-container .advantage-content .advantage.show img {
  opacity: 1;
}

.megvii_research-advantage-container .advantage-content .title {
  margin-top: 24px;
  font-size: 20px;
  font-weight: 600;
  color: rgba(255, 255, 255, 1);
  line-height: 28px;
}

.megvii_research-advantage-container .advantage-content .desc {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  margin-top: 20px;
}

.megvii_research-news-contianer .tabs {
  display: flex;
  justify-content: center;
  margin: 32px auto 48px;
}

.megvii_research-news-contianer .tabsdisplay {
  display: none;
}


.megvii_research-news-contianer .tabs .tab {
  width: 180px;
  text-align: center;
  color: #333333;
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  background-color: #f0f0f0;
  margin-right: 16px;
  transition: all 0.3s;
  cursor: pointer;
  background: #ecf2f8;
  border: 1px solid #cfddec;
  border-radius: 1px;
}

.megvii_research-news-contianer .tabs .tab:last-child {
  margin-right: 0;
}
.megvii_research-news-contianer .tabs .tab.active {
  background-color: #0e57a2;
  border: 1px solid #f0f0f0;
  color: #fff;
  font-weight: 600;
}

.megvii_research-news-contianer .news-wrap .news-item {
  width: 100%;
  padding: 40px;
  display: flex;
  justify-content: space-between;
  background: rgba(255, 255, 255, 1);
  border-radius: 1px;
  margin-bottom: 16px;
}

.megvii_research-news-contianer .news-wrap .news-item .pic {
  width: 370px;
  margin-right: 32px;
}
.megvii_research-news-contianer .news-wrap .news-item .content .title {
  font-weight: 600;
  font-size: 16px;
  color: rgba(51, 51, 51, 1);
  line-height: 28px;
  text-shadow: 0px 0px 20px rgba(153, 153, 153, 0.27);
  margin-bottom: 8px;
}
.megvii_research-news-contianer .news-wrap .news-item .content .file-title {
  padding-left: 20px;
  position: relative;
}
.megvii_research-news-contianer
  .news-wrap
  .news-item
  .content
  .file-title::before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-image: ;
  background-size: 800%;
  background-position-x: -103px;
  top: 5px;
}
.megvii_research-news-contianer .news-wrap .news-item .content .desc {
  font-size: 14px;
  color: rgba(51, 51, 51, 1);
  line-height: 20px;
  text-shadow: 0px 0px 20px rgba(153, 153, 153, 0.27);
  margin-bottom: 24px;
  width: 590px;
  padding: 0 .18rem;
}

.megvii_research-news-contianer .news-wrap .news-item .content .tags .tag {
  padding: 6px 16px;
  font-size: 12px;
  color: rgba(102, 102, 102, 1);
  line-height: 16px;
  text-shadow: 0px 0px 20px rgba(153, 153, 153, 0.27);
  margin-right: 12px;
  background: #f8f8f8;
}

.megvii_research-news-contianer .news-wrap .news-item .date {
  font-size: 16px;
  color: rgba(102, 102, 102, 1);
  line-height: 22px;
  text-shadow: 0px 0px 20px rgba(153, 153, 153, 0.27);
}

.megvii_research-news-contianer .pagination {
  margin-top: 80px;
  display: flex;
  justify-content: center;
}

.megvii_research-news-contianer .pagination .pagination-item {
  margin-right: 16px;
  width: 30px;
  height: 30px;
  background-color: #e6e6e6;
  color: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.megvii_research-news-contianer .pagination .pagination-quick::before {
  content: "···";
}


.megvii_research-news-contianer .pagination .pagination-item:last-child {
  margin-right: 0;
}

.megvii_research-news-contianer .pagination .pagination-item.disabled {
  color: #d3d3d3;
}
.megvii_research-news-contianer .pagination .pagination-item.active {
  background-color: #0e57a2;
  color: #fff;
}


.mobile-img-container, .mobile-research-directions{
  display: none!important;
}

/* @media (hover: hover) { */
  .megvii_research-research-direction-contianer
  .research-directions
  .item:hover:before {
    width: 100%;
  }

  .megvii_research-news-contianer .tabs .tab:hover {
    color: #0e57a2;
  }
  .megvii_research-news-contianer .pagination .pagination-item:hover {
    color: #0e57a2;
  }

  .megvii_research-news-contianer
  .pagination
  .pagination-quick-next:hover::before {
    content: ">>";
  }
  .megvii_research-news-contianer
  .pagination
  .pagination-quick-prev:hover::before {
    content: "<<";
  }
  .megvii_research-news-contianer .news-wrap .news-item:hover {
    box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.27);
  }

  .megvii_research-news-contianer .news-wrap .news-item:hover .content .title {
    color: #0e57a2;
  }

/* } */

@media screen and (max-width:767px){
  .pc-img-container, .pc-research-directions{
    display: none!important;
  }
  /* banner */
  .megvii_research-banner-container {
    height: 2.84rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    padding-top: 0.5rem;
  }
  .megvii_research-banner-container-en {
    padding-top: .44rem;
  }
  .megvii_research-banner-container .title {
    font-size: .24rem;
    font-weight: bold;
    line-height: .33rem;
    margin-bottom: .16rem;
    font-family:pingfangsc-medium,pingfang sc;
  }
  .megvii_research-banner-container .desc {
    /* padding: 0 0.24rem; */
    font-size: .14rem;
    line-height: .24rem;
    font-weight: 400;
    font-family:pingfangsc-regular,pingfang sc;

  }
/* 组织架构*** */
  .card, .card-dark {
    padding: .48rem 0;
  }
  .card .card-title, .card-dark .card-title {
    font-size: .2rem;
    line-height: .28rem;
    margin-bottom: .08rem;
    font-family:pingfangsc-medium,pingfang sc;
    font-weight: bold;
  }
  .megvii_research-organization-container .megvii_research-organization-desc {
    width: 100vw;
    margin: 0;
    padding: 0 24px;
    font-size: .12rem;
    color: #666;
    line-height: .2rem;
  }
/*  三张图*/
  .megvii_research-organization-container .img-container {
    width: 100vw;
    padding: .24rem 0 0;
  }
  .megvii_research-organization-container .img-container img {
    object-fit: cover;
  }
  .megvii_research-organization-container .img-container .left.show {
    width: 1.33rem;
    height: 1.24rem;
    transform: translate(-1.22rem, 0);
  }
  .megvii_research-organization-container .img-container .center {
    width: 1rem;
    height: 1.33rem;
  }
  .megvii_research-organization-container .img-container .right.show {
    width: 1.32rem;
    height: 1.27rem;
    transform: translate(1.21rem, 0);
  }
  .megvii_research-research-direction-contianer .research-directions {
    margin: 0;
    padding: 0 .24rem;
    display: flex;
    justify-content: space-between;
  }
  .megvii_research-research-direction-contianer .research-directions .item {
    width: 1.57rem;
    height: .974rem;
    font-size: .16rem;
    line-height: .2rem;
    margin: .13rem 0 0;
    padding: .27rem 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-weight: 500;
  }
  .megvii_research-research-direction-contianer .research-directions .item .icon {
    width: 24px;
    height: 24px;
  }

/*  成绩 数量*/
  .megvii_research-advantage-container .advantage-content {
    display: flex;
    flex-direction: column;
    margin-top: 0;
  }
  .megvii_research-advantage-container .advantage-content .item {
    width: 100vw;
    padding: .32rem .48rem 0;
  }

  .megvii_research-advantage-container .advantage-content .advantage {
    font-size: .36rem;
    line-height: .43rem;
    height: .43rem;
    margin-bottom: .16rem;
  }
  .megvii_research-advantage-container .advantage-content .title {
    font-size: .18rem;
    font-family:pingfangsc-medium,pingfang sc;
    margin-top: 0;
    line-height: .25rem;
    font-weight: 500;
    margin-bottom: .08rem;
  }
  .megvii_research-advantage-container .advantage-content .desc {
    font-size: .14rem;
    font-weight: 400;
    line-height: .24rem;
    margin-top: 0;
    font-family:pingfangsc-regular,pingfang sc;
  }

/*  学术动态*/
  .megvii_research-news-contianer .tabs {
    padding: .16rem .24rem .24rem;
      margin: 0;
  }
/*  三个按钮 */
  .megvii_research-news-contianer .tabs .tab {
    width: 1.04rem;
    height: .28rem;
    line-height: .28rem;
    font-size: .12rem;
  }
  .news-wrap {
    padding: 0 .24rem;
  }
/*  学术论文 */
  .megvii_research-news-contianer .news-wrap .news-item {
    width: 3.27rem;
    padding: 0;
    height: initial;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .megvii_research-news-contianer .news-wrap .news-item .pic {
    width: 100%;
    height: 1.2rem;
    object-fit: cover;
  }

  .megvii_research-news-contianer .news-wrap .news-item .content{
    width: calc(100% - .16rem);
    word-break: break-word;
      margin: .16rem .08rem .16rem;
  }
  .megvii_research-news-contianer .news-wrap .news-item .content .file-title {
    font-size: .12rem;
    color: rgba(14,87,162,1);
    line-height: .2rem;
    font-family:pingfangsc-regular,pingfang sc;
  }

  .megvii_research-news-contianer .news-wrap .news-item .content .desc {
    width: 100%;
    text-align: justify;
    font-size: .12rem;
    font-family:pingfangsc-regular,pingfang sc;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height: .2rem;
  }
  .megvii_research-news-contianer .news-wrap .news-item .content .file-title::before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-image: ;
    background-size: 800%;
    background-position-x: -103px;
    top: 0;
  }


  /*  学术论文 标签*/
  .megvii_research-news-contianer .news-wrap .news-item .content .tags {
    padding-left: .18rem;
    display: flex;
    flex-wrap: wrap;
  }
  .megvii_research-news-contianer .news-wrap .news-item .content .tags .tag {
    padding: .02rem .08rem;
    font-size: .1rem;
    margin-right: .08rem;
    margin-bottom: .08rem;
    text-align: center;
  }

  .megvii_research-news-contianer .news-wrap .news-item .content .title {
    font-size: .14rem;
    font-family:pingfangsc-medium,pingfang sc;
    font-weight: bold;
    color: rgba(0,0,0,1) !important;
    line-height: .24rem;
    margin-bottom: .04rem;
    padding: 0 .18rem;
    margin-top: .12rem;
  }
  .megvii_research-news-contianer .tabs .tab.active {
    font-weight: bold;
  }


  /*  分页*/
  .megvii_research-news-contianer .pagination {
    margin-top: .24rem;
  }
  .megvii_research-news-contianer .pagination .pagination-item {
    height: .2rem;
    width: .2rem;
    margin-right: .1rem;
    font-size: .1rem;
    line-height: .2rem;
    text-align: center;
  }

  .megvii_research-advantage-container .advantage-content .advantage img {
    height: .43rem;
  }

  .megvii_research-organization-container .img-container .left, .megvii_research-organization-container .img-container .right {
    top: .28rem;
  }
  .megvii_research-news-contianer .news-wrap .news-item .date {
    font-size: .12rem;
    position: absolute;
    left: .24rem;
    line-height: .17rem;
    color:rgba(153,153,153,1);
    font-family:pingfangsc-regular,pingfang sc;
    top: 1.28rem;
  }
  .mobile-img-container, .mobile-research-directions{
    display: flex!important;
  }

}