@charset "utf-8";

/*-------------------分割线啊-----------------------*/
@media (min-width: 1440px) and (max-width: 1679px) {
  .m5508-index-academic-activity .m5508-activity-list .m5508-box-s .m5508-box-title {
    font-size: 1.75rem;
    line-height: 2.625rem;
    height: 5.25rem;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .m5508-index-academic-activity .m5508-activity-list .m5508-box-s .m5508-box-title {
    font-size: 1.625rem;
    line-height: 2.375rem;
    height: 4.75rem;
  }
}

@media (max-width: 1679px) {

  .m5508-academicians-groups .m5508-box-s .m5508-box-info .m5508-info-txt,
  .m5508-academicians-list .m5508-box-s .m5508-box-info .m5508-info-txt {
    font-size: 1.125rem;
  }
}

@media (min-width: 1440px) and (max-width: 1679px) {
  .m5508-public-channel-menu .m5508-a-menu {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }

  .m5508-public-channel-menu .m5508-a-menu span {
    font-size: 1.5rem;
  }

  .m5508-about-mod-01 .m5508-mod-info .m5508-info-cont {
    line-height: 1.7;
    padding: 2.5rem;
    font-size: 1.375rem;
  }

  .m5508-about-mod-01 .m5508-mod-info .m5508-info-cont>div,
  .m5508-about-mod-01 .m5508-mod-info .m5508-info-cont>p {
    margin-bottom: 0.9375rem;
  }

  .m5508-about-mod-02 .m5508-mod-info {
    font-size: 1.375rem;
  }

  .m5508-about-mod-02 .m5508-mod-info>div,
  .m5508-about-mod-02 .m5508-mod-info>p {
    margin-bottom: 0.9375rem;
  }

  .m5508-about-mod-04 .m5508-main-cont .m5508-cont-info .m5508-info-txt {
    font-size: 1.375rem;
  }

  .m5508-details-page .m5508-main-cont {
    font-size: 1.375rem;
  }

  .m5508-orga-groups-01 .m5508-box-s .m5508-box-title .m5508-title-s,
  .m5508-orga-groups-03 .m5508-box-s .m5508-box-title .m5508-title-s {
    font-size: 1.5rem;
  }

  .m5508-orga-groups-02 .m5508-box-s .m5508-box-title {
    font-size: 1.625rem;
  }

  .m5508-orga-groups-04 .m5508-box-s .m5508-box-title .m5508-title-s {
    font-size: 1.5rem;
  }

  .m5508-class-channel a {
    font-size: 1.5rem;
  }

  .m5508-coop-exchange .m5508-coop-info .m5508-info-txt {
    font-size: 1.375rem;
    line-height: 1.8;
  }

  .m5508-coop-exchange .m5508-coop-info .m5508-box-s .m5508-box-img {
    margin-bottom: 0.9375rem;
  }

  .m5508-coop-exchange .m5508-coop-info .m5508-box-s .m5508-box-title {
    font-size: 1.375rem;
  }

  .m5508-list-img-txt-02 .m5508-box-s .m5508-box-info .m5508-info-title {
    font-size: 1.375rem;
  }

  .m5508-list-img-txt-02 .m5508-box-s .m5508-box-info .m5508-info-txt {
    font-size: 1.1875rem;
  }

  .m5508-list-txt-03 .m5508-box-s .m5508-box-title {
    font-size: 1.25rem;
  }

  .m5508-list-txt-05 li {
    font-size: 1.25rem;
  }

  .m5508-list-txt-05 li .m5508-box-title {
    font-size: 1.25rem;
  }

  .m5508-list-img-txt-01 .m5508-box-s .m5508-box-info .m5508-info-title {
    font-size: 1.375rem;
  }

  .m5508-list-img-txt-01 .m5508-box-s .m5508-box-info .m5508-info-txt {
    font-size: 1.125rem;
  }

  .m5508-list-img-txt .m5508-box-s .m5508-box-info .m5508-info-title {
    font-size: 1.375rem;
  }

  .m5508-list-img-txt .m5508-box-s .m5508-box-info .m5508-info-txt {
    font-size: 1.125rem;
  }

  .m5508-list-txt-01 .m5508-box-s .m5508-box-info .m5508-info-title {
    font-size: 1.375rem;
  }

  .m5508-list-txt-01 .m5508-box-s .m5508-box-info .m5508-info-txt {
    line-height: 1.8;
    font-size: 1.125rem;
  }

  .m5508-list-photo-album .m5508-box-s .m5508-box-title {
    font-size: 1.375rem;
  }

  .m5508-lab-mod-01 .m5508-cont-info {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-02 .m5508-box-info {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-03 .m5508-box-s .m5508-box-info .m5508-info-title {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-03 .m5508-box-s .m5508-box-info .m5508-info-txt {
    font-size: 1rem;
  }

  .m5508-lab-mod-05 .m5508-activity-list .m5508-box-s .m5508-box-info .m5508-box-title {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-06 .m5508-box-s .m5508-box-title {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-06 .m5508-box-s .m5508-box-title {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-07 {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-08 .m5508-box-s .m5508-box-title a {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-09 .m5508-box-s .m5508-box-info .m5508-info-cont {
    font-size: 1.25rem;
  }

  .m5508-personnel-details .m5508-info-top .m5508-box-info .m5508-box-s {
    font-size: 1.25rem;
  }

  .m5508-personnel-details .m5508-info-top .m5508-box-info .m5508-box-s .m5508-info-txt {
    font-size: 1.375rem;
  }

  .m5508-personnel-details .m5508-info-top .m5508-box-info .m5508-box-s .m5508-info-txt pre {
    font-size: 1.375rem;
  }

  .m5508-personnel-details .m5508-info-tabs-title a {
    font-size: 1.375rem;
  }

  .m5508-personnel-details .m5508-info-cont b,
  .m5508-personnel-details .m5508-info-cont strong,
  .m5508-personnel-details .m5508-groups-title,
  .m5508-personnel-details h3 {
    font-size: 1.125rem;
  }

  .m5508-personnel-details .m5508-info-cont,
  .m5508-personnel-details .m5508-info-cont-txt {
    font-size: 1.25rem;
  }

  .m5508-personnel-details .m5508-info-list-01 .m5508-box-s .m5508-box-info .m5508-info-title {
    font-size: 1.25rem;
  }

  .m5508-personnel-details .m5508-info-list-01 .m5508-box-s .m5508-box-info .m5508-info-txt {
    font-size: 1.125rem;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .m5508-public-channel-menu .m5508-a-menu {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }

  .m5508-public-channel-menu .m5508-a-menu span {
    font-size: 1.375rem;
  }

  .m5508-class-channel a {
    font-size: 1.375rem;
  }

  .m5508-coop-exchange .m5508-coop-info .m5508-info-txt {
    line-height: 1.8;
    font-size: 1.25rem;
  }

  .m5508-coop-exchange .m5508-coop-info .m5508-box-s .m5508-box-s .m5508-box-img {
    margin-bottom: 0.9375rem;
  }

  .m5508-coop-exchange .m5508-coop-info .m5508-box-s .m5508-box-s .m5508-box-title {
    font-size: 1.375rem;
  }

  .m5508-coop-exchange .m5508-coop-info .m5508-box-s .m5508-box-title {
    font-size: 1.25rem;
  }

  .m5508-about-mod-01 .m5508-mod-info .m5508-info-cont {
    padding: 2.1875rem;
    font-size: 1.25rem;
  }

  .m5508-about-mod-02 .m5508-mod-info {
    font-size: 1.25rem;
  }

  .m5508-about-mod-04 .m5508-main-cont .m5508-cont-info .m5508-info-txt {
    font-size: 1.25rem;
  }

  .m5508-details-page .m5508-main-cont {
    font-size: 1.25rem;
  }

  .m5508-orga-groups-01 .m5508-box-s .m5508-box-title .m5508-title-s,
  .m5508-orga-groups-03 .m5508-box-s .m5508-box-title .m5508-title-s {
    font-size: 1.375rem;
  }

  .m5508-orga-groups-02 .m5508-box-s .m5508-box-title {
    font-size: 1.5rem;
  }

  .m5508-orga-groups-04 .m5508-box-s .m5508-box-title .m5508-title-s {
    font-size: 1.375rem;
  }

  .m5508-learned-periodical-groups .m5508-periodical-list .m5508-box-s .m5508-box-title a {
    font-size: 1.375rem;
  }

  .m5508-list-img-txt-02 .m5508-box-s .m5508-box-info .m5508-info-title {
    font-size: 1.3125rem;
  }

  .m5508-list-img-txt-02 .m5508-box-s .m5508-box-info .m5508-info-txt {
    font-size: 1.0625rem;
  }

  .m5508-list-txt-01 .m5508-box-s .m5508-box-info .m5508-info-title {
    font-size: 1.25rem;
  }

  .m5508-list-txt-01 .m5508-box-s .m5508-box-info .m5508-info-txt {
    line-height: 1.8;
    font-size: 1.0625rem;
  }

  .m5508-list-txt-03 .m5508-box-s .m5508-box-title {
    font-size: 1.25rem;
  }

  .m5508-list-txt-05 li {
    font-size: 1.25rem;
  }

  .m5508-list-txt-05 li .m5508-box-title {
    font-size: 1.25rem;
  }

  .m5508-list-img-txt-01 .m5508-box-s .m5508-box-info .m5508-info-title {
    font-size: 1.25rem;
  }

  .m5508-list-img-txt-01 .m5508-box-s .m5508-box-info .m5508-info-txt {
    font-size: 1rem;
  }

  .m5508-list-img-txt .m5508-box-s .m5508-box-info .m5508-info-title {
    font-size: 1.25rem;
  }

  .m5508-list-img-txt .m5508-box-s .m5508-box-info .m5508-info-txt {
    font-size: 1rem;
  }

  .m5508-list-photo-album .m5508-box-s .m5508-box-title {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-01 .m5508-cont-info {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-02 .m5508-box-info {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-03 .m5508-box-s .m5508-box-info .m5508-info-title {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-03 .m5508-box-s .m5508-box-info .m5508-info-txt {
    font-size: 1rem;
  }

  .m5508-lab-mod-04 .m5508-work-list .m5508-box-s .m5508-a-title {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-05 .m5508-cont-scroll .m5508-box-s .m5508-box-info .m5508-info-title {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-05 .m5508-cont-scroll .m5508-box-s .m5508-box-info .m5508-info-txt {
    font-size: 1rem;
  }

  .m5508-lab-mod-05 .m5508-activity-list .m5508-box-s .m5508-box-info .m5508-box-title {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-06 .m5508-box-s .m5508-box-title {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-07 {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-08 .m5508-box-s .m5508-box-title a {
    font-size: 1.25rem;
  }

  .m5508-lab-mod-09 .m5508-box-s .m5508-box-info .m5508-info-cont {
    font-size: 1.25rem;
  }

  .m5508-personnel-details .m5508-info-top .m5508-box-info .m5508-info-txt {
    font-size: 1.375rem;
  }

  .m5508-personnel-details .m5508-info-top .m5508-box-info .m5508-info-txt pre {
    font-size: 1.375rem;
  }

  .m5508-personnel-details .m5508-info-top .m5508-box-info .m5508-box-s {
    font-size: 1.25rem;
  }

  .m5508-personnel-details .m5508-info-tabs-title a {
    font-size: 1.375rem;
  }

  .m5508-personnel-details .m5508-info-cont b,
  .m5508-personnel-details .m5508-info-cont strong,
  .m5508-personnel-details .m5508-groups-title,
  .m5508-personnel-details h3 {
    font-size: 1.125rem;
  }

  .m5508-personnel-details .m5508-info-cont,
  .m5508-personnel-details .m5508-info-cont-txt {
    font-size: 1.25rem;
  }

  .m5508-personnel-details .m5508-info-list-01 .m5508-box-s .m5508-box-info .m5508-info-title {
    font-size: 1.25rem;
  }

  .m5508-personnel-details .m5508-info-list-01 .m5508-box-s .m5508-box-info .m5508-info-txt {
    font-size: 1.125rem;
  }

  .m5508-orga-groups-02 .m5508-box-s .m5508-box-title {
    text-align: left;
    color: #fff;
    font-weight: bold;
    line-height: 1.6;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    font-size: 1.25rem;
    margin-left: 1.875rem;
  }

  .m5508-academicians-groups .m5508-box-s .m5508-box-info .m5508-info-txt,
  .m5508-academicians-list .m5508-box-s .m5508-box-info .m5508-info-txt {
    font-size: 1rem;
  }
}

@media (min-width: 1200px) and (max-width: 1679px) {
  .m5508-channel-menu-wrap {
    width: 100%;
  }

  .m5508-explore-IBP-content .m5508-item-slide .m5508-item-class {
    width: 26.25rem;
  }

  .m5508-explore-IBP-content .m5508-item-slide .m5508-item-class img {
    width: 11.25rem;
  }

  .m5508-explore-IBP-content .m5508-item-slide .m5508-item-main {
    margin-left: 26.25rem;
  }

  .m5508-item-history-groups .m5508-box-info {
    padding-right: 1.25rem;
  }

  .m5508-item-history-groups .m5508-box-info .m5508-info-year {
    font-size: 5rem;
  }

  .m5508-item-history-groups .m5508-box-info .m5508-info-txt {
    line-height: 1.8;
  }

  .m5508-item-history-groups .m5508-year-box {
    width: 4.875rem;
    height: 4.875rem;
    line-height: 4.875rem;
  }
}

@media (max-width: 1199px) {
  .m5508-list-photo-album .m5508-box-s .m5508-box-img img {
    height: 19.875rem;
  }

  .m5508-orga-groups-01 .m5508-box-s .m5508-box-img img {
    height: 20.125rem;
  }

  .m5508-orga-groups-03 .m5508-box-s .m5508-box-img img {
    height: 13.25rem;
  }

  .m5508-academicians-groups .m5508-box-s {
    margin-bottom: 3.75rem;
  }

  .m5508-academicians-groups .m5508-box-s .m5508-box-img img,
  .m5508-academicians-list .m5508-box-s .m5508-box-img img {
    height: 22.5rem;
  }

  .m5508-personnel-details .m5508-info-list-02 .m5508-box-s img {
    height: 19.625rem;
  }

  .m5508-coop-exchange .m5508-coop-info .m5508-info-txt {
    font-size: 1.5rem;
  }

  .m5508-coop-exchange .m5508-coop-info .m5508-box-s .m5508-box-img img {
    height: 19.625rem;
  }

  .m5508-coop-exchange .m5508-coop-groups .m5508-box-s {
    margin-bottom: 2.5rem;
  }

  .m5508-learned-periodical-groups .m5508-periodical-list .m5508-box-s .m5508-box-img img {
    height: 25rem;
  }

  .m5508-learned-periodical-groups .m5508-periodical-list .m5508-box-s .m5508-box-title a {
    height: 6.25rem;
    line-height: 6.25rem;
  }

  .m5508-list-img-txt-01 .m5508-box-s .m5508-box-img img {
    height: 18rem;
  }

  .m5508-lab-mod-03 .m5508-box-s .m5508-box-img img {
    height: 20rem;
  }

  .m5508-lab-mod-03 .m5508-people-prev {
    left: -1.25rem;
  }

  .m5508-lab-mod-03 .m5508-people-next {
    right: -1.25rem;
  }

  .m5508-special-list .m5508-box-s .m5508-box-img img {
    height: 10.75rem;
  }

  .m5508-index-mod-04 .m5508-video-groups {
    margin-bottom: 0.875rem;
  }
}

@media (max-width: 991px) {
  .m5508-footer .m5508-footer-info {
    display: none;
  }

  .m5508-public-banner .m5508-banner-cont {
    height: 37.5rem;
    padding-top: 3.75rem;
  }

  .m5508-public-banner .m5508-channel-title {
    font-size: 3.5rem;
    margin-bottom: 1.25rem;
  }

  .m5508-introduction-situation .m5508-cont-img {
    width: 34.375rem;
    margin-left: 3.75rem;
  }

  .m5508-present-leaders .m5508-leaders-other .m5508-box-s {
    margin-bottom: 2.5rem;
  }

  .m5508-list-photo-album .m5508-box-s .m5508-box-img img {
    height: 14.625rem;
  }

  .m5508-list-photo-album .m5508-box-s .m5508-box-title {
    height: 4.75rem;
    line-height: 4.75rem;
  }

  .m5508-public-box-wrap .m5508-groups-item {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .m5508-orga-groups-01 .m5508-box-s,
  .m5508-orga-groups-03 .m5508-box-s,
  .m5508-orga-groups-04 .m5508-box-s {
    margin-bottom: 3.75rem;
  }

  .m5508-orga-groups-01 .m5508-box-s .m5508-box-img img {
    height: 23.125rem;
  }

  .m5508-orga-groups-03 .m5508-box-s .m5508-box-img img {
    height: 15.5rem;
  }

  .m5508-academicians-groups .m5508-box-s .m5508-box-img img,
  .m5508-academicians-list .m5508-box-s .m5508-box-img img {
    height: 29.25rem;
  }

  .m5508-class-channel {
    margin-bottom: 3.125rem;
  }

  .m5508-class-channel a {
    display: block;
    float: left;
    width: 32%;
    margin-left: 0;
    margin-right: 2%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    font-size: 1.5rem;
  }

  .m5508-class-channel a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
  }

  .m5508-class-channel a:last-child {
    margin-right: 0;
  }

  .m5508-class-screen ul li {
    width: 7.142857%;
  }

  .m5508-class-screen ul li a {
    font-size: 1.625rem;
  }

  .m5508-personnel-list .m5508-box-s {
    min-height: auto;
    padding: 1.875rem;
    margin-bottom: 3.125rem;
  }

  .m5508-personnel-list .m5508-box-s .m5508-box-img {
    margin-right: 1.875rem;
  }

  .m5508-personnel-details .m5508-info-top {
    min-height: auto;
    padding: 2.5rem;
  }

  .m5508-personnel-details .m5508-info-top .m5508-box-img {
    position: static;
    float: left;
    margin-right: 3.125rem;
    width: 23.75rem;
  }

  .m5508-personnel-details .m5508-info-top .m5508-box-img::after {
    display: none;
  }

  .m5508-personnel-details .m5508-info-top .m5508-box-img img {
    height: auto;
  }

  .m5508-personnel-details .m5508-info-tabs-title a {
    width: 12.5rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .m5508-personnel-details .m5508-info-tabs-cont {
    padding: 2.5rem;
  }

  .m5508-personnel-details .m5508-info-list-02 .m5508-box-s img {
    height: 14.375rem;
  }

  .form-filter-groups {
    padding-right: 0;
  }

  .form-filter-groups .m5508-s-inp {
    display: block;
    width: 100%;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    height: calc(100vw * 50 / 1920);
    line-height: calc(100vw * 50 / 1920);
    border-radius: calc(100vw * 4 / 1920);
    padding-left: calc(100vw * 15 / 1920);
    padding-right: calc(100vw * 15 / 1920);
  }

  .m5508-lab-mod-jcsj {
    padding-bottom: 1.875rem;
  }

  .m5508-jcsj-video {
    margin-bottom: 3.125rem;
  }
}

@media (max-width: 991px) and (max-width: 1199px) {
  .form-filter-groups .m5508-s-inp {
    height: 3.5714285714rem;
    line-height: 3.5714285714rem;
    border-radius: 0.2857142857rem;
    padding-left: 1.0714285714rem;
    padding-right: 1.0714285714rem;
  }
}

@media (max-width: 991px) and (max-width: 991px) {
  .form-filter-groups .m5508-s-inp {
    height: 4.5454545455rem;
    line-height: 4.5454545455rem;
    border-radius: 0.3636363636rem;
    padding-left: 1.3636363636rem;
    padding-right: 1.3636363636rem;
  }
}

@media (max-width: 991px) and (max-width: 767px) {
  .form-filter-groups .m5508-s-inp {
    height: 4.5454545455rem;
    line-height: 4.5454545455rem;
    border-radius: 0.3636363636rem;
    padding-left: 1.3636363636rem;
    padding-right: 1.3636363636rem;
  }
}

@media (max-width: 991px) {
  .form-filter-groups .m5508-s-btn {
    position: static;
    display: block;
    background: #A88E77;
    color: #fff;
    border-radius: 4px;
    line-height: 100%;
    width: 100%;
    height: 3.75rem;
  }

  .form-filter-groups .m5508-box-s {
    position: relative;
    padding-left: calc(100vw * 90 / 1920);
    min-height: calc(100vw * 50 / 1920);
    line-height: calc(100vw * 50 / 1920);
    margin-bottom: calc(100vw * 20 / 1920);
  }
}

@media (max-width: 991px) and (max-width: 1199px) {
  .form-filter-groups .m5508-box-s {
    padding-left: 6.4285714286rem;
    min-height: 3.5714285714rem;
    line-height: 3.5714285714rem;
    margin-bottom: 1.4285714286rem;
  }
}

@media (max-width: 991px) and (max-width: 991px) {
  .form-filter-groups .m5508-box-s {
    padding-left: 8.1818181818rem;
    min-height: 4.5454545455rem;
    line-height: 4.5454545455rem;
    margin-bottom: 1.8181818182rem;
  }
}

@media (max-width: 991px) and (max-width: 767px) {
  .form-filter-groups .m5508-box-s {
    padding-left: 8.1818181818rem;
    min-height: 4.5454545455rem;
    line-height: 4.5454545455rem;
    margin-bottom: 1.8181818182rem;
  }
}

@media (max-width: 991px) {
  .form-filter-groups .m5508-box-s .m5508-box-title {
    position: absolute;
    left: 0;
    top: 0;
    color: #333333;
    font-weight: bold;
    text-align: right;
    line-height: calc(100vw * 50 / 1920);
    padding-right: calc(100vw * 15 / 1920);
    width: calc(100vw * 90 / 1920);
  }
}

@media (max-width: 991px) and (max-width: 1199px) {
  .form-filter-groups .m5508-box-s .m5508-box-title {
    line-height: 3.5714285714rem;
    padding-right: 1.0714285714rem;
    width: 6.4285714286rem;
  }
}

@media (max-width: 991px) and (max-width: 991px) {
  .form-filter-groups .m5508-box-s .m5508-box-title {
    line-height: 4.5454545455rem;
    padding-right: 1.3636363636rem;
    width: 8.1818181818rem;
  }
}

@media (max-width: 991px) and (max-width: 767px) {
  .form-filter-groups .m5508-box-s .m5508-box-title {
    line-height: 4.5454545455rem;
    padding-right: 1.3636363636rem;
    width: 8.1818181818rem;
  }
}

@media (max-width: 991px) {
  .table-details table tr td {
    padding-left: 3.125rem;
  }

  .table-details table tr td:first-child {
    width: 23.75rem;
    padding-right: 3.125rem;
  }

  .m5508-learned-periodical-groups .row-l {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .m5508-learned-periodical-groups .row-l .col-l {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .m5508-learned-periodical-groups .m5508-periodical-list .m5508-box-s .m5508-box-img img {
    height: 18.75rem;
  }

  .m5508-learned-periodical-groups .m5508-periodical-list .m5508-box-s .m5508-box-title a {
    height: 5.375rem;
    line-height: 5.375rem;
  }

  .mb-other {
    margin-bottom: 3.75rem;
  }

  .m5508-list-img-txt-01 .m5508-box-s .m5508-box-img img {
    height: 20.875rem;
  }

  .m5508-lab-mb {
    margin-bottom: 3.75rem;
  }

  .m5508-public-title,
  .m5508-public-groups-title .m5508-groups-name {
    font-size: 2.375rem;
  }

  .m5508-lab-mod-01 .m5508-public-groups-title .m5508-groups-name {
    font-size: 2.5rem;
  }

  .m5508-lab-mod-01 .m5508-box-s .m5508-box-img img {
    height: 46.375rem;
  }

  .m5508-lab-mod-02 {
    padding-left: 22.5rem;
  }

  .m5508-lab-mod-02 .m5508-box-title {
    width: 22.5rem;
  }

  .m5508-lab-mod-03 .m5508-box-s .m5508-box-img img {
    height: 19rem;
  }

  .m5508-lab-mod-04 .m5508-cont-scroll .m5508-box-s .m5508-box-img img {
    height: 47.625rem;
  }

  .m5508-lab-mod-08 .m5508-box-s {
    margin-bottom: 2.5rem;
  }

  .m5508-lab-mod-08 .m5508-box-s img {
    height: 22.75rem;
  }

  .m5508-about-mod-01 .m5508-mod-info {
    margin-left: 0;
  }

  .m5508-about-mod-02 .m5508-mod-img {
    margin-bottom: 2.5rem;
  }

  .m5508-about-mod-03 .m5508-cont-top .m5508-box-s .m5508-box-img img {
    height: 28.625rem;
  }

  .m5508-about-mod-03 .m5508-cont-btm .m5508-box-s a {
    padding: 3.125rem 3.125rem;
    height: 13.75rem;
  }

  .m5508-about-mod-03 .m5508-cont-btm .m5508-box-s a .m5508-box-title {
    font-size: 2.25rem;
    margin-bottom: 1.875rem;
  }

  .m5508-about-mod-05 {
    overflow: hidden;
  }

  .m5508-about-mod-05 .m5508-box-s.box-l {
    margin-bottom: 2.5rem;
  }

  .m5508-about-mod-05 .m5508-box-s.box-l .m5508-box-img img {
    height: auto;
  }

  .m5508-about-mod-05 .m5508-box-s.box-m .m5508-box-img img {
    height: 22.75rem;
  }

  .m5508-special-list .m5508-box-s .m5508-box-img img {
    height: 12.5rem;
  }

  .m5508-orga-groups-02 ul li {
    width: 25%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .m5508-learned-periodical-groups .m5508-cont-l {
    width: 65%;
  }

  .m5508-learned-periodical-groups .m5508-cont-r {
    width: 35%;
  }
}

@media (max-width: 767px) {
  .m5508-footer .m5508-footer-copy .m5508-copy-info {
    text-align: center;
    margin-bottom: 1.25rem;
  }

  .m5508-footer .m5508-footer-copy .m5508-copy-info .m5508-info-logo {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.9375rem;
  }

  .m5508-footer .m5508-footer-copy .m5508-copy-sydw {
    position: static;
    margin-left: auto;
    margin-right: auto;
  }

  .m5508-public-banner.banner-sys .m5508-banner-cont {
    height: 21.25rem;
  }

  .m5508-public-banner .m5508-banner-cont {
    height: 21.25rem;
    padding-top: 0;
  }

  .m5508-public-banner .m5508-channel-title {
    font-size: 2.5rem;
    margin-bottom: 0.625rem;
  }

  .m5508-public-channel-menu {
    background: #9D1E23;
    margin-top: 0;
  }

  .m5508-public-channel-menu .m5508-channel-menu-wrap {
    padding-right: 0;
  }

  .m5508-public-channel-menu .m5508-channel-menu-wrap::before,
  .m5508-public-channel-menu .m5508-channel-menu-wrap::after {
    display: none;
  }

  .m5508-public-channel-menu .m5508-a-menu {
    height: 6.25rem;
    line-height: 6.25rem;
    padding-left: 2.1875rem;
    padding-right: 2.1875rem;
  }

  .m5508-page-wrap {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .m5508-page-wrap::after {
    top: 5rem;
    width: 15rem;
  }

  .m5508-page-wrap>.container {
    position: relative;
    z-index: 9;
  }

  .m5508-public-title,
  .m5508-public-groups-title .m5508-groups-name {
    font-size: 2rem;
    font-weight: bold;
  }

  .m5508-introduction-situation .m5508-cont-img {
    width: 30rem;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1.5625rem;
    padding-bottom: 1.5625rem;
  }

  .m5508-present-leaders .m5508-leaders-top .m5508-box-s {
    margin-top: 0;
    margin-bottom: 2.5rem;
    height: auto;
    padding: 1.875rem;
  }

  .m5508-present-leaders .m5508-leaders-top .m5508-box-s .m5508-box-img {
    float: none;
    margin-top: 0;
  }

  .m5508-present-leaders .m5508-leaders-top .m5508-box-s .m5508-box-img img {
    width: 100%;
    height: auto;
  }

  .m5508-present-leaders .m5508-leaders-top .m5508-box-s .m5508-box-info {
    padding: 1.875rem 0;
    text-align: center;
  }

  .m5508-present-leaders .m5508-leaders-top .m5508-box-s .m5508-box-info .m5508-info-s::after,
  .m5508-present-leaders .m5508-leaders-top .m5508-box-s .m5508-box-info .m5508-info-s:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .m5508-present-leaders .m5508-leaders-top .m5508-box-s .m5508-box-info .m5508-name-s {
    font-size: 2.125rem;
  }

  .m5508-present-leaders .m5508-leaders-other .col-w:nth-child(2n+1) {
    clear: both;
  }

  .m5508-present-leaders .m5508-leaders-other .m5508-box-s {
    text-align: center;
    overflow: hidden;
    margin-bottom: 2.5rem;
  }

  .m5508-present-leaders .m5508-leaders-other .m5508-box-s .m5508-box-img img {
    height: 18.75rem;
  }

  .m5508-former-leaders .m5508-box-s {
    padding: 1.875rem;
    min-height: auto;
    margin-bottom: 2.5rem;
  }

  .m5508-former-leaders .m5508-box-s .m5508-box-img {
    margin-right: 2.5rem;
    width: 15rem;
  }

  .m5508-former-leaders .m5508-box-s .m5508-box-info .m5508-info-title {
    padding-top: 1.875rem;
  }

  .m5508-former-leaders .m5508-box-s .m5508-box-info .m5508-info-txt {
    line-height: 1.8;
  }

  .m5508-list-photo-album .m5508-box-s {
    margin-bottom: 2.5rem;
  }

  .m5508-list-photo-album .m5508-box-s .m5508-box-img img {
    height: auto;
  }

  .m5508-list-photo-album .m5508-box-s .m5508-box-title {
    height: auto;
    line-height: 1.6;
    padding: 1.25rem 1.875rem;
  }

  .m5508-public-box-wrap .m5508-groups-item {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .m5508-orga-groups-01 .col-w:last-child .m5508-box-s,
  .m5508-orga-groups-03 .col-w:last-child .m5508-box-s,
  .m5508-orga-groups-04 .col-w:last-child .m5508-box-s {
    margin-bottom: 0;
  }

  .m5508-orga-groups-01 .m5508-box-s {
    margin-bottom: 2.5rem;
  }

  .m5508-orga-groups-01 .m5508-box-s .m5508-box-img img {
    height: auto;
  }

  .m5508-orga-groups-01 .m5508-box-s .m5508-box-title .m5508-title-s {
    min-height: 5rem;
    padding: 1.875rem 0;
  }

  .m5508-orga-groups-02 .m5508-main-cont {
    overflow: hidden;
  }

  .m5508-orga-groups-02 ul {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }

  .m5508-orga-groups-02 ul li {
    width: 25%;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    margin-bottom: 1.875rem;
  }

  .m5508-orga-groups-02 ul li .m5508-box-s .m5508-box-title {
    margin-left: 1.25rem;
    line-height: 1.4;
  }

  .m5508-orga-groups-03 .m5508-box-s .m5508-box-img img {
    height: auto;
  }

  .m5508-orga-groups-03 .m5508-box-s .m5508-box-title .m5508-title-s {
    min-height: 5rem;
    padding: 1.875rem 0;
  }

  .m5508-orga-groups-04 .m5508-box-s {
    padding: 1.875rem;
    text-align: center;
  }

  .m5508-orga-groups-04 .m5508-box-s .m5508-box-title .m5508-icon-s {
    float: none;
    margin-right: 0;
    margin-bottom: 1.25rem;
  }

  .m5508-orga-groups-04 .m5508-box-s .m5508-box-title .m5508-icon-s img {
    margin-left: auto;
    margin-right: auto;
  }

  .m5508-orga-groups-04 .m5508-box-s .m5508-box-title .m5508-title-s {
    color: #333333;
    margin-bottom: 1.25rem;
  }

  .m5508-orga-groups-04 .m5508-box-s .m5508-box-more {
    position: static;
    display: inline-block;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .m5508-research-group-leader .m5508-main-info {
    min-height: auto;
    padding: 2.5rem;
  }

  .m5508-academicians-groups .col-w:last-child .m5508-box-s,
  .m5508-academicians-list .col-w:last-child .m5508-box-s {
    margin-bottom: 0;
  }

  .m5508-academicians-groups .m5508-box-s,
  .m5508-academicians-list .m5508-box-s {
    width: 23.75rem;
    margin-left: auto;
    margin-right: auto;
  }

  .m5508-academicians-groups .m5508-box-s .m5508-box-img img,
  .m5508-academicians-list .m5508-box-s .m5508-box-img img {
    height: auto;
  }

  .m5508-academicians-groups .m5508-box-s .m5508-box-info,
  .m5508-academicians-list .m5508-box-s .m5508-box-info {
    height: auto;
  }

  .m5508-researcher-class-groups .m5508-box-s {
    height: auto;
    padding: 2.5rem;
  }

  .m5508-class-channel a {
    font-size: 1.375rem;
    border-radius: 5px;
  }

  .m5508-class-channel a span {
    line-height: 1.4;
  }

  .m5508-class-channel a:last-child {
    margin-right: 0;
  }

  .m5508-class-screen ul li {
    width: 10%;
  }

  .m5508-personnel-list .m5508-box-s .m5508-box-info .m5508-info-title {
    padding-top: 0.625rem;
  }

  .m5508-personnel-list .m5508-box-s .m5508-box-info .m5508-info-more::after {
    vertical-align: top;
  }

  .m5508-personnel-groups .m5508-groups-info {
    margin-left: 2.1875rem;
    padding-left: 2.1875rem;
  }

  .m5508-personnel-groups .m5508-groups-info .m5508-info-title {
    font-size: 2rem;
    line-height: 1.6;
  }

  .m5508-personnel-details .m5508-info-top .m5508-box-img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.875rem;
  }

  .m5508-personnel-details .m5508-info-tabs-title {
    margin-bottom: 1.875rem;
  }

  .m5508-personnel-details .m5508-info-tabs-title a {
    width: 32%;
    margin-right: 2%;
    border-radius: 5px;
    margin-bottom: 1.25rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .m5508-personnel-details .m5508-info-tabs-title a:nth-child(3n) {
    margin-right: 0;
  }

  .m5508-personnel-details .m5508-info-tabs-cont {
    padding: 1.875rem;
  }

  .m5508-personnel-details .m5508-info-cont b,
  .m5508-personnel-details .m5508-info-cont strong,
  .m5508-personnel-details .m5508-groups-title {
    max-width: 100%;
    height: 3.75rem;
    line-height: 3.75rem;
    padding-left: 6.875rem;
  }

  .m5508-personnel-details .m5508-info-cont b::after,
  .m5508-personnel-details .m5508-info-cont strong::after,
  .m5508-personnel-details .m5508-groups-title::after {
    width: 5.375rem;
    height: 3.75rem;
  }

  .m5508-personnel-details .m5508-info-cont {
    color: #333333;
    line-height: 2;
    font-size: calc(100vw * 16 / 1920);
  }
}

@media (max-width: 767px) and (max-width: 1199px) {
  .m5508-personnel-details .m5508-info-cont {
    font-size: 1.1428571429rem;
  }
}

@media (max-width: 767px) and (max-width: 991px) {
  .m5508-personnel-details .m5508-info-cont {
    font-size: 1.4545454545rem;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .m5508-personnel-details .m5508-info-cont {
    font-size: 1.4545454545rem;
  }
}

@media (max-width: 767px) {
  .m5508-personnel-details .m5508-info-list-01 li {
    margin-bottom: 2.5rem;
  }

  .m5508-personnel-details .m5508-info-list-01 .m5508-box-s .m5508-box-img {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  .m5508-personnel-details .m5508-info-list-01 .m5508-box-s .m5508-box-info {
    padding-top: 1.5625rem;
  }

  .m5508-personnel-details .m5508-info-list-01 .m5508-box-s .m5508-box-info .m5508-info-title {
    margin-bottom: 0.625rem;
  }

  .m5508-personnel-details .m5508-info-list-02 .m5508-box-s {
    margin-bottom: 2.5rem;
  }

  .m5508-personnel-details .m5508-info-list-02 .m5508-box-s img {
    height: auto;
  }

  .m5508-year-class-wrap {
    padding: 1.25rem;
    margin-bottom: 2.5rem;
  }

  .table-details table tr td {
    padding-left: 2.5rem;
  }

  .table-details table tr td:first-child {
    width: 12.5rem;
    padding-right: 2.5rem;
  }

  .m5508-coop-exchange .m5508-coop-info .m5508-box-s .m5508-box-img img {
    height: 19.625rem;
  }

  .m5508-coop-exchange .m5508-coop-info .m5508-box-s .m5508-box-img img {
    height: auto;
  }

  .m5508-coop-exchange .m5508-coop-groups .m5508-box-s {
    margin-bottom: 2.5rem;
    padding-top: 3.75rem;
    height: 23.75rem;
  }

  .m5508-learned-periodical-groups {
    overflow: hidden;
  }

  .m5508-learned-periodical-groups .m5508-periodical-list .m5508-box-s {
    margin-bottom: 2.5rem;
    width: 25rem;
    margin-left: auto;
    margin-right: auto;
  }

  .m5508-learned-periodical-groups .m5508-periodical-list .m5508-box-s .m5508-box-img img {
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .m5508-learned-periodical-groups .m5508-periodical-list .m5508-box-s .m5508-box-title a {
    padding: 1.875rem;
    height: auto;
    line-height: 1.6;
  }

  .m5508-learned-periodical-groups .m5508-periodical-other {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
  }

  .m5508-list-img-txt-02 .m5508-box-s .m5508-box-img {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.25rem;
  }

  .m5508-list-img-txt-02 .m5508-box-s .m5508-box-img img {
    height: auto;
  }

  .m5508-list-txt-03 .m5508-box-s {
    padding: 1.875rem 0;
  }

  .m5508-list-txt-03 .m5508-box-s .m5508-box-date {
    width: 8.125rem;
  }

  .m5508-list-txt-03 .m5508-box-s .m5508-box-more {
    display: none;
  }

  .m5508-list-img-txt-01 .col-w:last-child .m5508-box-s {
    margin-bottom: 0;
  }

  .m5508-list-img-txt-01 .m5508-box-s .m5508-box-img img {
    height: auto;
  }

  .m5508-list-img-txt-01 .m5508-box-s .m5508-box-info {
    height: auto;
    padding: 1.875rem;
  }

  .m5508-list-txt-01 li:last-child .m5508-box-s {
    margin-bottom: 0;
  }

  .m5508-list-txt-01 .m5508-box-s {
    padding: 1.875rem;
  }

  .m5508-list-txt-01 .m5508-box-s .m5508-box-date {
    margin-right: 1.875rem;
  }

  .m5508-lab-mb,
  .m5508-lab-mod-mb {
    margin-bottom: 2.5rem;
  }

  .m5508-lab-mod-01 .m5508-public-groups-title .m5508-groups-name {
    font-size: 2.25rem;
  }

  .m5508-lab-mod-01 .m5508-cont-scroll {
    padding-right: 1.25rem;
    padding-top: 1.25rem;
  }

  .m5508-lab-mod-01 .m5508-cont-scroll::after {
    height: auto;
    width: 12.5rem;
    bottom: 5rem;
  }

  .m5508-lab-mod-01 .m5508-box-s .m5508-box-img img {
    height: 21.625rem;
  }

  .m5508-lab-mod-01 .m5508-box-s .m5508-box-title {
    left: 1.25rem;
    right: 8.75rem;
  }

  .m5508-lab-mod-01 .m5508-lab-page {
    right: 1.25rem;
  }

  .m5508-lab-mod-02 {
    padding-left: 0;
  }

  .m5508-lab-mod-02 .m5508-box-title {
    position: static;
    width: 100%;
    height: 10rem;
  }

  .m5508-lab-mod-02 .m5508-box-title .m5508-title-s {
    background-position: bottom center;
  }

  .m5508-lab-mod-02 .m5508-box-info {
    padding: 2.5rem;
  }

  .m5508-lab-mod-03 .m5508-box-s .m5508-box-img img {
    height: 20rem;
  }

  .m5508-lab-mod-04 .m5508-cont-scroll .m5508-box-s .m5508-box-img img {
    height: 22.75rem;
  }

  .m5508-lab-mod-04 .m5508-cont-scroll .m5508-box-s .m5508-box-title {
    padding: 1.25rem 8.75rem 1.25rem 1.875rem;
  }

  .m5508-lab-mod-04 .m5508-cont-scroll .m5508-box-s .m5508-box-title .m5508-title-date {
    display: none;
  }

  .m5508-lab-mod-04 .m5508-cont-scroll .m5508-box-s .m5508-box-title .m5508-title-s {
    line-height: 1.6;
  }

  .m5508-lab-mod-04 .m5508-work-page {
    right: 1.25rem;
  }

  .m5508-lab-mod-05 .m5508-cont-scroll .m5508-box-s {
    padding: 1.25rem;
    height: auto;
    margin-bottom: 0.625rem;
  }

  .m5508-lab-mod-05 .m5508-cont-scroll .m5508-box-s .m5508-box-img {
    width: 13.75rem;
    margin-right: 1.875rem;
  }

  .m5508-lab-mod-05 .m5508-cont-scroll .m5508-box-s .m5508-box-img img {
    height: auto;
  }

  .m5508-lab-mod-05 .m5508-cont-scroll .m5508-box-s .m5508-box-info {
    padding-top: 0;
  }

  .m5508-lab-mod-05 .m5508-cont-scroll .m5508-box-s .m5508-box-info .m5508-info-title {
    margin-bottom: 0;
    font-size: 1.5rem;
  }

  .m5508-lab-mod-05 .m5508-cont-scroll .m5508-box-s .m5508-box-info .m5508-info-txt {
    display: none;
  }

  .m5508-lab-mod-05 .m5508-activity-page {
    right: 1.25rem;
    bottom: 1.875rem;
  }

  .m5508-lab-mod-06 .m5508-box-s {
    height: auto;
    padding: 3.125rem 2.5rem 2.5rem;
  }

  .m5508-lab-mod-07 {
    height: auto;
    padding: 2.5rem;
  }

  .m5508-lab-mod-07 .m5508-cont-txt {
    line-height: 2;
  }

  .m5508-lab-mod-08 .row-w {
    margin-left: -0.875rem;
    padding-right: -0.875rem;
  }

  .m5508-lab-mod-08 .row-w .col-w {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .m5508-lab-mod-08 .m5508-box-s {
    margin-bottom: 1.875rem;
  }

  .m5508-lab-mod-08 .m5508-box-s img {
    height: auto;
  }

  .m5508-lab-mod-08 .m5508-box-s .m5508-box-title a {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    bottom: 1.25rem;
  }

  .m5508-lab-mod-09 .m5508-box-s {
    margin-bottom: 3.125rem;
  }

  .m5508-lab-mod-09 .m5508-box-s:nth-child(2n+1) .m5508-box-img {
    padding-left: 1.25rem;
  }

  .m5508-lab-mod-09 .m5508-box-s:nth-child(2n) .m5508-box-img {
    padding-right: 1.25rem;
  }

  .m5508-lab-mod-09 .m5508-box-s .m5508-box-img {
    padding-top: 1.25rem;
  }

  .m5508-lab-mod-09 .m5508-box-s .m5508-box-img::after {
    height: auto;
    width: 12.5rem;
    bottom: 5rem;
  }
}

@media (max-width: 991px) {
  .m5508-index-banner {
    height: auto;
  }

  .m5508-index-banner .m5508-banner-page-w {
    bottom: 2.8125rem;
  }

  .m5508-index-banner .m5508-banner-page-w .m5508-banner-page div {
    width: 2.5rem;
    height: 2.5rem;
    margin-left: 0.625rem;
  }

  .m5508-index-banner .m5508-banner-box {
    height: auto;
  }

  .m5508-index-banner .m5508-banner-box .m5508-banner-img {
    background: none !important;
    height: auto;
  }

  .m5508-index-banner .m5508-banner-box .m5508-banner-img img {
    display: block;
    height: 46.875rem;
  }

  .m5508-index-banner .m5508-banner-box .m5508-banner-title .m5508-title-info {
    padding-bottom: 2.5rem;
  }

  .m5508-index-banner .m5508-banner-box .m5508-banner-title .m5508-box-title {
    font-size: 1.875rem;
    width: 100%;
    padding-right: 18.75rem;
  }

  .m5508-index-box {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }

  .m5508-index-title {
    margin-bottom: 3.125rem;
    line-height: 3.75rem;
  }

  .m5508-index-title .m5508-title-txt {
    font-size: 2.25rem;
    height: 5.625rem;
  }

  .m5508-index-research-progress .m5508-gallery-top {
    margin-bottom: 3.125rem;
  }

  .m5508-index-research-progress .m5508-top-other>div {
    float: left;
  }

  .m5508-index-research-progress .m5508-top-other .m5508-scroll-page {
    margin-bottom: 0;
    font-size: 2.125rem;
    width: auto;
    margin-right: 1.875rem;
    line-height: 3.75rem;
  }

  .m5508-index-research-progress .m5508-top-other .m5508-scroll-page span:first-child {
    font-size: 3.125rem;
  }

  .m5508-index-research-progress .m5508-top-other .m5508-arrow-group {
    height: 3.75rem;
    overflow: hidden;
  }

  .m5508-index-research-progress .m5508-top-other .m5508-arrow-group .m5508-scroll-next,
  .m5508-index-research-progress .m5508-top-other .m5508-arrow-group .m5508-scroll-prev {
    width: 3.75rem;
    height: 3.75rem;
  }

  .m5508-index-research-progress .m5508-box-top .m5508-box-img img {
    height: 27rem;
  }

  .m5508-index-research-progress .m5508-box-top .m5508-box-info .m5508-info-title {
    font-size: 1.875rem;
    line-height: 3.125rem;
    height: 6.25rem;
    margin-bottom: 1.25rem;
  }

  .m5508-index-research-progress .m5508-box-top .m5508-box-info .m5508-info-date {
    margin-bottom: 0.9375rem;
  }

  .m5508-index-research-progress .m5508-box-top .m5508-box-info .m5508-info-txt {
    line-height: 2.5rem;
    height: 10rem;
  }

  .m5508-index-news-scroll .m5508-box-s .m5508-box-img {
    overflow: hidden;
  }

  .m5508-index-news-scroll .m5508-box-s .m5508-box-img img {
    height: 13.625rem;
  }

  .m5508-index-news-scroll .m5508-box-s .m5508-box-info {
    padding: 1.875rem;
    height: 21.875rem;
  }

  .m5508-index-news-scroll .m5508-box-s .m5508-box-info .m5508-info-title {
    margin-bottom: 1.875rem;
  }

  .m5508-index-academic-activity .m5508-activity-img {
    margin-bottom: 2.5rem;
  }

  .m5508-index-academic-activity .m5508-activity-img .m5508-pc-img {
    display: none;
  }

  .m5508-index-academic-activity .m5508-activity-img .m5508-phone-img {
    display: block;
  }

  .m5508-index-mod-04 .m5508-video-recommend {
    margin-bottom: 3.125rem;
  }

  .m5508-index-mod-04 .m5508-video-recommend .m5508-video-img img {
    height: auto;
  }

  .m5508-index-mod-04 .m5508-video-groups .m5508-video-box .m5508-box-img img {
    height: 19.375rem;
  }
}

@media (max-width: 767px) {
  .m5508-index-banner {
    height: auto;
  }

  .m5508-index-banner .m5508-banner-page-w {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .m5508-index-banner .m5508-banner-page-w .m5508-banner-page div {
    width: 2.5rem;
    height: 2.5rem;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    float: none;
    display: inline-block;
  }

  .m5508-index-banner .m5508-banner-page-w .m5508-banner-page span {
    background: rgba(157, 30, 35, 0.8);
  }

  .m5508-index-banner .m5508-banner-page-w .m5508-banner-page svg circle {
    stroke: #9D1E23;
  }

  .m5508-index-banner .m5508-banner-page-w .swiper-pagination-bullet.swiper-pagination-bullet-active span {
    background: #9D1E23;
  }

  .m5508-index-banner .m5508-banner-box {
    margin-bottom: 4.375rem;
  }

  .m5508-index-banner .m5508-banner-box .m5508-banner-img img {
    display: block;
    height: 18.75rem;
  }

  .m5508-index-banner .m5508-banner-box .m5508-banner-title .m5508-title-info {
    padding-bottom: 1.25rem;
  }

  .m5508-index-banner .m5508-banner-box .m5508-banner-title .m5508-box-title {
    font-size: 1.625rem;
    padding-right: 0.9375rem;
    padding-left: 1.625rem;
    line-height: 1.5;
    font-weight: bold;
  }

  .m5508-index-title.title-tabs ul li {
    padding-right: 1.375rem;
    margin-right: 1.375rem;
  }

  .m5508-index-title .m5508-title-txt {
    font-size: 2rem;
    font-weight: bold;
    height: 5.625rem;
  }

  .m5508-index-mod-01 {
    padding-top: 1.25rem;
  }

  .m5508-index-research-progress .m5508-gallery-top {
    margin-bottom: 0;
  }

  .m5508-index-research-progress .swiper-container-thumbs {
    display: none;
  }

  .m5508-index-research-progress .m5508-top-other {
    position: static;
    margin-top: 1.875rem;
  }

  .m5508-index-research-progress .m5508-top-other>div {
    float: left;
  }

  .m5508-index-research-progress .m5508-top-other .m5508-scroll-page {
    margin-bottom: 0;
    font-size: 2.125rem;
    width: auto;
    margin-right: 1.875rem;
    line-height: 3.75rem;
  }

  .m5508-index-research-progress .m5508-top-other .m5508-scroll-page span:first-child {
    font-size: 3.125rem;
  }

  .m5508-index-research-progress .m5508-top-other .m5508-arrow-group {
    height: 3.75rem;
    overflow: hidden;
  }

  .m5508-index-research-progress .m5508-top-other .m5508-arrow-group .m5508-scroll-next,
  .m5508-index-research-progress .m5508-top-other .m5508-arrow-group .m5508-scroll-prev {
    width: 3.75rem;
    height: 3.75rem;
  }

  .m5508-index-research-progress .m5508-box-top .m5508-box-img {
    margin-bottom: 1.875rem;
  }

  .m5508-index-research-progress .m5508-box-top .m5508-box-img img {
    height: 23rem;
  }

  .m5508-index-research-progress .m5508-box-top .m5508-box-info .m5508-info-title {
    height: auto;
    min-height: 6.25rem;
  }

  .m5508-index-research-progress .m5508-box-btm {
    padding: 1.25rem 1.875rem;
    height: 11.25rem;
  }

  .m5508-index-research-progress .m5508-box-btm .m5508-box-date {
    margin-right: 1.875rem;
  }

  .m5508-index-latest-papers .m5508-box-s {
    height: auto;
  }

  .m5508-index-latest-papers .m5508-box-s .m5508-box-date {
    height: auto;
    padding-bottom: 0.9375rem;
  }

  .m5508-index-news-scroll .m5508-box-s .m5508-box-img img {
    height: 20.75rem;
  }

  .m5508-index-news-scroll .m5508-box-s .m5508-box-info {
    height: auto;
  }

  .m5508-index-academic-activity .m5508-activity-img {
    overflow: hidden;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.57);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.57);
    border-radius: 10px;
  }

  .m5508-index-academic-activity .m5508-activity-img img {
    display: block;
    width: 100%;
  }

  .m5508-index-academic-activity .m5508-activity-calendar .m5508-activity-list,
  .m5508-index-academic-activity .m5508-activity-calendar .m5508-calendar-main {
    float: none;
    width: 100%;
  }

  .m5508-index-academic-activity .m5508-activity-calendar .m5508-calendar-main {
    display: none;
  }

  .m5508-index-academic-activity .m5508-activity-calendar .m5508-list-scroll {
    height: auto;
  }

  .m5508-index-academic-activity .m5508-activity-list .m5508-box-s {
    height: auto;
    padding: 1.875rem 1.875rem 5rem;
  }

  .m5508-index-mod-04 .m5508-video-recommend .m5508-video-img .btn-mc {
    background-size: 5.625rem;
  }

  .m5508-index-mod-04 .m5508-video-recommend .m5508-video-title {
    padding: 1.875rem;
  }

  .m5508-index-mod-04 .m5508-video-groups .row-w {
    margin-left: -0.875rem;
    margin-left: -0.875rem;
  }

  .m5508-index-mod-04 .m5508-video-groups .row-w .col-w {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .m5508-index-mod-04 .m5508-video-groups .m5508-video-box .m5508-box-img img {
    height: 9.375rem;
  }

  .m5508-index-notice-anno {
    margin-bottom: 2.5rem;
  }

  .m5508-index-notice-anno .m5508-box-s {
    height: auto;
    padding: 1.375rem;
  }

  .m5508-index-notice-anno .m5508-box-s .m5508-box-info {
    height: auto;
  }

  .m5508-index-shortcut-menu .m5508-box-s {
    width: 15rem;
    height: 15rem;
  }

  .m5508-index-shortcut-menu .m5508-box-s .m5508-box-icon span {
    width: 6.25rem;
    height: 6.25rem;
  }
}

@media (max-width: 1199px) {
  .m5508-explore-IBP-content .m5508-item-slide .m5508-item-class {
    width: 20%;
  }

  .m5508-explore-IBP-content .m5508-item-slide .m5508-item-class .m5508-class-box {
    padding-bottom: 7.5rem;
  }

  .m5508-explore-IBP-content .m5508-item-slide .m5508-item-class .m5508-class-box img {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .m5508-explore-IBP-content .m5508-item-slide .m5508-item-class .m5508-class-box::after {
    width: 8.75rem;
    margin-left: -4.375rem;
  }

  .m5508-explore-IBP-content .m5508-item-slide .m5508-item-main {
    margin-left: 20%;
  }

  .m5508-item-count-groups {
    width: 90%;
  }

  .m5508-item-img-groups {
    width: 90%;
  }

  .m5508-item-img-groups .row-w {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .m5508-item-img-groups .row-w .col-w {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .m5508-item-history-groups {
    width: 90%;
  }

  .m5508-item-history-groups .m5508-box-img {
    padding-right: 3.75rem;
  }

  .m5508-item-history-groups .m5508-box-info {
    padding-right: 0;
  }

  .m5508-item-history-groups .m5508-box-info .m5508-info-year {
    font-size: 6.25rem;
  }

  .m5508-item-history-groups .m5508-year-box {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
  }
}

@media (max-width: 991px) {
  .m5508-item-count-groups .m5508-hex {
    float: left;
    width: 50%;
    height: 16.25rem;
    text-align: center;
  }

  .m5508-item-count-groups .m5508-hex .m5508-hexIn {
    padding-top: 3.75rem;
  }

  .m5508-item-count-groups .m5508-hex .m5508-hexIn h1 {
    margin-bottom: 1.875rem;
  }

  .m5508-item-img-groups .m5508-box-s {
    margin-bottom: 2.5rem;
  }

  .m5508-item-img-groups .m5508-box-s .m5508-box-img img {
    height: 31.25rem;
  }

  .m5508-item-history-groups .m5508-box-img {
    margin-bottom: 2.5rem;
  }

  .m5508-item-history-groups .m5508-box-img .m5508-title-s {
    right: 0;
    width: auto;
  }

  .m5508-item-laboratory-groups {
    height: 100%;
  }

  .m5508-item-laboratory-groups ul {
    height: 100%;
  }

  .m5508-item-laboratory-groups ul li {
    width: 50%;
    height: 50%;
  }

  .m5508-item-laboratory-groups ul li .m5508-box-info .m5508-info-title {
    top: 7.5rem;
  }
}

@media (max-width: 767px) {
  .m5508-explore-IBP-icon {
    height: calc(100vw * 140 / 1920);
    width: calc(100vw * 70 / 1920);
    background-size: calc(100vw * 140 / 1920);
    margin-top: calc(100vw * -70 / 1920);
  }
}

@media (max-width: 767px) and (max-width: 1199px) {
  .m5508-explore-IBP-icon {
    height: 10rem;
    width: 5rem;
    background-size: 10rem;
    margin-top: -5rem;
  }
}

@media (max-width: 767px) and (max-width: 991px) {
  .m5508-explore-IBP-icon {
    height: 12.7272727273rem;
    width: 6.3636363636rem;
    background-size: 12.7272727273rem;
    margin-top: -6.3636363636rem;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .m5508-explore-IBP-icon {
    height: 12.7272727273rem;
    width: 6.3636363636rem;
    background-size: 12.7272727273rem;
    margin-top: -6.3636363636rem;
  }
}

@media (max-width: 767px) {
  .m5508-explore-IBP-icon span {
    background: url("https://www.powersalesteam.com/images/ibpzw2024-icon-24.png") no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 60%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100vw * 30 / 1920);
    height: calc(100vw * 73 / 1920);
  }
}

@media (max-width: 767px) and (max-width: 1199px) {
  .m5508-explore-IBP-icon span {
    width: 2.1428571429rem;
    height: 5.2142857143rem;
  }
}

@media (max-width: 767px) and (max-width: 991px) {
  .m5508-explore-IBP-icon span {
    width: 2.7272727273rem;
    height: 6.6363636364rem;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .m5508-explore-IBP-icon span {
    width: 2.7272727273rem;
    height: 6.6363636364rem;
  }
}

@media (max-width: 767px) {
  .m5508-explore-IBP-icon.iconshow {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s ease-out 0.5s;
    transition: all 1s ease-out 0.5s;
  }

  .m5508-explore-IBP-wrap .m5508-explore-IBP-header {
    height: 6.25rem;
  }

  .m5508-explore-IBP-wrap .m5508-explore-IBP-header .m5508-explore-header-logo {
    display: none;
    width: 25rem;
    padding-top: 1.875rem;
  }

  .m5508-explore-IBP-wrap .m5508-explore-IBP-header .m5508-explore-header-home {
    margin-top: 0;
    float: none;
    position: absolute;
    left: 1.25rem;
    top: 1.25rem;
    z-index: 999;
    width: 3.75rem;
    height: 3.75rem;
  }

  .m5508-explore-IBP-content .m5508-item-slide .m5508-item-class {
    padding-top: 9.375rem;
  }

  .m5508-explore-IBP-content .m5508-item-slide .m5508-item-class::after {
    vertical-align: top;
  }

  .m5508-explore-IBP-content .m5508-item-slide .m5508-item-class .m5508-class-box::after {
    width: 5rem;
    margin-left: -2.5rem;
  }

  .m5508-explore-IBP-content .m5508-explore-next::after,
  .m5508-explore-IBP-content .m5508-explore-prev::after {
    font-size: 3.75rem;
  }

  .m5508-explore-IBP-content .m5508-explore-next {
    right: 1.875rem;
  }

  .m5508-explore-IBP-content .m5508-explore-prev {
    left: 1.875rem;
  }

  .m5508-explore-IBP-class-wrap {
    bottom: 1.875rem;
    display: block;
  }

  .m5508-item-count-groups {
    padding-top: 6.25rem;
  }

  .m5508-item-count-groups .m5508-hex {
    height: 12.5rem;
  }

  .m5508-item-count-groups .m5508-hex:nth-last-child(-n+2) .m5508-hexIn {
    padding-top: 2.8125rem;
  }

  .m5508-item-count-groups .m5508-hex .m5508-hexIn {
    padding-top: 4.0625rem;
  }

  .m5508-item-count-groups .m5508-hex .m5508-hexIn h1 {
    font-size: 2.25rem;
    margin-bottom: 0.625rem;
  }

  .m5508-item-img-groups .m5508-box-s .m5508-box-img img {
    height: 16.375rem;
  }

  .m5508-item-img-groups .m5508-box-s .m5508-box-info {
    padding: 1.5625rem;
    height: auto;
  }

  .m5508-item-img-groups .m5508-box-s .m5508-box-info .m5508-info-title {
    font-size: 1.75rem;
    font-weight: bold;
    margin-bottom: 0.625rem;
  }

  .m5508-item-history-groups .m5508-box-info {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
    min-height: 21.875rem;
  }

  .m5508-item-history-groups .m5508-box-info::after {
    width: 1.25rem;
  }

  .m5508-item-history-groups .m5508-box-info .m5508-info-year {
    font-size: 3.125rem;
    margin-bottom: 1.25rem;
  }

  .m5508-item-history-groups .m5508-box-info .m5508-info-txt {
    line-height: 1.6;
    font-size: 1.5rem;
  }

  .m5508-item-history-groups .m5508-year-box {
    width: 4.375rem;
    height: 4.375rem;
    line-height: 4.375rem;
    font-size: 1.875rem;
  }

  .m5508-item-history-groups .m5508-gallery-history-top {
    margin-bottom: 1.25rem;
  }

  .m5508-item-history-groups .m5508-gallery-history-thumbs::before {
    left: 0;
    right: 0;
  }

  .m5508-item-laboratory-groups ul li .m5508-box-info .m5508-info-title {
    top: 2.5rem;
    right: 1.25rem;
    height: 25rem;
  }

  .m5508-item-laboratory-groups ul li .m5508-box-info .m5508-info-title span {
    font-size: 1.75rem;
  }

  .m5508-item-laboratory-groups ul li .m5508-box-info .m5508-info-more {
    left: 1.25rem;
    bottom: 3.125rem;
  }

  .m5508-list-img-txt .m5508-box-s {
    margin-bottom: 2.5rem;
  }

  .m5508-list-img-txt .m5508-box-s .m5508-box-img {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.25rem;
  }

  .m5508-about-mod-01 .m5508-mod-info {
    padding-top: 1.875rem;
    padding-left: 1.875rem;
  }

  .m5508-about-mod-01 .m5508-mod-info::after {
    width: auto;
    height: auto;
    right: 20%;
    bottom: 50%;
  }

  .m5508-about-mod-01 .m5508-mod-info .m5508-info-cont {
    padding: 1.875rem;
  }

  .m5508-about-mod-03 {
    overflow: hidden;
  }

  .m5508-about-mod-03 .m5508-cont-top {
    margin-bottom: 0.625rem;
  }

  .m5508-about-mod-03 .m5508-cont-top .row-w {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }

  .m5508-about-mod-03 .m5508-cont-top .row-w .col-w {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .m5508-about-mod-03 .m5508-cont-top .row-w .col-w:nth-child(2n+1) {
    clear: both;
  }

  .m5508-about-mod-03 .m5508-cont-top .m5508-box-s .m5508-box-img img {
    height: 21.75rem;
  }

  .m5508-about-mod-03 .m5508-cont-btm .m5508-box-s a {
    margin-bottom: 1.25rem;
  }

  .m5508-about-mod-04 {
    margin-bottom: 2.5rem;
  }

  .m5508-about-mod-04 .m5508-main-cont {
    padding: 2.1875rem;
  }

  .m5508-about-mod-04 .m5508-main-cont .m5508-cont-img {
    float: none;
    margin-right: 0;
    width: 100%;
    margin-bottom: 2.5rem;
  }

  .m5508-about-mod-05 .m5508-groups-img {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .m5508-about-mod-05 .m5508-groups-img .col-w {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .m5508-about-mod-05 .m5508-box-s.box-m .m5508-box-img img {
    height: 10.875rem;
  }

  .m5508-about-mod-05 .m5508-box-s .m5508-box-title {
    line-height: 1.3;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .m5508-list-txt-05 li {
    line-height: 26px;
    padding: 1.25rem 1.875rem;
  }

  .m5508-list-txt-05 li .m5508-box-date {
    position: static;
    margin-left: 1.875rem;
  }

  .m5508-list-txt-05 li .m5508-box-title {
    padding-left: 1.875rem;
    font-size: 1.625rem;
  }

  .m5508-list-txt-05 li .m5508-box-title::after {
    width: 4px;
    height: 4px;
    top: 0.9375rem;
  }

  .m5508-list-txt-05.list-lw li {
    padding: 1.25rem 1.875rem;
  }

  .m5508-list-txt-05.list-lw .m5508-lw-other {
    padding-left: 1.875rem;
    font-size: 1.625rem;
  }

  .m5508-special-list .m5508-box-s {
    margin-bottom: 1.875rem;
  }

  .m5508-special-list .m5508-box-s .m5508-box-img img {
    height: auto;
  }

  .m5508-ai-tool-list,
  .m5508-ai-cathedra-list {
    margin-bottom: 1.25rem;
  }

  .m5508-ai-tool-list .m5508-box-s {
    margin-bottom: 1.875rem;
    padding: 2.5rem 2.5rem;
    height: auto;
  }

  .m5508-ai-cathedra-list .m5508-box-s {
    margin-bottom: 1.875rem;
  }

  .m5508-ai-information-list .m5508-box-s {
    padding-right: 0;
  }

  .m5508-ai-information-list .m5508-box-s .m5508-box-more {
    display: none;
  }

  .m5508-index-tsmod {
    padding-left: 20%;
    height: 23.125rem;
  }

  .m5508-index-tsmod .m5508-ts-title {
    width: 20%;
  }

  .m5508-index-tsmod .m5508-ts-title img {
    width: 60%;
  }

  .m5508-index-tsmod .m5508-box-s .m5508-box-img img {
    height: 15rem;
  }

  .m5508-index-tsmod .m5508-box-s .m5508-box-title {
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.625rem;
  }

  .m5508-people-list-w .m5508-itme-groups {
    margin-bottom: 1.875rem;
  }

  .m5508-people-list-w .m5508-itme-groups .m5508-groups-year {
    float: none;
    margin-bottom: 1.875rem;
    padding-left: 3.125rem;
  }

  .m5508-people-list-w .m5508-itme-groups .m5508-groups-year::before {
    width: 3.125rem;
  }

  .m5508-people-list-w .m5508-itme-groups .m5508-groups-box {
    padding-left: 3.125rem;
  }

  .m5508-index-mod-05 {
    padding-bottom: 0;
  }

  .m5508-index-special-groups .m5508-box-s img {
    border-radius: 5px;
  }
}

@media (max-width: 767px) {
  .m5508-lab-mod-yqsb .m5508-box-s .m5508-box-img {
    margin-bottom: 1.5625rem;
  }

  .m5508-lab-mod-yqsb .m5508-box-s .m5508-box-img img {
    height: 22.5rem;
  }

  .m5508-lab-mod-yqsb .m5508-box-s .m5508-box-img .m5508-title-s span {
    font-size: 1.75rem;
  }

  .m5508-lab-mod-yqsb .m5508-box-s .m5508-box-info {
    display: block;
    font-size: 1.5rem;
  }

  .m5508-academicians-groups .m5508-box-s .m5508-box-info .m5508-info-txt,
  .m5508-academicians-list .m5508-box-s .m5508-box-info .m5508-info-txt {
    font-size: 1.3rem;
  }

  .m5508-jcsj-video .m5508-img-box {
    height: auto;
  }

  .m5508-jcsj-video .m5508-title div {
    height: auto;
    display: block;
  }

  .m5508-lab-mod-jcsj {
    padding-bottom: 1px;
  }
}
:root{--ms-accent:#5c4a32;--ms-radius:7px;--ms-line:1.74;--ms-gap:10px;}