@media (max-width: 980px) {
  .root {
    width: 980px;
  }
}

@media (max-width: 1420px) {
  .inner-side-news {
    font-size: .875em;
  }

  .column ._head .iconfont {
    font-size: 3em;
  }

  .column ._head ._name ._en {
    font-size: .875em;
  }

  .column ._head ._name ._cn {
    font-size: 1.5em;
  }

  .column ._head .goto {
    padding: .2em .6em;
  }

  .about .data {
    padding-left: 3% !important;
  }

  .about .data img {
    width: 60px;
    height: auto;
  }

  .about .data .num {
    font-size: 2.4em !important;
  }

  .academic ._list>a ._txt ._title {
    -webkit-line-clamp: 2;
    height: 3.5em;
  }

  .academic ._list>a:nth-child(1) {
    margin-bottom: 8%;
  }
}

@media (max-width: 1200px) {
  .root {
    font-size: 14px;
  }

  ._head {
    padding-bottom: 1%;
  }

  header::before {
    height: .06rem;
  }

  header .top .container {
    height: .8rem;
  }

  header .top .goto {
    font-size: 1em;
  }

  header .top .goto>a {
    margin-right: 1.5em;
  }

  header .menu .nav-1>a {
    font-size: 1em;
    height: .5rem;
    line-height: .5rem;
  }

  header .menu .nav-2 {
    padding: 1em 10px;
    width: 220%;
    margin-left: -60%;
  }

  header .menu .nav-1:hover .nav-2 {
    margin-top: .5rem;
  }

  .research .calendar {
    height: 50px !important;
    margin-top: -50px !important;
  }

  .research .calendar .up {
    font-size: 1.5em;
  }

  .research .calendar .down {
    font-size: 12px;
    padding: 0 .4em !important;
  }
}

@media (max-width: 980px) {
  .first-screen {
    height: auto;
  }

  .first-screen .index-banner {
    flex: none;
  }

  .first-screen .index-banner .box {
    padding-top: 42%;
  }
}

