@media screen and (max-width: 991px) {
    .field-body p {
      text-align: inherit;
    }
  }
  @media screen and (max-width: 767px) {
    .field-body p {
      font-size: 15px;
    }
    .field-body.field-type-text-with-summary p {
      text-align: justify;
    }
    .field-body.field-type-text-with-summary p.text-align-center {
      text-align: center;
    }
  }
  @media screen and (max-width: 480px) {
    .field-body p {
      font-size: 14px;
    }
  }
  .inner {
    max-width: 1400px;
  }
  @media (min-width: 1430px) {
    .inner {
      width: 1400px;
    }
  }
  #header-top {
    height: 0;
  }
  #header-top .header-right {
    position: absolute;
    top: 60px;
    right: 0;
  }
  #header-top .header-right a {
    display: inline-block;
    width: 48px;
    height: 48px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 24px;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    margin-left: 16px;
  }
  #header-top .header-right a:hover {
    background-color: #fff5;
  }
  #header-top .header-right a svg {
    font-size: 24px;
    vertical-align: -6px;
  }
  
  [lang="en"] #header-top .header-right a.en,
  [lang="zh-hans"] #header-top .header-right a.cn {
    display: none;
  }
  .header-container.inner,
  .header-row {
    height: 180px;
  }
  .header-container.inner {
    width: 100%;
    max-width: 100%;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .header-row {
    max-width: 1400px;
    margin: 0 auto;
    padding: 7px 14px;
  }
  #site-logo img {
    width: 90%;
  }
  @media screen and (max-width: 1430px) and (min-width: 1200px) {
    #header-top > .inner {
      width: 100%;
    }
    #header-top .header-right {
      right: 10px;
    }
  }
  @media screen and (max-width: 1199px) {
    .header-row {
      max-width: 970px;
    }
    #site-logo img {
      width: 86%;
    }
  }
  @media screen and (max-width: 991px) {
    .header-container.inner,
    .header-row {
      height: 120px;
    }
    .header-row {
      max-width: 750px;
    }
    #site-logo {
      height: auto;
    }
    #header-top {
      height: auto;
    }
    #header-top .header-right {
      position: static;
    }
    #header-top .header-right p {
      margin: 0;
    }
    #header-top .header-right a {
      border: none;
      width: unset;
      height: unset;
      line-height: unset;
    }
  }
  @media screen and (max-width: 767px) {
    .header-container.inner {
      border-bottom-width: 0;
    }
    #header .header-container .header-row .header-column #site-logo.header-logo {
      text-align: left;
    }
    #header .header-container .header-row .header-column #site-logo.header-logo img {
      margin-top: 36px;
    }
    #header .header-container .header-row .header-column {
      position: static;
    }
    #header .header-container .header-row .header-column #header-btns {
      top: 50%;
      transform: translateY(-50%);
      z-index: 100;
      right: 4px;
    }
  }
  @media screen and (max-width: 520px) {
    .header-container.inner,
    .header-row {
      height: 108px;
    }
  }
  @media screen and (max-width: 480px) {
    .header-container.inner,
    .header-row {
      height: 100px;
    }
    #header .header-container .header-row .header-column #site-logo.header-logo img {
      margin-top: 32px;
    }
    #header-top .header-left p a {
      margin-right: 16px;
      font-size: 12px;
    }
    #header-top form .form-item {
      width: 100px;
    }
    #header .header-container .header-row .header-column #header-btns {
      padding: 5px;
      right: 0;
    }
  }
  /* menu */
  .main-menu-1-1 .nav-menu {
    display: flex;
    justify-content: space-between;
  }
  .main-menu-1-1 .nav-menu>.menu-item {
    float: unset;
    text-align: center;
    padding: 20px 40px;
  }
  .main-menu-1-1 .nav-menu .level-menu {
    box-shadow: 0px 1px 2px rgba(0,0,0,.3);
  }
  @media (min-width: 1200px) {
    .main-menu-1-1 .nav-menu>.menu-item {
      padding: 20px 32px;
    }
  }
  @media (min-width: 992px) and (max-width:1200px) {
    .main-menu-1-1 .nav-menu>.menu-item {
      padding: 16px 12px;
    }
  }
  .logo-center .header-row {
    text-align: left;
  }
  #header .header-container .header-column .header-nav-flex {
    padding-right: 0;
  }
  
  /* footer */
  .footer.custom {
    background: url(https://sges.sysu.edu.cn/geodesy/sites/default/files/footer-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 24px 0;
  }
  .footer.custom .area-left img {
    max-height: 63px;
    width: auto;
  }
  @media screen and (min-width: 1200px) {
    .footer.custom .area-center .info {
      padding-left: 10px;
    }
  }
  @media screen and (min-width: 1430px) {
    .footer.custom .area-center .info {
      padding-left: 60px;
    }
  }
  .footer.custom p {
    color: #fff;
    font-size: 14px;
    margin: 0;
    line-height: 2em;
  }
  
  .footer.custom p a {
    color: #fff;
    margin-right: 0.5em;
  }
  .footer.custom p a:hover {
    color: #00b3ff;
  }
  .footer.custom .qr-wrap {
    display: flex;
    justify-content: flex-end;
  }
  .qr-box {
    margin-left: 24px;
  }
  .qr-box.cnt {
    display: none;
  }
  .footer.custom .qr-box img {
    width: 100px;
  }
  @media screen and (max-width: 991px) {
    .footer.custom .area-left,
    .footer.custom .area-right {
      display: none;
    }
    .qr-box.cnt {
      display: block;
    }
    .footer.custom .area-center {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center;
    }
  }
  @media screen and (max-width: 767px) {
    .footer.custom {
      padding: 20px 0;
    }
    .footer.custom .area-center {
      padding: 0;
      justify-content: center;
    }
    .footer.custom p {
      font-size: 12px;
      text-align: center;
    }
    .footer.custom p br {
      display: none;
    }
  }
  @media screen and (max-width: 480px) {
    .footer.custom {
      padding: 16px 0 12px;
    }
    .qr-box.cnt img {
      width: 64px;
      height: 64px;
    }
    .footer.custom p {
      font-size: 10px;
    }
  }
  
  /* index */
  :root {
    --swiper-theme-color: #fff;
  }
  .swiper-1 .swiper-slide .inner {
    width: 100%;
    left: 0;
    max-width: unset;
    text-align: center;
  }
  .swiper-1 .swiper-slide .inner .text-white {
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
  }
  @media screen and (max-width: 1430px) {
    .region-top-first .swiper-55-1 .swiper-1 .swiper-wrapper,
    .region-top-first .swiper-55-1 .swiper-1 .swiper-slide,
    .region-top-first .swiper-55-1 .swiper-container.swiper-1 {
      height: calc(36vw)!important;
    }
  }
  @media only screen and (max-width: 767px) {
  
    .swiper-1 .pagination {
      display: none
    }
    .swiper-1 .swiper-slide .inner {
      bottom: 0;
    }
    .swiper-1 .swiper-slide .inner .text-white {
      font-size: 16px;
      margin-bottom: 0;
    }
  }
  @media screen and (max-width: 520px) {
    .swiper-container:hover .swiper-button-next,
    .swiper-container:hover .swiper-button-prev {
      display: none;
    }
  }
  
  .item-list.achevement ul,
  .item-list.index-team ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
  }
  .item-list.achevement ul li {
    flex: 0 0 31.4%;
    margin: 0;
    background-color: #fff;
    box-shadow: 4px 4px 18px 0px rgba(0,19,39,0.15);
    border-radius: 10px;
    overflow: hidden;
  }
  .item-list.achevement ul li > a,
  .item-list.achevement ul li img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .item-list.achevement ul li p {
    display: block;
    margin: 0;
    border-top: 1px solid #EBEBEB;
    padding: 16px 30px;
    font-size: 18px;
    height: 92px;
    box-sizing: border-box;
  }
  .item-list.achevement ul li p a {
    display: block;
    max-height: 3em;
    overflow: hidden;
  }
  @media screen and (max-width: 768px) {
    .item-list.achevement ul {
      flex-wrap: wrap;
      padding: 0 14px;
    }
    
    .item-list.achevement ul li {
      flex: 0 0 100%;
    }
    .item-list.achevement ul li:not(:last-child) {
      margin-bottom: 14px;
    }
  }
  .item-list.index-team ul li {
    width: 12%;
  }
  .item-list.index-team ul li a,
  .item-list.index-team ul li img {
    display: block;
    border-radius: 8px;
  }
  .item-list.index-team ul li p {
    margin: 0;
    font-size: 16px;
    line-height: 3em;
    color: #1E1E1E;
  }
  .item-list.index-team ul li a:hover p {
    color: #0053AF;
  }
  @media screen and (max-width: 768px) {
    .item-list.index-team ul {
      flex-wrap: wrap;
    }
    .item-list.index-team ul li:nth-child(7) {
      display: none;
    }
    .item-list.index-team ul li {
      width: 32%;
    }
  }
  
  #block-symbol.block {
    margin: 0;
  }
  .layout-full .block .block-title:not(.links) {
    font-size: 32px;
    line-height: 2em;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1E1E1E;
    margin: 0;
    padding: 0;
    padding-left: 52px;
    border: none;
    background-position: left top 12px;
    background-repeat: no-repeat;
    background-size: 42px 42px;
    background-image: url(https://sges.sysu.edu.cn/geodesy/sites/default/files/ico-achievement.png);
  }
  .block-region-middle-first-left .block .block-title:not(.links) {
    background-image: url(https://sges.sysu.edu.cn/geodesy/sites/default/files/ico-academic.png);
  }
  .block-region-middle-first-right .block .block-title:not(.links) {
    background-image: url(https://sges.sysu.edu.cn/geodesy/sites/default/files/ico-notice.png);
  }
  .block-region-bottom .block .block-title:not(.links) {
    color: #fff;
    background-image: url(https://sges.sysu.edu.cn/geodesy/sites/default/files/ico-download.png);
  }
  .block-region-footer-bottom .block .block-title:not(.links) {
    background-image: url(https://sges.sysu.edu.cn/geodesy/sites/default/files/ico-team.png);
  }
  @media screen and (max-width: 768px) {
    .layout-full .block .block-title:not(.links) {
      background: none;
      padding-left: 0;
      font-size: 24px;
      font-weight: bold;
    }
    .region-top.layout-full .block .block-title,
    .region-bottom-standard.layout-full .block .block-title {
      padding: 0 14px;
    }
  }
  .layout-full .block .block-title.links {
    font-size: 24px;
    line-height: 2em;
    color: #1E1E1E;
    border: none;
    padding: 0;
    margin: 0;
    margin-bottom: 14px;
  }
  .layout-full .block {
    margin-bottom: 0;
  }
  .more-link {
    right: 6px;
    top: 24px;
    color: #0053AF;
  }
  @media screen and (max-width: 768px) {
    .region-top.layout-full .more-link,
    .region-bottom-standard.layout-full .more-link {
      right: 14px;
    }
    .layout-full .more-link {
      top: 16px;
    }
  }
  .layout-full.region-bottom-standard {
    background: url(https://sges.sysu.edu.cn/geodesy/sites/default/files/download-bg.jpg) center center no-repeat;
    background-size: cover;
  }
  .layout-full.region-bottom-standard .more-link {
    color: #fff;
  }
  .layout-full.region-bottom-standard .more-link:hover {
    color:#ddd;
  }
  
  .layout-full.region-top {
    background-color: #F1F8FF;
    padding: 24px 0 64px;
  }
  .layout-full.region-footer-bottom {
    padding-bottom: 40px;
  }
  .layout-full:not(.region-top-first) {
    padding-top: 24px;
  }
  @media screen and (max-width: 768px) {
    .layout-full.region-footer-bottom {
      padding-left: 12px;
      padding-right: 12px;
    }
    .layout-full.region-footer-bottom,
    .layout-full.region-top {
      padding-bottom: 24px;
    }
    .layout-full.region-top {
      padding-top: 4px;
    }
  }
  .jobs-links-container {
    display: flex;
  }
  .jobs-links-container .jobs-item {
    width: 276px;
    height: 164px;
    background: #0053AF url(https://sges.sysu.edu.cn/geodesy/sites/default/files/jobs-bg.jpg) center center no-repeat;
    background-size: cover;
    border-radius: 8px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
  }
  .jobs-links-container .right-links {
    flex: 1;
    margin-left: 48px;
  }
  .jobs-links-container .right-links ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .jobs-links-container .right-links ul li {
    width: calc(20% - 35px);
    margin-right: 43px;
    font-size: 16px;
    border-bottom: 1px solid #DDDDDD;
    line-height: 46px;
    margin-bottom: 16px;
  }
  .jobs-links-container .right-links ul li:nth-child(5n) {
    margin-right: 0;
  }
  @media screen and (max-width: 991px) {
    .jobs-links-container {
      flex-wrap: wrap;
      margin-top: 14px;
    }
    .jobs-links-container .jobs-item {
      width: 100%;
    }
    .jobs-links-container .right-links {
      margin-left: 0;
      margin-top: 14px;
    }
  }
  @media screen and (max-width: 640px) {
    .jobs-links-container .jobs-item {
      font-size: 16px;
      height: 120px
    }
    .jobs-links-container .jobs-item img {
      width: 42px;
    }
    .jobs-links-container .right-links {
      display: none;
    }
  }
  .list-3.list-3-1.index-list li,
  .index-list .list-item {
    padding: 0!important;
  }
  .index-list .list-item p,
  .index-list .list-item .date {
    font-size: 16px;
    line-height: 52px;
  }
  @media screen and (max-width: 768px) {
    .index-list .list-item p,
    .index-list .list-item .date {
      font-size: 14px;
      line-height: 48px;
    }
  }
  @media screen and (max-width: 480px) {
    .index-list .list-item p,
    .index-list .list-item .date {
      line-height: 42px;
    }
  }
  .downloads-list .row {
    display: flex;
    flex-wrap: wrap;
  }
  .downloads-list .img-wrap {
    background-color: #fff;
    border-radius: 8px;
    display: block;
    padding: 12px;
  }
  .downloads-list p a {
    color: #fff;
    font-size: 18px;
    line-height: 3em;
  }
  
  .downloads-list p a:hover {
    color: #ddd;
  }
  /* sidebar #0053AF*/
  .sidebar-menu-2-2 h2.title {
    height: 82px;
    color: #fff;
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 82px;
    padding: 0 21px;
    box-sizing: border-box;
    border: none;
    text-align: left;
    background: #0053AF url(https://sges.sysu.edu.cn/geodesy/sites/default/files/sidebar-title-bg.png) right bottom no-repeat;
    background-size: auto 82px;
  }
  
  .sidebar-menu-2-2 .nav-menu {
    text-align: left;
    background: #f3f5f8  right -27px bottom -34px
      no-repeat;
    background-size: 168px auto;
  }
  .sidebar-menu-2-2 .nav-menu .menu-item.active:not(.expanded) a,
  .sidebar-menu-2-2 .nav-menu .expanded.active .menu-toggle,
  .sidebar-menu-2-2 .nav-menu .expanded.active-item .menu-toggle,
  .sidebar-menu-2-2 .nav-menu > .menu-item > span:hover,
  .sidebar-menu-2-2 .nav-menu > .menu-item > a:hover,
  .sidebar-menu-2-2 .nav-menu > .menu-item > .menu-toggle:hover,
  .sidebar-menu-2-2 .nav-menu > .menu-item a.is-active,
  .sidebar-menu-2-2 .nav-menu > .menu-item a:hover {
    background-color: transparent;
    color: #0053AF;
  }
  .sidebar-menu-2-2 .nav-menu > .menu-item > .menu-toggle a,
  .sidebar-menu-2-2 .nav-menu > .menu-item > a {
    font-size: 16px;
    line-height: 24px;
  }
  
  .sidebar-menu-2-2 .nav-menu .expanded.active .menu-toggle a,
  .sidebar-menu-2-2 .nav-menu .expanded.active-item .menu-toggle a {
    color: #3e3e3e;
  }
  .sidebar-menu-2-2 .nav-menu > .menu-item > a:hover,
  .sidebar-menu-2-2 .nav-menu > .menu-item > .menu-toggle:hover a,
  .sidebar-menu-2-2 .nav-menu > .menu-item > .menu-toggle:hover i:before {
    color: #0053AF;
  }
  .sidebar-menu-2-2 .nav-menu > .menu-item > .menu-toggle:hover,
  .sidebar-menu-2-2 .nav-menu > .menu-item a.is-active:hover,
  .sidebar-menu-2-2 .nav-menu > .menu-item > a:hover {
    background: #0053AF11
  }
  .sidebar-menu-2-2 .nav-menu .expanded .menu-toggle i:before {
    transition: all ease 0.25s;
  }
  
  .sidebar-menu-2-2 .nav-menu .expanded.active .menu-toggle i:before,
  .sidebar-menu-2-2 .nav-menu .expanded.active-item .menu-toggle i:before {
    color: inherit;
  }
  .sidebar-menu-2-2 .nav-menu .expanded.active .menu-toggle:hover i:before,
  .sidebar-menu-2-2 .nav-menu .expanded.active-item .menu-toggle:hover i:before {
    color: #0053AF;
  }
  
  .sidebar-menu-2-2 .nav-menu > .menu-item {
    border-top: 2px solid #fff;
  }
  .sidebar-menu-2-2 .nav-menu .expanded .level-menu {
    padding-bottom: 8px;
  }
  .sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item {
    border: none;
    padding: 0 1em 0 28px;
  }
  .sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item .menu-item {
    padding: 0 0 0 14px;
  }
  .sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item a {
    font-size: 14px;
    line-height: calc(1em + 4px);
    padding: 8px 8px;
    white-space: pre-wrap;
  }
  .sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item .menu-item a {
    padding-right: calc(1em + 18px);
    white-space: nowrap;
  }
  .sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item a.is-active {
    font-weight: bold;
    color: #0053AF;
  }
  .sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item:not(.expanded) > a.is-active {
    color: #0053AF;
  }
  .sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item a.is-active:focus,
  .sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item a.is-active:hover,
  .sidebar-menu-2-2 .nav-menu > .menu-item.active > a:focus,
  .sidebar-menu-2-2 .nav-menu > .menu-item.active > a:hover,
  .sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item a:focus,
  .sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item a:hover {
    background-color: #0053AF11;
  }
  
  .sidebar-menu-2-2 .nav-menu > .menu-item > a,
  .sidebar-menu-2-2 .nav-menu .expanded .menu-toggle {
    border-left: 4px solid transparent;
  }
  .sidebar-menu-2-2 .nav-menu > .menu-item.active > a,
  .sidebar-menu-2-2 .nav-menu > .menu-item > a.is-active,
  .sidebar-menu-2-2 .nav-menu .expanded.active .menu-toggle {
    border-left-color: #0053AF;
  }