/*多行溢出*/
/*网站响应样式*/
@media (max-width: 767px) {
  /*分页*/
  .comp-pages .page-pc {
    display: none;
  }
  .comp-pages .page-phone {
    display: block!important;
  }
  /*文字列表*/
  .comp-text-list-01 .box-s {
    line-height: 26px;
  }
  .comp-text-list-01 .box-s:after {
    top: 25px;
    margin-top: 0;
  }
  .comp-text-list-01 .box-s .box-title {
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .comp-text-list-02 li {
    margin-bottom: 20px;
  }
  .comp-text-list-02 .box-s {
    padding: 15px;
  }
  .comp-text-list-02 .box-s .box-title {
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .comp-text-list-03 .box-s .box-title {
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .comp-text-list-04 .box-s {
    height: auto;
    display: flex;
    align-items: center;
    padding-left: 0;
  }
  .comp-text-list-04 .box-s .box-icon {
    position: relative;
  }
  .comp-text-list-04 .box-s .box-title {
    flex: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: normal;
    height: auto;
    line-height: 20px;
  }
  .comp-text-list-05 .box-s {
    padding: 20px;
    position: relative;
  }
  .comp-text-list-05 .box-s .box-date {
    float: left;
    width: 80px;
  }
  .comp-text-list-05 .box-s .box-title {
    white-space: normal;
    height: auto;
    line-height: 30px;
  }
  .comp-text-list-05 .box-s .box-more {
    display: none;
  }
  .comp-text-list-06 .box-s {
    padding-right: 0;
  }
  .comp-text-list-06 .box-s:before {
    top: 26px;
    margin-top: 0;
  }
  .comp-text-list-06 .box-s .box-title {
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .comp-text-list-06 .box-s .box-date {
    position: static;
    margin-top: 0;
  }
  .comp-text-list-07 li {
    margin-bottom: 20px;
  }
  .comp-text-list-07 li .box-s {
    padding: 20px 20px 20px 0;
  }
  .comp-text-list-07 li .box-s .box-title {
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  /*图文列表*/
  .comp-image-text-list-01 .box-s {
    margin-bottom: 20px;
  }
  .comp-image-text-list-01 .box-s .box-img {
    height: 220px;
  }
  .comp-image-text-list-02 .box-s {
    margin-bottom: 20px;
  }
  .comp-image-text-list-02 .box-s .box-title {
    display: block;
    height: auto;
    max-height: auto;
    line-height: 26px;
  }
  .comp-image-text-list-03 .box-s .box-title {
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .comp-image-text-list-04 .box-s .box-top {
    position: relative;
    margin-bottom: 15px;
  }
  .comp-image-text-list-04 .box-s .box-date {
    position: absolute;
    margin: 0;
    bottom: 0;
    left: 0;
  }
  .comp-image-text-list-04 .box-s .box-title {
    display: block;
    height: auto;
    max-height: auto;
    line-height: 26px;
  }
  .comp-image-text-list-05 .box-s .box-title {
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .comp-image-text-list-06 .box-s .box-img {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  .comp-image-text-list-06 .box-s .box-title {
    display: block;
    height: auto;
    max-height: auto;
    line-height: 26px;
  }
  .comp-image-text-list-07 .box-s .box-info {
    margin-top: -40px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .comp-image-text-list-07 .box-s .box-title {
    display: block;
    height: auto;
    max-height: auto;
    line-height: 26px;
  }
  /*人员列表*/
  .comp-personnel-list-01 .row .box-w:nth-child(2n +1) {
    clear: left;
  }
  .comp-personnel-list-01 .box-s .box-img {
    height: 210px;
  }
  .comp-personnel-list-01 .box-s .box-info .box-title {
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .comp-personnel-list-02 .row .box-w:nth-child(2n +1) {
    clear: left;
  }
  .comp-personnel-list-02 .box-s .box-img {
    height: 210px;
  }
  .comp-personnel-list-02 .box-s .box-title {
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .comp-personnel-list-05 .box-s .box-img {
    float: none;
    margin-right: 0;
  }
  /*人员细览*/
  .comp-personnel-details-01 .info-top {
    padding: 15px;
  }
  .comp-personnel-details-01 .info-top .box-img {
    position: static;
    margin-bottom: 20px;
  }
  .comp-personnel-details-02 .info-center {
    padding-left: 0;
  }
  .comp-personnel-details-02 .info-center .box-img {
    position: relative;
    padding: 20px;
    width: 100%;
  }
  .comp-personnel-details-02 .info-center .box-img img {
    display: block;
    width: 100%;
  }
  .comp-personnel-details-02 .info-center .box-info {
    padding: 20px;
  }
  .comp-personnel-details-02 .info-other {
    padding: 20px;
  }
  /*side menu*/
  .side-menu {
    display: none;
  }
}
/*网站响应样式*/
@media (max-width: 1680px) {
  .index-box-01 .public-title .title-txt {
    float: right;
  }
  .index-box-01 .mod-bg-01 {
    top: 80px;
    bottom: 110px;
  }
  .index-box-01 .research-groups .box-s .box-img img {
    height: 520px;
  }
  .index-box-01 .research-list {
    z-index: 9;
    padding-left: 50px;
  }
  .index-box-01 .research-list .box-s {
    min-height: 96px;
    padding: 15px 30px 15px 0;
  }
  .index-box-01 .research-list .list-more {
    padding-top: 40px;
  }
  .index-news-box .news-box .box-img img {
    height: 254px;
  }
  .index-box-02 {
    position: relative;
    overflow: hidden;
    min-height: auto;
  }
  .index-box-02 .main-cont {
    position: relative;
    z-index: 3;
  }
  .index-box-02 .main-cont.row-s {
    margin-left: 0;
    margin-right: 0;
  }
  .index-box-02 .main-cont .col-s {
    padding-left: 0;
    padding-right: 0;
    min-height: 500px;
    position: relative;
  }
  .index-box-02 .main-cont .col-s:first-child {
    width: 49%;
  }
  .index-box-02 .main-cont .col-s:first-child .col-bg {
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 74%;
  }
  .index-box-02 .main-cont .col-s:last-child .col-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1000px;
    background: url('bsd-bg-05.png') no-repeat left top;
    background-size: cover;
  }
  .index-box-02 .news-scroll-img {
    padding-top: 80px;
    padding-right: 100px;
  }
  .index-box-02 .news-scroll-img .box-s .box-img img {
    height: 345px;
  }
  .index-box-02 .news-list {
    position: relative;
    padding-left: 50px;
    padding-top: 25px;
    z-index: 5;
  }
  .index-box-02 .news-list .box-s {
    padding-bottom: 12px;
    padding-top: 12px;
  }
}
@media (max-width: 1600px) {
  .index-news-box .news-box .box-img img {
    height: 242px;
  }
}
@media (max-width: 1440px) {
  .index-news-box .news-box .box-img img {
    height: 224px;
  }
  .index-box-02 {
    position: relative;
    overflow: hidden;
    min-height: auto;
  }
  .index-box-02 .news-scroll-img {
    padding-top: 100px;
    padding-right: 100px;
  }
  .index-box-02 .news-scroll-img .box-s .box-img img {
    height: 290px;
  }
  .index-box-01 {
    min-height: auto;
  }
  .index-box-01 .public-title .title-txt {
    float: right;
  }
  .index-box-01 .mod-bg-01 {
    top: 60px;
    bottom: 60px;
  }
  .index-box-01 .research-groups .box-s .box-img img {
    height: 450px;
  }
  .index-box-01 .research-list {
    z-index: 9;
    padding-left: 50px;
  }
  .index-box-01 .research-list .box-s {
    min-height: 96px;
    padding: 15px 30px 15px 0;
  }
  .index-box-01 .research-list .list-more {
    padding-top: 40px;
  }
}
@media (max-width: 1366px) {
  .index-news-box .news-box .box-img img {
    height: 212px;
  }
  .index-box-02 {
    position: relative;
    overflow: hidden;
    min-height: auto;
  }
  .index-box-02 .main-cont {
    position: relative;
    z-index: 3;
  }
  .index-box-02 .main-cont.row-s {
    margin-left: 0;
    margin-right: 0;
  }
  .index-box-02 .main-cont .col-s {
    padding-left: 0;
    padding-right: 0;
    min-height: 450px;
  }
  .index-box-02 .news-scroll-img {
    padding-top: 80px;
    padding-right: 90px;
  }
  .index-box-02 .news-scroll-img .box-s .box-img img {
    height: 252px;
  }
  .index-box-02 .news-list {
    padding-left: 40px;
    padding-top: 15px;
  }
  .index-box-02 .news-list .box-s {
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .index-box-02 .news-list .box-s .box-date {
    color: rgba(207, 156, 251, 0.8);
    margin-bottom: 8px;
  }
  .index-box-02 .news-list .box-s .box-title {
    font-size: 16px;
  }
  .index-box-03 .h18 {
    font-size: 16px;
  }
  .index-box-01 .h18 {
    font-size: 16px;
  }
  .index-box-01 .public-title .title-txt {
    float: right;
  }
  .index-box-01 .mod-bg-01 {
    top: 50px;
    bottom: 50px;
  }
  .index-box-01 .research-groups .box-s .box-img img {
    height: 400px;
  }
  .index-box-01 .research-list {
    z-index: 9;
    padding-left: 40px;
  }
  .index-box-01 .research-list .box-s {
    min-height: 85px;
    padding: 12px 30px 12px 0;
  }
  .index-box-01 .research-list .list-more {
    padding-top: 30px;
  }
}
@media (max-width: 1280px) {
  .index-news-box .news-box .box-img img {
    height: 200px;
  }
}
@media (max-width: 1024px) {
  .index-box-02 {
    position: relative;
    overflow: hidden;
    min-height: auto;
  }
  .index-box-02 .news-scroll-img {
    padding-top: 110px;
  }
  .index-box-02 .news-scroll-img .box-s .box-img img {
    height: 195px;
  }
}
@media (max-width: 1599px) {
  .index-banner .banner-box .banner-img {
    height: 600px;
  }
  .other-banner {
    background-size: auto 100%;
  }
  .other-banner .container-new {
    height: 450px;
  }
  .footer .h18 {
    font-size: 16px;
  }
  .footer .h16 {
    font-size: 14px;
  }
  .footer .footer-menu {
    padding-top: 35px;
    padding-bottom: 30px;
  }
  .footer .footer-menu ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .footer .footer-menu ul li {
    padding-left: 5px;
    padding-right: 5px;
  }
  .footer .footer-menu .menu-title {
    padding-left: 10px;
    margin-bottom: 15px;
    font-size: 16px;
  }
  .footer .footer-menu .menu-title::after {
    content: '';
    width: 1px;
  }
  .footer .footer-menu .menu-cont {
    padding-left: 10px;
  }
  .footer .footer-menu .menu-cont a {
    line-height: 20px;
    font-size: 12px;
    margin-bottom: 5px;
  }
  .footer .footer-menu .menu-cont a:last-child {
    margin-bottom: 0;
  }
  .index-box {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .public-title {
    margin-bottom: 40px;
  }
  .index-logo-scroll .box-s {
    height: 114px;
  }
}
@media (max-width: 1599px) and (min-width: 1366px) {
  .list-people-02 .col-lg-5ths {
    width: 25%;
  }
}
@media (max-width: 1599px) and (min-width: 1200px) {
}
@media (max-width: 1599px) and (min-width: 768px) {
  .list-people-03 .col-lg-4 {
    width: 50%;
  }
  .list-img-01 .col-w {
    width: 50%;
  }
  .list-img-01 .box-s .box-img img {
    height: 246px;
  }
  .list-img-02 .col-w {
    width: 50%;
  }
  .list-img-02 .box-s .box-img img {
    height: 260px;
  }
  .list-people .row-w .col-w {
    width: 100%;
    float: none;
  }
  .list-people .box-s {
    margin-bottom: 90px;
  }
}
@media (max-width: 1440px) {
  .index-box {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 1599px) and (min-width: 992px) {
  .index-box-05 {
    background-image: url('bsd-bg-04.png');
  }
  .index-box-05.index-box .row-w .col-w:first-child {
    width: 50%;
  }
  .index-box-05.index-box .row-w .col-w:last-child {
    width: 50%;
  }
}
@media (max-width: 1439px) {
  .list-people-03 .box-s {
    margin-bottom: 30px;
  }
  .public-title {
    margin-bottom: 30px;
  }
  .index-logo-scroll .box-s {
    height: 114px;
  }
  .index-banner .banner-box .banner-img {
    height: 500px;
  }
}
@media (max-width: 1365px) {
  .other-banner .container-new {
    height: 400px;
  }
  .list-img-01 .box-s {
    margin-bottom: 30px;
  }
  .list-img-01 .box-s .box-img img {
    height: 218px;
  }
  .list-img-02 .box-s {
    margin-bottom: 30px;
  }
  .list-img-02 .box-s .box-img img {
    height: 230px;
  }
  .index-box {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .index-logo-scroll .box-s {
    height: 100px;
  }
  .public-title .h24 {
    font-size: 18px;
  }
}
@media (max-width: 1365px) and (min-width: 767px) {
  .list-people-02 .col-lg-5ths {
    width: 33.333333%;
  }
}
@media (max-width: 1279px) {
  .footer .footer-menu {
    display: none;
  }
}
@media (max-width: 1199px) {
  .left-menu {
    display: none;
  }
  .page-other {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .channel-title {
    margin-bottom: 35px;
  }
  .other-banner .container-new {
    height: 350px;
  }
  .footer .footer-copy .copy-info,
  .footer .footer-copy .copy-img {
    float: none;
  }
  .footer .footer-copy .copy-info {
    margin-bottom: 20px;
  }
  .list-img-01 .box-s .box-img img {
    height: 240px;
  }
  .list-img-02 .box-s .box-img img {
    height: 250px;
  }
  .index-banner .h22 {
    font-size: 20px;
  }
  .index-banner .banner-box .banner-img {
    height: 450px;
  }
  .index-box {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .mod-mb {
    margin-bottom: 35px;
  }
  .index-news-box .news-box .box-img img {
    height: 280px;
  }
}
@media (max-width: 1024px) {
  .index-banner .h22 {
    font-size: 18px;
  }
  .index-banner .banner-box .banner-img {
    height: 450px;
  }
  .index-news-box .news-box .box-img img {
    height: 240px;
  }
  .index-box-01 .mod-bg-01 {
    position: absolute;
    top: 80px;
    bottom: 120px;
    width: 54%;
    background: linear-gradient(-90deg, #2C3EB8, #7028A9);
    z-index: 2;
  }
  .index-box-01 .main-cont.row-s .col-s:first-child {
    width: 100%;
  }
  .index-box-01 .main-cont.row-s .col-s:first-child .public-title {
    display: block;
  }
  .index-box-01 .main-cont.row-s .col-s:last-child {
    display: none;
  }
  .index-box-01 .research-scroll-w {
    position: relative;
  }
  .index-box-01 .research-scroll-w .research-page {
    text-align: center;
    position: relative;
    padding-top: 15px;
    z-index: 99;
    display: block;
  }
  .index-box-01 .research-scroll-w .research-page .swiper-pagination-bullet {
    margin-left: 6px;
    margin-right: 6px;
    width: 12px;
    height: 12px;
    background: #6510AD;
  }
  .index-box-01 .research-groups,
  .index-box-01 .research-list {
    position: relative;
  }
  .index-box-01 .research-groups {
    padding-top: 40px;
    z-index: 8;
  }
  .index-box-01 .research-groups .box-s {
    position: relative;
  }
  .index-box-01 .research-groups .box-s .box-img {
    overflow: hidden;
  }
  .index-box-01 .research-groups .box-s .box-img img {
    display: block;
    width: 100%;
    height: auto;
  }
  .index-box-01 .research-groups .box-s .box-title {
    display: block;
  }
  .index-box-01 .research-list {
    display: none;
  }
}
@media (max-width: 991px) {
  .other-banner .container-new {
    height: 300px;
  }
  .personnel-details .details-top {
    padding: 30px;
    margin-bottom: 40px;
  }
  .personnel-details .details-top .top-info .info-txt > div {
    float: none;
    line-height: 24px;
    width: 100% !important;
  }
  .list-img-01 .box-s .box-img img {
    height: 178px;
  }
  .list-img-02 .box-s {
    margin-bottom: 30px;
  }
  .list-img-02 .box-s .box-img img {
    height: 186px;
  }
  .index-banner .banner-box .banner-img {
    height: 360px;
  }
  .public-title {
    margin-bottom: 20px;
  }
  .index-box-05 {
    background-image: url('bsd-bg-04.png');
  }
  .index-box-05.index-box .row-w .col-w:first-child,
  .index-box-05.index-box .row-w .col-w:last-child {
    width: 100%;
  }
  .index-box-05.index-box .row-w .col-w:last-child .index-logo-scroll {
    margin-bottom: 0;
  }
  .index-logo-scroll {
    margin-bottom: 30px;
  }
  .index-logo-scroll .box-s {
    height: 80px;
  }
  .sm-mb {
    margin-bottom: 35px;
  }
  .index-news-box .news-box .box-img img {
    height: 180px;
  }
  .index-box-02::before {
    bottom: 50px;
  }
  .index-box-02 .mod-bg-01 {
    bottom: 50px;
  }
  .index-box-02 .main-cont .col-s {
    min-height: auto;
    padding-bottom: 40px;
    width: 100% !important;
  }
  .index-box-02 .main-cont .col-s:last-child {
    display: none;
  }
  .index-box-02 .news-scroll-img {
    position: relative;
    padding-top: 50px;
    padding-right: 100px;
    z-index: 5;
  }
  .index-box-02 .news-scroll-img .news-arrows {
    position: absolute;
    right: 30px;
    bottom: 40px;
    width: 40px;
    height: 16px;
  }
  .index-box-02 .news-scroll-img .news-page {
    display: block;
  }
  .index-box-02 .news-scroll-img .box-s .box-img img {
    height: auto;
  }
  .index-box-02 .news-scroll-img .box-s .box-title {
    font-size: 16px;
    display: block;
  }
  .index-box-02 .news-list {
    display: none;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .index-news-box .news-list .a-box:last-child {
    display: none;
  }
}
@media (max-width: 767px) {
  .comp-pages {
    padding-top: 35px;
  }
  .page-other {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .channel-title {
    margin-bottom: 30px;
  }
  .other-banner .container-new {
    height: 260px;
  }
  .other-banner .bread-crumbs {
    position: absolute;
    right: 15px;
    bottom: 15px;
  }
  .list-people-02 .groups-box .groups-cont {
    padding-top: 25px;
    padding-bottom: 15px;
  }
  .list-people-02 .groups-box .groups-cont .a-s {
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .list-people-02 .groups-box .groups-cont .a-s::after {
    top: 5px;
  }
  .list-people-03 li:last-child .box-s {
    margin-bottom: 0px;
  }
  .personnel-details .details-top {
    padding: 20px;
    margin-bottom: 30px;
  }
  .personnel-details .details-top .top-img {
    float: none;
    width: 206px;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .personnel-details .details-top .top-info .info-txt > div {
    float: none;
    line-height: 24px;
    width: 100% !important;
  }
  .personnel-details .details-info .info-txt {
    padding: 20px;
    line-height: 30px;
  }
  .list-txt-01 .box-s {
    padding: 15px 15px 15px 35px;
    line-height: 30px;
  }
  .list-txt-01 .box-s::before {
    left: 15px;
    top: 25px;
  }
  .list-txt-01 .box-s .box-title {
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .list-txt-01 .box-s .box-date {
    position: static;
  }
  .list-txt-02 .box-s {
    padding: 15px;
  }
  .list-txt-02 .box-s .box-date {
    line-height: 30px;
    color: #333333;
    float: none;
    width: 100%;
  }
  .list-txt-02 .box-s .box-date > div {
    display: inline-block;
  }
  .list-txt-02 .box-s .box-title {
    color: #333;
    white-space: normal;
    height: auto;
    line-height: 26px;
    margin-bottom: 15px;
  }
  .list-txt-02 .box-s .box-more {
    position: static;
    display: block;
    width: 31px;
    height: 31px;
    border-radius: 16px;
  }
  .list-img-01 li:last-child .box-s {
    margin-bottom: 0;
  }
  .list-img-01 .box-s .box-img img {
    height: auto;
  }
  .list-img-01 .box-s .box-title {
    padding: 15px;
    text-align: center;
    background: #F4F3FD;
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .list-img-02 li:last-child .box-s {
    margin-bottom: 0;
  }
  .list-img-02 .box-s .box-img img {
    height: auto;
  }
  .list-img-02 .box-s .box-title {
    display: block;
    height: auto;
    max-height: auto;
    line-height: 26px;
  }
  .list-img-03 .box-s {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .list-img-03 .box-s .box-img {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .list-img-03 .box-s .box-img img {
    width: 100%;
    height: auto;
  }
  .list-img-03 .box-s .box-title {
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .list-people .box-s {
    margin-top: 50px;
    margin-bottom: 90px;
    padding: 0 0 25px 20px;
    background: #F7F7F7;
    position: relative;
    min-height: 310px;
    transition: all 0.5s;
  }
  .list-people .box-s::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 70px;
    background: #6D26B0;
  }
  .list-people .box-s .box-img,
  .list-people .box-s .box-info {
    position: relative;
    z-index: 8;
  }
  .list-people .box-s .box-img {
    float: none;
    width: 240px;
    transform: translateY(-48px);
    transition: all 0.5s;
    position: relative;
    margin-bottom: -18px;
  }
  .list-people .box-s .box-img img {
    display: block;
    width: 100%;
    height: 333px;
    margin-top: 0;
  }
  .list-people .box-s .box-info {
    overflow: hidden;
    padding: 0 20px 0 0;
  }
  .list-people .box-s .box-info .info-txt {
    color: #333333;
    margin-bottom: 50px;
    display: block;
    height: auto;
    max-height: auto;
    line-height: 26px;
    line-height: 30px;
  }
  .index-banner {
    padding-bottom: 50px;
  }
  .index-banner .h22 {
    font-size: 16px;
  }
  .index-banner .banner-box .banner-img {
    height: 280px;
  }
  .index-banner .banner-box .banner-cont .cont-main {
    padding-bottom: 15px;
  }
  .index-banner .banner-box .banner-cont .box-title {
    font-weight: bold;
    color: #fff;
    position: relative;
    padding: 5px 15px;
    font-size: 15px;
    line-height: 22px;
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .index-banner .banner-box .banner-cont .box-title::after {
    height: 18px;
    top: 9px;
  }
  .index-banner .banner-next,
  .index-banner .banner-prev {
    display: none;
  }
  .index-banner .banner-page-w {
    position: absolute;
    text-align: center;
    z-index: 9;
    padding-left: 35px;
    padding-right: 35px;
    bottom: 10px;
    left: 20px;
    right: 70px;
  }
  .index-banner .banner-page-w::before,
  .index-banner .banner-page-w::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 1px;
    background: #6510AD;
    opacity: 0.88;
    top: 50%;
  }
  .index-banner .banner-page-w::before {
    left: 0;
  }
  .index-banner .banner-page-w::after {
    right: 0;
  }
  .index-banner .banner-page-w .banner-page {
    position: static;
  }
  .index-banner .banner-page-w .banner-page div {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: 7px;
    margin-right: 7px;
    position: relative;
    text-align: center;
  }
  .index-banner .banner-page-w .banner-page div:last-child {
    margin-right: 0;
  }
  .index-banner .banner-page-w .banner-page div::before {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 1px;
    right: 1px;
    border-radius: 50%;
    border: 1px dashed #6510AD;
    display: none;
  }
  .index-banner .banner-page-w .banner-page span,
  .index-banner .banner-page-w .banner-page svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
  }
  .index-banner .banner-page-w .banner-page span {
    width: 30px;
    height: 30px;
  }
  .index-banner .banner-page-w .banner-page svg {
    vertical-align: top;
  }
  .index-banner .banner-page-w .banner-page svg circle {
    opacity: 0;
    fill: none;
    stroke: #6510AD;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 180;
    stroke-dashoffset: 179;
    -webkit-transition: stroke-dashoffset 0s linear, opacity 0s linear;
    transition: stroke-dashoffset 0s linear, opacity 0s linear;
  }
  .index-banner .banner-page-w .swiper-pagination-bullet {
    color: #6510ad;
    background: linear-gradient(-90deg, #2C3EB8 0%, #7028A9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparen;
  }
  .index-box {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .index-logo-scroll .box-s {
    height: 70px;
  }
  .index-news-box .news-box .box-img img {
    height: auto;
  }
  .index-news-box .news-box .box-title {
    padding: 8px 15px;
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .index-news-box .news-list .a-box {
    margin-bottom: 5px;
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .index-news-box .news-list .a-box:last-child {
    margin-bottom: 0;
  }
  .index-academics .box-s {
    min-height: 228px;
    height: auto;
    padding: 20px 15px;
  }
  .index-academics .box-s .box-title {
    margin-bottom: 20px;
    display: block;
    height: auto;
    max-height: auto;
    line-height: 26px;
    min-height: 52px;
  }
  .index-join-us .box-s {
    padding-right: 0;
    margin-bottom: 10px;
  }
  .index-join-us .box-s .box-title {
    white-space: normal;
    height: auto;
    line-height: 26px;
  }
  .index-join-us .box-s .box-date {
    position: static;
    padding-left: 25px;
  }
  .index-inform .box-s .box-title {
    margin-bottom: 5px;
    display: block;
    height: auto;
    max-height: auto;
    line-height: 26px;
  }
  .index-box-02::before {
    bottom: 40px;
  }
  .index-box-02 .mod-bg-01 {
    bottom: 40px;
  }
  .index-box-02 .main-cont .col-s {
    min-height: auto;
    padding-bottom: 40px;
    width: 100% !important;
  }
  .index-box-02 .main-cont .col-s:last-child {
    display: none;
  }
  .index-box-02 .news-scroll-img {
    position: relative;
    padding-top: 40px;
    padding-right: 15px;
    z-index: 5;
  }
  .index-box-02 .news-scroll-img .news-arrows {
    position: absolute;
    right: 15px;
    bottom: 5px;
    width: 40px;
    height: 16px;
  }
  .index-box-02 .news-scroll-img .news-page {
    display: block;
    text-align: left;
  }
  .index-box-02 .news-scroll-img .box-s .box-img img {
    height: auto;
  }
  .index-box-02 .news-scroll-img .box-s .box-title {
    display: block;
  }
  .index-box-02 .news-list {
    display: none;
  }
  .index-box-01 .mod-bg-01 {
    top: 40px;
    width: 25%;
  }
  .index-box-01 .research-groups {
    padding-top: 0;
  }
}