@media (max-width: 768px) {
  .root {
    width: 100%;
    font-size: .34rem;
  }

  .row {
    padding: 2% 0 5% !important;
  }

  .row._fourth {
    padding-bottom: 0 !important;
  }

  .row .news ._focus {
    margin-right: 0;
    width: 100%;
  }

  .row .news ._body {
    display: block;
  }

  .row .news .newslist._justlist {
    display: block;
  }

  .row .news .newslist._justlist>a {
    width: 100%;
    margin: 4% 0;
    /* padding: 1.5em; */
    background: white;
  }

  .row .news .newslist._justlist>a:hover {
    background: #172d8d;
  }

  .row .news .newslist._justlist>a:last-child {
    margin-bottom: 0;
  }

  .row .news .newslist._justlist>a time::after {
    margin: 2% 0;
  }

  .news .newslist .pic .box {
    padding-top: 60%;
  }

  .inner-side-nav ._nav3 a {
    /* padding-left: 15px;
    padding-right: 15px; */
    border-bottom: 1px solid #e5e5e5;
    padding: .5em 15px;
  }

  .inner-side-nav ._nav3 {
    background: white;
  }

  .inner-side-nav ._nav3 a::after {
    content: '>';
    display: block;
    font-family: '宋体';
    flex: none;
    color: inherit;
  }

  .row._second .container,
  .row._third .container,
  .row._fourth .container {
    display: block;
  }

  .row .research .calendar {
    height: auto !important;
  }

  .row .research .calendar .down {
    font-size: .875em;
  }

  .row .research ._body {
    display: block;
  }

  .row .research ._body>a {
    margin-right: 0 !important;
    margin-bottom: 4%;
  }

  .column {
    width: 100% !important;
  }

  .academic ._list>a .personImg {
    width: 3rem;
    height: 3.6rem;
  }

  .academic ._list>a ._txt ._name {
    font-size: 1.125em;
  }

  .academic ._list>a ._txt ._name::after {
    display: none;
  }

  .row._third {
    background: white;
  }

  .row._third::after {
    display: none;
  }

  .first-screen .index-banner .box,
  .row .news ._focus .box,
  .video ._focus .box {
    padding-top: 60%;
  }

  .about .data img {
    width: 40px;
  }

  .about .data .num {
    font-size: 1.8em !important;
  }

  .about ._list .data {
    flex-direction: column;
    align-items: center;
    padding-left: 0 !important;
    margin-bottom: 4% !important;
  }

  .about ._list .data ._txt {
    padding-left: 0;
    text-align: center;
  }

  .about ._list .data ._txt .num {
    justify-content: center;
  }

  footer .up {
    display: block;
  }
  .body1{display: flex !important;}
  footer .up ._body {
    display: block;
  }

  footer .up>div {
    margin-bottom: 4%;
  }

  footer .up .logo {
    display: none;
  }

  footer ._head {
    font-size: 1.25em !important;
  }

  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #f8f9fd;
  }

  header::before {
    height: 3px;
  }

  header .top .container {
    height: .96rem;
    justify-content: space-between;
  }

  header .top .container img {
    height: .56rem;
    width: auto;
  }

  header .top .logo {
    flex: 1;
  }

  header .top .lang a {
    width: .56rem;
    height: .56rem;
    margin-right: 1em;
    font-size: .6em;
  }

  header .top .search,
  header .top .goto {
    display: none;
  }

  header .top .menu-btn {
    display: flex;
  }

  header .menu {
    display: none;
    position: absolute;
    z-index: 1;
    top: calc(.96rem + 3px);
    top: -moz-calc(.96rem + 3px);
    top: -webkit-calc(.96rem + 3px);
    left: 0;
    width: 100%;
    height: calc(100vh - (.96rem + 3px));
    height: -moz-calc(100vh - (.96rem + 3px));
    height: -webkit-calc(100vh - (.96rem + 3px));
    background: white;
  }

  header .menu .container {
    flex-direction: column;
    height: 100%;
  }

  header .menu .container>* {
    flex: 1;
  }

  header .menu .nav-2,
  header .menu .nav-1::before {
    display: none !important;
  }

  header .menu .nav-1 {
    display: flex;
    align-items: center;
  }

  header .menu .goto {
    display: flex;
    align-items: center;
    margin: 0 -15px;
    padding: 0 15px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #f8f9fd;
  }

  header .menu .search {
    background: #f8f9fd;
    padding: .8em 15px;
    flex: none;
    margin: 0 -15px;
  }

  header .menu .search .box {
    max-width: none;
    margin: 0;
    padding: .5em 0;
  }

  .index-banner {
    margin-top: calc(.96rem + 3px);
    margin-top: -moz-calc(.96rem + 3px);
    margin-top: -webkit-calc(.96rem + 3px);
  }

  .index-banner ._title {
    font-size: .34rem;
  }

  .inner-container {
    margin-top: calc(.96rem + 3px);
    margin-top: -moz-calc(.96rem + 3px);
    margin-top: -webkit-calc(.96rem + 3px);
  }

  .inner-banner {
    padding-top: 30%;
  }

  .inner-banner .container {
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .inner-bar .container,
  .inner-nav2._swiper,
  .inner-main .container {
    display: block;
  }

  .inner-local,
  .inner-nav2._tab,
  .inner-side ._name,
  .inner-side-news,
  .justlist>a span::after {
    display: none;
  }

  .inner-main {
    padding-top: 0;
  }

  .inner-side {
    margin-left: -15px;
    width: calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: -webkit-calc(100% + 30px);
  }

  .inner-side-nav {
    margin-bottom: 5% !important;
  }

  .inner-side-nav ._nav3 a.active {
    background-image: none;
    color: #172d8d;
  }

  .inner-name .cn,
  .singlepage .singlepage-title,
  .inner-content .pagetitle {
    font-size: .46rem;
  }

  .inner-content {
    margin-right: 0;
  }

  .newslist .newsgroup .newslist-txt .news-title {
    font-size: 1em;
  }

  .newslist .newsgroup .newslist-txt .news-time,
  .singlepage .singlepage-time {
    font-size: .28rem;
  }

  .newslist .newsgroup .newslist-pic {
    width: 2.34rem;
    height: 1.5rem;
    margin-right: .36rem;
  }

  .justlist>a {
    flex-direction: column;
  }

  .justlist>a span {
    line-height: 1.4;
    padding-left: 0;
    margin-bottom: 5%;
  }

  .teacherlist .teacher-info {
    width: 100%;
    margin-right: 0;
  }

  .teacherlist ._list {
    display: block;
  }

  .teacherlist ._list .teacher-info {
    width: 100%;
    margin-right: 0;
  }

  .teacher-info {
    align-items: flex-start;
  }

  .teacher-info ._pic {
    width: 42%;
  }

  .teacher-info ._txt {
    word-break: break-all;
  }
}

@media (min-width: 1200px) {
  .first-screen .index-banner {
    margin-top: 129px;
  }

  .inner-container {
    padding-top: 129px;
  }
}

@media (max-width: 1200px) and (min-width:768px) {
  .first-screen .index-banner {
    margin-top: 107px;
  }

  .inner-container {
    padding-top: 107px;
  }
}

@media (min-width:769px) and (max-width:1200px) {
  .container {
    width: 96% !important;
  }
}