@charset "UTF-8";
/*-------------------分割线啊-----------------------*/
@media (min-width: 1440px) and (max-width: 1679px) {
  .index-academic-activity .activity-list .box-s .box-title {
    font-size: 1.75rem;
    line-height: 2.625rem;
    height: 5.25rem;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .index-academic-activity .activity-list .box-s .box-title {
    font-size: 1.625rem;
    line-height: 2.375rem;
    height: 4.75rem;
  }
}
@media (max-width: 1679px) {
  .academicians-groups .box-s .box-info .info-txt, .academicians-list .box-s .box-info .info-txt {
    font-size: 1.125rem;
  }
}
@media (min-width: 1440px) and (max-width: 1679px) {
  .public-channel-menu .a-menu {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
  .public-channel-menu .a-menu span {
    font-size: 1.5rem;
  }
  .about-mod-01 .mod-info .info-cont {
    line-height: 1.7;
    padding: 2.5rem;
    font-size: 1.375rem;
  }
  .about-mod-01 .mod-info .info-cont > div, .about-mod-01 .mod-info .info-cont > p {
    margin-bottom: 0.9375rem;
  }
  .about-mod-02 .mod-info {
    font-size: 1.375rem;
  }
  .about-mod-02 .mod-info > div, .about-mod-02 .mod-info > p {
    margin-bottom: 0.9375rem;
  }
  .about-mod-04 .main-cont .cont-info .info-txt {
    font-size: 1.375rem;
  }
  .details-page .main-cont {
    font-size: 1.375rem;
  }
  .orga-groups-01 .box-s .box-title .title-s, .orga-groups-03 .box-s .box-title .title-s {
    font-size: 1.5rem;
  }
  .orga-groups-02 .box-s .box-title {
    font-size: 1.625rem;
  }
  .orga-groups-04 .box-s .box-title .title-s {
    font-size: 1.5rem;
  }
  .class-channel a {
    font-size: 1.5rem;
  }
  .coop-exchange .coop-info .info-txt {
    font-size: 1.375rem;
    line-height: 1.8;
  }
  .coop-exchange .coop-info .box-s .box-img {
    margin-bottom: 0.9375rem;
  }
  .coop-exchange .coop-info .box-s .box-title {
    font-size: 1.375rem;
  }
  .list-img-txt-02 .box-s .box-info .info-title {
    font-size: 1.375rem;
  }
  .list-img-txt-02 .box-s .box-info .info-txt {
    font-size: 1.1875rem;
  }
  .list-txt-03 .box-s .box-title {
    font-size: 1.25rem;
  }
  .list-txt-05 li .box-title {
    font-size: 1.25rem;
  }
  .list-img-txt-01 .box-s .box-info .info-title {
    font-size: 1.375rem;
  }
  .list-img-txt-01 .box-s .box-info .info-txt {
    font-size: 1.125rem;
  }
  .list-img-txt .box-s .box-info .info-title {
    font-size: 1.375rem;
  }
  .list-img-txt .box-s .box-info .info-txt {
    font-size: 1.125rem;
  }
  .list-txt-01 .box-s .box-info .info-title {
    font-size: 1.375rem;
  }
  .list-txt-01 .box-s .box-info .info-txt {
    line-height: 1.8;
    font-size: 1.125rem;
  }
  .list-photo-album .box-s .box-title {
    font-size: 1.375rem;
  }
  .lab-mod-01 .cont-info {
    font-size: 1.25rem;
  }
  .lab-mod-02 .box-info {
    font-size: 1.25rem;
  }
  .lab-mod-03 .box-s .box-info .info-title {
    font-size: 1.25rem;
  }
  .lab-mod-03 .box-s .box-info .info-txt {
    font-size: 1rem;
  }
  .lab-mod-05 .activity-list .box-s .box-info .box-title {
    font-size: 1.25rem;
  }
  .lab-mod-06 .box-s .box-title {
    font-size: 1.25rem;
  }
  .lab-mod-06 .box-s .box-title {
    font-size: 1.25rem;
  }
  .lab-mod-07 {
    font-size: 1.25rem;
  }
  .lab-mod-08 .box-s .box-title a {
    font-size: 1.25rem;
  }
  .lab-mod-09 .box-s .box-info .info-cont {
    font-size: 1.25rem;
  }
  .personnel-details .info-top .box-info .box-s {
    font-size: 1.25rem;
  }
  .personnel-details .info-top .box-info .box-s .info-txt {
    font-size: 1.375rem;
  }
  .personnel-details .info-top .box-info .box-s .info-txt pre {
    font-size: 1.375rem;
  }
  .personnel-details .info-tabs-title a {
    font-size: 1.375rem;
  }
  .personnel-details .info-cont b, .personnel-details .info-cont strong, .personnel-details .groups-title, .personnel-details h3 {
    font-size: 1.125rem;
  }
  .personnel-details .info-cont, .personnel-details .info-cont-txt {
    font-size: 1.25rem;
  }
  .personnel-details .info-list-01 .box-s .box-info .info-title {
    font-size: 1.25rem;
  }
  .personnel-details .info-list-01 .box-s .box-info .info-txt {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .public-channel-menu .a-menu {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
  .public-channel-menu .a-menu span {
    font-size: 1.375rem;
  }
  .class-channel a {
    font-size: 1.375rem;
  }
  .coop-exchange .coop-info .info-txt {
    line-height: 1.8;
    font-size: 1.25rem;
  }
  .coop-exchange .coop-info .box-s .box-s .box-img {
    margin-bottom: 0.9375rem;
  }
  .coop-exchange .coop-info .box-s .box-s .box-title {
    font-size: 1.375rem;
  }
  .coop-exchange .coop-info .box-s .box-title {
    font-size: 1.25rem;
  }
  .about-mod-01 .mod-info .info-cont {
    padding: 2.1875rem;
    font-size: 1.25rem;
  }
  .about-mod-02 .mod-info {
    font-size: 1.25rem;
  }
  .about-mod-04 .main-cont .cont-info .info-txt {
    font-size: 1.25rem;
  }
  .details-page .main-cont {
    font-size: 1.25rem;
  }
  .orga-groups-01 .box-s .box-title .title-s, .orga-groups-03 .box-s .box-title .title-s {
    font-size: 1.375rem;
  }
  .orga-groups-02 .box-s .box-title {
    font-size: 1.5rem;
  }
  .orga-groups-04 .box-s .box-title .title-s {
    font-size: 1.375rem;
  }
  .learned-periodical-groups .periodical-list .box-s .box-title a {
    font-size: 1.375rem;
  }
  .list-img-txt-02 .box-s .box-info .info-title {
    font-size: 1.3125rem;
  }
  .list-img-txt-02 .box-s .box-info .info-txt {
    font-size: 1.0625rem;
  }
  .list-txt-01 .box-s .box-info .info-title {
    font-size: 1.25rem;
  }
  .list-txt-01 .box-s .box-info .info-txt {
    line-height: 1.8;
    font-size: 1.0625rem;
  }
  .list-txt-03 .box-s .box-title {
    font-size: 1.25rem;
  }
  .list-txt-05 li .box-title {
    font-size: 1.25rem;
  }
  .list-img-txt-01 .box-s .box-info .info-title {
    font-size: 1.25rem;
  }
  .list-img-txt-01 .box-s .box-info .info-txt {
    font-size: 1rem;
  }
  .list-img-txt .box-s .box-info .info-title {
    font-size: 1.25rem;
  }
  .list-img-txt .box-s .box-info .info-txt {
    font-size: 1rem;
  }
  .list-photo-album .box-s .box-title {
    font-size: 1.25rem;
  }
  .lab-mod-01 .cont-info {
    font-size: 1.25rem;
  }
  .lab-mod-02 .box-info {
    font-size: 1.25rem;
  }
  .lab-mod-03 .box-s .box-info .info-title {
    font-size: 1.25rem;
  }
  .lab-mod-03 .box-s .box-info .info-txt {
    font-size: 1rem;
  }
  .lab-mod-04 .work-list .box-s .a-title {
    font-size: 1.25rem;
  }
  .lab-mod-05 .cont-scroll .box-s .box-info .info-title {
    font-size: 1.25rem;
  }
  .lab-mod-05 .cont-scroll .box-s .box-info .info-txt {
    font-size: 1rem;
  }
  .lab-mod-05 .activity-list .box-s .box-info .box-title {
    font-size: 1.25rem;
  }
  .lab-mod-06 .box-s .box-title {
    font-size: 1.25rem;
  }
  .lab-mod-07 {
    font-size: 1.25rem;
  }
  .lab-mod-08 .box-s .box-title a {
    font-size: 1.25rem;
  }
  .lab-mod-09 .box-s .box-info .info-cont {
    font-size: 1.25rem;
  }
  .personnel-details .info-top .box-info .info-txt {
    font-size: 1.375rem;
  }
  .personnel-details .info-top .box-info .info-txt pre {
    font-size: 1.375rem;
  }
  .personnel-details .info-top .box-info .box-s {
    font-size: 1.25rem;
  }
  .personnel-details .info-tabs-title a {
    font-size: 1.375rem;
  }
  .personnel-details .info-cont b, .personnel-details .info-cont strong, .personnel-details .groups-title, .personnel-details h3 {
    font-size: 1.125rem;
  }
  .personnel-details .info-cont, .personnel-details .info-cont-txt {
    font-size: 1.25rem;
  }
  .personnel-details .info-list-01 .box-s .box-info .info-title {
    font-size: 1.25rem;
  }
  .personnel-details .info-list-01 .box-s .box-info .info-txt {
    font-size: 1.125rem;
  }
  .orga-groups-02 .box-s .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;
  }
  .academicians-groups .box-s .box-info .info-txt, .academicians-list .box-s .box-info .info-txt {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) and (max-width: 1679px) {
  .channel-menu-wrap {
    width: 100%;
  }
  .explore-IBP-content .item-slide .item-class {
    width: 26.25rem;
  }
  .explore-IBP-content .item-slide .item-class img {
    width: 11.25rem;
  }
  .explore-IBP-content .item-slide .item-main {
    margin-left: 26.25rem;
  }
  .item-history-groups .box-info {
    padding-right: 1.25rem;
  }
  .item-history-groups .box-info .info-year {
    font-size: 5rem;
  }
  .item-history-groups .box-info .info-txt {
    line-height: 1.8;
  }
  .item-history-groups .year-box {
    width: 4.875rem;
    height: 4.875rem;
    line-height: 4.875rem;
  }
}
@media (max-width: 1199px) {
  .list-photo-album .box-s .box-img img {
    height: 19.875rem;
  }
  .orga-groups-01 .box-s .box-img img {
    height: 20.125rem;
  }
  .orga-groups-03 .box-s .box-img img {
    height: 13.25rem;
  }
  .academicians-groups .box-s {
    margin-bottom: 3.75rem;
  }
  .academicians-groups .box-s .box-img img, .academicians-list .box-s .box-img img {
    height: 22.5rem;
  }
  .personnel-details .info-list-02 .box-s img {
    height: 19.625rem;
  }
  .coop-exchange .coop-info .info-txt {
    font-size: 1.5rem;
  }
  .coop-exchange .coop-info .box-s .box-img img {
    height: 19.625rem;
  }
  .coop-exchange .coop-groups .box-s {
    margin-bottom: 2.5rem;
  }
  .learned-periodical-groups .periodical-list .box-s .box-img img {
    height: 25rem;
  }
  .learned-periodical-groups .periodical-list .box-s .box-title a {
    height: 6.25rem;
    line-height: 6.25rem;
  }
  .list-img-txt-01 .box-s .box-img img {
    height: 18rem;
  }
  .lab-mod-03 .box-s .box-img img {
    height: 20rem;
  }
  .lab-mod-03 .people-prev {
    left: -1.25rem;
  }
  .lab-mod-03 .people-next {
    right: -1.25rem;
  }
  .special-list .box-s .box-img img {
    height: 10.75rem;
  }
  .index-mod-04 .video-groups {
    margin-bottom: 0.875rem;
  }
}
@media (max-width: 991px) {
  .footer .footer-info {
    display: none;
  }
  .public-banner .banner-cont {
    height: 37.5rem;
    padding-top: 3.75rem;
  }
  .public-banner .channel-title {
    font-size: 3.5rem;
    margin-bottom: 1.25rem;
  }
  .introduction-situation .cont-img {
    width: 34.375rem;
    margin-left: 3.75rem;
  }
  .present-leaders .leaders-other .box-s {
    margin-bottom: 2.5rem;
  }
  .list-photo-album .box-s .box-img img {
    height: 14.625rem;
  }
  .list-photo-album .box-s .box-title {
    height: 4.75rem;
    line-height: 4.75rem;
  }
  .public-box-wrap .groups-item {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .orga-groups-01 .box-s, .orga-groups-03 .box-s, .orga-groups-04 .box-s {
    margin-bottom: 3.75rem;
  }
  .orga-groups-01 .box-s .box-img img {
    height: 23.125rem;
  }
  .orga-groups-03 .box-s .box-img img {
    height: 15.5rem;
  }
  .academicians-groups .box-s .box-img img, .academicians-list .box-s .box-img img {
    height: 29.25rem;
  }
  .class-channel {
    margin-bottom: 3.125rem;
  }
  .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;
  }
  .class-channel a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
  }
  .class-channel a:last-child {
    margin-right: 0;
  }
  .class-screen ul li {
    width: 7.142857%;
  }
  .class-screen ul li a {
    font-size: 1.625rem;
  }
  .personnel-list .box-s {
    min-height: auto;
    padding: 1.875rem;
    margin-bottom: 3.125rem;
  }
  .personnel-list .box-s .box-img {
    margin-right: 1.875rem;
  }
  .personnel-details .info-top {
    min-height: auto;
    padding: 2.5rem;
  }
  .personnel-details .info-top .box-img {
    position: static;
    float: left;
    margin-right: 3.125rem;
    width: 23.75rem;
  }
  .personnel-details .info-top .box-img::after {
    display: none;
  }
  .personnel-details .info-top .box-img img {
    height: auto;
  }
  .personnel-details .info-tabs-title a {
    width: 12.5rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
  .personnel-details .info-tabs-cont {
    padding: 2.5rem;
  }
  .personnel-details .info-list-02 .box-s img {
    height: 14.375rem;
  }
  .form-filter-groups {
    padding-right: 0;
  }
  .form-filter-groups .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);
  }
}
@media (max-width: 991px) and (max-width: 1199px) {
  .form-filter-groups .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 .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 .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 .s-btn {
    position: static;
    display: block;
    background: #A88E77;
    color: #fff;
    border-radius: 4px;
    line-height: 100%;
    width: 100%;
    height: 3.75rem;
  }
  .form-filter-groups .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 .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 .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 .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 .box-s .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 .box-s .box-title {
    line-height: 3.5714285714rem;
    padding-right: 1.0714285714rem;
    width: 6.4285714286rem;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .form-filter-groups .box-s .box-title {
    line-height: 4.5454545455rem;
    padding-right: 1.3636363636rem;
    width: 8.1818181818rem;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .form-filter-groups .box-s .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;
  }
  .learned-periodical-groups .row-l {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
  .learned-periodical-groups .row-l .col-l {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .learned-periodical-groups .periodical-list .box-s .box-img img {
    height: 18.75rem;
  }
  .learned-periodical-groups .periodical-list .box-s .box-title a {
    height: 5.375rem;
    line-height: 5.375rem;
  }
  .mb-other {
    margin-bottom: 3.75rem;
  }
  .list-img-txt-01 .box-s .box-img img {
    height: 20.875rem;
  }
  .lab-mb {
    margin-bottom: 3.75rem;
  }
  .public-title, .public-groups-title .groups-name {
    font-size: 2.375rem;
  }
  .lab-mod-01 .public-groups-title .groups-name {
    font-size: 2.5rem;
  }
  .lab-mod-01 .box-s .box-img img {
    height: 46.375rem;
  }
  .lab-mod-02 {
    padding-left: 22.5rem;
  }
  .lab-mod-02 .box-title {
    width: 22.5rem;
  }
  .lab-mod-03 .box-s .box-img img {
    height: 19rem;
  }
  .lab-mod-04 .cont-scroll .box-s .box-img img {
    height: 47.625rem;
  }
  .lab-mod-08 .box-s {
    margin-bottom: 2.5rem;
  }
  .lab-mod-08 .box-s img {
    height: 22.75rem;
  }
  .about-mod-01 .mod-info {
    margin-left: 0;
  }
  .about-mod-02 .mod-img {
    margin-bottom: 2.5rem;
  }
  .about-mod-03 .cont-top .box-s .box-img img {
    height: 28.625rem;
  }
  .about-mod-03 .cont-btm .box-s a {
    padding: 3.125rem 3.125rem;
    height: 13.75rem;
  }
  .about-mod-03 .cont-btm .box-s a .box-title {
    font-size: 2.25rem;
    margin-bottom: 1.875rem;
  }
  .about-mod-05 {
    overflow: hidden;
  }
  .about-mod-05 .box-s.box-l {
    margin-bottom: 2.5rem;
  }
  .about-mod-05 .box-s.box-l .box-img img {
    height: auto;
  }
  .about-mod-05 .box-s.box-m .box-img img {
    height: 22.75rem;
  }
  .special-list .box-s .box-img img {
    height: 12.5rem;
  }
  .orga-groups-02 ul li {
    width: 25%;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .learned-periodical-groups .cont-l {
    width: 65%;
  }
  .learned-periodical-groups .cont-r {
    width: 35%;
  }
}
@media (max-width: 767px) {
  .footer .footer-copy .copy-info {
    text-align: center;
    margin-bottom: 1.25rem;
  }
  .footer .footer-copy .copy-info .info-logo {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.9375rem;
  }
  .footer .footer-copy .copy-sydw {
    position: static;
    margin-left: auto;
    margin-right: auto;
  }
  .public-banner.banner-sys .banner-cont {
    height: 21.25rem;
  }
  .public-banner .banner-cont {
    height: 21.25rem;
    padding-top: 0;
  }
  .public-banner .channel-title {
    font-size: 2.5rem;
    margin-bottom: 0.625rem;
  }
  .public-channel-menu {
    background: #9D1E23;
    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: 2.1875rem;
    padding-right: 2.1875rem;
  }
  .page-wrap {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .page-wrap::after {
    top: 5rem;
    width: 15rem;
  }
  .page-wrap > .container {
    position: relative;
    z-index: 9;
  }
  .public-title, .public-groups-title .groups-name {
    font-size: 2rem;
    font-weight: bold;
  }
  .introduction-situation .cont-img {
    width: 30rem;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
  .present-leaders .leaders-top .box-s {
    margin-top: 0;
    margin-bottom: 2.5rem;
    height: auto;
    padding: 1.875rem;
  }
  .present-leaders .leaders-top .box-s .box-img {
    float: none;
    margin-top: 0;
  }
  .present-leaders .leaders-top .box-s .box-img img {
    width: 100%;
    height: auto;
  }
  .present-leaders .leaders-top .box-s .box-info {
    padding: 1.875rem 0;
    text-align: center;
  }
  .present-leaders .leaders-top .box-s .box-info .info-s::after, .present-leaders .leaders-top .box-s .box-info .info-s:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .present-leaders .leaders-top .box-s .box-info .name-s {
    font-size: 2.125rem;
  }
  .present-leaders .leaders-other .col-w:nth-child(2n+1) {
    clear: both;
  }
  .present-leaders .leaders-other .box-s {
    text-align: center;
    overflow: hidden;
    margin-bottom: 2.5rem;
  }
  .present-leaders .leaders-other .box-s .box-img img {
    height: 18.75rem;
  }
  .former-leaders .box-s {
    padding: 1.875rem;
    min-height: auto;
    margin-bottom: 2.5rem;
  }
  .former-leaders .box-s .box-img {
    margin-right: 2.5rem;
    width: 15rem;
  }
  .former-leaders .box-s .box-info .info-title {
    padding-top: 1.875rem;
  }
  .former-leaders .box-s .box-info .info-txt {
    line-height: 1.8;
  }
  .list-photo-album .box-s {
    margin-bottom: 2.5rem;
  }
  .list-photo-album .box-s .box-img img {
    height: auto;
  }
  .list-photo-album .box-s .box-title {
    height: auto;
    line-height: 1.6;
    padding: 1.25rem 1.875rem;
  }
  .public-box-wrap .groups-item {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .orga-groups-01 .col-w:last-child .box-s, .orga-groups-03 .col-w:last-child .box-s, .orga-groups-04 .col-w:last-child .box-s {
    margin-bottom: 0;
  }
  .orga-groups-01 .box-s {
    margin-bottom: 2.5rem;
  }
  .orga-groups-01 .box-s .box-img img {
    height: auto;
  }
  .orga-groups-01 .box-s .box-title .title-s {
    min-height: 5rem;
    padding: 1.875rem 0;
  }
  .orga-groups-02 .main-cont {
    overflow: hidden;
  }
  .orga-groups-02 ul {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
  .orga-groups-02 ul li {
    width: 25%;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    margin-bottom: 1.875rem;
  }
  .orga-groups-02 ul li .box-s .box-title {
    margin-left: 1.25rem;
    line-height: 1.4;
  }
  .orga-groups-03 .box-s .box-img img {
    height: auto;
  }
  .orga-groups-03 .box-s .box-title .title-s {
    min-height: 5rem;
    padding: 1.875rem 0;
  }
  .orga-groups-04 .box-s {
    padding: 1.875rem;
    text-align: center;
  }
  .orga-groups-04 .box-s .box-title .icon-s {
    float: none;
    margin-right: 0;
    margin-bottom: 1.25rem;
  }
  .orga-groups-04 .box-s .box-title .icon-s img {
    margin-left: auto;
    margin-right: auto;
  }
  .orga-groups-04 .box-s .box-title .title-s {
    color: #333333;
    margin-bottom: 1.25rem;
  }
  .orga-groups-04 .box-s .box-more {
    position: static;
    display: inline-block;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .research-group-leader .main-info {
    min-height: auto;
    padding: 2.5rem;
  }
  .academicians-groups .col-w:last-child .box-s, .academicians-list .col-w:last-child .box-s {
    margin-bottom: 0;
  }
  .academicians-groups .box-s, .academicians-list .box-s {
    width: 23.75rem;
    margin-left: auto;
    margin-right: auto;
  }
  .academicians-groups .box-s .box-img img, .academicians-list .box-s .box-img img {
    height: auto;
  }
  .academicians-groups .box-s .box-info, .academicians-list .box-s .box-info {
    height: auto;
  }
  .researcher-class-groups .box-s {
    height: auto;
    padding: 2.5rem;
  }
  .class-channel a {
    font-size: 1.375rem;
    border-radius: 5px;
  }
  .class-channel a span {
    line-height: 1.4;
  }
  .class-channel a:last-child {
    margin-right: 0;
  }
  .class-screen ul li {
    width: 10%;
  }
  .personnel-list .box-s .box-info .info-title {
    padding-top: 0.625rem;
  }
  .personnel-list .box-s .box-info .info-more::after {
    vertical-align: top;
  }
  .personnel-groups .groups-info {
    margin-left: 2.1875rem;
    padding-left: 2.1875rem;
  }
  .personnel-groups .groups-info .info-title {
    font-size: 2rem;
    line-height: 1.6;
  }
  .personnel-details .info-top .box-img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.875rem;
  }
  .personnel-details .info-tabs-title {
    margin-bottom: 1.875rem;
  }
  .personnel-details .info-tabs-title a {
    width: 32%;
    margin-right: 2%;
    border-radius: 5px;
    margin-bottom: 1.25rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .personnel-details .info-tabs-title a:nth-child(3n) {
    margin-right: 0;
  }
  .personnel-details .info-tabs-cont {
    padding: 1.875rem;
  }
  .personnel-details .info-cont b, .personnel-details .info-cont strong, .personnel-details .groups-title {
    max-width: 100%;
    height: 3.75rem;
    line-height: 3.75rem;
    padding-left: 6.875rem;
  }
  .personnel-details .info-cont b::after, .personnel-details .info-cont strong::after, .personnel-details .groups-title::after {
    width: 5.375rem;
    height: 3.75rem;
  }
  .personnel-details .info-cont {
    color: #333333;
    line-height: 2;
    font-size: calc(100vw * 16 / 1920);
  }
}
@media (max-width: 767px) and (max-width: 1199px) {
  .personnel-details .info-cont {
    font-size: 1.1428571429rem;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .personnel-details .info-cont {
    font-size: 1.4545454545rem;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .personnel-details .info-cont {
    font-size: 1.4545454545rem;
  }
}
@media (max-width: 767px) {
  .personnel-details .info-list-01 li {
    margin-bottom: 2.5rem;
  }
  .personnel-details .info-list-01 .box-s .box-img {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .personnel-details .info-list-01 .box-s .box-info {
    padding-top: 1.5625rem;
  }
  .personnel-details .info-list-01 .box-s .box-info .info-title {
    margin-bottom: 0.625rem;
  }
  .personnel-details .info-list-02 .box-s {
    margin-bottom: 2.5rem;
  }
  .personnel-details .info-list-02 .box-s img {
    height: auto;
  }
  .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;
  }
  .coop-exchange .coop-info .box-s .box-img img {
    height: 19.625rem;
  }
  .coop-exchange .coop-info .box-s .box-img img {
    height: auto;
  }
  .coop-exchange .coop-groups .box-s {
    margin-bottom: 2.5rem;
    padding-top: 3.75rem;
    height: 23.75rem;
  }
  .learned-periodical-groups {
    overflow: hidden;
  }
  .learned-periodical-groups .periodical-list .box-s {
    margin-bottom: 2.5rem;
    width: 25rem;
    margin-left: auto;
    margin-right: auto;
  }
  .learned-periodical-groups .periodical-list .box-s .box-img img {
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .learned-periodical-groups .periodical-list .box-s .box-title a {
    padding: 1.875rem;
    height: auto;
    line-height: 1.6;
  }
  .learned-periodical-groups .periodical-other {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
  }
  .list-img-txt-02 .box-s .box-img {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.25rem;
  }
  .list-img-txt-02 .box-s .box-img img {
    height: auto;
  }
  .list-txt-03 .box-s {
    padding: 1.875rem 0;
  }
  .list-txt-03 .box-s .box-date {
    width: 8.125rem;
  }
  .list-txt-03 .box-s .box-more {
    display: none;
  }
  .list-img-txt-01 .col-w:last-child .box-s {
    margin-bottom: 0;
  }
  .list-img-txt-01 .box-s .box-img img {
    height: auto;
  }
  .list-img-txt-01 .box-s .box-info {
    height: auto;
    padding: 1.875rem;
  }
  .list-txt-01 li:last-child .box-s {
    margin-bottom: 0;
  }
  .list-txt-01 .box-s {
    padding: 1.875rem;
  }
  .list-txt-01 .box-s .box-date {
    margin-right: 1.875rem;
  }
  .lab-mb, .lab-mod-mb {
    margin-bottom: 2.5rem;
  }
  .lab-mod-01 .public-groups-title .groups-name {
    font-size: 2.25rem;
  }
  .lab-mod-01 .cont-scroll {
    padding-right: 1.25rem;
    padding-top: 1.25rem;
  }
  .lab-mod-01 .cont-scroll::after {
    height: auto;
    width: 12.5rem;
    bottom: 5rem;
  }
  .lab-mod-01 .box-s .box-img img {
    height: 21.625rem;
  }
  .lab-mod-01 .box-s .box-title {
    left: 1.25rem;
    right: 8.75rem;
  }
  .lab-mod-01 .lab-page {
    right: 1.25rem;
  }
  .lab-mod-02 {
    padding-left: 0;
  }
  .lab-mod-02 .box-title {
    position: static;
    width: 100%;
    height: 10rem;
  }
  .lab-mod-02 .box-title .title-s {
    background-position: bottom center;
  }
  .lab-mod-02 .box-info {
    padding: 2.5rem;
  }
  .lab-mod-03 .box-s .box-img img {
    height: 20rem;
  }
  .lab-mod-04 .cont-scroll .box-s .box-img img {
    height: 22.75rem;
  }
  .lab-mod-04 .cont-scroll .box-s .box-title {
    padding: 1.25rem 8.75rem 1.25rem 1.875rem;
  }
  .lab-mod-04 .cont-scroll .box-s .box-title .title-date {
    display: none;
  }
  .lab-mod-04 .cont-scroll .box-s .box-title .title-s {
    line-height: 1.6;
  }
  .lab-mod-04 .work-page {
    right: 1.25rem;
  }
  .lab-mod-05 .cont-scroll .box-s {
    padding: 1.25rem;
    height: auto;
    margin-bottom: 0.625rem;
  }
  .lab-mod-05 .cont-scroll .box-s .box-img {
    width: 13.75rem;
    margin-right: 1.875rem;
  }
  .lab-mod-05 .cont-scroll .box-s .box-img img {
    height: auto;
  }
  .lab-mod-05 .cont-scroll .box-s .box-info {
    padding-top: 0;
  }
  .lab-mod-05 .cont-scroll .box-s .box-info .info-title {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
  .lab-mod-05 .cont-scroll .box-s .box-info .info-txt {
    display: none;
  }
  .lab-mod-05 .activity-page {
    right: 1.25rem;
    bottom: 1.875rem;
  }
  .lab-mod-06 .box-s {
    height: auto;
    padding: 3.125rem 2.5rem 2.5rem;
  }
  .lab-mod-07 {
    height: auto;
    padding: 2.5rem;
  }
  .lab-mod-07 .cont-txt {
    line-height: 2;
  }
  .lab-mod-08 .row-w {
    margin-left: -0.875rem;
    padding-right: -0.875rem;
  }
  .lab-mod-08 .row-w .col-w {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .lab-mod-08 .box-s {
    margin-bottom: 1.875rem;
  }
  .lab-mod-08 .box-s img {
    height: auto;
  }
  .lab-mod-08 .box-s .box-title a {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    bottom: 1.25rem;
  }
  .lab-mod-09 .box-s {
    margin-bottom: 3.125rem;
  }
  .lab-mod-09 .box-s:nth-child(2n+1) .box-img {
    padding-left: 1.25rem;
  }
  .lab-mod-09 .box-s:nth-child(2n) .box-img {
    padding-right: 1.25rem;
  }
  .lab-mod-09 .box-s .box-img {
    padding-top: 1.25rem;
  }
  .lab-mod-09 .box-s .box-img::after {
    height: auto;
    width: 12.5rem;
    bottom: 5rem;
  }
}
@media (max-width: 991px) {
  .index-banner {
    height: auto;
  }
  .index-banner .banner-page-w {
    bottom: 2.8125rem;
  }
  .index-banner .banner-page-w .banner-page div {
    width: 2.5rem;
    height: 2.5rem;
    margin-left: 0.625rem;
  }
  .index-banner .banner-box {
    height: auto;
  }
  .index-banner .banner-box .banner-img {
    background: none !important;
    height: auto;
  }
  .index-banner .banner-box .banner-img img {
    display: block;
    height: 46.875rem;
  }
  .index-banner .banner-box .banner-title .title-info {
    padding-bottom: 2.5rem;
  }
  .index-banner .banner-box .banner-title .box-title {
    font-size: 1.875rem;
    width: 100%;
    padding-right: 18.75rem;
  }
  .index-box {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
  .index-title {
    margin-bottom: 3.125rem;
    line-height: 3.75rem;
  }
  .index-title .title-txt {
    font-size: 2.25rem;
    height: 5.625rem;
  }
  .index-research-progress .gallery-top {
    margin-bottom: 3.125rem;
  }
  .index-research-progress .top-other > div {
    float: left;
  }
  .index-research-progress .top-other .scroll-page {
    margin-bottom: 0;
    font-size: 2.125rem;
    width: auto;
    margin-right: 1.875rem;
    line-height: 3.75rem;
  }
  .index-research-progress .top-other .scroll-page span:first-child {
    font-size: 3.125rem;
  }
  .index-research-progress .top-other .arrow-group {
    height: 3.75rem;
    overflow: hidden;
  }
  .index-research-progress .top-other .arrow-group .scroll-next, .index-research-progress .top-other .arrow-group .scroll-prev {
    width: 3.75rem;
    height: 3.75rem;
  }
  .index-research-progress .box-top .box-img img {
    height: 27rem;
  }
  .index-research-progress .box-top .box-info .info-title {
    font-size: 1.875rem;
    line-height: 3.125rem;
    height: 6.25rem;
    margin-bottom: 1.25rem;
  }
  .index-research-progress .box-top .box-info .info-date {
    margin-bottom: 0.9375rem;
  }
  .index-research-progress .box-top .box-info .info-txt {
    line-height: 2.5rem;
    height: 10rem;
  }
  .index-news-scroll .box-s .box-img {
    overflow: hidden;
  }
  .index-news-scroll .box-s .box-img img {
    height: 13.625rem;
  }
  .index-news-scroll .box-s .box-info {
    padding: 1.875rem;
    height: 21.875rem;
  }
  .index-news-scroll .box-s .box-info .info-title {
    margin-bottom: 1.875rem;
  }
  .index-academic-activity .activity-img {
    margin-bottom: 2.5rem;
  }
  .index-academic-activity .activity-img .pc-img {
    display: none;
  }
  .index-academic-activity .activity-img .phone-img {
    display: block;
  }
  .index-mod-04 .video-recommend {
    margin-bottom: 3.125rem;
  }
  .index-mod-04 .video-recommend .video-img img {
    height: auto;
  }
  .index-mod-04 .video-groups .video-box .box-img img {
    height: 19.375rem;
  }
}
@media (max-width: 767px) {
  .index-banner {
    height: auto;
  }
  .index-banner .banner-page-w {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .index-banner .banner-page-w .banner-page div {
    width: 2.5rem;
    height: 2.5rem;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    float: none;
    display: inline-block;
  }
  .index-banner .banner-page-w .banner-page span {
    background: rgba(157, 30, 35, 0.8);
  }
  .index-banner .banner-page-w .banner-page svg circle {
    stroke: #9D1E23;
  }
  .index-banner .banner-page-w .swiper-pagination-bullet.swiper-pagination-bullet-active span {
    background: #9D1E23;
  }
  .index-banner .banner-box {
    margin-bottom: 4.375rem;
  }
  .index-banner .banner-box .banner-img img {
    display: block;
    height: 18.75rem;
  }
  .index-banner .banner-box .banner-title .title-info {
    padding-bottom: 1.25rem;
  }
  .index-banner .banner-box .banner-title .box-title {
    font-size: 1.625rem;
    padding-right: 0.9375rem;
    padding-left: 1.625rem;
    line-height: 1.5;
    font-weight: bold;
  }
  .index-title.title-tabs ul li {
    padding-right: 1.375rem;
    margin-right: 1.375rem;
  }
  .index-title .title-txt {
    font-size: 2rem;
    font-weight: bold;
    height: 5.625rem;
  }
  .index-mod-01 {
    padding-top: 1.25rem;
  }
  .index-research-progress .gallery-top {
    margin-bottom: 0;
  }
  .index-research-progress .swiper-container-thumbs {
    display: none;
  }
  .index-research-progress .top-other {
    position: static;
    margin-top: 1.875rem;
  }
  .index-research-progress .top-other > div {
    float: left;
  }
  .index-research-progress .top-other .scroll-page {
    margin-bottom: 0;
    font-size: 2.125rem;
    width: auto;
    margin-right: 1.875rem;
    line-height: 3.75rem;
  }
  .index-research-progress .top-other .scroll-page span:first-child {
    font-size: 3.125rem;
  }
  .index-research-progress .top-other .arrow-group {
    height: 3.75rem;
    overflow: hidden;
  }
  .index-research-progress .top-other .arrow-group .scroll-next, .index-research-progress .top-other .arrow-group .scroll-prev {
    width: 3.75rem;
    height: 3.75rem;
  }
  .index-research-progress .box-top .box-img {
    margin-bottom: 1.875rem;
  }
  .index-research-progress .box-top .box-img img {
    height: 23rem;
  }
  .index-research-progress .box-top .box-info .info-title {
    height: auto;
    min-height: 6.25rem;
  }
  .index-research-progress .box-btm {
    padding: 1.25rem 1.875rem;
    height: 11.25rem;
  }
  .index-research-progress .box-btm .box-date {
    margin-right: 1.875rem;
  }
  .index-latest-papers .box-s {
    height: auto;
  }
  .index-latest-papers .box-s .box-date {
    height: auto;
    padding-bottom: 0.9375rem;
  }
  .index-news-scroll .box-s .box-img img {
    height: 20.75rem;
  }
  .index-news-scroll .box-s .box-info {
    height: auto;
  }
  .index-academic-activity .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;
  }
  .index-academic-activity .activity-img img {
    display: block;
    width: 100%;
  }
  .index-academic-activity .activity-calendar .activity-list, .index-academic-activity .activity-calendar .calendar-main {
    float: none;
    width: 100%;
  }
  .index-academic-activity .activity-calendar .calendar-main {
    display: none;
  }
  .index-academic-activity .activity-calendar .list-scroll {
    height: auto;
  }
  .index-academic-activity .activity-list .box-s {
    height: auto;
    padding: 1.875rem 1.875rem 5rem;
  }
  .index-mod-04 .video-recommend .video-img .btn-mc {
    background-size: 5.625rem;
  }
  .index-mod-04 .video-recommend .video-title {
    padding: 1.875rem;
  }
  .index-mod-04 .video-groups .row-w {
    margin-left: -0.875rem;
    margin-left: -0.875rem;
  }
  .index-mod-04 .video-groups .row-w .col-w {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .index-mod-04 .video-groups .video-box .box-img img {
    height: 9.375rem;
  }
  .index-notice-anno {
    margin-bottom: 2.5rem;
  }
  .index-notice-anno .box-s {
    height: auto;
    padding: 1.375rem;
  }
  .index-notice-anno .box-s .box-info {
    height: auto;
  }
  .index-shortcut-menu .box-s {
    width: 15rem;
    height: 15rem;
  }
  .index-shortcut-menu .box-s .box-icon span {
    width: 6.25rem;
    height: 6.25rem;
  }
}
@media (max-width: 1199px) {
  .explore-IBP-content .item-slide .item-class {
    width: 20%;
  }
  .explore-IBP-content .item-slide .item-class .class-box {
    padding-bottom: 7.5rem;
  }
  .explore-IBP-content .item-slide .item-class .class-box img {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .explore-IBP-content .item-slide .item-class .class-box::after {
    width: 8.75rem;
    margin-left: -4.375rem;
  }
  .explore-IBP-content .item-slide .item-main {
    margin-left: 20%;
  }
  .item-count-groups {
    width: 90%;
  }
  .item-img-groups {
    width: 90%;
  }
  .item-img-groups .row-w {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .item-img-groups .row-w .col-w {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .item-history-groups {
    width: 90%;
  }
  .item-history-groups .box-img {
    padding-right: 3.75rem;
  }
  .item-history-groups .box-info {
    padding-right: 0;
  }
  .item-history-groups .box-info .info-year {
    font-size: 6.25rem;
  }
  .item-history-groups .year-box {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
  }
}
@media (max-width: 991px) {
  .item-count-groups .hex {
    float: left;
    width: 50%;
    height: 16.25rem;
    text-align: center;
  }
  .item-count-groups .hex .hexIn {
    padding-top: 3.75rem;
  }
  .item-count-groups .hex .hexIn h1 {
    margin-bottom: 1.875rem;
  }
  .item-img-groups .box-s {
    margin-bottom: 2.5rem;
  }
  .item-img-groups .box-s .box-img img {
    height: 31.25rem;
  }
  .item-history-groups .box-img {
    margin-bottom: 2.5rem;
  }
  .item-history-groups .box-img .title-s {
    right: 0;
    width: auto;
  }
  .item-laboratory-groups {
    height: 100%;
  }
  .item-laboratory-groups ul {
    height: 100%;
  }
  .item-laboratory-groups ul li {
    width: 50%;
    height: 50%;
  }
  .item-laboratory-groups ul li .box-info .info-title {
    top: 7.5rem;
  }
}
@media (max-width: 767px) {
  .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) {
  .explore-IBP-icon {
    height: 10rem;
    width: 5rem;
    background-size: 10rem;
    margin-top: -5rem;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .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) {
  .explore-IBP-icon {
    height: 12.7272727273rem;
    width: 6.3636363636rem;
    background-size: 12.7272727273rem;
    margin-top: -6.3636363636rem;
  }
}
@media (max-width: 767px) {
  .explore-IBP-icon span {
    background: url("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) {
  .explore-IBP-icon span {
    width: 2.1428571429rem;
    height: 5.2142857143rem;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .explore-IBP-icon span {
    width: 2.7272727273rem;
    height: 6.6363636364rem;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .explore-IBP-icon span {
    width: 2.7272727273rem;
    height: 6.6363636364rem;
  }
}
@media (max-width: 767px) {
  .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;
  }
  .explore-IBP-wrap .explore-IBP-header {
    height: 6.25rem;
  }
  .explore-IBP-wrap .explore-IBP-header .explore-header-logo {
    display: none;
    width: 25rem;
    padding-top: 1.875rem;
  }
  .explore-IBP-wrap .explore-IBP-header .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;
  }
  .explore-IBP-content .item-slide .item-class {
    padding-top: 9.375rem;
  }
  .explore-IBP-content .item-slide .item-class::after {
    vertical-align: top;
  }
  .explore-IBP-content .item-slide .item-class .class-box::after {
    width: 5rem;
    margin-left: -2.5rem;
  }
  .explore-IBP-content .explore-next::after, .explore-IBP-content .explore-prev::after {
    font-size: 3.75rem;
  }
  .explore-IBP-content .explore-next {
    right: 1.875rem;
  }
  .explore-IBP-content .explore-prev {
    left: 1.875rem;
  }
  .explore-IBP-class-wrap {
    bottom: 2.5rem;
    display: none;
  }
  .item-count-groups {
    padding-top: 6.25rem;
  }
  .item-count-groups .hex {
    height: 12.5rem;
  }
  .item-count-groups .hex:nth-last-child(-n+2) .hexIn {
    padding-top: 2.8125rem;
  }
  .item-count-groups .hex .hexIn {
    padding-top: 4.0625rem;
  }
  .item-count-groups .hex .hexIn h1 {
    font-size: 2.25rem;
    margin-bottom: 0.625rem;
  }
  .item-img-groups .box-s .box-img img {
    height: 16.375rem;
  }
  .item-img-groups .box-s .box-info {
    padding: 1.5625rem;
    height: auto;
  }
  .item-img-groups .box-s .box-info .info-title {
    font-size: 1.75rem;
    font-weight: bold;
    margin-bottom: 0.625rem;
  }
  .item-history-groups .box-info {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
    min-height: 21.875rem;
  }
  .item-history-groups .box-info::after {
    width: 1.25rem;
  }
  .item-history-groups .box-info .info-year {
    font-size: 3.125rem;
    margin-bottom: 1.25rem;
  }
  .item-history-groups .box-info .info-txt {
    line-height: 1.6;
    font-size: 1.5rem;
  }
  .item-history-groups .year-box {
    width: 4.375rem;
    height: 4.375rem;
    line-height: 4.375rem;
    font-size: 1.875rem;
  }
  .item-history-groups .gallery-history-top {
    margin-bottom: 3.125rem;
  }
  .item-history-groups .gallery-history-thumbs::before {
    left: 0;
    right: 0;
  }
  .item-laboratory-groups ul li .box-info .info-title {
    top: 2.5rem;
    right: 1.25rem;
    height: 25rem;
  }
  .item-laboratory-groups ul li .box-info .info-title span {
    font-size: 1.75rem;
  }
  .item-laboratory-groups ul li .box-info .info-more {
    left: 1.25rem;
    bottom: 3.125rem;
  }
  .list-img-txt .box-s {
    margin-bottom: 2.5rem;
  }
  .list-img-txt .box-s .box-img {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.25rem;
  }
  .about-mod-01 .mod-info {
    padding-top: 1.875rem;
    padding-left: 1.875rem;
  }
  .about-mod-01 .mod-info::after {
    width: auto;
    height: auto;
    right: 20%;
    bottom: 50%;
  }
  .about-mod-01 .mod-info .info-cont {
    padding: 1.875rem;
  }
  .about-mod-03 {
    overflow: hidden;
  }
  .about-mod-03 .cont-top {
    margin-bottom: 0.625rem;
  }
  .about-mod-03 .cont-top .row-w {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .about-mod-03 .cont-top .row-w .col-w {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .about-mod-03 .cont-top .row-w .col-w:nth-child(2n+1) {
    clear: both;
  }
  .about-mod-03 .cont-top .box-s .box-img img {
    height: 21.75rem;
  }
  .about-mod-03 .cont-btm .box-s a {
    margin-bottom: 1.25rem;
  }
  .about-mod-04 {
    margin-bottom: 2.5rem;
  }
  .about-mod-04 .main-cont {
    padding: 2.1875rem;
  }
  .about-mod-04 .main-cont .cont-img {
    float: none;
    margin-right: 0;
    width: 100%;
    margin-bottom: 2.5rem;
  }
  .about-mod-05 .groups-img {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .about-mod-05 .groups-img .col-w {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .about-mod-05 .box-s.box-m .box-img img {
    height: 10.875rem;
  }
  .about-mod-05 .box-s .box-title {
    line-height: 1.3;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .list-txt-05 li {
    line-height: 26px;
    padding: 1.25rem 1.875rem;
  }
  .list-txt-05 li .box-date {
    position: static;
    margin-left: 1.875rem;
  }
  .list-txt-05 li .box-title {
    padding-left: 1.875rem;
    font-size: 1.625rem;
  }
  .list-txt-05 li .box-title::after {
    width: 4px;
    height: 4px;
    top: 0.9375rem;
  }
  .special-list .box-s {
    margin-bottom: 1.875rem;
  }
  .special-list .box-s .box-img img {
    height: auto;
  }
  .ai-tool-list, .ai-cathedra-list {
    margin-bottom: 1.25rem;
  }
  .ai-tool-list .box-s {
    margin-bottom: 1.875rem;
    padding: 2.5rem 2.5rem;
    height: auto;
  }
  .ai-cathedra-list .box-s {
    margin-bottom: 1.875rem;
  }
  .ai-information-list .box-s {
    padding-right: 0;
  }
  .ai-information-list .box-s .box-more {
    display: none;
  }
  .index-tsmod {
    padding-left: 20%;
    height: 23.125rem;
  }
  .index-tsmod .ts-title {
    width: 20%;
  }
  .index-tsmod .ts-title img {
    width: 60%;
  }
  .index-tsmod .box-s .box-img img {
    height: 15rem;
  }
  .index-tsmod .box-s .box-title {
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.625rem;
  }
  .people-list-w .itme-groups {
    margin-bottom: 1.875rem;
  }
  .people-list-w .itme-groups .groups-year {
    float: none;
    margin-bottom: 1.875rem;
    padding-left: 3.125rem;
  }
  .people-list-w .itme-groups .groups-year::before {
    width: 3.125rem;
  }
  .people-list-w .itme-groups .groups-box {
    padding-left: 3.125rem;
  }
  .index-mod-05 {
    padding-bottom: 0;
  }
}