@media (max-width: 1679px) {
  .research-divisions-groups .box-s .box-img img {
    height: 27.25rem;
  }
  .list-img-txt-01 .box-s .box-img img {
    height: 27.5rem;
  }
  .list-photo-album .box-s .box-img img {
    height: 27.25rem;
  }
}
@media (max-width: 1439px) {
  .list-img-txt-01 .box-s .box-img img {
    height: 24.375rem;
  }
  .list-photo-album .box-s .box-img img {
    height: 24.25rem;
  }
}
@media (max-width: 1199px) {
  .index-banner {
    height: auto;
  }
  .index-banner .banner-box {
    height: 56.25rem;
  }
  .index-about-CSU .mod-bg {
    background-size: 31.25rem;
  }
  .public-banner .container {
    height: 41.25rem;
  }
  .research-divisions-groups .box-s .box-img img {
    height: 19.5rem;
  }
  .list-img-txt-01 .box-s .box-img img {
    height: 19.75rem;
  }
  .list-photo-album .box-s .box-img img {
    height: 19.375rem;
  }
}
@media (max-width: 991px) {
  .footer {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .footer .footer-logo {
    padding-top: 0;
    padding-right: 4.375rem;
  }
  .footer .footer-logo img {
    width: 28.125rem;
  }
  .footer .footer-info {
    padding-left: 4.375rem;
  }
  .index-banner .banner-box {
    height: 43.75rem;
  }
  .index-banner .banner-box .banner-title::after {
    width: 100%;
    background-size: 100% 100%;
  }
  .index-banner .banner-box .banner-title .box-title {
    max-width: 100%;
  }
  .index-banner .banner-box .banner-title .box-txt {
    width: 100%;
  }
  .index-banner .banner-other {
    bottom: 1.25rem;
  }
  .index-box {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .index-title {
    margin-bottom: 2.5rem;
  }
  .index-title .title-left .title-wrap {
    position: relative;
  }
  .index-title .title-left .title-en {
    font-size: 5rem;
  }
  .index-title .title-left .title-ch {
    font-size: 3.125rem;
  }
  .index-news {
    background-image: url("csuen2024-modbg01.png");
  }
  .index-news .row-w {
    margin-left: 0;
    margin-right: 0;
  }
  .index-news .row-w .col-w {
    padding-left: 0;
    padding-right: 0;
  }
  .index-news .news-list {
    display: none;
  }
  .index-news .news-groups .news-page {
    display: block;
    padding-top: 3.75rem;
  }
  .index-news .news-groups .news-page .swiper-pagination-bullet {
    display: inline-block;
    background-color: #fff;
    width: calc(100vw * 12 / 1920);
    height: calc(100vw * 12 / 1920);
    margin-left: calc(100vw * 10 / 1920);
  }
}
@media (max-width: 991px) and (max-width: 1199px) {
  .index-news .news-groups .news-page .swiper-pagination-bullet {
    width: 0.8571428571rem;
    height: 0.8571428571rem;
    margin-left: 0.7142857143rem;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .index-news .news-groups .news-page .swiper-pagination-bullet {
    width: 1.0909090909rem;
    height: 1.0909090909rem;
    margin-left: 0.9090909091rem;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .index-news .news-groups .news-page .swiper-pagination-bullet {
    width: 1.0909090909rem;
    height: 1.0909090909rem;
    margin-left: 0.9090909091rem;
  }
}
@media (max-width: 991px) {
  .index-space-utilization .info-img {
    display: none;
  }
  .index-about-CSU .mod-bg {
    background-size: 18.75rem;
  }
  .index-about-CSU .about-groups {
    width: 100%;
  }
  .index-about-CSU .about-groups ul li {
    float: left;
    width: 29%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .index-about-CSU .about-groups ul li.active {
    width: 42%;
  }
  .index-about-CSU .about-groups ul li.active .box-s .box-bg {
    top: calc(100vw * -30 / 1920);
  }
}
@media (max-width: 991px) and (max-width: 1199px) {
  .index-about-CSU .about-groups ul li.active .box-s .box-bg {
    top: -2.1428571429rem;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .index-about-CSU .about-groups ul li.active .box-s .box-bg {
    top: -2.7272727273rem;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .index-about-CSU .about-groups ul li.active .box-s .box-bg {
    top: -2.7272727273rem;
  }
}
@media (max-width: 991px) {
  .index-about-CSU .about-groups ul li.active_ {
    width: 29%;
  }
  .index-about-CSU .about-groups .box-s {
    height: 18.75rem;
    padding: 3.125rem 1.875rem 1.25rem 1.875rem;
  }
  .index-about-CSU .about-groups .box-s .box-icon img {
    height: 2.5rem;
  }
  .index-about-CSU .about-groups .box-s .box-title {
    font-size: 1.875rem;
    line-height: 2.5rem;
    min-height: 5rem;
    height: auto;
  }
  .index-quick-links {
    padding-bottom: 0 !important;
  }
  .page-main, .public-box {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .research-divisions-groups .box-s .box-img img {
    height: 22.625rem;
  }
  .list-img-txt-01 .box-s .box-img img {
    height: 22.75rem;
  }
  .list-photo-album .box-s .box-img img {
    height: 22.625rem;
  }
}
@media (max-width: 767px) {
  .footer {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .footer .footer-logo {
    padding-top: 0;
    float: none;
    padding-right: 0;
    text-align: center;
    margin-bottom: 1.875rem;
  }
  .footer .footer-logo img {
    width: 28.125rem;
    margin-left: auto;
    margin-right: auto;
  }
  .footer .footer-info {
    padding-left: 0;
    text-align: center;
  }
  .footer .footer-info::after {
    display: none;
  }
  .index-banner .banner-box {
    height: 25rem;
  }
  .index-banner .banner-box .banner-title::after {
    width: 100%;
    background-size: contain;
  }
  .index-banner .banner-box .banner-title .title-info {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
  .index-banner .banner-box .banner-title .box-title {
    margin-bottom: 0;
    font-weight: normal;
  }
  .index-banner .banner-box .banner-title .box-title span {
    line-height: 1.4;
  }
  .index-banner .banner-box .banner-title .box-txt {
    display: none;
  }
  .index-banner .banner-other {
    position: static;
    display: none;
  }
  .index-banner .banner-other .container {
    position: static;
  }
  .index-banner .banner-next,
  .index-banner .banner-prev {
    position: absolute;
    top: 45%;
  }
  .index-box {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .index-title {
    margin-bottom: 2.5rem;
  }
  .index-title .title-left .title-wrap {
    position: relative;
  }
  .index-title .title-left .title-en {
    font-size: 4.375rem;
  }
  .index-title .title-left .title-ch {
    font-size: 2.75rem;
  }
  .index-news .news-groups-w {
    position: relative;
  }
  .index-news .news-groups-w::before {
    width: 6.25rem;
    height: 6.25rem;
    top: -2.5rem;
    right: 0;
  }
  .index-news .news-groups .box-s .box-img img {
    height: 22.5rem;
  }
  .index-news .news-groups .box-s .box-mc .box-cont {
    left: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
  }
  .index-news .news-groups .box-s .box-mc .box-cont .cont-txt {
    display: none;
  }
  .index-space-utilization {
    background: url("csuen2024-modbg02.png") no-repeat left bottom #F5F9FD;
  }
  .index-space-utilization .info-groups-w::after {
    display: none;
  }
  .index-space-utilization .info-groups {
    position: relative;
    margin-top: 0;
  }
  .index-space-utilization .info-groups::before, .index-space-utilization .info-groups::after {
    display: none;
  }
  .index-space-utilization .info-groups .box-s, .index-space-utilization .info-groups .box-more {
    height: auto;
  }
  .index-space-utilization .info-groups .box-s {
    margin-bottom: 2.5rem;
  }
  .index-space-utilization .info-groups .box-s .box-title {
    margin-bottom: 0.9375rem;
  }
  .index-space-utilization .info-groups .box-s .box-title .title-txt {
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
    line-height: 1.6;
  }
  .index-space-utilization .info-groups .box-02, .index-space-utilization .info-groups .box-more {
    padding-left: 0;
  }
  .index-space-utilization .info-groups .box-01, .index-space-utilization .info-groups .box-03 {
    padding-right: 0;
  }
  .index-space-utilization .info-groups .box-03, .index-space-utilization .info-groups .box-more {
    padding-top: 0;
  }
  .index-space-utilization .info-groups .box-more {
    text-align: center;
    overflow: hidden;
  }
  .index-space-utilization .info-groups .box-more .title-more {
    margin-top: 1.25rem;
  }
  .index-about-CSU .about-info {
    margin-bottom: 6.25rem;
  }
  .index-about-CSU .info-bg {
    position: absolute;
  }
  .index-about-CSU .info-txt {
    line-height: 1.8;
  }
  .index-about-CSU .about-groups {
    width: 100%;
  }
  .index-about-CSU .about-groups ul li {
    float: none;
    width: 100%;
  }
  .index-about-CSU .about-groups ul li.active {
    width: 100%;
  }
  .index-about-CSU .about-groups ul li.active .box-s .box-bg {
    top: 0;
  }
  .index-about-CSU .about-groups .box-s {
    height: 20rem;
    padding: 3.75rem 2.5rem;
  }
  .index-about-CSU .about-groups .box-s .box-title {
    font-size: 2.5rem;
  }
  .index-about-CSU .about-groups .box-s .box-more {
    font-size: calc(100vw * 16 / 1920);
  }
}
@media (max-width: 767px) and (max-width: 1199px) {
  .index-about-CSU .about-groups .box-s .box-more {
    font-size: 1.1428571429rem;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .index-about-CSU .about-groups .box-s .box-more {
    font-size: 1.4545454545rem;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .index-about-CSU .about-groups .box-s .box-more {
    font-size: 1.4545454545rem;
  }
}
@media (max-width: 767px) {
  .index-about-CSU .about-groups .box-s .box-more span {
    display: inline-block;
    text-decoration: underline;
  }
  .page-main, .public-box {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .public-channel-menu {
    background: #1B5CC2;
    margin-top: 0;
  }
  .public-channel-menu .channel-menu-wrap {
    padding-right: 0;
  }
  .public-channel-menu .channel-menu-wrap::before, .public-channel-menu .channel-menu-wrap::after {
    display: none;
  }
  .public-channel-menu .a-menu {
    height: 6.25rem;
    line-height: 6.25rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
  .public-channel-menu .a-menu span {
    font-size: 1.625rem;
  }
  .public-banner .container {
    height: 22.5rem;
  }
  .public-banner .banner-cont {
    left: 1.25rem;
    bottom: 2.1875rem;
  }
  .public-banner .channel-title {
    font-size: 2.5rem;
    padding-left: 1.875rem;
  }
  .public-banner .channel-title::after {
    width: 0.375rem;
    height: 1.875rem;
  }
  .public-banner .bread-crumbs {
    padding-left: 1.875rem;
  }
  .public-title {
    margin-bottom: 3.125rem;
    padding-bottom: 1.5625rem;
  }
  .public-title span {
    font-size: 2.5rem;
  }
  .directors-list-w {
    padding-bottom: 1.875rem !important;
  }
  .directors-list {
    margin-bottom: 0;
  }
  .directors-list .list-top {
    padding-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .directors-list .box-s {
    padding-left: 18rem;
    height: 22.8125rem;
  }
  .directors-list .box-s .box-img img {
    width: 16.75rem;
    height: 22.8125rem;
  }
  .directors-list .box-s .box-info .info-title {
    position: relative;
    display: block;
    padding-bottom: calc(100vw * 15 / 1920);
    margin-bottom: calc(100vw * 15 / 1920);
  }
  .directors-list .box-s .box-info .info-title span {
    display: block;
    font-weight: bold;
    color: #333333;
    font-size: calc(100vw * 20 / 1920);
  }
}
@media (max-width: 767px) and (max-width: 1199px) {
  .directors-list .box-s .box-info .info-title span {
    font-size: 1.4285714286rem;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .directors-list .box-s .box-info .info-title span {
    font-size: 1.8181818182rem;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .directors-list .box-s .box-info .info-title span {
    font-size: 1.8181818182rem;
  }
}
@media (max-width: 767px) and (max-width: 1199px) {
  .directors-list .box-s .box-info .info-title {
    padding-bottom: 1.0714285714rem;
    margin-bottom: 1.0714285714rem;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .directors-list .box-s .box-info .info-title {
    padding-bottom: 1.3636363636rem;
    margin-bottom: 1.3636363636rem;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .directors-list .box-s .box-info .info-title {
    padding-bottom: 1.3636363636rem;
    margin-bottom: 1.3636363636rem;
  }
}
@media (max-width: 767px) {
  .directors-list .box-s .box-info .info-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #1A458A;
    border-radius: 2px;
    width: calc(100vw * 26 / 1920);
    height: calc(100vw * 3 / 1920);
  }
}
@media (max-width: 767px) and (max-width: 1199px) {
  .directors-list .box-s .box-info .info-title::after {
    width: 1.8571428571rem;
    height: 0.2142857143rem;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .directors-list .box-s .box-info .info-title::after {
    width: 2.3636363636rem;
    height: 0.2727272727rem;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .directors-list .box-s .box-info .info-title::after {
    width: 2.3636363636rem;
    height: 0.2727272727rem;
  }
}
@media (max-width: 767px) {
  .directors-list .box-s .box-info .info-txt {
    color: #566A8B;
    line-height: calc(100vw * 30 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
}
@media (max-width: 767px) and (max-width: 1199px) {
  .directors-list .box-s .box-info .info-txt {
    line-height: 2.1428571429rem;
    font-size: 1.1428571429rem;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .directors-list .box-s .box-info .info-txt {
    line-height: 2.7272727273rem;
    font-size: 1.4545454545rem;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .directors-list .box-s .box-info .info-txt {
    line-height: 2.7272727273rem;
    font-size: 1.4545454545rem;
  }
}
@media (max-width: 767px) {
  .research-divisions-groups .groups-title {
    font-size: 2rem;
    margin-bottom: 1.875rem;
  }
  .research-divisions-groups .box-s .box-img img {
    height: auto;
  }
  .research-divisions-groups .box-s .box-title {
    line-height: 1.4;
  }
  .list-txt li::after {
    top: 2.75rem;
    width: 0.5rem;
    height: 0.5rem;
  }
  .list-img-txt-01 .box-s .box-img img {
    height: auto;
  }
  .list-img-txt .box-s .box-img {
    width: 100%;
    margin-right: 0;
  }
  .list-img-txt .box-s .box-info {
    padding: 1.875rem;
  }
  .list-photo-album .box-s .box-img img {
    height: auto;
  }
}