/* css reset */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  html, body, h1, h2, h3, h4, h5, h6, div, ol, ul, li, dl, dt, dd, table, caption, tr, th, td, span, p, a, b, u, i, em, img, iframe, fieldset, form, label, legend, input, button, select, textarea {
    margin: 0;
    padding: 0;
  }
  
  html {
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
  }
  
  body {
    font: 14px/1.5 "Microsoft Yahei", "微软雅黑", Arial, Tahoma, Helvetica, sans-serif;
    color: #333;
    background-color: #fff;
    margin: auto;
  }
  
  input, button, textarea, select {
    font: inherit;
    outline: 0;
    border: 0;
    background: none;
    color: inherit;
  }
  
  input:focus, textarea:focus {
    color: inherit;
  }
  
  button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
  }
  
  ol, ul, li {
    list-style: none;
  }
  
  textarea {
    overflow: auto;
    resize: none;
  }
  
  table {
    width: 100%;
    border-collapse: collapse;
    border: 0;
  }
  
  img {
    border: 0;
    outline: 0;
    vertical-align: middle;
  }
  
  a {
    text-decoration: none;
    color: inherit;
  }
  
  a:focus {
    outline: 0;
  }
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  input[type=date] {
    background-color: transparent;
    border: 0;
    filter: alpha(opacity=0);
  }
  
  ::-ms-clear, ::-ms-reveal {
    display: none;
  }
  
  /* WebKit browsers */
  ::-webkit-input-placeholder {
    color: #909090;
  }
  
  /* Mozilla Firefox 4 to 18 */
  :-moz-placeholder {
    color: #909090;
    opacity: 1;
  }
  
  /* Mozilla Firefox 19+ */
  ::-moz-placeholder {
    color: #909090;
    opacity: 1;
  }
  
  /* Internet Explorer 10+ */
  :-ms-input-placeholder {
    color: #909090;
  }
  
  a,
  a:hover,
  a:focus {
    text-decoration: none;
  }
  
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  
  a,
  a:active,
  a:focus,
  a:hover {
    outline: none;
  }
  
  *:focus {
    outline: none !important;
  }
  
  /* 图片自适应 */
  img {
    max-width: 100%;
    height: auto;
    width: auto \9 ; /* ie8 */
    -ms-interpolation-mode: bicubic; /*为了照顾ie图片缩放失真*/
    border: none;
  }
  
  /* display */
  .dn {
    display: none;
  }
  
  .di {
    display: inline;
  }
  
  .db {
    display: block;
  }
  
  .dib {
    display: inline-block;
  }
  
  .fl {
    float: left;
  }
  
  .fr {
    float: right;
  }
  
  /* 块状元素水平居中 */
  .auto {
    margin-left: auto;
    margin-right: auto;
  }
  
  /* overflow */
  .ovh {
    overflow: hidden;
  }
  
  /* position */
  .rel {
    position: relative;
  }
  
  .abs {
    position: absolute;
  }
  
  /* font-style */
  .n {
    font-weight: normal;
    font-style: normal;
  }
  
  .b {
    font-weight: bold;
  }
  
  .i {
    font-style: italic;
  }
  
  /* text-align */
  .tc {
    text-align: center;
  }
  
  .tr {
    text-align: right;
  }
  
  .tl {
    text-align: left;
  }
  
  .tj {
    text-align: justify;
  }
  
  /* margin */
  .m0 {
    margin: 0 !important;
  }
  
  .ml0 {
    margin-left: 0;
  }
  
  .ml1 {
    margin-left: 1px;
  }
  
  .ml2 {
    margin-left: 2px;
  }
  
  .ml5 {
    margin-left: 5px;
  }
  
  .ml10 {
    margin-left: 10px;
  }
  
  .ml15 {
    margin-left: 15px;
  }
  
  .ml20 {
    margin-left: 20px;
  }
  
  .ml25 {
    margin-left: 25px;
  }
  
  .ml30 {
    margin-left: 30px;
  }
  
  .mr1 {
    margin-right: 1px;
  }
  
  .mr2 {
    margin-right: 2px;
  }
  
  .mr5 {
    margin-right: 5px;
  }
  
  .mr10 {
    margin-right: 10px;
  }
  
  .mr15 {
    margin-right: 15px;
  }
  
  .mr20 {
    margin-right: 20px;
  }
  
  .mr30 {
    margin-right: 30px;
  }
  
  .mt1 {
    margin-top: 1px;
  }
  
  .mt2 {
    margin-top: 2px;
  }
  
  .mt5 {
    margin-top: 5px;
  }
  
  .mt10 {
    margin-top: 10px;
  }
  
  .mt15 {
    margin-top: 15px;
  }
  
  .mt20 {
    margin-top: 20px;
  }
  
  .mt25 {
    margin-top: 25px;
  }
  
  .mt30 {
    margin-top: 30px;
  }
  
  .mb1 {
    margin-bottom: 1px;
  }
  
  .mb2 {
    margin-bottom: 2px;
  }
  
  .mb5 {
    margin-bottom: 5px;
  }
  
  .mb10 {
    margin-bottom: 10px;
  }
  
  .mb15 {
    margin-bottom: 15px;
  }
  
  .mb20 {
    margin-bottom: 20px;
  }
  
  .mb25 {
    margin-bottom: 25px;
  }
  
  .mb30 {
    margin-bottom: 30px;
  }
  
  /* padding */
  .p0 {
    padding: 0;
  }
  
  .p1 {
    padding: 1px;
  }
  
  .pl1 {
    padding-left: 1px;
  }
  
  .pt1 {
    padding-top: 1px;
  }
  
  .pr1 {
    padding-right: 1px;
  }
  
  .pb1 {
    padding-bottom: 1px;
  }
  
  .p2 {
    padding: 2px;
  }
  
  .pl2 {
    padding-left: 2px;
  }
  
  .pt2 {
    padding-top: 2px;
  }
  
  .pr2 {
    padding-right: 2px;
  }
  
  .pb2 {
    padding-bottom: 2px;
  }
  
  .pl5 {
    padding-left: 5px;
  }
  
  .p5 {
    padding: 5px;
  }
  
  .pt5 {
    padding-top: 5px;
  }
  
  .pr5 {
    padding-right: 5px;
  }
  
  .pb5 {
    padding-bottom: 5px;
  }
  
  .p10 {
    padding: 10px;
  }
  
  .pl10 {
    padding-left: 10px;
  }
  
  .pt10 {
    padding-top: 10px;
  }
  
  .pr10 {
    padding-right: 10px;
  }
  
  .pb10 {
    padding-bottom: 10px;
  }
  
  .p15 {
    padding: 15px;
  }
  
  .pl15 {
    padding-left: 15px;
  }
  
  .pt15 {
    padding-top: 15px;
  }
  
  .pr15 {
    padding-right: 15px;
  }
  
  .pb15 {
    padding-bottom: 15px;
  }
  
  .p20 {
    padding: 20px;
  }
  
  .pl20 {
    padding-left: 20px;
  }
  
  .pt20 {
    padding-top: 20px;
  }
  
  .pr20 {
    padding-right: 20px;
  }
  
  .pb20 {
    padding-bottom: 20px;
  }
  
  .p30 {
    padding: 30px;
  }
  
  .pl30 {
    padding-left: 30px;
  }
  
  .pt30 {
    padding-top: 30px;
  }
  
  .pr30 {
    padding-right: 30px;
  }
  
  .pb30 {
    padding-bottom: 30px;
  }
  
  /* vertical-align */
  .vm {
    vertical-align: middle;
  }
  
  .vtb {
    vertical-align: text-bottom;
  }
  
  .vb {
    vertical-align: bottom;
  }
  
  .vt {
    vertical-align: top;
  }
  
  .vn {
    vertical-align: -2px;
  }
  
  .bgnone {
    background: none !important;
  }
  
  .bnone {
    border: none !important;
  }
  
  /*nav - style*/
  /* ==============================================================
  
  Template name : Bootsnav - Multi Purpose Header
  Categorie : Bootstrap Menu in CSS
  Author : adamnurdin01
  Version : v.1.2
  Created : 2016-06-02
  Last update : 2016-10-19
  
  ============================================================== */
  /* MEGAMENU STYLE
  =================================*/
  nav.bootsnav .dropdown.megamenu-fw {
    position: static;
  }
  
  nav.bootsnav .container {
    position: relative;
  }
  
  nav.bootsnav .megamenu-fw .dropdown-menu {
    left: auto;
  }
  
  nav.bootsnav .megamenu-content {
    padding: 15px;
    width: 100% !important;
  }
  
  nav.bootsnav .megamenu-content .title {
    margin-top: 0;
  }
  
  nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
  }
  
  /* Navbar
  =================================*/
  nav.navbar.bootsnav {
    margin-bottom: 0;
    border-radius: 0px;
    background-color: #fff;
    border: none;
    border-bottom: solid 1px #e0e0e0;
    z-index: 9;
  }
  
  nav.navbar.bootsnav ul.nav > li > a {
    color: #6f6f6f;
    background-color: transparent;
    outline: none;
    margin-bottom: -2px;
  }
  
  nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover,
  nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus,
  nav.navbar.bootsnav ul.nav li.active > a:hover,
  nav.navbar.bootsnav ul.nav li.active > a:focus,
  nav.navbar.bootsnav ul.nav li.active > a {
    background-color: transparent;
  }
  
  nav.navbar.bootsnav .navbar-toggle {
    background-color: #fff;
    border: none;
    padding: 0;
    font-size: 18px;
    position: relative;
    top: 5px;
  }
  
  nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%;
  }
  
  nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a {
    white-space: normal;
  }
  
  ul.menu-col {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  ul.menu-col li a {
    color: #6f6f6f;
  }
  
  ul.menu-col li a:hover,
  ul.menu-col li a:focus {
    text-decoration: none;
  }
  
  /* Navbar Full
  =================================*/
  nav.bootsnav.navbar-full {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  
  nav.bootsnav.navbar-full .navbar-header {
    display: block;
    width: 100%;
  }
  
  nav.bootsnav.navbar-full .navbar-toggle {
    display: inline-block;
    margin-right: 0;
    position: relative;
    top: 0;
    font-size: 30px;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }
  
  nav.bootsnav.navbar-full .navbar-collapse {
    position: fixed;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    padding: 0;
    display: none !important;
    z-index: 9;
  }
  
  nav.bootsnav.navbar-full .navbar-collapse.in {
    display: block !important;
  }
  
  nav.bootsnav.navbar-full .navbar-collapse .nav-full {
    overflow: auto;
  }
  
  nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu {
    display: table-cell;
    vertical-align: middle;
    background-color: #fff;
    overflow: auto;
  }
  
  nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
    width: 0;
  }
  
  nav.bootsnav.navbar-full .navbar-collapse ul.nav {
    display: block;
    width: 100%;
    overflow: auto;
  }
  
  nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover,
  nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus,
  nav.bootsnav.navbar-full .navbar-collapse ul.nav a {
    background-color: transparent;
  }
  
  nav.bootsnav.navbar-full .navbar-collapse ul.nav > li {
    float: none;
    display: block;
    text-align: center;
  }
  
  nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a {
    display: table;
    margin: auto;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 24px;
    padding: 10px 15px;
  }
  
  li.close-full-menu > a {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  li.close-full-menu {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  
  /* Atribute Navigation
  =================================*/
  .attr-nav {
    float: right;
    margin-left: 13px;
    margin-right: -15px;
  }
  
  .attr-nav > ul {
    padding: 0;
    margin: 0 0 -7px 0;
    list-style: none;
    display: inline-block;
  }
  
  .attr-nav > ul > li {
    float: left;
    display: block;
  }
  
  .attr-nav > ul > li > a {
    color: #6f6f6f;
    display: block;
    padding: 28px 15px;
    position: relative;
  }
  
  .attr-nav > ul > li > a span.badge {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 5px;
    font-size: 10px;
    padding: 0;
    width: 15px;
    height: 15px;
    padding-top: 2px;
  }
  
  .attr-nav > ul > li.dropdown ul.dropdown-menu {
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    border: solid 1px #e0e0e0;
  }
  
  ul.cart-list {
    padding: 0 !important;
    width: 250px !important;
  }
  
  ul.cart-list > li {
    position: relative;
    border-bottom: solid 1px #efefef;
    padding: 15px 15px 23px 15px !important;
  }
  
  ul.cart-list > li > a.photo {
    padding: 0 !important;
    margin-right: 15px;
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    left: 15px;
    top: 15px;
  }
  
  ul.cart-list > li img {
    width: 50px;
    height: 50px;
    border: solid 1px #efefef;
  }
  
  ul.cart-list > li > h6 {
    margin: 0;
  }
  
  ul.cart-list > li > h6 > a.photo {
    padding: 0 !important;
    display: block;
  }
  
  ul.cart-list > li > p {
    margin-bottom: 0;
  }
  
  ul.cart-list > li.total {
    background-color: #f5f5f5;
    padding-bottom: 15px !important;
  }
  
  ul.cart-list > li.total > .btn {
    display: inline-block;
    border-bottom: solid 1px #efefef;
  }
  
  ul.cart-list > li .price {
    font-weight: bold;
  }
  
  ul.cart-list > li.total > span {
    padding-top: 8px;
  }
  
  /* Top Search
  =================================*/
  .top-search {
    background-color: #333;
    padding: 10px 0;
    display: none;
  }
  
  .top-search input.form-control {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    color: #fff;
    height: 40px;
    padding: 0 15px;
  }
  
  .top-search .input-group-addon {
    background-color: transparent;
    border: none;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
  }
  
  .top-search .input-group-addon.close-search {
    cursor: pointer;
  }
  
  /* Side Menu
  =================================*/
  body {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  body.on-side {
    margin-left: -280px;
  }
  
  .side {
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: -280px;
    width: 280px;
    padding: 25px 30px;
    height: 100%;
    display: block;
    background-color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 9;
  }
  
  .side.on {
    right: 0;
  }
  
  .side .close-side {
    float: right;
    color: #fff;
    position: relative;
    z-index: 2;
    font-size: 16px;
  }
  
  .side .widget {
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
  }
  
  .side .widget .title {
    color: #fff;
    margin-bottom: 15px;
  }
  
  .side .widget ul.link {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  .side .widget ul.link li a {
    color: #9f9f9f;
    letter-spacing: 1px;
  }
  
  .side .widget ul.link li a:focus,
  .side .widget ul.link li a:hover {
    color: #fff;
    text-decoration: none;
  }
  
  /* Share
  =================================*/
  nav.navbar.bootsnav .share {
    padding: 0 30px;
    margin-bottom: 30px;
  }
  
  nav.navbar.bootsnav .share ul {
    display: inline-block;
    padding: 0;
    margin: 0 0 -7px 0;
    list-style: none;
  }
  
  nav.navbar.bootsnav .share ul > li {
    float: left;
    display: block;
    margin-right: 5px;
  }
  
  nav.navbar.bootsnav .share ul > li > a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #cfcfcf;
    color: #fff;
  }
  
  /* Transparent
  =================================*/
  nav.navbar.bootsnav.navbar-fixed {
    position: fixed;
    display: block;
    width: 100%;
  }
  
  nav.navbar.bootsnav.no-background {
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }
  
  /* Navbar Sticky
  =================================*/
  .wrap-sticky {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .wrap-sticky nav.navbar.bootsnav {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
  }
  
  .wrap-sticky nav.navbar.bootsnav.sticked {
    position: fixed;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  
  body.on-side .wrap-sticky nav.navbar.bootsnav.sticked {
    left: -280px;
  }
  
  /* Navbar Responsive
  =================================*/
  @media (min-width: 1024px) and (max-width: 1400px) {
    body.wrap-nav-sidebar .wrapper .container {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;
    }
  }
  @media (min-width: 1024px) {
    /* General Navbar
    =================================*/
    nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
      margin-top: -2px;
    }
    nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu {
      left: -200px;
    }
    nav.navbar.bootsnav ul.nav > li > a {
      padding: 30px 15px;
      font-weight: 600;
    }
    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
      font-family: "FontAwesome";
      content: "\f0d7";
      margin-left: 5px;
      margin-top: 2px;
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
      -webkit-box-shadow: 0px 0px 0px;
      -o-box-shadow: 0px 0px 0px;
      box-shadow: 0px 0px 0px;
      border-radius: 0px;
      padding: 0;
      width: 200px;
      background: #fff;
      border: solid 1px #e0e0e0;
      border-top: solid 5px;
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {
      background-color: transparent;
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
      padding: 10px 15px;
      border-bottom: solid 1px #eee;
      color: #6f6f6f;
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a {
      border-bottom: none;
    }
    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
      text-align: right;
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
      font-family: "FontAwesome";
      float: right;
      content: "\f105";
      margin-top: 0;
    }
    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
      font-family: "FontAwesome";
      float: left;
      content: "\f104";
      margin-top: 0;
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu {
      top: -3px;
    }
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {
      padding: 0 15px !important;
    }
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li {
      padding: 25px 0 20px;
    }
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed {
      padding: 0;
    }
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li {
      padding: 0;
    }
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
      padding: 0 30px;
      margin: 0 -0.5px;
      border-left: solid 1px #f0f0f0;
      border-right: solid 1px #f0f0f0;
    }
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child {
      border-left: none;
    }
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child {
      border-right: none;
    }
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content {
      display: none;
    }
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
      text-align: left;
      padding: 5px 0;
      display: block;
      width: 100%;
      margin-bottom: 0;
      border-bottom: none;
      color: #6f6f6f;
    }
    nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content {
      display: block !important;
      height: auto !important;
    }
    /* Navbar Transparent
    =================================*/
    nav.navbar.bootsnav.no-background {
      background-color: transparent;
      border: none;
    }
    nav.navbar.bootsnav.navbar-transparent .attr-nav {
      padding-left: 15px;
      margin-left: 30px;
    }
    nav.navbar.bootsnav.navbar-transparent.white {
      background-color: rgba(255, 255, 255, 0.3);
      border-bottom: solid 1px #bbb;
    }
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark {
      background-color: rgba(0, 0, 0, 0.3);
      border-bottom: solid 1px #555;
    }
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav {
      border-left: solid 1px #bbb;
    }
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav {
      border-left: solid 1px #555;
    }
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a {
      color: #fff;
    }
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a {
      color: #eee;
    }
    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled,
    nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled {
      display: none;
    }
    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display,
    nav.navbar.bootsnav.navbar-fixed.no-background .logo-display {
      display: block;
    }
    nav.navbar.bootsnav.navbar-fixed .logo-display {
      display: none;
    }
    nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
      display: block;
    }
    /* Atribute Navigation
    =================================*/
    .attr-nav > ul > li.dropdown ul.dropdown-menu {
      margin-top: 0;
      margin-left: 55px;
      width: 250px;
      left: -250px;
    }
    /* Menu Center
    =================================*/
    nav.navbar.bootsnav.menu-center .container {
      position: relative;
    }
    nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
      float: none;
      margin: 0 auto;
      display: table;
      table-layout: fixed;
    }
    nav.navbar.bootsnav.menu-center .navbar-header,
    nav.navbar.bootsnav.menu-center .attr-nav {
      position: absolute;
    }
    nav.navbar.bootsnav.menu-center .attr-nav {
      right: 15px;
    }
    /* Navbar Brand top
    =================================*/
    nav.bootsnav.navbar-brand-top .navbar-header {
      display: block;
      width: 100%;
      text-align: center;
    }
    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu {
      margin-top: 2px;
    }
    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
      margin-top: 0;
    }
    nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand {
      display: inline-block;
      float: none;
      margin: 0;
    }
    nav.bootsnav.navbar-brand-top .navbar-collapse {
      text-align: center;
    }
    nav.bootsnav.navbar-brand-top ul.nav {
      display: inline-block;
      float: none;
      margin: 0 0 -5px 0;
    }
    /* Navbar Center
    =================================*/
    nav.bootsnav.brand-center .navbar-header {
      display: block;
      width: 100%;
      position: absolute;
      text-align: center;
      top: 0;
      left: 0;
    }
    nav.bootsnav.brand-center .navbar-brand {
      display: inline-block;
      float: none;
    }
    nav.bootsnav.brand-center .navbar-collapse {
      text-align: center;
      display: inline-block;
      padding-left: 0;
      padding-right: 0;
    }
    nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {
      margin-top: 2px;
    }
    nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
      margin-top: 0;
    }
    nav.bootsnav.brand-center .navbar-collapse .col-half {
      width: 50%;
      float: left;
      display: block;
    }
    nav.bootsnav.brand-center .navbar-collapse .col-half.left {
      text-align: right;
      padding-right: 100px;
    }
    nav.bootsnav.brand-center .navbar-collapse .col-half.right {
      text-align: left;
      padding-left: 100px;
    }
    nav.bootsnav.brand-center ul.nav {
      float: none !important;
      margin-bottom: -5px !important;
      display: inline-block !important;
    }
    nav.bootsnav.brand-center ul.nav.navbar-right {
      margin: 0;
    }
    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left {
      text-align: left;
      padding-right: 100px;
    }
    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right {
      text-align: right;
      padding-left: 100px;
    }
    /* Navbar Sidebar
    =================================*/
    body.wrap-nav-sidebar .wrapper {
      padding-left: 260px;
      overflow-x: hidden;
    }
    nav.bootsnav.navbar-sidebar {
      position: fixed;
      width: 260px;
      overflow: hidden;
      left: 0;
      padding: 0 0 0 0 !important;
      background: #fff;
      border-right: solid 1px #dfdfdf;
    }
    nav.bootsnav.navbar-sidebar .scroller {
      width: 280px;
      overflow-y: auto;
      overflow-x: hidden;
    }
    nav.bootsnav.navbar-sidebar .container-fluid,
    nav.bootsnav.navbar-sidebar .container {
      padding: 0 !important;
    }
    nav.bootsnav.navbar-sidebar .navbar-header {
      float: none;
      display: block;
      width: 260px;
      padding: 10px 15px;
      margin: 10px 0 0 0 !important;
    }
    nav.bootsnav.navbar-sidebar .navbar-collapse {
      padding: 0 !important;
      width: 260px;
    }
    nav.bootsnav.navbar-sidebar ul.nav {
      float: none;
      display: block;
      width: 100%;
      padding: 0 15px !important;
      margin: 0 0 30px 0;
    }
    nav.bootsnav.navbar-sidebar ul.nav li {
      float: none !important;
    }
    nav.bootsnav.navbar-sidebar ul.nav > li > a {
      padding: 10px 15px;
      font-weight: bold;
    }
    nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after {
      float: right;
    }
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
      left: 100%;
      top: 0;
      position: relative !important;
      left: 0 !important;
      width: 100% !important;
      height: auto !important;
      background-color: transparent;
      border: none !important;
      padding: 0;
      -webkit-box-shadow: 0px 0px 0px;
      -o-box-shadow: 0px 0px 0px;
      box-shadow: 0px 0px 0px;
    }
    nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu {
      border: none !important;
    }
    nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu {
      margin-bottom: 15px;
    }
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
      padding-left: 0;
      float: none;
      margin-bottom: 0;
    }
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a {
      padding: 5px 15px;
      color: #6f6f6f;
      border: none;
    }
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu {
      padding-left: 15px;
      margin-top: 0;
    }
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before {
      font-family: "FontAwesome";
      content: "\f105";
      float: right;
    }
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before {
      content: "\f107";
    }
    nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li {
      padding: 0 !important;
    }
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
      display: block;
      float: none !important;
      padding: 0;
      margin: 0;
      width: 100%;
    }
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
      padding: 7px 0;
      text-transform: none;
      font-weight: 400;
      letter-spacing: 0px;
      margin-bottom: 0;
      cursor: pointer;
      color: #6f6f6f;
    }
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before {
      font-family: "FontAwesome";
      content: "\f105";
      float: right;
    }
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before {
      content: "\f107";
    }
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
      border: none;
    }
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content {
      padding: 0 0 0 15px;
    }
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a {
      padding: 3px 0 !important;
    }
  }
  @media (max-width: 991px) {
    /* Navbar Responsive
    =================================*/
    nav.navbar.bootsnav .navbar-brand {
      display: inline-block;
      float: none !important;
      margin: 0 !important;
    }
    nav.navbar.bootsnav .navbar-header {
      float: none;
      display: block;
      text-align: center;
      padding-left: 30px;
      padding-right: 30px;
    }
    nav.navbar.bootsnav .navbar-toggle {
      float: left;
      margin-right: -200px;
      margin-top: 10px;
    }
    nav.navbar.bootsnav .navbar-collapse {
      border: none;
      margin-bottom: 0;
    }
    nav.navbar.bootsnav.no-full .navbar-collapse {
      max-height: 350px;
      overflow-y: auto !important;
    }
    nav.navbar.bootsnav .navbar-collapse.collapse {
      display: none !important;
    }
    nav.navbar.bootsnav .navbar-collapse.collapse.in {
      display: block !important;
    }
    nav.navbar.bootsnav .navbar-nav {
      float: none !important;
      padding-left: 30px;
      padding-right: 30px;
      margin: 0px -15px;
    }
    nav.navbar.bootsnav .navbar-nav > li {
      float: none;
    }
    nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before {
      font-family: "FontAwesome";
      content: "\f105";
      float: right;
      font-size: 16px;
      margin-left: 10px;
    }
    nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before {
      content: "\f107";
    }
    nav.navbar.bootsnav .navbar-nav > li > a {
      display: block;
      width: 100%;
      border-bottom: solid 1px #e0e0e0;
      padding: 10px 0;
      border-top: solid 1px #e0e0e0;
      margin-bottom: -1px;
    }
    nav.navbar.bootsnav .navbar-nav > li:first-child > a {
      border-top: none;
    }
    nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu {
      border-bottom: solid 1px #e0e0e0;
    }
    nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle {
      float: none !important;
      position: relative;
      display: block;
      width: 100%;
    }
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
      width: 100%;
      position: relative !important;
      background-color: transparent;
      float: none;
      border: none;
      padding: 0 0 0 15px !important;
      margin: 0 0 -1px 0 !important;
      -webkit-box-shadow: 0px 0px 0px;
      -o-box-shadow: 0px 0px 0px;
      box-shadow: 0px 0px 0px;
      border-radius: 0px 0px 0px;
    }
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
      display: block;
      width: 100%;
      border-bottom: solid 1px #e0e0e0;
      padding: 10px 0;
      color: #6f6f6f;
    }
    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover,
    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus {
      background-color: transparent;
    }
    nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu {
      float: none !important;
      left: 0;
      padding: 0 0 0 15px;
      position: relative;
      background: transparent;
      width: 100%;
    }
    nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu {
      display: inline-block;
      margin-top: -10px;
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after {
      display: none;
    }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
      padding: 10px 15px 10px 0;
      line-height: 24px;
      text-transform: none;
      font-weight: 400;
      letter-spacing: 0px;
      margin-bottom: 0;
      cursor: pointer;
      border-bottom: solid 1px #e0e0e0;
      color: #6f6f6f;
    }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {
      display: block;
      width: 100%;
      border-bottom: solid 1px #e0e0e0;
      padding: 8px 0;
    }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before {
      font-family: "FontAwesome";
      content: "\f105";
      float: right;
      font-size: 16px;
      margin-left: 10px;
      position: relative;
      right: -15px;
    }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title {
      border-bottom: none;
    }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title {
      border-bottom: solid 1px #e0e0e0;
    }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a {
      border-bottom: none;
    }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before {
      content: "\f107";
    }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content {
      padding: 0 0 0 15px;
    }
    nav.bootsnav.brand-center .navbar-collapse {
      display: block;
    }
    nav.bootsnav.brand-center ul.nav {
      margin-bottom: 0px !important;
    }
    nav.bootsnav.brand-center .navbar-collapse .col-half {
      width: 100%;
      float: none;
      display: block;
    }
    nav.bootsnav.brand-center .navbar-collapse .col-half.left {
      margin-bottom: 0;
    }
    nav.bootsnav .megamenu-content {
      padding: 0;
    }
    nav.bootsnav .megamenu-content .col-menu {
      padding-bottom: 0;
    }
    nav.bootsnav .megamenu-content .title {
      cursor: pointer;
      display: block;
      padding: 10px 15px;
      margin-bottom: 0;
      font-weight: normal;
    }
    nav.bootsnav .megamenu-content .content {
      display: none;
    }
    .attr-nav {
      position: absolute;
      right: 60px;
    }
    .attr-nav > ul {
      padding: 0;
      margin: 0 -15px -7px 0;
    }
    .attr-nav > ul > li > a {
      padding: 16px 15px 15px;
    }
    .attr-nav > ul > li.dropdown > a.dropdown-toggle:before {
      display: none;
    }
    .attr-nav > ul > li.dropdown ul.dropdown-menu {
      margin-top: 2px;
      margin-left: 55px;
      width: 250px;
      left: -250px;
      border-top: solid 5px;
    }
    .top-search .container {
      padding: 0 45px;
    }
    /* Navbar full Responsive
    =================================*/
    nav.bootsnav.navbar-full ul.nav {
      margin-left: 0;
    }
    nav.bootsnav.navbar-full ul.nav > li > a {
      border: none;
    }
    nav.bootsnav.navbar-full .navbar-brand {
      float: left !important;
      padding-left: 0;
    }
    nav.bootsnav.navbar-full .navbar-toggle {
      float: right;
      margin-right: 0;
      margin-top: 10px;
    }
    nav.bootsnav.navbar-full .navbar-header {
      padding-left: 15px;
      padding-right: 15px;
    }
    /* Navbar Sidebar
    =================================*/
    nav.navbar.bootsnav.navbar-sidebar .share {
      padding: 30px 15px;
      margin-bottom: 0;
    }
    /* Tabs
    =================================*/
    nav.navbar.bootsnav .megamenu-content.tabbed {
      padding-left: 0 !important;
    }
    nav.navbar.bootsnav .tabbed > li {
      padding: 25px 0;
      margin-left: -15px !important;
    }
    /* Mobile Navigation
    =================================*/
    body > .wrapper {
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    body.side-right > .wrapper {
      margin-left: 280px;
      margin-right: -280px !important;
    }
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
      position: fixed;
      overflow-y: auto !important;
      overflow-x: hidden !important;
      display: block;
      background: #fff;
      z-index: 99;
      width: 280px;
      height: 100% !important;
      left: -280px;
      top: 0;
      padding: 0;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
      left: 0;
    }
    nav.navbar.bootsnav.navbar-mobile ul.nav {
      width: 293px;
      padding-right: 0;
      padding-left: 15px;
    }
    nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {
      padding: 15px 15px;
    }
    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a {
      padding-right: 15px !important;
      padding-top: 15px !important;
      padding-bottom: 15px !important;
    }
    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
      padding-right: 30px !important;
      padding-top: 13px !important;
      padding-bottom: 13px !important;
    }
    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
      padding-top: 13px !important;
      padding-bottom: 13px !important;
    }
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=" col-"] {
      width: 100%;
    }
    nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
      display: block !important;
    }
    nav.navbar.bootsnav.navbar-fixed .logo-display {
      display: none !important;
    }
    nav.navbar.bootsnav.navbar-mobile .tab-menu,
    nav.navbar.bootsnav.navbar-mobile .tab-content {
      width: 100%;
      display: block;
    }
  }
  @media (max-width: 767px) {
    nav.navbar.bootsnav .navbar-header {
      padding-left: 15px;
      padding-right: 15px;
    }
    nav.navbar.bootsnav .navbar-nav {
      padding-left: 15px;
      padding-right: 15px;
    }
    .attr-nav {
      right: 30px;
    }
    .attr-nav > ul {
      margin-right: -10px;
    }
    .attr-nav > ul > li > a {
      padding: 16px 10px 15px;
      padding-left: 0 !important;
    }
    .attr-nav > ul > li.dropdown ul.dropdown-menu {
      left: -275px;
    }
    .top-search .container {
      padding: 0 15px;
    }
    nav.bootsnav.navbar-full .navbar-collapse {
      left: 15px;
    }
    nav.bootsnav.navbar-full .navbar-header {
      padding-right: 0;
    }
    nav.bootsnav.navbar-full .navbar-toggle {
      margin-right: -15px;
    }
    nav.bootsnav.navbar-full ul.nav > li > a {
      font-size: 18px !important;
      line-height: 24px !important;
      padding: 5px 10px !important;
    }
    /* Navbar Sidebar
    =================================*/
    nav.navbar.bootsnav.navbar-sidebar .share {
      padding: 30px 15px !important;
    }
    /* Navbar Sidebar
    =================================*/
    nav.navbar.bootsnav.navbar-sidebar .share {
      padding: 30px 0 !important;
      margin-bottom: 0;
    }
    nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share {
      padding: 30px 15px !important;
      margin-bottom: 0;
    }
    /* Mobile Navigation
    =================================*/
    body.side-right > .wrapper {
      margin-left: 280px;
      margin-right: -280px !important;
    }
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
      margin-left: 0;
    }
    nav.navbar.bootsnav.navbar-mobile ul.nav {
      margin-left: -15px;
    }
    nav.navbar.bootsnav.navbar-mobile ul.nav {
      border-top: solid 1px #fff;
    }
    li.close-full-menu {
      padding-top: 15px !important;
      padding-bottom: 15px !important;
    }
  }
  @media (min-width: 480px) and (max-width: 640px) {
    nav.bootsnav.navbar-full ul.nav {
      padding-top: 30px;
      padding-bottom: 30px;
    }
  }
  /*ui-select样式，可根据实际项目需求进行调整*/
  .ui-select-wrap {
    display: inline-block;
    border: 1px solid #aaa;
    position: relative;
    height: 30px;
    padding-right: 15px;
    border-radius: 3px;
    background-color: #f2f2f2;
    cursor: pointer;
    font: 100 16px/30px;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    z-index: 8;
    vertical-align: top;
  }
  
  .ui-select-wrap.focus {
    z-index: 9;
  }
  
  select.ui-select {
    height: 32px;
    vertical-align: top;
    padding: 0 8px 0 4px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #f2f2f2;
    font: 100 16px/30px;
  }
  
  .ui-select-wrap > select {
    display: none;
    height: 32px;
    vertical-align: top;
    padding: 0 8px;
    border: 1px solid #aaa;
  }
  
  .ui-select-input {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 15px;
    padding-left: 8px;
    white-space: nowrap;
    overflow: hidden;
  }
  
  .ui-select-arrow {
    display: block;
    position: absolute;
    right: 3px;
    top: 40%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-width: 6px 5px 0 5px;
    border-top-color: #999;
  }
  
  .ui-select-list {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
    left: -1px;
    top: 30px;
    background-color: #fff;
    border: 1px solid #AAA;
    width: 100%;
    overflow: auto;
    max-height: 200px;
    border-radius: 0 3px 3px 3px;
  }
  
  .ui-select-wrap.up .ui-select-list {
    top: auto;
    bottom: 30px;
  }
  
  .ui-select-wrap.focus .ui-select-list {
    display: block;
  }
  
  .ui-select-list > li {
    display: block;
    line-height: 28px;
    padding: 0 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .ui-select-list > li:hover {
    background-color: #ddd;
  }
  
  .ui-select-list > li.selected {
    background-color: #0080ff;
    color: #fff;
  }
  
  .ui-select-list > li.disabled {
    background-color: #f2f2f2;
    color: #999;
    cursor: not-allowed;
  }
  
  .ui-select-list > li.disabled.selected {
    background-color: #59ADFF;
    color: #f2f2f2;
    cursor: not-allowed;
  }
  
  .ui-select-wrap.disabled {
    color: #999;
    border-color: #ccc;
    cursor: not-allowed;
  }
  
  .ui-select-wrap.disabled .ui-select-arrow {
    border-top-color: #ccc;
  }
  
  html.hc-yscroll {
    overflow-y: scroll;
  }
  
  body.hc-nav-open {
    position: fixed;
    width: 100%;
    min-height: 100%;
  }
  
  .hc-mobile-nav {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9999;
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }
  
  .hc-mobile-nav.is-ios * {
    cursor: pointer !important;
  }
  
  .hc-mobile-nav .nav-container {
    position: fixed;
    z-index: 9998;
    top: 0;
    width: 240px;
    max-width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  }
  
  .hc-mobile-nav .nav-wrapper {
    width: 100%;
  }
  
  .hc-mobile-nav .nav-wrapper.nav-wrapper-1 {
    position: static;
    height: 100%;
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
  }
  
  .hc-mobile-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .hc-mobile-nav li {
    position: relative;
    display: block;
  }
  
  .hc-mobile-nav li.level-open > .nav-wrapper {
    visibility: visible;
  }
  
  .hc-mobile-nav input[type=checkbox] {
    display: none;
  }
  
  .hc-mobile-nav label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
  }
  
  .hc-mobile-nav a {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
  }
  
  .hc-mobile-nav a,
  .hc-mobile-nav a:hover {
    text-decoration: none;
  }
  
  .hc-mobile-nav.disable-body:not(.nav-open)::after {
    pointer-events: none;
  }
  
  .hc-mobile-nav.disable-body::after,
  .hc-mobile-nav.disable-body .nav-wrapper::after {
    content: "";
    position: fixed;
    z-index: 9990;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s ease 0.4s, opacity 0.4s ease;
    transition: visibility 0s ease 0.4s, opacity 0.4s ease;
  }
  
  .hc-mobile-nav.disable-body.nav-open::after,
  .hc-mobile-nav.disable-body .sub-level-open::after {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0.05s;
            transition-delay: 0.05s;
  }
  
  .hc-mobile-nav.nav-levels-expand .nav-wrapper::after {
    display: none;
  }
  
  .hc-mobile-nav.nav-levels-expand ul .nav-wrapper {
    min-width: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: height 0s ease 0.4s;
    transition: height 0s ease 0.4s;
  }
  
  .hc-mobile-nav.nav-levels-expand .level-open > .nav-wrapper {
    max-height: none;
  }
  
  .hc-mobile-nav.nav-levels-overlap ul .nav-wrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    height: 100%;
    visibility: hidden;
    -webkit-transition: visibility 0s ease 0.4s, -webkit-transform 0.4s ease;
    transition: visibility 0s ease 0.4s, -webkit-transform 0.4s ease;
    transition: visibility 0s ease 0.4s, transform 0.4s ease;
    transition: visibility 0s ease 0.4s, transform 0.4s ease, -webkit-transform 0.4s ease;
  }
  
  .hc-mobile-nav.nav-levels-overlap ul ul {
    height: 100%;
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
  }
  
  .hc-mobile-nav.nav-levels-overlap ul li.nav-parent {
    position: static;
  }
  
  .hc-mobile-nav.nav-levels-overlap ul li.level-open > .nav-wrapper {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  }
  
  .hc-mobile-nav.side-left {
    left: 0;
  }
  
  .hc-mobile-nav.side-left .nav-container {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  
  .hc-mobile-nav.side-left.nav-levels-overlap li.level-open > .nav-wrapper {
    -webkit-transform: translate3d(-40px, 0, 0);
            transform: translate3d(-40px, 0, 0);
  }
  
  .hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  
  .hc-mobile-nav.side-right {
    right: 0;
  }
  
  .hc-mobile-nav.side-right .nav-container {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  
  .hc-mobile-nav.side-right.nav-levels-overlap li.level-open > .nav-wrapper {
    -webkit-transform: translate3d(40px, 0, 0);
            transform: translate3d(40px, 0, 0);
  }
  
  .hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  
  .hc-mobile-nav.nav-open .nav-container {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  
  .hc-nav-trigger {
    position: absolute;
    cursor: pointer;
    display: none;
    top: 20px;
    z-index: 9980;
    min-height: 24px;
  }
  
  .hc-nav-trigger span {
    width: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  
  .hc-nav-trigger span,
  .hc-nav-trigger span::before,
  .hc-nav-trigger span::after {
    position: absolute;
    left: 0;
    height: 4px;
    background: #34495E;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  
  .hc-nav-trigger span::before,
  .hc-nav-trigger span::after {
    content: "";
    width: 100%;
  }
  
  .hc-nav-trigger span::before {
    top: -10px;
  }
  
  .hc-nav-trigger span::after {
    bottom: -10px;
  }
  
  .hc-nav-trigger.toggle-open span {
    background: rgba(0, 0, 0, 0);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  .hc-nav-trigger.toggle-open span::before {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  
  .hc-nav-trigger.toggle-open span::after {
    -webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);
            transform: rotate(-90deg) translate3d(10px, 0, 0);
  }
  
  .hc-mobile-nav::after,
  .hc-mobile-nav .nav-wrapper::after {
    background: rgba(0, 0, 0, 0.3);
  }
  
  .hc-mobile-nav .nav-wrapper {
    background: #3F51B5;
  }
  
  .hc-mobile-nav.nav-open .nav-wrapper {
    -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
  }
  
  .hc-mobile-nav h2 {
    font-size: 19px;
    font-weight: normal;
    text-align: left;
    padding: 20px 17px;
    color: #fff;
  }
  
  .hc-mobile-nav a {
    padding: 14px 17px;
    font-size: 15px;
    color: #fff;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  .hc-mobile-nav:not(.touch-device) a:hover {
    background: #4B3FC2;
  }
  
  .hc-mobile-nav li {
    text-align: left;
  }
  
  .hc-mobile-nav li.nav-close a,
  .hc-mobile-nav li.nav-back a {
    background: #4B3FC2;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  
  .hc-mobile-nav li.nav-close a:hover,
  .hc-mobile-nav li.nav-back a:hover {
    background: #4B3FC2;
  }
  
  .hc-mobile-nav li.nav-parent a {
    padding-right: 58px;
  }
  
  .hc-mobile-nav li.nav-close span,
  .hc-mobile-nav li.nav-parent span.nav-next,
  .hc-mobile-nav li.nav-back span {
    width: 45px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
  }
  
  .hc-mobile-nav li.nav-close span::before {
    display: block;
    content: "\f2d3";
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "FontAwesome";
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  
  .hc-mobile-nav a[href]:not([href="#"]) > span.nav-next {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  .hc-mobile-nav span.nav-next::before,
  .hc-mobile-nav li.nav-back span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-left: -2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  
  .hc-mobile-nav span.nav-next::before {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
            transform: translate(-50%, -50%) rotate(135deg);
  }
  
  .hc-mobile-nav li.nav-back span::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
  
  .hc-mobile-nav.side-right span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
  
  .hc-mobile-nav.side-right li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
            transform: translate(-50%, -50%) rotate(135deg);
  }
  
  .hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper,
  .hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper {
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent;
  }
  
  .hc-mobile-nav.nav-levels-expand .nav-container ul h2,
  .hc-mobile-nav.nav-levels-none .nav-container ul h2 {
    display: none;
  }
  
  .hc-mobile-nav.nav-levels-expand .nav-container ul ul a,
  .hc-mobile-nav.nav-levels-none .nav-container ul ul a {
    font-size: 14px;
  }
  
  .hc-mobile-nav.nav-levels-expand .nav-container li,
  .hc-mobile-nav.nav-levels-none .nav-container li {
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
  }
  
  .hc-mobile-nav.nav-levels-expand .nav-container li.level-open,
  .hc-mobile-nav.nav-levels-none .nav-container li.level-open {
    background: #4B3FC2;
  }
  
  .hc-mobile-nav.nav-levels-expand .nav-container li.level-open a,
  .hc-mobile-nav.nav-levels-none .nav-container li.level-open a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  
  .hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover,
  .hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover {
    background: #4B3FC2;
  }
  
  .hc-mobile-nav.nav-levels-expand .nav-container li.level-open > a .nav-next::before,
  .hc-mobile-nav.nav-levels-none .nav-container li.level-open > a .nav-next::before {
    margin-top: 2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
  
  .hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before,
  .hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before {
    margin-top: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(225deg);
            transform: translate(-50%, -50%) rotate(225deg);
  }
  
  .navbar .toggle {
    position: absolute;
    cursor: pointer;
    display: none;
    top: 20px;
    z-index: 9980;
    min-height: 24px;
    top: auto;
    left: auto;
    right: 0;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    font-size: 20px;
    padding-left: 55px;
    line-height: 24px;
    margin-top: 25px;
  }
  
  .navbar .toggle span {
    width: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  
  .navbar .toggle span,
  .navbar .toggle span::before,
  .navbar .toggle span::after {
    position: absolute;
    left: 0;
    height: 3px;
    background: #fff;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }
  
  .navbar .toggle span::before,
  .navbar .toggle span::after {
    content: "";
    width: 100%;
  }
  
  .navbar .toggle span::before {
    top: -8px;
  }
  
  .navbar .toggle span::after {
    bottom: -8px;
  }
  
  .navbar .toggle.toggle-open span {
    background: rgba(0, 0, 0, 0);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  .navbar .toggle.toggle-open span::before {
    -webkit-transform: translate3d(0, 8px, 0);
            transform: translate3d(0, 8px, 0);
  }
  
  .navbar .toggle.toggle-open span::after {
    -webkit-transform: rotate(-90deg) translate3d(8px, 0, 0);
            transform: rotate(-90deg) translate3d(8px, 0, 0);
  }
  
  .navbar .toggle:hover span,
  .navbar .toggle:hover span::before,
  .navbar .toggle:hover span::after {
    background: #fff;
  }
  
  .navbar .toggle div {
    display: inline-block;
    margin-right: 15px;
  }
  
  #main-nav {
    display: none;
  }
  
  .hc-mobile-nav .nav-container {
    width: 280px;
  }
  
  .hc-mobile-nav h2 {
    font-weight: 400;
  }
  
  .hc-mobile-nav a {
    font-size: 15px;
  }
  
  .hc-mobile-nav li.cryptocurrency > a::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "";
  }
  
  .hc-mobile-nav li.devices > a::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "";
  }
  
  .hc-mobile-nav li.mobile > a::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "";
  }
  
  .hc-mobile-nav li.television > a::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "";
  }
  
  .hc-mobile-nav li.camera > a::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "";
  }
  
  .hc-mobile-nav li.magazines > a::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "";
  }
  
  .hc-mobile-nav li.store > a::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "";
  }
  
  .hc-mobile-nav li.collections > a::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "";
  }
  
  .hc-mobile-nav li.credits > a::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    font-size: 19px;
    vertical-align: top;
    content: "";
  }
  
  @media (max-width: 767px) {
    .navbar .toggle {
      padding-left: 40px;
    }
  }
  .hamburger {
    display: none;
    z-index: 99;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
  }
  .hamburger:hover {
    opacity: 0.7;
  }
  
  .hamburger-box {
    width: 34px;
    height: 24px;
    display: inline-block;
    position: relative;
  }
  
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }
  
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 34px;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
  }
  
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
  }
  
  .hamburger-inner::before {
    top: -10px;
  }
  
  .hamburger-inner::after {
    bottom: -10px;
  }
  
  .hamburger .hamburger-inner {
    -webkit-transition-duration: 0.1s;
            transition-duration: 0.1s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  
  .hamburger .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.14s ease, opacity 0.1s ease;
    transition: top 0.1s 0.14s ease, opacity 0.1s ease;
  }
  
  .hamburger .hamburger-inner::after {
    transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  
  .hamburger.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0.14s;
            transition-delay: 0.14s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  
  .hamburger.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease, opacity 0.1s 0.14s ease;
    transition: top 0.1s ease, opacity 0.1s 0.14s ease;
  }
  
  .hamburger.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  
  /*-------------------------------- 5列栅格 ----------------------------------*/
  .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  
  .col-xs-5ths {
    width: 20%;
    float: left;
  }
  
  @media (min-width: 768px) {
    .col-sm-5ths {
      width: 20%;
      float: left;
    }
  }
  @media (min-width: 992px) {
    .col-md-5ths {
      width: 20%;
      float: left;
    }
  }
  @media (min-width: 1200px) {
    .col-lg-5ths {
      width: 20%;
      float: left;
    }
  }
  /*src*/
  /* 清除浮动 */
  .fix {
    *zoom: 1;
  }
  .fix::after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
  }
  
  /* 竖排文字 */
  .writing-vertical {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: tb-rl;
  }
  
  /* 垂直居中 */
  .middle-box {
    font-size: 0;
    letter-spacing: -1.5em;
  }
  .middle-box:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .middle-box .middle-cont {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: 0;
  }
  
  :root {
    --skincol:#CE181B;
    --acolor:#f00;
    --webcolor:#4B3FC2;
  }
  
  body {
    font-family: "Microsoft YaHei", "微软雅黑", Arial, PingFangSC-Regular, sans-serif !important;
    font-size: calc(100vw * 14 / 1920);
  }
  @media (max-width: 1199px) {
    body {
      font-size: 1rem;
    }
  }
  @media (max-width: 991px) {
    body {
      font-size: 1.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    body {
      font-size: 1.2727272727rem;
    }
  }
  
  .container {
    *zoom: 1;
  }
  .container:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
  }
  .container .row {
    margin: calc(100vw * 0 / 1920) calc(100vw * -15 / 1920) calc(100vw * 0 / 1920) calc(100vw * -15 / 1920);
  }
  @media (max-width: 1199px) {
    .container .row {
      margin: 0rem -1.0714285714rem 0rem -1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .container .row {
      margin: 0rem -1.3636363636rem 0rem -1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .container .row {
      margin: 0rem -1.3636363636rem 0rem -1.3636363636rem;
    }
  }
  .container .row > [class^=col-] {
    padding: calc(100vw * 0 / 1920) calc(100vw * 15 / 1920) calc(100vw * 0 / 1920) calc(100vw * 15 / 1920);
  }
  @media (max-width: 1199px) {
    .container .row > [class^=col-] {
      padding: 0rem 1.0714285714rem 0rem 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .container .row > [class^=col-] {
      padding: 0rem 1.3636363636rem 0rem 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .container .row > [class^=col-] {
      padding: 0rem 1.3636363636rem 0rem 1.3636363636rem;
    }
  }
  
  @media (min-width: 1200px) {
    body {
      font-size: calc(100vw * 16 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    body {
      font-size: 1.1428571429rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    body {
      font-size: 1.4545454545rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    body {
      font-size: 1.4545454545rem;
    }
  }
  @media (min-width: 1200px) {
    .container {
      width: 90%;
      padding-left: 0;
      padding-right: 0;
    }
  }
  @media (min-width: 1680px) {
    body {
      font-size: calc(100vw * 14 / 1920);
    }
  }
  @media (min-width: 1680px) and (max-width: 1199px) {
    body {
      font-size: 1rem;
    }
  }
  @media (min-width: 1680px) and (max-width: 991px) {
    body {
      font-size: 1.2727272727rem;
    }
  }
  @media (min-width: 1680px) and (max-width: 767px) {
    body {
      font-size: 1.2727272727rem;
    }
  }
  @media (min-width: 1680px) {
    .container {
      width: 73.5%;
      padding-left: 0;
      padding-right: 0;
    }
  }
  @-webkit-keyframes rotate {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes rotate {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  html, body {
    height: 100%;
    min-height: 100%;
  }
  
  .wrapper {
    height: 100%;
    min-height: 100%;
  }
  
  .nav-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
  }
  .nav-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: url(ibpzw2024-navbg.png) repeat-x left top;
    background-size: contain;
    height: calc(100vw * 180 / 1920);
  }
  @media (max-width: 1199px) {
    .nav-wrap::after {
      height: 12.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .nav-wrap::after {
      height: 16.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .nav-wrap::after {
      height: 16.3636363636rem;
    }
  }
  
  nav.navbar.bootsnav {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    z-index: 999;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: linear-gradient( 180deg, rgba(2,21,108,0.8) 0%, rgba(1,9,58,0) 100%);
  }
  nav.navbar.bootsnav .toggle {
    margin: calc(100vw * 90 / 1920) calc(100vw * 0 / 1920) calc(100vw * 0 / 1920) calc(100vw * 0 / 1920);
    padding-left: 22px;
    right: 0;
    min-height: auto;
    top: 0;
  }
  @media (max-width: 1199px) {
    nav.navbar.bootsnav .toggle {
      margin: 6.4285714286rem 0rem 0rem 0rem;
    }
  }
  @media (max-width: 991px) {
    nav.navbar.bootsnav .toggle {
      margin: 8.1818181818rem 0rem 0rem 0rem;
    }
  }
  @media (max-width: 767px) {
    nav.navbar.bootsnav .toggle {
      margin: 8.1818181818rem 0rem 0rem 0rem;
    }
  }
  nav.navbar.bootsnav .toggle span, nav.navbar.bootsnav .toggle span::before, nav.navbar.bootsnav .toggle span::after {
    height: calc(100vw * 3 / 1920);
    width: 22px;
  }
  @media (max-width: 1199px) {
    nav.navbar.bootsnav .toggle span, nav.navbar.bootsnav .toggle span::before, nav.navbar.bootsnav .toggle span::after {
      height: 0.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    nav.navbar.bootsnav .toggle span, nav.navbar.bootsnav .toggle span::before, nav.navbar.bootsnav .toggle span::after {
      height: 0.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    nav.navbar.bootsnav .toggle span, nav.navbar.bootsnav .toggle span::before, nav.navbar.bootsnav .toggle span::after {
      height: 0.2727272727rem;
    }
  }
  nav.navbar.bootsnav .navbar-brand {
    height: auto;
    display: block;
    padding: calc(100vw * 24 / 1920) calc(100vw * 0 / 1920) calc(100vw * 10 / 1920);
    width: calc(100vw * 505 / 1920);
  }
  @media (max-width: 1199px) {
    nav.navbar.bootsnav .navbar-brand {
      padding: 1.7142857143rem 0rem 0.7142857143rem;
      width: 36.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    nav.navbar.bootsnav .navbar-brand {
      padding: 2.1818181818rem 0rem 0.9090909091rem;
      width: 45.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    nav.navbar.bootsnav .navbar-brand {
      padding: 2.1818181818rem 0rem 0.9090909091rem;
      width: 45.9090909091rem;
    }
  }
  nav.navbar.bootsnav .navbar-brand img {
    display: block;
    width: 100%;
  }
  nav.navbar.bootsnav .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
  nav.navbar.bootsnav ul.nav {
    float: right;
    padding-top: calc(100vw * 60 / 1920);
  }
  @media (max-width: 1199px) {
    nav.navbar.bootsnav ul.nav {
      padding-top: 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    nav.navbar.bootsnav ul.nav {
      padding-top: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    nav.navbar.bootsnav ul.nav {
      padding-top: 5.4545454545rem;
    }
  }
  nav.navbar.bootsnav ul.nav > li {
    margin-right: calc(100vw * 25 / 1920);
    position:initial;
  }
  @media (max-width: 1199px) {
    nav.navbar.bootsnav ul.nav > li {
      margin-right: 1.7857142857rem;
    }
  }
  @media (max-width: 991px) {
    nav.navbar.bootsnav ul.nav > li {
      margin-right: 2.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    nav.navbar.bootsnav ul.nav > li {
      margin-right: 2.2727272727rem;
    }
  }
  nav.navbar.bootsnav ul.nav > li:last-child {
    margin-right: 0;
  }
  nav.navbar.bootsnav ul.nav > li > a {
    height: calc(100vw * 66 / 1920);
    line-height: calc(100vw * 66 / 1920);
    font-size: calc(100vw * 20 / 1920);
    color: #fff;
    position: relative;
    padding: 0;
    text-align: center;
  }
  @media (max-width: 1199px) {
    nav.navbar.bootsnav ul.nav > li > a {
      height: 4.7142857143rem;
      line-height: 4.7142857143rem;
      font-size: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    nav.navbar.bootsnav ul.nav > li > a {
      height: 6rem;
      line-height: 6rem;
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    nav.navbar.bootsnav ul.nav > li > a {
      height: 6rem;
      line-height: 6rem;
      font-size: 1.8181818182rem;
    }
  }
  nav.navbar.bootsnav ul.nav > li > a::after {
    display: none;
  }
  nav.navbar.bootsnav ul.nav > li > a::before {
    content: '';
    border-bottom: 10px solid rgba(75, 63, 194, 0.95);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    height: 0;
    left: 50%;
    line-height: 0;
    position: absolute;
    bottom: -16%;
    width: 0;
    display: none;
    transform: translateX(-50%);
  }
  nav.navbar.bootsnav ul.nav > li.on > a::before{
    display:block;
  }
  nav.navbar.bootsnav ul.nav > li > a:hover:before{
    display: block;
  }
  .kxcb-boxs nav.navbar.bootsnav ul.nav > li > a:hover:before{
    display: none;
  }
  @media (max-width: 1199px) {
    nav.navbar.bootsnav ul.nav > li > a::before {
      border-radius: 0.1428571429rem;
      height: 0.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    nav.navbar.bootsnav ul.nav > li > a::before {
      border-radius: 0.1818181818rem;
      height: 0.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    nav.navbar.bootsnav ul.nav > li > a::before {
      border-radius: 0.1818181818rem;
      height: 0.1818181818rem;
    }
  }
  nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu {
    border: none;
    border-top: none;
    /* background: #163490; */
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    overflow: hidden;
    min-width: calc(100vw * 180 / 1920);
    width:  calc(100vw * 1430 / 1920);
  }
  @media (max-width: 1199px) {
    nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu {
      min-width: 12.8571428571rem;
      width: 12.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu {
      min-width: 16.3636363636rem;
      width: 16.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu {
      min-width: 16.3636363636rem;
      width: 16.3636363636rem;
    }
  }
  nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu li {
    position: relative;
    z-index: 9;
  }
  nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu li > a {
    border-bottom: none;
    color: #fff;
    margin: 0;
    display: block;
    line-height: 1.6;
    text-align: center;
    padding: calc(100vw * 8 / 1920) calc(100vw * 20 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu li > a {
      padding: 0.5714285714rem 1.4285714286rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu li > a {
      padding: 0.7272727273rem 1.8181818182rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu li > a {
      padding: 0.7272727273rem 1.8181818182rem;
      font-size: 1.4545454545rem;
    }
  }
  nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu li > a:hover {
    background-color: #4B3FC2;
    color: #fff;
  }
  nav.navbar.bootsnav ul.nav > li > a:hover,
  nav.navbar.bootsnav ul.nav > li > a:focus,
  nav.navbar.bootsnav ul.nav > li.active > a:hover,
  nav.navbar.bootsnav ul.nav > li.active > a:focus,
  nav.navbar.bootsnav ul.nav > li.active > a,
  nav.navbar.bootsnav ul.nav > li.dropdown.on > a {
    background-color: transparent !important;
    color: #fff !important;
  }
  nav.navbar.bootsnav.scroll {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient( 180deg, rgba(2,21,108,1) 0%, rgba(1,9,58,0.3) 100%);
    min-height: auto !important;
  }
  
  .nav-other {
    position: absolute;
    right: 0;
    top: calc(100vw * 30 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .nav-other {
      top: 2.1428571429rem;
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .nav-other {
      top: 2.7272727273rem;
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .nav-other {
      top: 2.7272727273rem;
      line-height: 2.7272727273rem;
    }
  }
  .nav-other > div {
    float: left;
    margin-right: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .nav-other > div {
      margin-right: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .nav-other > div {
      margin-right: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .nav-other > div {
      margin-right: 1.8181818182rem;
    }
  }
  .nav-other > div:last-child {
    margin-right: 0;
  }
  .nav-other .other-link-w {
    float: left;
    position: relative;
    padding-right: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .nav-other .other-link-w {
      padding-right: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .nav-other .other-link-w {
      padding-right: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .nav-other .other-link-w {
      padding-right: 1.8181818182rem;
    }
  }
  @media (max-width: 1199px) {
    .nav-other .other-link-w::before {
      width: 0.0714285714rem;
      height: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .nav-other .other-link-w::before {
      width: 0.0909090909rem;
      height: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .nav-other .other-link-w::before {
      width: 0.0909090909rem;
      height: 1.4545454545rem;
    }
  }
  
  /* header nav  */
  @media (min-width: 1200px) {
    .down-nav-con .down-box a:hover{
      background: transparent !important;
    }
    .down-nav-con .dropdown-menu{
      border-radius: calc(100vw * 10 / 1920) calc(100vw * 10 / 1920) 0px 0px !important;
      background: linear-gradient(180deg, rgba(75, 63, 194, 0.95) 0%, rgba(64, 73, 194, 0.7) 100%);
      box-shadow: 0px 6px 0px  rgba(124, 112, 250, 1);
      min-height: calc(100vw * 100 / 1920);
      top: 110%;
      padding: 0;
    }
    .down-nav-con .down-box{
      width: 100%;
      padding: calc(100vw * 30 / 1920);
    }
    .down-nav-con .down-box .down-gkjj{
      width: 100%;
      display: flex;
    }
    .down-nav-con .down-gkjj .gkjj-left{
      width: 27%;
    }
    .down-nav-con .down-gkjj .gkjj-right{
      width: 27%;
    }
    .down-nav-con .down-gkjj .gkjj-center{
      flex: 1;
      margin:0 calc(100vw * 25 / 1920);
    }
    .gkjj-center .center-boxs{
      padding: 0 calc(100vw * 25 / 1920);
      border-left: 1px solid #908BCF;
      border-right: 1px solid #908BCF;
    }
    .down-nav-con .down-cont-title span{
      font-size: calc(100vw * 22 / 1920);
      font-weight: 700;
      line-height: calc(100vw * 30 / 1920);
      color: #fff;
      position: relative;
      padding-left: calc(100vw * 45 / 1920);
      background: url(nav-202501.png) left center no-repeat;
      background-size: contain;
    }
    .down-nav-con .down-cont-title span:after,.down-nav-con .down-cont-title span:before{
      content: '';
      display: inline-block;
      width: 1px;
      height:calc(100vw * 18 / 1920);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }
    .down-nav-con .down-cont-title span:after{
      left: calc(100vw * 34 / 1920);
      background: rgb(163,150,150);
    }
    .down-nav-con .down-cont-title span:before{
      left: calc(100vw * 35 / 1920);
      width: 2px;
      background: rgba(65, 25, 158, 1);
    }
    .down-nav-con .gkjj-left .down-conts{
      padding-top: 30px;
    }
    .down-nav-con .down-conts .img-boxs{
      border:1px solid #fff;
    }
    .down-nav-con .down-conts .down-conts-des{
      font-size: calc(100vw * 16 / 1920);
      font-weight: 400;
      line-height: calc(100vw * 28 / 1920);
      color: #fff;
      text-align: justify;
      text-indent: 2em;
    }
    .down-nav-con .down-conts .down-conts-des .des-more{
      color: rgba(255, 235, 59, 1);
    }
    .down-nav-con .gkjj-center .down-conts .img-boxs{
      border: none;
      max-width: calc(100vw * 140 / 1920);
      float: right;
      position: relative;
      margin-left: calc(100vw * 30 / 1920);
      margin-bottom: calc(100vw * 15 / 1920);
    }
    .down-nav-con .gkjj-center .down-conts .img-boxs:after{
      content: '';
      display: inline-block;
      width: 100%;
      height: 100%;
      background: rgba(75, 64, 194, 1);
      position: absolute;
      bottom: calc(100vw * -9 / 1920);
      right: calc(100vw * -7 / 1920);
      z-index: -1;
    }
    .down-nav-con .down-xrld{
      position: relative;
    }
    .down-nav-con .down-xrld:after{
      content: '';
      display: inline-block;
      opacity: 0.8;
      border-radius: calc(100vw * 6 / 1920);
      height: 65%;
      width: 105%;
      position: absolute;
      bottom: calc(100vw * -10 / 1920);
      left: 50%;
      transform: translateX(-50%);
      background: linear-gradient(180deg, rgba(144, 135, 237, 1) 0%, rgba(69, 58, 194, 0.33) 100%);
    }
    .down-nav-con .gkjj-center>.down-cont-title{
      padding-left: calc(100vw * 25 / 1920);
    }
    .down-nav-con .down-xrld-boxs{
      width: 100%;
      display: flex;
      gap:0 calc(100vw * 10 / 1920);
      justify-content: space-between;
    }
    .down-nav-con .down-xrld-boxs li a{
      padding: 0 !important;
    }
    .down-nav-con .down-xrld-boxs li{
      width: calc((100% - 4 * 10px ) / 5);
    }
    .down-nav-con .down-xrld-boxs li .xrld-name{
      font-size: calc(100vw * 16 / 1920);
      font-weight: 700;
      text-align: center;
      margin-top: calc(100vw * 8 / 1920);
      color: rgba(255, 255, 255, 1);
    }
    .down-nav-con .down-xrld-boxs li .xrld-zc{
      font-size: calc(100vw * 12 / 1920);
      margin-top: calc(100vw * 5 / 1920);
      font-weight: 400;
      text-align: center;
      color: rgba(255, 255, 255, 1);
    }
    .down-nav-con .gkjj-other-link{
      padding-top: calc(100vw * 30 / 1920);
    }
    .down-nav-con .other-link{
      display: flex;
      flex-wrap: wrap;
      gap: calc(100vw * 15 / 1920) calc(100vw * 20 / 1920);
    }
    .down-nav-con .other-link li{
      width: calc((100% - 1 * calc(100vw * 25 / 1920)) / 2);
      position: relative;
      border-radius: calc(100vw * 6 / 1920);
      background:#352AAD;
      padding: calc(100vw * 5 / 1920) 0;
      z-index: 2;
      box-shadow: 3px 3px 0px  #7C70FA;
      transition: all ease 0.3s;
    }
    .down-nav-con .other-link.jypy-lists-xp li{
      overflow: hidden;
      background: linear-gradient(90deg, rgba(70,54,237,0.5) 0%, rgba(107, 95, 232, 0.69) 100%);
    }
    .down-nav-con .other-link.jypy-lists-xp li a{
      font-size: calc(100vw * 20 / 1920);
      font-weight: 700;
      text-align: left !important;
      padding-left: calc(100vw * 60 / 1920) !important;
    }
    .down-nav-con .other-link.jypy-lists-xp li:after{
      background: url(nav-202508.png) center center no-repeat;
      width: calc(100vw * 50 / 1920);
      top:30%;
      right: calc(100vw * -5 / 1920);
      transform:none;
      background-size: contain;
    }
    .down-nav-con .other-link li:hover{
      transform: translateY(calc(100vw * -5 / 1920));
    }
    .down-nav-con .other-link li:after,.down-nav-con .other-link li:before{
      content: '';
      display: inline-block;
      position: absolute;
    }
    .down-nav-con .other-link li:after{
      width: calc(100vw * 25 / 1920);
      height: calc(100vw * 50 / 1920);
      background: url(nav-202507.png) center center no-repeat;
      background-size: contain;
      right: 0;
      top: 50%;
      z-index: -1;
      transform: translateY(-50%);
    }
    .down-nav-con .other-link li a{
      font-size: calc(100vw * 18 / 1920);
      font-weight: 400;
      color: #FFFFFF;
    }
    .down-nav-con .other-link li a:hover{
      background: transparent !important;
    }
    .down-nav-con .other-link li.spls a{
      display: flex !important;
      align-items: center;
      justify-content: space-between;
      padding: 0 !important;
    }
    .down-nav-con .other-link li.spls span{
      display: inline-block;
      width: calc(100vw * 40 / 1920);
    }
    .down-nav-con .other-link li.spls.xxbs{
      padding-left: calc(100vw * 30 / 1920);
      padding-right: calc(100vw * 30 / 1920);
    }
    .down-nav-con .other-link li.spls.lxwm{
      padding-left: calc(100vw * 20 / 1920);
      padding-right: calc(100vw * 20 / 1920);
    }
    .down-nav-con .other-link li.spls.xxbs img{
      max-width: calc(100vw * 60 / 1920);
      height: calc(100vw * 60 / 1920);
      object-fit: cover;
    }
    .down-nav-con .other-link li.spls.lxwm img{
      width: calc(100vw * 80 / 1920);
      height: calc(100vw * 60 / 1920);
      object-fit: cover;
      overflow: hidden;
    }
    .down-nav-con .gkjj-other-swiper{
      position: relative;
      border-radius: calc(100vw * 6 / 1920);
      display: flex;
      padding: calc(100vw * 15 / 1920) calc(100vw * 10 / 1920);
      align-items: center;
      background: linear-gradient(135deg, #847AF0 0%, #5C53C8 100%);
    }
    .down-nav-con .gkjj-other-swiper .swiper-buttons{
      color:#fff;
      font-size: calc(100vw * 25 / 1920);
      position: absolute;
    }
    .down-nav-con .gkjj-other-swiper .gkjj-prev{
      left: calc(100vw * -15 / 1920);
    }
    .down-nav-con .gkjj-other-swiper .gkjj-next{
      right: calc(100vw * -15 / 1920);
    }
    .down-nav-con .gkjj-other-swiper-title{
      font-size: calc(100vw * 20 / 1920);
      font-weight: 400;
      color: #FFFFFF;
      margin-right: calc(100vw * 10 / 1920);
      letter-spacing:1px;
      writing-mode: vertical-rl;
      text-orientation: upright;
    }
    .down-nav-con .gkjj-swiper{
      flex: 1;
    }
    .down-nav-con .gkjj-swiper .img-boxs{
      display: block;
    }
    .down-nav-con .gkjj-swiper .img-boxs img{
      height: calc(100vw * 85 / 1920);
      width: 100%;
      object-fit: cover;
    }
    .down-nav-con .down-box .down-jgsz{
      width: 100%;
      display: flex;
    }
    .down-nav-con .down-jgsz .gkjj-left{
      width: 33%;
    }
    .down-nav-con .down-jgsz .gkjj-right{
      width: 33%;
    }
    .down-nav-con .down-jgsz .gkjj-center{
      flex: 1;
      margin:0 calc(100vw * 25 / 1920);
    }
    .down-jgsz .glbm-list{
      overflow: hidden;
      padding-top: calc(100vw * 30 / 1920);
    }
    .down-jgsz .glbm-list li{
      padding: calc(100vw * 4 / 1920) 0;
      width: 100%;
      margin-top: calc(100vw * 10 / 1920);
      overflow: hidden;
      border-radius: calc(100vw * 6 / 1920);
      position: relative;
      background: linear-gradient(90deg, rgba(62, 51, 177, 1) 0%, rgba(86, 75, 209, 1) 100%);
    }
    .down-jgsz .glbm-list li:after{
      content: '';
      display: inline-block;
      position: absolute;
      width: calc(100vw * 50 / 1920);
      height: calc(100vw * 50 / 1920);
      background: url(nav-202508.png) center center no-repeat;
      background-size: contain;
      right: calc(100vw * -10 / 1920);
      top: 50%;
      z-index: -1;
      transform: translateY(-50%);
    }
    .down-jgsz .glbm-list li a{
      font-size: calc(100vw * 16 / 1920) !important;
      font-weight: 400;
      color: #fff;
      text-align: left !important;
    }
    .down-jgsz .glbm-list .middle-lists{
      width: 100%;
      display: flex;
      gap:0 calc(100vw * 20 / 1920);
    }
    .down-jgsz .glbm-list .middle-lists li{
      width: auto;
      flex: auto;
    }
    .down-jgsz .yjtx-list{
      padding:calc(100vw * 30 / 1920) calc(100vw * 25 / 1920) 0 calc(100vw * 25 / 1920);
      border-left: 1px solid #908BCF;
      border-right: 1px solid #908BCF;
    }
    .down-jgsz .yjtx-list li{
      border-radius: calc(100vw * 6 / 1920);
      margin-top: calc(100vw * 15 / 1920);
      position: relative;
      overflow: hidden;
      background: linear-gradient(90deg, rgba(40, 28, 176, 0.55) 0%, rgba(127, 116, 247, 1) 100%);
    }
    .down-jgsz .yjtx-list li:first-child,.down-jgsz .glbm-list li:first-child,.down-jgsz .ptzc-list li:first-child{
      margin-top: 0;
    }
    .down-jgsz .glbm-list .middle-lists li:first-child{
      margin-top:calc(100vw * 10 / 1920);
    }
    .down-jgsz .yjtx-list li,.down-jgsz .glbm-list li,.down-jgsz .ptzc-list li{
      transition: all ease 0.3s;
    }
    .down-jgsz .yjtx-list li:hover,.down-jgsz .glbm-list li:hover,.down-jgsz .ptzc-list li:hover{
      transform: translateY(calc(100vw * -5 / 1920));
    }
    .down-jgsz .yjtx-list li:after{
      content: '';
      display: inline-block;
      position: absolute;
      width: calc(100vw * 46 / 1920);
      height: calc(100vw * 46 / 1920);
      background: url(nav-202508.png) center center no-repeat;
      background-size: contain;
      right: calc(100vw * -10 / 1920);
      top:calc(100vw * 6 / 1920);
      z-index: -1;
    }
    .down-jgsz .yjtx-list li a{
      display: flex !important;
      padding:calc(100vw * 6 / 1920) calc(100vw * 10 / 1920);
      justify-content:flex-start;
      align-items: center;
    }
    .down-jgsz .yjtx-list li a img{
      width: calc(100vw * 38 / 1920);
      height: calc(100vw * 40 / 1920);
      object-fit: contain;
    }
    .down-jgsz .yjtx-list li a span{
      flex: 1;
      display: block;
      text-align: left;
      font-size: calc(100vw * 16 / 1920);
      font-weight: 400;
      color: #fff;
      padding: calc(100vw * 4 / 1920) 0 calc(100vw * 4 / 1920) calc(100vw * 20 / 1920);
    }
    .down-jgsz .ptzc-list{
      padding-top: calc(100vw * 30 / 1920);
    }
     .down-jgsz .ptzc-list li{
      margin-top: calc(100vw * 10 / 1920);
      overflow: hidden;
      border-radius: calc(100vw * 6 / 1920);
      position: relative;
      background: linear-gradient(225deg, rgba(135, 125, 250, 0.95) 0%, rgba(75, 64, 194, 1) 100%);
     }
     .down-jgsz .ptzc-list li img{
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
     }
     .down-jgsz .ptzc-list li a{
      text-align: left !important;
      padding-top: calc(100vw * 8 / 1920) !important;
      padding-bottom: calc(100vw * 8 / 1920) !important;
     }
    .kydw-nav .down-gkjj .gkjj-left{
      width: 35%;
    }
    .kydw-nav .down-gkjj .gkjj-center{
      flex: 1;
      margin-left: calc(100vw * 20 / 1920);
      padding-left: calc(100vw * 20 / 1920);
      margin-right: 0;
      border-left: 1px solid #908BCF;
    }
    .kydw-nav .kydw-ys{
      display: flex;
      gap: calc(100vw * 20 / 1920);
    }
    .kydw-nav .kydw-ys li{
      position: relative;
      padding-left: calc(100vw * 10 / 1920);
      padding-right: calc(100vw * 10 / 1920);
      padding-bottom: calc(100vw * 10 / 1920);
      width: calc((100% - 4 * 20px) / 5);
      transition: all ease 0.3s;
    }
    .kydw-nav .kydw-ys li:hover{
      transform: translateY(calc(100vw * -5 / 1920));
    }
    .kydw-nav .kydw-ys li:after{
      position: absolute;
      width: 100%;
      height: 80%;
      content: '';
      left: 0;
      bottom: 0;
      z-index: -1;
      border-bottom: 3px solid #4B3FC2;
      background: linear-gradient(135deg, #877DFA 0%, #4B40C2 100%);
    }
    .kydw-nav .kydw-ys li a{
      padding: 0 !important;
    }
    .kydw-nav .kydw-ys li .img-boxs img{
      width: 100%;
    }
    .kydw-nav .kydw-ys li .ys-name{
      font-size: calc(100vw * 18 / 1920);
      font-weight: 700;
      color: #FFFFFF;
      display: inline-block;
      margin-top: calc(100vw * 10 / 1920);
    }
    .kydw-nav .kydw-list{
      display: flex;
      flex-wrap: wrap;
      gap: calc(100vw * 20 / 1920);
    }
    .kydw-nav .kydw-list li{
      border-radius: calc(100vw * 6 / 1920);
      background: #4B40C2;
      padding: calc(100vw * 3 / 1920);
      min-width: calc((100% - 3 * 20px) / 4);
      overflow: hidden;
      flex:auto;
      transition: all ease 0.3s;
    }
    .kydw-nav .kydw-list li:hover{
      transform: translateY(calc(100vw * -5 / 1920));
    }
    .kydw-nav .kydw-list li:after{
      content: '';
      display: inline-block;
      position: absolute;
      width: calc(100vw * 46 / 1920);
      height: calc(100vw * 46 / 1920);
      background: url(nav-202508.png) center center no-repeat;
      background-size: contain;
      right: calc(100vw * -10 / 1920);
      bottom:calc(100vw * -12 / 1920);
      z-index: 0;
    }
    .kydw-nav .kydw-list li a{
      border-radius: calc(100vw * 4 / 1920);
      display: inline-block;
      border:1px solid #665ccb !important;
    }
    .kycg-nav .down-gkjj .gkjj-left{
      width: 35%;
    }
    .kycg-nav .down-gkjj .gkjj-right{
      width: 35%;
    }
    .kycg-nav .gljj-lunwen a{
      display: block;
      overflow: hidden;
      padding-bottom: calc(100vw * 20 / 1920);
      position: relative;
      border-radius: 0px 0px calc(100vw * 5 / 1920) calc(100vw * 5 / 1920);
      background: linear-gradient(90deg, rgba(40, 28, 176, 0.55) 0%, rgba(127, 116, 247, 1) 100%) !important;
    }
    .kycg-nav .gljj-lunwen a:after{
      content: '';
      display: inline-block;
      width: calc(100vw * 180 / 1920);
      height: calc(100vw * 180 / 1920);
      background: url(nav-202508.png) center center no-repeat;
      background-size: contain;
      position: absolute;
      bottom: calc(100vw * -60 / 1920);
      right: calc(100vw * -15 / 1920);
      z-index: -1;
    }
    .down-nav-con .down-box .gljj-lunwen a:hover{
      background: linear-gradient(90deg, rgba(40, 28, 176, 0.55) 0%, rgba(127, 116, 247, 1) 100%) !important;
    }
    .kycg-nav .gljj-lunwen .des{
      font-size:calc(100vw * 16 / 1920);
      font-weight: 400;
      line-height: calc(100vw * 24 / 1920);
      color: #fff;
      padding: calc(100vw * 25 / 1920) calc(100vw * 20 / 1920);
    }
    .kycg-nav .gljj-lunwen .lunwen-info{
      padding: 0 calc(100vw * 20 / 1920);
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .kycg-nav .gljj-lunwen .lunwen-info span{
      font-size: calc(100vw * 18 / 1920);
      display:block;
      color: #fff;
    }
    .kycg-nav .gljj-lunwen .lunwen-info span:last-child{
      font-size: calc(100vw * 16 / 1920);
    }
    .kycg-nav .gljj-lunwen .lunwen-info .lunwen-kwmc{
      font-size: calc(100vw * 16 / 1920);
      color: #fff;
    }
    .kycg-nav .down-gkjj .gkjj-center{
      padding: 0 calc(100vw * 25 / 1920);
      border-left: 1px solid #908BCF;
      border-right: 1px solid #908BCF;
    }
    .kycg-nav .gkjj-center .kycg-zuzuo{}
    .kycg-nav .gkjj-center .kycg-zuzuo li{
      margin-bottom: calc(100vw * 10 / 1920);
      background: linear-gradient(90deg, rgb(121 110 237) 0%, rgba(107, 95, 232, 0.69) 100%);
      transition: all ease 0.3s;
    }
    .kycg-nav .gkjj-center .kycg-zuzuo li:hover{
      transform: translateY(calc(100vw * -5 / 1920));
    }
    .kycg-nav .gkjj-center .kycg-zuzuo li:last-child{
      margin-bottom: 0;
    }
    .kycg-nav .gkjj-center .kycg-zuzuo li a{
      font-size: calc(100vw * 16 / 1920);
      font-weight: 400;
      line-height: calc(100vw * 46 / 1920);
      color: #fff;
      display: block;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      text-align: left !important;
      position: relative;
      padding: calc(100vw * 10 / 1920) calc(100vw * 20 / 1920) !important;
    }
    .kycg-nav .gkjj-center .kycg-zuzuo li a:after{
      content: '';
      display: inline-block;
      width: calc(100vw * 4 / 1920);
      height: calc(100vw * 20 / 1920);
      background: #4B40C2;
      border-radius: calc(100vw * 5 / 1920);
      position: absolute;
      left: calc(100vw * 10 / 1920);
      top: 50%;
      transform: translateY(-50%);
    }
    .kycg-nav .kycg-cgjl .cgjl-boxs{
      padding: calc(100vw * 30 / 1920) calc(100vw * 20 / 1920);
      background: linear-gradient(135deg, #4B40C2 0%, #695EE0 100%) !important;
    }
    .kycg-nav .kycg-cgjl .cgjl-boxs li,.jypx-nav .jypx-zsxx .zsxx-list li{
      transition: all ease 0.3s;
    }
    .kycg-nav .kycg-cgjl .cgjl-boxs li a{
      display: flex !important;
      align-items: center;
      border-bottom: 1px solid #908BCF !important;
      padding-bottom: calc(100vw * 15 / 1920) !important;
      padding-left: 0 !important;
      padding-top: calc(100vw * 15 / 1920) !important;
    }
    .kycg-nav .kycg-cgjl .cgjl-boxs li a .time{
      border-radius: calc(100vw * 30 / 1920);
      color:#fff;
      text-align: center;
      padding:calc(100vw * 5 / 1920) calc(100vw * 15 / 1920);
      display: inline-block;
      background: linear-gradient(270deg, #4B3FC2 0%, #4B3FC2 100%);
      position: relative;
    }
    .kycg-nav .kycg-cgjl .cgjl-boxs li a .time:after{
      content: '';
      display: inline-block;
      width: calc(100vw * 12 / 1920);
      height: calc(100vw * 12 / 1920);
      border-radius: 50%;
      border:3px solid #4338ba;
      position: absolute;
      right: calc(100vw * -47 / 1920);
      top: 50%;
      transform: translateY(-50%);
    }
    .kycg-nav .kycg-cgjl .cgjl-boxs li a .time:before{
      content: '';
      display: inline-block;
      width: calc(100vw * 35 / 1920);
      height: 1px;
      background: #4338ba;
      position: absolute;
      right: calc(100vw * -35 / 1920);
      top: 50%;
      transform: translateY(-50%);
    }
    .kycg-nav .kycg-cgjl .cgjl-boxs .cgjl-wrap h4,.kycg-nav .kycg-cgjl .cgjl-boxs .cgjl-wrap h5{
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      color: #fff;
      font-size: calc(100vw * 16 / 1920);
    }
    .kycg-nav .kycg-cgjl .cgjl-boxs .cgjl-wrap{
      width: 80%;
      padding-left: calc(100vw * 60 / 1920);
      text-align: left !important;
    }
    .kycg-nav .kycg-cgjl .cgjl-boxs .cgjl-wrap h4{
      font-size: calc(100vw * 18 / 1920);
    }
    .kycg-nav .kycg-cgjl .cgjl-boxs .cgjl-wrap h5{
      color: #BAB0FF;
      margin-top: calc(100vw * 10 / 1920);
    }
    .kycg-nav .kycg-cgjl .cgjl-list{
      width: 100%;
      display: flex;
      gap: calc(100vw * 20 / 1920);
      margin-top: calc(100vw * 30 / 1920);
    }
    .kycg-nav .kycg-cgjl .cgjl-list li{
      padding:calc(100vw * 5 / 1920);
      width: calc((100% - 1 * 20px) / 2);
      border-radius: calc(100vw * 6 / 1920);
      background: linear-gradient(90deg, #352AAD 0%, #503EC2 100%);
    }
    .kycg-nav .kycg-cgjl .cgjl-list li a{
      display: flex !important;
      align-items: center;
      border:1px solid #908BCF;
      border-bottom: 1px solid #908BCF !important;
      justify-content: space-between;
      padding:calc(100vw * 10 / 1920) !important;
    }
    .kycg-nav .kycg-cgjl .cgjl-list li a img{
      width: calc(100vw * 45 / 1920);
      height: calc(100vw * 45 / 1920);
    }
    .kycg-nav .kycg-cgjl .cgjl-list li a span{
      font-size: calc(100vw * 18 / 1920);
      flex: 1;
      display: block;
      font-weight: 700;
      letter-spacing: 0px;
      text-align: left !important;
      padding-left: calc(100vw * 10 / 1920);
    }
    .jypx-nav .down-gkjj .gkjj-left{
      width: 60%;
      padding-right: calc(100vw * 20 / 1920);
      border-right:1px solid #908BCF;
    }
    .jypx-nav .jypx-xkjs{
      display: flex;
    }
    .img-boxs img{
      transition: all ease 0.25s;
    }
    .jypx-nav .jypx-xkjs .img-boxs{
      width: calc(100vw * 300 / 1920);
      height: calc(100vw * 180 / 1920);
      overflow: hidden;
    }
    .jypx-nav .jypx-xkjs .img-boxs:hover img{
      transform: scale(1.05);
    }
    .jypx-nav .jypx-des-box{
      flex: 1;
      padding-left: calc(100vw * 20 / 1920);
    }
    .jypx-nav .jypx-des-box.jypy-xk-box{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .jypx-nav .jypx-des-box .des{
      font-size: calc(100vw * 16 / 1920);
      font-weight: 400;
      letter-spacing: 0px;
      line-height: calc(100vw * 28 / 1920);
      overflow: hidden;
      color: #fff;
      text-overflow: ellipsis;
      display: block;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 7;
    }
    .jypx-nav .jypx-ds-list{
      display: flex;
      gap: calc(100vw * 20 / 1920);
      margin-top: calc(100vw * 10 / 1920);
    }
    .jypx-nav .jypx-ds-list li{
      width: calc((100% - 1 * 20px) / 2);
    }
    .jypx-nav .jypx-ds-list li a{
      padding: 0 !important;
    }
    .jypx-nav .jypx-zsxx .zsxx-list li{
      margin-bottom: calc(100vw * 10 / 1920);
    }
    .jypx-nav .jypx-zsxx .zsxx-list li:last-child{
      margin-bottom: 0;
    }
    .jypx-nav .jypx-zsxx .zsxx-list li a{
      font-size:calc(100vw * 16 / 1920);
      font-weight: 400;
      letter-spacing: 0px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      position: relative;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      text-align: left !important;
    }
    .jypx-nav .jypx-zsxx .zsxx-list li a:after{
      content: '';
      display: inline-block;
      width:calc(100vw * 4 / 1920);
      height: calc(100vw * 16 / 1920);
      background: #B2AEE2;
      position: absolute;
      left: 0;
      top: 50%;
      border-radius: 2px;
      transform: translateY(-50%);
    }
    .hzjl-nav .jypx-des-box .des{
      font-size: calc(100vw * 16 / 1920);
      font-weight: 400;
      letter-spacing: 0px;
      line-height:calc(100vw * 30 / 1920);
      overflow: hidden;
      color: #fff;
      text-overflow: ellipsis;
      display: block;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
    }
    .hzjl-nav .down-gkjj .gkjj-left{
      padding-right: 0;
      border-right:none;
    }
    .hzjl-nav .jypx-des-box .hzjl-title{
      text-overflow: ellipsis;
      display: block;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-size: calc(100vw * 20 / 1920);
      font-weight: 500;
      line-height: calc(100vw * 28 / 1920);
      color: #FFFFFF;
      margin-bottom: calc(100vw * 10 / 1920);
    }
    .hzjl-nav .jypx-zsxx .zsxx-list li{
      margin-bottom: calc(100vw * 15 / 1920);
      transition: all ease 0.3s;
    }
    .hzjl-nav .jypx-zsxx .zsxx-list li:hover,.kycg-nav .kycg-cgjl .cgjl-boxs li:hover,.jypx-nav .jypx-zsxx .zsxx-list li:hover{
      transform: translateX(5px);
    }
    .hzjl-nav .jypx-zsxx .zsxx-list li a:after{
      height: calc(100vw * 16 / 1920);
      border-radius: 2px;
    }
    .lzjs-nav .down-gkjj .gkjj-left{
      width: 100%;
    }
    .lzjs-nav .jypx-xkjs{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .lzjs-nav .jypx-xkjs .img-boxs{
      width: calc(100vw * 300 / 1920);
      height: calc(100vw * 190 / 1920);
    }
    .lzjs-nav .jypx-xkjs .img-boxs:hover img{
      transform: scale(1.02);
    }
    .lzjs-nav .jypx-xkjs .img-boxs img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .lzjs-nav .jypx-xkjs .lzjs-des-box{
      flex: 1;
      padding-left: calc(100vw * 20 / 1920);
      display: flex;
      gap: calc(100vw * 20 / 1920);
      flex-wrap: wrap;
    }
    .lzjs-nav .jypx-xkjs .lzjs-des-box li{
      width: calc((100% - 1 * calc(100vw * 25 / 1920)) / 2);
      min-height: calc(100vw * 85 / 1920);
      background: linear-gradient(90deg, rgba(40, 28, 176, 0.5) 0%, rgb(148 139 243 / 50%) 100%);
      padding: calc(100vw * 15 / 1920) calc(100vw * 10 / 1920);
      transition: all ease 0.3s;
    }
    .lzjs-nav .jypx-xkjs .lzjs-des-box li:hover{
      transform: translateY(-5px);
    }
    .lzjs-nav .jypx-xkjs .lzjs-des-box li a{
      padding: 0 !important;
      text-align: left !important;
    }
    .lzjs-nav .jypx-xkjs .lzjs-des-box li .tits{
      font-size: calc(100vw * 16 / 1920);
      font-weight: 400;
      line-height: calc(100vw * 28 / 1920);
      color: #FFFFFF;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .lzjs-nav .jypx-xkjs .lzjs-des-box li .time{
      font-size: calc(100vw * 16 / 1920);
      font-weight: 400;
      line-height: calc(100vw * 28 / 1920);
      color: #FFFFFF;
    }
    .dqyd-nav .down-gkjj .gkjj-left{
      width: 35%;
      padding: 0 calc(100vw * 25 / 1920);
      margin:0 calc(100vw * 25 / 1920);
      border-left: 1px solid #938CCE;
      border-right: 1px solid #938CCE;
    }
    .dqyd-nav .jypx-xkjs .lzjs-des-box{
      gap: 10px;
      width: 100%;
      padding-left: 0;
    }
    .dqyd-nav .jypx-xkjs .lzjs-des-box li{
      width: 100%;
      min-height: calc(100vw * 65 / 1920);
      transition: all ease 0.25s;
      padding:calc(100vw * 7 / 1920) calc(100vw * 10 / 1920);
    }
    .dqyd-nav .jypx-xkjs .lzjs-des-box li:hover{
      transform: translateX(5px);
    }
    .dqyd-nav .jypx-xkjs .lzjs-des-box li .time{
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .dqyd-nav .jypx-xkjs .lzjs-des-box li .time:after{
      content: '';
      display: inline-block;
      width: 65%;
      height: 1px;
      background: #afabab;
      opacity: 0.5;
    }
    .dqyd-nav .down-gkjj .gkjj-center{
      margin: 0;
    }
    .dqyd-nav .down-gkjj .gkjj-right{
      width: 35%;
    }
    .dqyd-nav.down-nav-con .other-link li{
      background: #5447e6;
      overflow: hidden;
      width: calc((100% - 2 * calc(100vw * 25 / 1920)) / 3);
    }
    .dqyd-nav.down-nav-con .other-link{
      gap: calc(100vw * 20 / 1920);
    }
    .dqyd-nav .jypx-zsxx .zsxx-list li{
      margin-bottom: calc(100vw * 15 / 1920);
    }
    .dqyd-nav.down-nav-con .other-link li a{
      font-size: calc(100vw * 17 / 1920) !important;
      font-weight: 600;
      padding:calc(100vw * 20 / 1920) calc(100vw * 10 / 1920) !important;
    }
    .dqyd-nav.down-nav-con .other-link li:after{
      width: calc(100vw * 65 / 1920);
      height: calc(100vw * 65 / 1920);
      background: url(nav-202508.png) center center no-repeat;
      background-size: contain;
      top: 40%;
      right: -10%;
      transform: none;
    }
    .dqyd-nav .dqyd-list{
      display: flex;
      gap: calc(100vw * 30 / 1920) calc(100vw * 20 / 1920);
      flex-wrap: wrap;
    }
    .dqyd-nav.down-nav-con .gkjj-center>.down-cont-title{
      padding-left: 0;
    }
    .dqyd-nav .dqyd-list li{
      overflow: hidden;
      position: relative;
      width: calc((100% - 1 * calc(100vw * 25 / 1920)) / 2);
      border-radius: calc(100vw * 20 / 1920) 0 calc(100vw * 20 / 1920)  0px;
      background: linear-gradient(90deg, #a8347e 0%, #4B3FC2 100%);
      box-shadow: calc(100vw * 4 / 1920) calc(100vw * 4 / 1920) 0px  #938CCE;
      transition: all ease 0.3s;
    }
    .dqyd-nav .dqyd-list li:hover{
      transform: translateX(-5px);
    }
    .dqyd-nav .dqyd-list li:after{
      content: '';
      display: inline-block;
      width: calc(100vw * 100 / 1920);
      height: calc(100vw * 72 / 1920);
      background: url(nav-2025114.png) center center no-repeat;
      background-size: contain;
      position: absolute;
      right: calc(100vw * -20 / 1920);
      top: calc(100vw * 10 / 1920);
      z-index: -1;
    }
    .dqyd-nav .dqyd-list li a{
      font-size: calc(100vw * 18 / 1920) !important;
      font-weight: 700;
      color: #FFFFFF;
      position: relative;
      padding-left: calc(100vw * 30 / 1920) !important;
      padding-top: calc(100vw * 17 / 1920) !important;
      padding-bottom: calc(100vw * 17 / 1920) !important;
      text-align: left !important;
    }
    .dqyd-nav .dqyd-list li a:after{
      content: '';
      display: inline-block;
      width: calc(100vw * 4 / 1920);
      height: calc(100vw * 20 / 1920);
      background: #FFDDB0;
      position: absolute;
      left: calc(100vw * 10 / 1920);
      top: 50%;
      border-radius: calc(100vw * 4 / 1920);
      transform: translateY(-50%);
    }
    .kxcb-nav .down-gkjj .gkjj-right .other-link{
      gap: calc(100vw * 20 / 1920);
    }
    .kxcb-nav .down-gkjj .gkjj-left,.kxcb-nav .down-gkjj .gkjj-center{
      flex:1;
    }
    .kxcb-nav .down-gkjj .gkjj-left{
      padding-right: calc(100vw * 30 / 1920);
    }
    .kxcb-nav .down-gkjj .gkjj-left .kxcb-list,.kxcb-nav .down-gkjj .gkjj-center .kxcb-list{
      background: linear-gradient(90deg, rgb(59 42 229 / 50%) 0%, rgb(133 124 237 / 69%) 100%);
      border-radius: calc(100vw * 9 / 1920);
    }
    .kxcb-nav.down-nav-con .gkjj-center>.down-cont-title{
      padding-left: 0;
    }
    .kxcb-nav .down-gkjj .gkjj-center{
      padding-right: calc(100vw * 30 / 1920);
      margin-right: calc(100vw * 30 / 1920);
      margin-left: calc(100vw * 30 / 1920);
      border-right: 1px solid #908BCF;
    }
    .kxcb-nav .down-gkjj .gkjj-right{
      width: 40%;
    }
    .kxcb-nav .kxcb-list .img-boxs{
      height: calc(100vw * 180 / 1920);
      border-radius: calc(100vw * 9 / 1920);
      overflow: hidden;
      position: relative;
    }
    .kxcb-nav .kxcb-list .img-boxs .fa{
      color: #fff;
      font-size: calc(100vw * 42 / 1920);
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    .kxcb-nav .kxcb-list .img-boxs:hover img{
      transform: scale(1.02);
    }
    .kxcb-nav .down-gkjj .gkjj-center .kxcb-list .kxcx-video .img-boxs i{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fcfcfc;
      font-size: calc(100vw * 48 / 1920);
      background: url(nav-2025114.png) no-repeat 110% -30%;
    }
    .kxcb-nav .kxcb-list .kxcb-xp-box{
      padding: 0px calc(100vw * 15 / 1920) calc(100vw * 15 / 1920) calc(100vw * 15 / 1920);
      min-height: calc(100vw * 105 / 1920);
      background: url(z2025-jkjj2025.png) 115% -20% no-repeat;
      background-size: calc(100vw * 180 / 1920);
    }
    .kxcb-nav .kxcb-list .img-boxs img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .kxcb-nav .kxcb-list .kxcb-tit{
      font-size:calc(100vw * 16 / 1920) ;
      font-weight: 500;
      line-height: calc(100vw * 28 / 1920);
      color: #FFFFFF;
      display: block;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    .kxcb-nav .kxcb-list .kxcb-time{
      font-size: calc(100vw * 16 / 1920);
      font-weight: 500;
      color: #C8C3F7;
    }
    nav.navbar.bootsnav ul.nav li.dropdown.xxgk-nav .dropdown-menu{
      left:60%;
    }
    nav.navbar.bootsnav ul.nav li.dropdown.kxcb-nav .dropdown-menu{
      left:60%;
    }
    .xxgk-nav .down-gkjj .gkjj-right{
      flex:1;
      margin-left: calc(100vw * 25 / 1920);
    }
    .xxgk-nav .down-gkjj .gkjj-left{
      width: 62%;
    }
    .xxgk-nav .gkjj-top{
      display: flex;
    }
    .xxgk-nav .gkjj-top .xxgk-des{
      width: 35%;
    }
    .xxgk-nav .gkjj-top .xxgk-des .xxgk-des-cont{
      font-size: calc(100vw * 16 / 1920);
      font-weight: 400;
      line-height:calc(100vw * 28 / 1920);
      color: #FFFFFF;
    }
    .xxgk-nav .gkjj-top .xxgk-baogao{
      flex: 1;
      padding-left: calc(100vw * 25 / 1920);
      margin-left: calc(100vw * 25 / 1920);
      border-left: 1px solid #908BCF;
    }
    .xxgk-nav .xxgk-bl{}
    .xxgk-nav .xxgk-bl li{
      background: linear-gradient(90deg, rgba(40, 28, 176, 0.5) 0%, rgb(148 139 243 / 50%) 100%);
      margin-bottom:calc(100vw * 5 / 1920);
      padding: calc(100vw * 10 / 1920) calc(100vw * 10 / 1920) calc(100vw * 10 / 1920) calc(100vw * 15 / 1920);
      border-radius:calc(100vw * 5 / 1920);
      transition: all ease 0.3s;
    }
    .xxgk-nav .xxgk-bl li:hover{
      transform: translateX(5px);
    }
    .xxgk-nav .xxgk-bl li a{
      background: url(nav-2025115.png) left center no-repeat;
      background-size: calc(100vw * 18 / 1920) calc(100vw * 18 / 1920);
      padding-left: calc(100vw * 30 / 1920) !important;
      text-align: left !important;
      font-size: calc(100vw * 16 / 1920);
      font-weight: 400;
      line-height: calc(100vw * 28 / 1920);
      color: #FFFFFF;
      white-space:nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .xxgk-nav .xxgk-bl li a:hover{
      background: url(nav-2025115.png) left center no-repeat !important;
      background-size: calc(100vw * 18 / 1920) calc(100vw * 18 / 1920) !important;
    }
    .xxgk-nav.down-nav-con .other-link li{
      width: calc((100% - 2 * calc(100vw * 20 / 1920)) / 3);
      background: #5447e6;
      overflow: hidden;
    }
    .xxgk-nav.down-nav-con .other-link li a{
      font-size: calc(100vw * 17 / 1920) !important;
      font-weight: 600;
      padding: calc(100vw * 15 / 1920) calc(100vw * 10 / 1920) !important;
      padding-left: calc(100vw * 40 / 1920) !important;
      text-align: left !important;
    }
    .xxgk-nav.down-nav-con .other-link li:after{
      width: calc(100vw * 85 / 1920);
      height: calc(100vw * 85 / 1920);
      background: url(nav-202508.png) center center no-repeat;
      background-size: contain;
      right: calc(100vw * -10 / 1920);
      top: 0;
      z-index: -1;
      transform: none;
    }
  }
  
  
  
  
  
  .nav-other .other-link-w #dropdownMenuLink {
    color: rgba(255, 255, 255, 0.8);
  }
  .nav-other .other-link-w #dropdownMenuLink .other-link {
    display: block;
  }
  .nav-other .other-language,.nav-other .other-search {
    opacity: 1;
    width: calc(100vw * 25 / 1920);
    cursor: pointer;
  }
  .nav-other .other-language a {
    display: block;
    color: #fff;
  }
  .nav_fix_box{
    position: fixed;
    right: 0;
    top: 0;
    height: 0;
    left: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  }
  .nav_fix_box.on{
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
  }
  .nav-fix-boxs{
    width: 100%;
    height: 100%;
    border-top: calc(100vw * 6 / 1920) solid #4B3FC2;
    background: url(im-bg23.png) top center no-repeat;
    background-size: cover;
    padding-top: calc(100vw * 20 / 1920);
    overflow-y:scroll;
  }
  .nav-fix-links{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding:0 calc(100vw * 50 / 1920);
  }
  .nav-fix-links li{
    margin-left: calc(100vw * 15 / 1920);
  }
  .nav-fix-links li a{
    font-weight: 400;
    font-size: calc(100vw * 16 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 22 / 1920);
  }
  .nav-fix-links .nav-fix-tools{
    margin-left: calc(100vw * 100 / 1920);
  }
  .nav-fix-links .nav-fix-tools span{
    display: inline-block;
    width: calc(100vw * 32 / 1920);
    height: calc(100vw * 32 / 1920);
    background-color: #4B3FC2;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    line-height: calc(100vw * 30 / 1920);
  }
  .nav-fix-links .nav-fix-tools span img{
    max-width: calc(100vw * 18 / 1920);
  }
  .nav-fix-links .nav-fix-tools .nav-close{
    margin-right: calc(100vw * 20 / 1920);
  }
  .nav-fix-links .nav-fix-tools .search-trgger{}
  .mav-fix-logo,.nav-fix-navlist{
    padding:0 calc(100vw * 140 / 1920);
  }
  .nav-fix-navlist{
    margin-top: calc(100vw * 80 / 1920);
  }
  .nav-fix-navlist .nav-navlist-box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .nav-navlist-box .navlist-item{
    position: relative;
    transform: translateY(50px);
    transition: 0.5s;
    opacity: 0;
  }
  .nav_fix_box.on .nav-navlist-box .navlist-item{
    transform: translateY(0);
    opacity: 1;
  }
  .nav-navlist-box .navlist-item:nth-child(1) {
    transition-delay: 0.3s;
  }
  .nav-navlist-box .navlist-item:nth-child(2) {
    transition-delay: 0.4s;
  }
  .nav-navlist-box .navlist-item:nth-child(3) {
    transition-delay: 0.5s;
  }
  .nav-navlist-box .navlist-item:nth-child(4) {
    transition-delay: 0.6s;
  }
  .nav-navlist-box .navlist-item:nth-child(5) {
    transition-delay: 0.7s;
  }
  .nav-navlist-box .navlist-item:nth-child(6) {
    transition-delay: 0.8s;
  }
  .nav-navlist-box .navlist-item:nth-child(7) {
    transition-delay: 0.9s;
  }
  .nav-navlist-box .navlist-item:nth-child(8) {
    transition-delay: 1.1s;
  }
  .nav-navlist-box .navlist-item:nth-child(9) {
    transition-delay: 1.2s;
  }
  .nav-navlist-box .navlist-item .navlist-title{
    position: relative;
    font-weight: 600;
    font-size: calc(100vw * 20 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 28 / 1920);
    text-align: left;
    white-space: nowrap;
    margin-bottom: calc(100vw * 15 / 1920);
    padding-top: calc(100vw * 15 / 1920);
  }
  .nav-navlist-box .navlist-item .navlist-title:after{
    content: '';
    display: inline-block;
    width: calc(100vw * 30 / 1920);
    height: calc(100vw * 4 / 1920);
    background: #B8EA43;
    position: absolute;
    top: 0;
    left: 0;
  }
  .nav-navlist-box .navlist-item .navlist-sptitle{
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .nav-navlist-box .navlist-item li{
    margin-bottom: calc(100vw * 12 / 1920);
  }
  .nav-navlist-box .navlist-item li a{
    font-weight: 400;
    font-size: calc(100vw * 16 / 1920);
    color: #FFFFFF;
    line-height:calc(100vw * 22 / 1920);
    text-align: left;
    position: relative;
    padding-left: calc(100vw * 15 / 1920);
  }
  .nav-navlist-box .navlist-item li a:after{
    content: '';
    display:inline-block;
    width:calc(100vw * 7 / 1920);
    height: 1px;
    background: #A79A6E;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  
  
  
  
  @media (max-width: 1199px) {
    .nav-other .other-language {
      padding-left: 1.4285714286rem;
      background-size: 1rem;
    }
  }
  @media (max-width: 991px) {
    .nav-other .other-language {
      padding-left: 1.8181818182rem;
      background-size: 1.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .nav-other .other-language {
      padding-left: 1.8181818182rem;
      background-size: 1.2727272727rem;
    }
  }
  .nav-other .other-link {
    margin-right: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .nav-other .other-link {
      margin-right: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .nav-other .other-link {
      margin-right: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .nav-other .other-link {
      margin-right: 2.7272727273rem;
      left: 50%;
      transform: translateX(-50%);
    }
    .nav-other .other-search{
      width: calc(100vw * 80 / 1920);
    }
  }
  .nav-other .other-link li a {
    display: block;
    color: #666;
    line-height: calc(100vw * 30 / 1920);
    font-size: calc(100vw * 15 / 1920);
  }
  .nav-other .other-link li a:hover, .nav-other .other-link li a:focus {
    background: none;
    color: #4B3FC2;
  }
  @media (max-width: 1199px) {
    .nav-other .other-link li a {
      line-height: 2.1428571429rem;
      font-size: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .nav-other .other-link li a {
      line-height: 2.7272727273rem;
      font-size: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .nav-other .other-link li a {
      line-height: 2.7272727273rem;
      font-size: 1.3636363636rem;
    }
  }
  
  @media (min-width: 1440px) and (max-width: 1679px) {
    nav.navbar.bootsnav .navbar-brand {
      width: 35rem;
    }
    nav.navbar.bootsnav ul.nav > li {
      margin-right: 1.25rem;
    }
    nav.navbar.bootsnav ul.nav > li a {
      font-size: 1.25rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 1439px) {
    nav.navbar.bootsnav .navbar-brand {
      width: 28.75rem;
    }
    nav.navbar.bootsnav ul.nav > li {
      margin-right: 0.75rem;
    }
    nav.navbar.bootsnav ul.nav > li a {
      font-size: 1.25rem;
    }
  }
  @media (min-width: 1200px) {
    nav.navbar.bootsnav .container,.explore-IBP-header .container, .public-cwrap .container {
      width: 90%;
    }
  }
  @media (max-width: 1199px) {
    nav.navbar.bootsnav .container {
      padding-left: 0;
      padding-right: 0;
      position: relative;
    }
    nav.navbar.bootsnav .navbar-collapse.collapse {
      display: none !important;
    }
    nav.navbar.bootsnav .navbar-header {
      float: left !important;
      padding-left: 0;
      padding-right: 0;
    }
    nav.navbar.bootsnav .toggle {
      margin-top: 6rem;
    }
    nav.navbar.bootsnav .phone-menu-toggle {
      display: block;
    }
    .other-page nav.navbar.bootsnav {
      min-height: auto;
    }
    .other-page nav.navbar.bootsnav .toggle {
      margin-top: 4rem;
    }
  }
  @media (min-width: 992px) {
    nav.navbar.bootsnav .navbar-brand {
      margin-left: 0;
    }
    .nav-other .other-link-w #dropdownMenuLink {
      display: none;
    }
    .nav-other .other-link-w .other-link {
      display: block;
      background-color: transparent;
      border: none;
      padding: 0;
      margin: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      position: relative;
    }
    .nav-other .other-link-w .other-link li {
      float: left;
      line-height: calc(100vw * 30 / 1920);
      margin-right: calc(100vw * 20 / 1920);
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .nav-other .other-link-w .other-link li {
      line-height: 2.1428571429rem;
      margin-right: 1.4285714286rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .nav-other .other-link-w .other-link li {
      line-height: 2.7272727273rem;
      margin-right: 1.8181818182rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .nav-other .other-link-w .other-link li {
      line-height: 2.7272727273rem;
      margin-right: 1.8181818182rem;
    }
  }
  @media (min-width: 992px) {
    .nav-other .other-link-w .other-link li:last-child {
      margin-right: 0;
    }
    .nav-other .other-link-w .other-link li a {
      color: rgba(255, 255, 255, 0.8);
      padding: 0;
    }
    .nav-other .other-link-w .other-link li:hover a {
      background-color: transparent;
      color: #fff;
    }
  }
  @media (max-width: 991px) {
    nav.navbar.bootsnav .navbar-brand {
      padding-left: 15px;
      padding-right: 15px;
      width: 43.75rem;
    }
    nav.navbar.bootsnav .toggle {
      margin-top: 6.25rem;
    }
    nav.navbar.bootsnav .toggle span, nav.navbar.bootsnav .toggle span::before, nav.navbar.bootsnav .toggle span::after {
      height: 0.1875rem;
    }
    .nav-other {
      top: 1.25rem !important;
    }
  }
  @media (max-width: 767px) {
    .nav-wrap {
      position: relative;
      background-color: #4B3FC2;
    }
    .nav-wrap::after {
      display: none;
    }
    nav.navbar.bootsnav {
      position: relative;
      min-height: auto;
    }
    nav.navbar.bootsnav .container {
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
    }
    nav.navbar.bootsnav .navbar-header {
      margin-left: 0;
    }
    nav.navbar.bootsnav .navbar-brand {
      width: 80%;
      padding-top: 3.75rem;
      padding-bottom: 1.25rem;
      margin-left: 0;
      padding-left: 0;
      padding-right: 0;
      height: auto;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
    }
    nav.navbar.bootsnav .navbar-brand img {
      display: block;
    }
    nav.navbar.bootsnav .toggle {
      margin-top: 6.5rem;
      right: 1.5625rem;
    }
    .nav-other {
      top: 0.9375rem !important;
      right: 15px;
    }
  }
  .other-search {
    float: left;
  }
  .other-search a {
    display: block;
    opacity: 1;
  }
  @media (max-width: 1199px) {
    .other-search a {
      background-size: 1.0714285714rem;
      width: 2.1428571429rem;
      height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .other-search a {
      background-size: 1.3636363636rem;
      width: 2.7272727273rem;
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .other-search a {
      background-size: 1.3636363636rem;
      width: 2.7272727273rem;
      height: 2.7272727273rem;
    }
  }
  
  @media (max-width: 1199px) {
    .other-search {
      right: 6.25rem;
    }
  }
  .main-search {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    height: calc(100vw * 200 / 1920);
    width: 100%;
    background: #4B3FC2;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
  }
  @media (max-width: 1199px) {
    .main-search {
      height: 14.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .main-search {
      height: 18.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .main-search {
      height: 18.1818181818rem;
    }
  }
  .main-search.is-visible {
    -webkit-animation: cd-slide-in 0.3s;
    animation: cd-slide-in 0.3s;
  }
  .main-search.search-form-visible, .main-search.is-visible {
    opacity: 1;
    visibility: visible;
  }
  .main-search.search-form-visible .search-close, .main-search.is-visible .search-close {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
  .main-search .text-replace {
    color: transparent;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .main-search .search-logo {
    position: absolute;
    left: calc(100vw * 30 / 1920);
    top: 50%;
    width: 20%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  @media (max-width: 1199px) {
    .main-search .search-logo {
      left: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .main-search .search-logo {
      left: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .main-search .search-logo {
      left: 2.7272727273rem;
    }
  }
  .main-search .search-logo img {
    display: block;
    width: 100%;
  }
  .main-search .search-close {
    display: inline-block;
    position: absolute;
    right: 4%;
    top: 50%;
    height: calc(100vw * 40 / 1920);
    width: calc(100vw * 40 / 1920);
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  @media (max-width: 1199px) {
    .main-search .search-close {
      height: 2.8571428571rem;
      width: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .main-search .search-close {
      height: 3.6363636364rem;
      width: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .main-search .search-close {
      height: 3.6363636364rem;
      width: 3.6363636364rem;
    }
  }
  .main-search .search-close::before, .main-search .search-close::after {
    content: "";
    position: absolute;
    height: calc(100vw * 20 / 1920);
    width: calc(100vw * 2 / 1920);
    background-color: #ffffff;
    left: 50%;
    top: 50%;
  }
  @media (max-width: 1199px) {
    .main-search .search-close::before, .main-search .search-close::after {
      height: 1.4285714286rem;
      width: 0.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .main-search .search-close::before, .main-search .search-close::after {
      height: 1.8181818182rem;
      width: 0.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .main-search .search-close::before, .main-search .search-close::after {
      height: 1.8181818182rem;
      width: 0.1818181818rem;
    }
  }
  .main-search .search-close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  }
  .main-search .search-close::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }
  .main-search .search-cont {
    padding: calc(100vw * 50 / 1920) calc(100vw * 80 / 1920) calc(100vw * 50 / 1920) calc(100vw * 0 / 1920);
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: 0 21% 0 25%;
  }
  @media (max-width: 1199px) {
    .main-search .search-cont {
      padding: 3.5714285714rem 5.7142857143rem 3.5714285714rem 0rem;
    }
  }
  @media (max-width: 991px) {
    .main-search .search-cont {
      padding: 4.5454545455rem 7.2727272727rem 4.5454545455rem 0rem;
    }
  }
  @media (max-width: 767px) {
    .main-search .search-cont {
      padding: 4.5454545455rem 7.2727272727rem 4.5454545455rem 0rem;
    }
  }
  .main-search .search-cont .search-inp {
    font-size: calc(100vw * 18 / 1920);
    height: calc(100vw * 60 / 1920);
    line-height: calc(100vw * 60 / 1920);
    padding-right: calc(100vw * 100 / 1920);
    padding-left: calc(100vw * 30 / 1920);
    background-color: transparent;
    display: block;
    color: #fff;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 10px;
  }
  @media (max-width: 1199px) {
    .main-search .search-cont .search-inp {
      font-size: 1.2857142857rem;
      height: 4.2857142857rem;
      line-height: 4.2857142857rem;
      padding-right: 7.1428571429rem;
      padding-left: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .main-search .search-cont .search-inp {
      font-size: 1.6363636364rem;
      height: 5.4545454545rem;
      line-height: 5.4545454545rem;
      padding-right: 9.0909090909rem;
      padding-left: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .main-search .search-cont .search-inp {
      font-size: 1.6363636364rem;
      height: 5.4545454545rem;
      line-height: 5.4545454545rem;
      padding-right: 9.0909090909rem;
      padding-left: 2.7272727273rem;
    }
  }
  .main-search .search-cont input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
  .main-search .search-cont input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
  .main-search .search-cont input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
  .main-search .search-cont input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
  .main-search .search-cont input::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
  .main-search .search-cont .search-btn {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 3;
    height: calc(100vw * 40 / 1920);
    width: calc(100vw * 40 / 1920);
    border-radius: 50%;
    background: url(ibpzw2024-search.png) no-repeat center center rgba(255, 255, 255, 0.8);
    background-size: 0.7291666667vw;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  @media (max-width: 1199px) {
    .main-search .search-cont .search-btn {
      height: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .main-search .search-cont .search-btn {
      height: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .main-search .search-cont .search-btn {
      height: 3.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .main-search .search-cont .search-btn {
      width: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .main-search .search-cont .search-btn {
      width: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .main-search .search-cont .search-btn {
      width: 3.6363636364rem;
    }
  }
  
  .search-box {
    position: absolute;
    right: 0;
    top: calc(100vw * 15 / 1920);
    width: calc(100vw * 180 / 1920);
  }
  @media (max-width: 1199px) {
    .search-box {
      top: 1.0714285714rem;
      width: 12.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .search-box {
      top: 1.3636363636rem;
      width: 16.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .search-box {
      top: 1.3636363636rem;
      width: 16.3636363636rem;
    }
  }
  .search-box .box-inp {
    display: block;
    width: 100%;
    border: none;
    background: #fff;
    height: calc(100vw * 30 / 1920);
    line-height: calc(100vw * 30 / 1920);
    padding-left: calc(100vw * 15 / 1920);
    padding-right: calc(100vw * 40 / 1920);
    border-radius: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .search-box .box-inp {
      height: 2.1428571429rem;
      line-height: 2.1428571429rem;
      padding-left: 1.0714285714rem;
      padding-right: 2.8571428571rem;
      border-radius: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .search-box .box-inp {
      height: 2.7272727273rem;
      line-height: 2.7272727273rem;
      padding-left: 1.3636363636rem;
      padding-right: 3.6363636364rem;
      border-radius: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .search-box .box-inp {
      height: 2.7272727273rem;
      line-height: 2.7272727273rem;
      padding-left: 1.3636363636rem;
      padding-right: 3.6363636364rem;
      border-radius: 1.8181818182rem;
    }
  }
  .search-box .box-sub {
    position: absolute;
    background-image: url("https://ibp.cas.cn/images/dwsyzx2024-search.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: calc(100vw * 14 / 1920);
    height: calc(100vw * 14 / 1920);
    right: calc(100vw * 15 / 1920);
    top: calc(100vw * 8 / 1920);
  }
  @media (max-width: 1199px) {
    .search-box .box-sub {
      width: 1rem;
      height: 1rem;
      right: 1.0714285714rem;
      top: 0.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .search-box .box-sub {
      width: 1.2727272727rem;
      height: 1.2727272727rem;
      right: 1.3636363636rem;
      top: 0.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .search-box .box-sub {
      width: 1.2727272727rem;
      height: 1.2727272727rem;
      right: 1.3636363636rem;
      top: 0.7272727273rem;
    }
  }
  
  @media (max-width: 767px) {
    .main-search {
      height: auto;
      padding: 50px 20px;
    }
    .main-search .search-logo {
      position: static;
      width: 84%;
      margin-left: 0;
      margin-right: auto;
      margin-bottom: 15px;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    .main-search .search-close {
      top: 30px;
    }
    .main-search .search-cont {
      padding: 0 50px 0 0;
      position: relative;
      margin: 0;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    .main-search .search-cont .search-inp {
      font-size: 15px;
      height: 40px;
      line-height: 40px;
      padding: 0 20px;
      border-radius: 5px;
    }
    .main-search .search-cont .search-btn {
      width: 30px;
      height: 30px;
      background-size: 15px;
    }
  }
  @-webkit-keyframes cd-slide-in {
    0% {
      -webkit-transform: translateY(-100%);
    }
    100% {
      -webkit-transform: translateY(0);
    }
  }
  @keyframes cd-slide-in {
    0% {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  .footer {
    background: url(im-bg08.png) no-repeat top center;
    background-size: cover;
  }
  .footer .footer-info {
    border-bottom-color: rgba(255, 255, 255, 0.2);
    border-bottom-style: solid;
    padding-top: calc(100vw * 55 / 1920);
    padding-bottom: calc(100vw * 45 / 1920);
    line-height: calc(100vw * 26 / 1920);
    border-bottom-width: calc(100vw * 1 / 1920);
  }
  @media (max-width: 1199px) {
    .footer .footer-info {
      padding-top: 3.9285714286rem;
      padding-bottom: 3.2142857143rem;
      line-height: 1.8571428571rem;
      border-bottom-width: 0.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .footer .footer-info {
      padding-top: 5rem;
      padding-bottom: 4.0909090909rem;
      line-height: 2.3636363636rem;
      border-bottom-width: 0.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .footer .footer-info {
      padding-top: 5rem;
      padding-bottom: 4.0909090909rem;
      line-height: 2.3636363636rem;
      border-bottom-width: 0.0909090909rem;
    }
  }
  .footer .footer-info .footer-nav-list {
    margin-left: calc(100vw * -10 / 1920);
    margin-right: calc(100vw * -10 / 1920);
  }
  @media (max-width: 1199px) {
    .footer .footer-info .footer-nav-list {
      margin-left: -0.7142857143rem;
      margin-right: -0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .footer .footer-info .footer-nav-list {
      margin-left: -0.9090909091rem;
      margin-right: -0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .footer .footer-info .footer-nav-list {
      margin-left: -0.9090909091rem;
      margin-right: -0.9090909091rem;
    }
  }
  .footer .footer-info .footer-nav-list li {
    float: left;
    width: 10.5%;
    padding-left: calc(100vw * 10 / 1920);
    padding-right: calc(100vw * 10 / 1920);
  }
  .footer .footer-info .footer-nav-list li:nth-child(3) {
    width: 15%;
  }
  .footer .footer-info .footer-nav-list li:nth-child(5) {
    width: 11.5%;
  }
  @media (max-width: 1199px) {
    .footer .footer-info .footer-nav-list li {
      padding-left: 0.7142857143rem;
      padding-right: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .footer .footer-info .footer-nav-list li {
      padding-left: 0.9090909091rem;
      padding-right: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .footer .footer-info .footer-nav-list li {
      padding-left: 0.9090909091rem;
      padding-right: 0.9090909091rem;
    }
  }
  .footer .footer-info .box-item .item-title {
    color: #fff;
    font-weight: bold;
    font-size: calc(100vw * 18 / 1920);
    line-height: calc(100vw * 28 / 1920);
    margin-bottom: calc(100vw * 15 / 1920);
  }
  @media (max-width: 1199px) {
    .footer .footer-info .box-item .item-title {
      font-size: 1.2857142857rem;
      line-height: 2rem;
      margin-bottom: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .footer .footer-info .box-item .item-title {
      font-size: 1.6363636364rem;
      line-height: 2.5454545455rem;
      margin-bottom: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .footer .footer-info .box-item .item-title {
      font-size: 1.6363636364rem;
      line-height: 2.5454545455rem;
      margin-bottom: 1.3636363636rem;
    }
  }
  .footer .footer-info .box-item .item-cont a {
    display: block;
    color: #fff;
    padding-top: calc(100vw * 3 / 1920);
    padding-bottom: calc(100vw * 3 / 1920);
    line-height: calc(100vw * 22 / 1920);
  }
  @media (max-width: 1199px) {
    .footer .footer-info .box-item .item-cont a {
      padding-top: 0.2142857143rem;
      padding-bottom: 0.2142857143rem;
      line-height: 1.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .footer .footer-info .box-item .item-cont a {
      padding-top: 0.2727272727rem;
      padding-bottom: 0.2727272727rem;
      line-height: 2rem;
    }
  }
  @media (max-width: 767px) {
    .footer .footer-info .box-item .item-cont a {
      padding-top: 0.2727272727rem;
      padding-bottom: 0.2727272727rem;
      line-height: 2rem;
    }
  }
  .footer .footer-info .box-item .item-cont a:hover {
    text-decoration: underline;
  }
  .footer .footer-copy {
    color: rgba(255, 255, 255, 0.6);
    padding-top: calc(100vw * 25 / 1920);
    padding-bottom: calc(100vw * 25 / 1920);
    line-height: calc(100vw * 26 / 1920);
    border-bottom-width: calc(100vw * 1 / 1920);
  }
  .footer .footer-copy .container {
    position: relative;
  }
  @media (max-width: 1199px) {
    .footer .footer-copy {
      padding-top: 1.7857142857rem;
      padding-bottom: 1.7857142857rem;
      line-height: 1.8571428571rem;
      border-bottom-width: 0.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .footer .footer-copy {
      padding-top: 2.2727272727rem;
      padding-bottom: 2.2727272727rem;
      line-height: 2.3636363636rem;
      border-bottom-width: 0.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .footer .footer-copy {
      padding-top: 2.2727272727rem;
      padding-bottom: 2.2727272727rem;
      line-height: 2.3636363636rem;
      border-bottom-width: 0.0909090909rem;
    }
  }
  .footer .footer-copy .copy-info {
    min-height: calc(100vw * 70 / 1920);
    padding-top: calc(100vw * 10 / 1920);
  }
  .footer .footer-copy .copy-info .info-logo {
    float: left;
    margin-right: calc(100vw * 15 / 1920);
    width: calc(100vw * 168 / 1920);
    padding-top: calc(100vw * 8 / 1920);
  }
  @media (max-width: 1199px) {
    .footer .footer-copy .copy-info .info-logo {
      margin-right: 1.0714285714rem;
      width: 12rem;
      padding-top: 0.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .footer .footer-copy .copy-info .info-logo {
      margin-right: 1.3636363636rem;
      width: 15.2727272727rem;
      padding-top: 0.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .footer .footer-copy .copy-info .info-logo {
      margin-right: 1.3636363636rem;
      width: 15.2727272727rem;
      padding-top: 0.7272727273rem;
    }
  }
  .footer .footer-copy .copy-info .info-logo img {
    display: block;
    width: 100%;
  }
  .footer .footer-copy .copy-info .info-txt {
    overflow: hidden;
  }
  @media (max-width: 1199px) {
    .footer .footer-copy .copy-info {
      min-height: 5rem;
      padding-top: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .footer .footer-copy .copy-info {
      min-height: 6.3636363636rem;
      padding-top: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .footer .footer-copy .copy-info {
      min-height: 6.3636363636rem;
      padding-top: 0.9090909091rem;
    }
  }
  .footer .footer-copy .copy-info a, .footer .footer-copy .copy-info span {
    display: inline-block;
    color: rgba(255, 255, 255, 0.6);
    margin-right: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .footer .footer-copy .copy-info a, .footer .footer-copy .copy-info span {
      margin-right: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .footer .footer-copy .copy-info a, .footer .footer-copy .copy-info span {
      margin-right: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .footer .footer-copy .copy-info a, .footer .footer-copy .copy-info span {
      margin-right: 1.8181818182rem;
    }
  }
  .footer .footer-copy .copy-info a::last-child, .footer .footer-copy .copy-info span::last-child {
    margin-right: 0;
  }
  .footer .footer-copy .copy-info a:hover {
    color: #fff;
  }
  .footer .footer-copy .copy-sydw {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100vw * 56 / 1920);
  }
  @media (max-width: 1199px) {
    .footer .footer-copy .copy-sydw {
      width: 4rem;
    }
  }
  @media (max-width: 991px) {
    .footer .footer-copy .copy-sydw {
      width: 5.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .footer .footer-copy .copy-sydw {
      width: 5.0909090909rem;
    }
  }
  .footer .footer-copy .copy-sydw img {
    display: block;
    width: 100%;
  }
  .footer-bottom > .row-w{
    margin-left: calc(100vw * -30 / 1920);
    margin-right: calc(100vw * -30 / 1920);
  }
  .footer-bottom > .row-w>.col-w{
    padding-left: calc(100vw * 30 / 1920);
    padding-right: calc(100vw * 30 / 1920);
  }
  .footer-lines{
    position: relative;
  }
  .footer-lines:after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    background: #3667B1;
    position: absolute;
    right: 0;
    top: 0;
  }
  .footer-info .footer-liks{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .footer-info .footer-liks li{
    color: #fff;
  }
  .footer-info .footer-liks li a{
    color: #fff;
    padding-left: calc(100vw * 9 / 1920);
    font-size:calc(100vw * 19 / 1920);
  }
  .footer-top>.row-w{
    margin-left: calc(100vw * -60 / 1920);
    margin-right: calc(100vw * -60 / 1920);
  } 
  .footer-top>.row-w>.col-w{
    padding-left: calc(100vw * 60 / 1920);
    padding-right: calc(100vw * 60 / 1920);
  }
  .footer-info .footer-liks li i{
    font-size:calc(100vw * 22 / 1920);
  }
  .footer-info .footer-codes{
    position: relative;
  }
  .footer-info .footer-code{
    width: 100%;
    display: flex;
    position: absolute;
    left: 0;
    top: calc(100vw * -130 / 1920);
    justify-content: space-between;
  }
  .footer-info .footer-code img{
    display: block;
    width: calc(100vw * 145 / 1920);
    height: calc(100vw * 145 / 1920);
  }
  .footer-info .footer-code span{
    display: block;
    margin-top: calc(100vw * 10 / 1920);
    font-size: calc(100vw * 18 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 26 / 1920);
    text-align: center;
  }
  .footer-bottom{
    margin-top: calc(100vw * 50 / 1920);
    border-top: 1px solid #3667B1;
    padding-top: calc(100vw * 60 / 1920);
      padding-left: 15px;
      padding-right: 15px;
  }
  .footer-bottom .footer-left{}
  .footer-bottom .footer-right{
    padding-top: calc(100vw * 34 / 1920);
  }
  .footer-bottom .footer-right .footer-title{
    font-weight: 600;
    font-size: calc(100vw * 20 / 1920);
    color: #F2F4F7;
    line-height: calc(100vw * 28 / 1920);
    text-align: left;
    margin-bottom: calc(100vw * 10 / 1920);
  }
  .footer-bottom .footer-address p{
    font-weight: 400;
    font-size: calc(100vw * 15 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 30 / 1920);
    text-align: left;
    display: flex;
  }
  .footer-bottom .footer-address p span{
    flex: 0.5;
  }
  .footer-bottom .footer-address p span:first-child i{
    padding-right:calc(100vw * 5 / 1920);
  }
  .footer-left-bottom{
    width: 100%;
    display: flex;
    margin-top: calc(100vw * 30 / 1920);
    justify-content: space-between;
  }
  .footer-left-bottom .footer-infos p,.footer-left-bottom .footer-infos a{
    font-weight: 400;
    font-size: calc(100vw * 16 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 30 / 1920);
    text-align: left;
  }
  .footer-left-bottom .footer-infos a.code-j{
    background: url(logo01.dd7ff50e.png) left center no-repeat;
    background-size: contain;
    padding-left: 35px;
  }
  .footer-left-bottom .footer-work{}
  
  
  /*------------------------------------- index ----------------------------------------------*/
  .index-banner {
    height: 100%;
  }
  .index-banner .container {
    position: relative;
  }
  .index-banner .swiper-container {
    height: 100%;
  }
  .index-banner .banner-next,
  .index-banner .banner-prev {
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    background-repeat: no-repeat;
    width: calc(100vw * 45 / 1920);
    height: calc(100vw * 45 / 1920);
    background-position: center center;
  }
  .index-banner .banner-next{
    display: block;
    position: static;
    margin-top: 0;
    margin-left: calc(100vw * 30 / 1920);;
  }
  @media (max-width: 1199px) {
    .index-banner .banner-next,
    .index-banner .banner-prev {
      background-size: 0.8571428571rem;
      width: 3.2142857143rem;
      height: 3.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-banner .banner-next,
    .index-banner .banner-prev {
      background-size: 1.0909090909rem;
      width: 4.0909090909rem;
      height: 4.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .index-banner .banner-next,
    .index-banner .banner-prev {
      background-size: 1.0909090909rem;
      width: 4.0909090909rem;
      height: 4.0909090909rem;
    }
  }
  .index-banner .banner-next::after,
  .index-banner .banner-prev::after {
    display: none;
  }
  .index-banner .banner-next {
    background-image: url(im2025-icon03.png);
    background-size: cover;
  }
  .index-banner .banner-play img,.index-banner .banner-pause img{
    width: calc(100vw * 45 / 1920);
  }
  .index-banner .banner-play{
    display: none;
  }
  .index-banner .banner-prev {
    display: block;
    position: static;
    margin-top: 0;
    margin-right: calc(100vw * 30 / 1920);
  }
  .index-banner .banner-page-w {
    position: absolute;
    right: 0;
    z-index: 9;
    width: auto;
    bottom: 0px;
  }
  .index-banner .banner-page-w .banner-page-box{
    position: relative;
    display: flex;
    height: calc(100vw * 45 / 1920);
    align-items: center;
  }
  @media (max-width: 1199px) {
    .index-banner .banner-page-w {
      bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-banner .banner-page-w {
      bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-banner .banner-page-w {
      bottom: 2.7272727273rem;
    }
  }
  .index-banner .banner-page-w .banner-page {
    position: static;
  }
  .index-banner .banner-page-w .banner-page div {
    float: left;
    position: relative;
    width: calc(100vw * 28 / 1920);
    height: calc(100vw * 28 / 1920);
    margin-left: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .index-banner .banner-page-w .banner-page div {
      width: 2rem;
      height: 2rem;
      margin-left: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-banner .banner-page-w .banner-page div {
      width: 2.5454545455rem;
      height: 2.5454545455rem;
      margin-left: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-banner .banner-page-w .banner-page div {
      width: 2.5454545455rem;
      height: 2.5454545455rem;
      margin-left: 0.9090909091rem;
    }
  }
  .index-banner .banner-page-w .banner-page span, .index-banner .banner-page-w .banner-page svg {
    position: absolute;
    z-index: 9;
  }
  .index-banner .banner-page-w .banner-page span {
    background: rgba(242, 243, 245, 0.8);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: calc(100vw * 10 / 1920);
    height: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .index-banner .banner-page-w .banner-page span {
      width: 0.7142857143rem;
      height: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-banner .banner-page-w .banner-page span {
      width: 0.9090909091rem;
      height: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-banner .banner-page-w .banner-page span {
      width: 0.9090909091rem;
      height: 0.9090909091rem;
    }
  }
  .index-banner .banner-page-w .banner-page svg {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    vertical-align: top;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .index-banner .banner-page-w .banner-page svg circle {
    opacity: 0;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 180;
    stroke-dashoffset: 180;
    -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 {
    border: none;
    font-size: 16px;
    color: rgb(255, 255, 255);
    opacity: 1 !important;
    background: transparent !important;
  }
  .index-banner .banner-page-w .swiper-pagination-bullet.swiper-pagination-bullet-active span {
    background: rgb(242, 243, 245);
  }
  .index-banner .banner-page-w .swiper-pagination-bullet.swiper-pagination-bullet-active svg circle {
    opacity: 1;
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 5s linear, opacity 0s linear;
    transition: stroke-dashoffset 5s linear, opacity 0s linear;
  }
  .index-banner .banner-box {
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  .index-banner .banner-box .banner-img, .index-banner .banner-box .banner-video {
    overflow: hidden;
    position: relative;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .index-banner .banner-box .banner-img img, .index-banner .banner-box .banner-video img {
    width: 100%;
    display: none;
  }
  .index-banner .banner-box .banner-video {
    display: none;
  }
  .index-banner .banner-box .banner-video video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .index-banner .banner-box .banner-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
  }
  .index-banner .banner-box .banner-title::after {
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient( 0deg, #0F3182 0%, rgba(34,95,184,0) 100%);
    background-size: contain;
    position: absolute;
    z-index: 2;
    height: calc(100vw * 192 / 1920);
  }
  @media (max-width: 1199px) {
    .index-banner .banner-box .banner-title::after {
      height: 13.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-banner .banner-box .banner-title::after {
      height: 17.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .index-banner .banner-box .banner-title::after {
      height: 17.4545454545rem;
    }
  }
  .index-banner .banner-box .banner-title .title-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
  }
  @media (max-width: 1199px) {
    .index-banner .banner-box .banner-title .title-info {
      padding-bottom: 2.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-banner .banner-box .banner-title .title-info {
      padding-bottom: 3.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .index-banner .banner-box .banner-title .title-info {
      padding-bottom: 3.4545454545rem;
    }
  }
  .index-banner .banner-box .banner-title .box-title {
    position: relative;
    color: #fff;
    font-size: calc(100vw * 30 / 1920);
    max-width: calc(100vw * 880 / 1920);
    line-height: calc(100vw * 34 / 1920);
  }
  .index-banner .banner-box .banner-title .box-title span{
    position: relative;
    display: inline-block;
    line-height: calc(100vw * 34 / 1920);;
    padding-bottom: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .index-banner .banner-box .banner-title .box-title {
      font-size: 2.1428571429rem;
      padding-left: 1.4285714286rem;
      max-width: 62.8571428571rem;
      line-height: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-banner .banner-box .banner-title .box-title {
      font-size: 2.7272727273rem;
      padding-left: 1.8181818182rem;
      max-width: 80rem;
      line-height: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .index-banner .banner-box .banner-title .box-title {
      font-size: 2.7272727273rem;
      padding-left: 1.8181818182rem;
      max-width: 80rem;
      line-height: 3.0909090909rem;
    }
  }
  .index-banner .banner-box .banner-title .box-title span::after {
    content: "";
    position: absolute;
    left: 0;
    background: #4B3FC2;
    width: 100%;
    height: calc(100vw * 8 / 1920);
    bottom:0;
  }
  @media (max-width: 1199px) {
    .index-banner .banner-box .banner-title .box-title::after {
      width: 0.2857142857rem;
      top: 0.2857142857rem;
      bottom: 0.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .index-banner .banner-box .banner-title .box-title::after {
      width: 0.3636363636rem;
      top: 0.3636363636rem;
      bottom: 0.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .index-banner .banner-box .banner-title .box-title::after {
      width: 0.3636363636rem;
      top: 0.3636363636rem;
      bottom: 0.3636363636rem;
    }
  }
  .index-banner .box-title {
    -webkit-animation: fadeOutDown 0.5s both;
    animation: fadeOutDown 0.5s both;
  }
  .index-banner .swiper-slide-active .box-title {
    -webkit-animation: fadeInUp 0.5s both 1s;
    animation: fadeInUp 0.5s both 1s;
  }
  
  .index-title {
    margin-bottom: calc(100vw * 40 / 1920);
    line-height: calc(100vw * 60 / 1920);
  }
  @media (max-width: 1199px) {
    .index-title {
      margin-bottom: 2.8571428571rem;
      line-height: 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .index-title {
      margin-bottom: 3.6363636364rem;
      line-height: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .index-title {
      margin-bottom: 3.6363636364rem;
      line-height: 5.4545454545rem;
    }
  }
  .index-title.title-pub .title-txt {
    float: left;
    color: #333333;
  }
  .index-title.title-pub .title-txt::after {
    display: block;
  }
  .index-title.title-pub .title-more {
    float: right;
  }
  .index-title.title-tabs ul {
    float: left;
  }
  .index-title.title-tabs ul li {
    float: left;
    position: relative;
    padding-right: calc(100vw * 30 / 1920);
    margin-right: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .index-title.title-tabs ul li {
      padding-right: 2.1428571429rem;
      margin-right: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-title.title-tabs ul li {
      padding-right: 2.7272727273rem;
      margin-right: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-title.title-tabs ul li {
      padding-right: 2.7272727273rem;
      margin-right: 2.7272727273rem;
    }
  }
  .index-title.title-tabs ul li.active .title-txt {
    color: #333333;
  }
  .index-title.title-tabs.white ul li.active .title-txt {
    color: #fff;
  }
  .index-title.title-tabs ul li.active .title-txt::after {
    display: block;
  }
  .index-title.title-tabs ul li:last-child {
    padding-right: 0;
    margin-right: 0;
  }
  .index-title.title-tabs ul li:last-child::after {
    display: none;
  }
  .index-title.title-tabs ul li::after {
    content: "";
    position: absolute;
    right: 0;
    background-color: #dcdcdc;
    width: calc(100vw * 1 / 1920);
    top: calc(100vw * 10 / 1920);
    height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .index-title.title-tabs ul li::after {
      width: 0.0714285714rem;
      top: 0.7142857143rem;
      height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-title.title-tabs ul li::after {
      width: 0.0909090909rem;
      top: 0.9090909091rem;
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-title.title-tabs ul li::after {
      width: 0.0909090909rem;
      top: 0.9090909091rem;
      height: 2.7272727273rem;
    }
  }
  .index-title.title-tabs .tabs-more {
    float: right;
  }
  .index-title.title-tabs .tabs-more a {
    display: none;
  }
  .index-title.title-tabs .tabs-more a.active {
    display: block;
  }
  .index-title .title-txt {
    color: rgba(102, 102, 102, 0.5);
    position: relative;
    display: block;
    font-weight: 600;
    height: calc(100vw * 64 / 1920);
    line-height: calc(100vw * 42 / 1920);
    font-size: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .index-title .title-txt {
      height: 4.5714285714rem;
      line-height: 3.4285714286rem;
      font-size: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-title .title-txt {
      height: 5.8181818182rem;
      line-height: 4.3636363636rem;
      font-size: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .index-title .title-txt {
      height: 5.8181818182rem;
      line-height: 4.3636363636rem;
      font-size: 3.0909090909rem;
    }
  }
  .index-title .title-txt:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #4B3FC2;
    display: none;
    width: calc(100vw * 40 / 1920);
    height: calc(100vw * 6 / 1920);
  }
  .index-title.white .title-txt:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #B8EA43;
    display: none;
    width: calc(100vw * 40 / 1920);
    height: calc(100vw * 6 / 1920);
  }
  @media (max-width: 1199px) {
    .index-title .title-txt:after {
      width: 3.5714285714rem;
      height: 0.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-title .title-txt:after {
      width: 4.5454545455rem;
      height: 0.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .index-title .title-txt:after {
      width: 4.5454545455rem;
      height: 0.2727272727rem;
    }
  }
  .index-title .title-more {
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    color: #444444;
    line-height: calc(100vw * 34 / 1920);
    border-width: calc(100vw * 1 / 1920);
    margin-top: calc(100vw * 8 / 1920);
    border-radius: calc(100vw * 18 / 1920);
  }
  .index-title.white.title-tabs .tabs-more a.active{
    color:#fff;
  }
  @media (max-width: 1199px) {
    .index-title .title-more {
      width: 6.5714285714rem;
      height: 2.5714285714rem;
      line-height: 2.4285714286rem;
      border-width: 0.0714285714rem;
      margin-top: 0.5714285714rem;
      border-radius: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .index-title .title-more {
      width: 8.3636363636rem;
      height: 3.2727272727rem;
      line-height: 3.0909090909rem;
      border-width: 0.0909090909rem;
      margin-top: 0.7272727273rem;
      border-radius: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .index-title .title-more {
      width: 8.3636363636rem;
      height: 3.2727272727rem;
      line-height: 3.0909090909rem;
      border-width: 0.0909090909rem;
      margin-top: 0.7272727273rem;
      border-radius: 1.6363636364rem;
    }
  }
  .index-title .title-more:hover {
    color: #0080ff;
  }
  
  .index-box {
    position: relative;
    background-repeat: no-repeat;
    background-color: #fff;
    padding-top: calc(100vw * 70 / 1920);
    padding-bottom: calc(100vw * 70 / 1920);
  }
  @media (max-width: 1199px) {
    .index-box {
      padding-top: 5rem;
      padding-bottom: 5.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-box {
      padding-top: 6.3636363636rem;
      padding-bottom: 7.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .index-box {
      padding-top: 6.3636363636rem;
      padding-bottom: 7.2727272727rem;
    }
  }
  
  .index-mod-01 {
    background: url(im-bg01.png) bottom center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
  }
  .index-mod-01:after,.index-mod-03:after{
    content: '';
    display: block;
    position: absolute;
    bottom: calc(100vw * -25 / 1920);
    left: 50%;
    z-index: 11;
    transform: translateX(-50%);
    width: calc(100vw * 75 / 1920);
    height: calc(100vw * 75 / 1920);
    background: url(im2025-icon07.png) center center no-repeat;
    background-size: contain;
  }
  @media (max-width: 1199px) {
    .index-mod-01 {
      background-size: cover;
    }
  }
  @media (max-width: 991px) {
    .index-mod-01 {
      background-size: cover;und-size: 107.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .index-mod-01 {
      background-size: cover;
    }
  }
  
  .tabs-cont > div.scitch {
    display: none;
  }
  .tabs-cont > div.active {
    display: block;
  }
  
  .index-research-progress .gallery-top {
    margin-bottom: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .index-research-progress .gallery-top {
      margin-bottom: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .gallery-top {
      margin-bottom: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .gallery-top {
      margin-bottom: 3.6363636364rem;
    }
  }
  .index-research-progress .swiper-slide-thumb-active .box-btm .info-title {
    color: #4B3FC2;
  }
  .index-research-progress .top-other {
    position: absolute;
    right: 50%;
    bottom: 0;
    text-align: left;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: calc(100vw * 165 / 1920);
  }
  @media (max-width: 1199px) {
    .index-research-progress .top-other {
      min-width: 7.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .top-other {
      min-width: 9.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .top-other {
      min-width: 9.0909090909rem;
    }
  }
  .index-research-progress .top-other .swiper-buttons{
    width:calc(100vw * 36 / 1920);
    height:calc(100vw * 36 / 1920);
    border: 1px solid #4B3FC2;
    color: #4B3FC2;
    text-align: center;
    line-height: calc(100vw * 36 / 1920);
    transition: all ease 0.25s;
  }
  .index-research-progress .top-other .scroll-prev{
    border-radius: 4px 0px 0px 4px;
  }
  .index-research-progress .top-other .scroll-next{
    border-radius: 0px 4px 4px 0px;
  }
  .index-research-progress .top-other .swiper-buttons:hover{
    background: #4B3FC2;
    color: #fff;
  }
  .index-research-progress .top-other .swiper-buttons:after{
    display: none;
  }
  .index-research-progress .top-other .scroll-page {
    color: #4B3FC2;
    position: static;
    width: auto;
    font-size: calc(100vw * 24 / 1920);
  }
  .index-research-progress .top-other .scroll-page span {
    display: inline-block;
  }
  .index-research-progress .top-other .scroll-page span:first-child {
    color: #4B3FC2;
    font-size: calc(100vw * 24 / 1920);
  }
  @media (max-width: 1199px) {
    .index-research-progress .top-other .scroll-page span:first-child {
      font-size: 3rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .top-other .scroll-page span:first-child {
      font-size: 6.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .top-other .scroll-page span:first-child {
      font-size: 6.3636363636rem;
    }
  }
  @media (max-width: 1199px) {
    .index-research-progress .top-other .scroll-page {
      font-size: 2.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .top-other .scroll-page {
      font-size: 2.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .top-other .scroll-page {
      font-size: 2.9090909091rem;
    }
  }
  .index-research-progress .top-other .scroll-page .swiper-pagination-total {
    color: #4B3FC2;
  }
  .index-research-progress .top-other .arrow-group {
    position: relative;
    border-radius: 4px;
    border: 1px solid #4B3FC2;
    z-index: 999;
    width: calc(100vw * 100 / 1920);
    height: calc(100vw * 50 / 1920);
    border-width: calc(100vw * 1 / 1920);
    border-radius: calc(100vw * 4 / 1920);
  }
  @media (max-width: 1199px) {
    .index-research-progress .top-other .arrow-group {
      width: 7.1428571429rem;
      height: 3.5714285714rem;
      border-width: 0.0714285714rem;
      border-radius: 0.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .top-other .arrow-group {
      width: 9.0909090909rem;
      height: 4.5454545455rem;
      border-width: 0.0909090909rem;
      border-radius: 0.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .top-other .arrow-group {
      width: 9.0909090909rem;
      height: 4.5454545455rem;
      border-width: 0.0909090909rem;
      border-radius: 0.3636363636rem;
    }
  }
  .index-research-progress .top-other .arrow-group .scroll-next, .index-research-progress .top-other .arrow-group .scroll-prev {
    position: static;
    margin-top: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: calc(100vw * 7 / 1920);
    width: calc(100vw * 48 / 1920);
    height: calc(100vw * 48 / 1920);
  }
  .index-research-progress .top-other .arrow-group .scroll-next::after, .index-research-progress .top-other .arrow-group .scroll-prev::after {
    display: none;
  }
  @media (max-width: 1199px) {
    .index-research-progress .top-other .arrow-group .scroll-next, .index-research-progress .top-other .arrow-group .scroll-prev {
      background-size: 0.5rem;
      width: 3.4285714286rem;
      height: 3.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .top-other .arrow-group .scroll-next, .index-research-progress .top-other .arrow-group .scroll-prev {
      background-size: 0.6363636364rem;
      width: 4.3636363636rem;
      height: 4.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .top-other .arrow-group .scroll-next, .index-research-progress .top-other .arrow-group .scroll-prev {
      background-size: 0.6363636364rem;
      width: 4.3636363636rem;
      height: 4.3636363636rem;
    }
  }
  .index-research-progress .top-other .arrow-group .scroll-next:hover, .index-research-progress .top-other .arrow-group .scroll-prev:hover {
    background-color: #4B3FC2;
  }
  .index-research-progress .top-other .arrow-group .scroll-prev {
    float: left;
    background-image: url(ibpzw2024-icon-09.png);
  }
  .index-research-progress .top-other .arrow-group .scroll-prev:hover {
    background-image: url(ibpzw2024-icon-11.png);
  }
  .index-research-progress .top-other .arrow-group .scroll-next {
    background-image: url(ibpzw2024-icon-10.png);
    float: right;
  }
  .index-research-progress .top-other .arrow-group .scroll-next:hover {
    background-image: url(ibpzw2024-icon-12.png);
  }
  .index-research-progress .research-progress-wrap {
    margin-left: calc(100vw * 0 / 1920);
    margin-right: calc(100vw * 0 / 1920);
  }
  @media (max-width: 1199px) {
    .index-research-progress .research-progress-wrap {
      margin-left: -0.7142857143rem;
      margin-right: -0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .research-progress-wrap {
      margin-left: -0.9090909091rem;
      margin-right: -0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .research-progress-wrap {
      margin-left: -0.9090909091rem;
      margin-right: -0.9090909091rem;
    }
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-top {
      margin: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-top {
      margin: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-top {
      margin: 0.9090909091rem;
    }
  }
  .index-research-progress .box-top:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .index-research-progress .box-top:hover .box-info .info-title {
    color: #4B40C2;
  }
  .index-research-progress .box-top .box-img {
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-top .box-img {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-top .box-img {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-top .box-img {
      border-radius: 0.9090909091rem;
    }
  }
  .index-research-progress .box-top .box-img img {
    display: block;
    width: 100%;
    object-fit: cover;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    object-fit: cover;
    height: calc(100vw * 420 / 1920);
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-top .box-img img {
      height: 30rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-top .box-img img {
      height: 48.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-top .box-img img {
      height: 48.3636363636rem;
    }
  }
  .index-research-progress .box-top .box-info .info-title {
    color: #333333;
    margin-bottom: calc(100vw * 25 / 1920);
    font-size: calc(100vw * 26 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(100vw * 88 / 1920);
    line-height: calc(100vw * 44 / 1920);
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-top .box-info .info-title {
      margin-bottom: 1.7857142857rem;
      font-size: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-top .box-info .info-title {
      margin-bottom: 2.2727272727rem;
      font-size: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-top .box-info .info-title {
      margin-bottom: 2.2727272727rem;
      font-size: 2.3636363636rem;
    }
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-top .box-info .info-title {
      height: 6.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-top .box-info .info-title {
      height: 8rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-top .box-info .info-title {
      height: 8rem;
    }
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-top .box-info .info-title {
      line-height: 3.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-top .box-info .info-title {
      line-height: 4rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-top .box-info .info-title {
      line-height: 4rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-top .box-info .info-title {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  .index-research-progress .box-top .box-info .info-date {
    color: #4B3FC2;
    margin-top: calc(100vw * 20 / 1920);
    font-size: calc(100vw * 20 / 1920);
  }
  .index-research-progress .box-top .box-info .info-date span{
    font-size: calc(100vw * 16 /1920);
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-top .box-info .info-date {
      margin-bottom: 1.7857142857rem;
      background-size: 1rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-top .box-info .info-date {
      margin-bottom: 2.2727272727rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-top .box-info .info-date {
      margin-bottom: 2.2727272727rem;
      font-size: 1.4545454545rem;
    }
  }
  .index-research-progress .box-top .box-info .info-txt {
    color: #666;
    text-align: justify;
    font-size: calc(100vw * 18 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: calc(100vw * 136 / 1920);
    line-height: calc(100vw * 34 / 1920);
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-top .box-info .info-txt {
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-top .box-info .info-txt {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-top .box-info .info-txt {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-top .box-info .info-txt {
      height: 9.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-top .box-info .info-txt {
      height: 12.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-top .box-info .info-txt {
      height: 12.3636363636rem;
    }
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-top .box-info .info-txt {
      line-height: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-top .box-info .info-txt {
      line-height: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-top .box-info .info-txt {
      line-height: 3.0909090909rem;
    }
  }
  .index-research-progress .box-btm {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    height: calc(100vw * 138 / 1920);
    line-height: calc(100vw * 34 / 1920);
    border-radius: calc(100vw * 10 / 1920);
    padding: calc(100vw * 20 / 1920) calc(100vw * 24 / 1920) calc(100vw * 50 / 1920) calc(100vw * 20 / 1920);
  }
  .index-research-progress .box-btm:hover .info-title {
    color: #4B3FC2;
  }
  .index-research-progress .box-btm::before, .index-research-progress .box-btm::after {
    content: "";
    position: absolute;
  }
  .index-research-progress .box-btm::after {
      background: #4B3FC2;
      left: 0;
      top: 0;
      width: calc(100vw * 6 / 1920);
      height: 100%;
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-btm::after {
      height: 0.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-btm::after {
      height: 0.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-btm::after {
      height: 0.2727272727rem;
    }
  }
  .index-research-progress .box-btm::before {
    content: "";
    position: absolute;
    right: calc(100vw * 30 / 1920);
    bottom: calc(100vw * -10 / 1920);
    background: url(im2025-icon06.png) no-repeat;
    background-size: contain;
    width: calc(100vw * 75 / 1920);
    height: calc(100vw * 50 / 1920);
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-btm::before {
      width: 8.7142857143rem;
      height: 8.7142857143rem;
      bottom: -4.3571428571rem;
      margin-left: -4.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-btm::before {
      width: 11.0909090909rem;
      height: 11.0909090909rem;
      bottom: -5.5454545455rem;
      margin-left: -5.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-btm::before {
      width: 11.0909090909rem;
      height: 11.0909090909rem;
      bottom: -5.5454545455rem;
      margin-left: -5.5454545455rem;
    }
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-btm {
      height: 9.8571428571rem;
      line-height: 2.4285714286rem;
      border-radius: 0.7142857143rem;
      padding: 1.4285714286rem 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-btm {
      height: 12.5454545455rem;
      line-height: 3.0909090909rem;
      border-radius: 0.9090909091rem;
      padding: 1.8181818182rem 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-btm {
      height: 12.5454545455rem;
      line-height: 3.0909090909rem;
      border-radius: 0.9090909091rem;
      padding: 1.8181818182rem 2.7272727273rem;
    }
  }
  .index-research-progress .box-btm .box-date {
    float: left;
    color: #4B3FC2;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(ibpzw2024-icon-23.png);
    font-size: calc(100vw * 26 / 1920);
    line-height: calc(100vw * 34 / 1920);
    background-size: calc(100vw * 27 / 1920);
    margin-right: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-btm .box-date {
      font-size: 1.8571428571rem;
      line-height: 2.4285714286rem;
      background-size: 1.9285714286rem;
      margin-right: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-btm .box-date {
      font-size: 2.3636363636rem;
      line-height: 3.0909090909rem;
      background-size: 2.4545454545rem;
      margin-right: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-btm .box-date {
      font-size: 2.3636363636rem;
      line-height: 3.0909090909rem;
      background-size: 2.4545454545rem;
      margin-right: 2.7272727273rem;
    }
  }
  .index-research-progress .box-btm .box-date .date-01 {
    margin-bottom: calc(100vw * 14 / 1920);
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-btm .box-date .date-01 {
      margin-bottom: 1rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-btm .box-date .date-01 {
      margin-bottom: 1.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-btm .box-date .date-01 {
      margin-bottom: 1.2727272727rem;
    }
  }
  .index-research-progress .box-btm .box-info {
    overflow: hidden;
  }
  .index-research-progress .box-btm .info-title {
    color: #333333;
    font-size: calc(100vw * 16 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: calc(100vw * 90 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-btm .info-title {
      font-size: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-btm .info-title {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-btm .info-title {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-btm .info-title {
      height: 6.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-btm .info-title {
      height: 8.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-btm .info-title {
      height: 8.1818181818rem;
    }
  }
  @media (max-width: 1199px) {
    .index-research-progress .box-btm .info-title {
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-research-progress .box-btm .info-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-research-progress .box-btm .info-title {
      line-height: 2.7272727273rem;
    }
  }
  
  .index-latest-papers .box-s {
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    border-top:calc(100vw * 6 / 1920) solid #4B3FC2;
    height: calc(100vw * 270 / 1920);
    border-radius: calc(100vw * 10 / 1920);
    margin-bottom: calc(100vw * 40 / 1920);
    position: relative;
  }
  .index-latest-papers .box-s .lw-data{
    position: absolute;
    right: calc(100vw * 20 / 1920);
    bottom: calc(100vw * 18 / 1920);
    color: #4B3FC2;
    font-size: calc(100vw * 20 / 1920);
  }
  .index-latest-papers .box-s:after{
    content: '';
    width: calc(100vw * 74 / 1920);
    height: calc(100vw * 50 / 1920);
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url(im-bg24.png) bottom center no-repeat;
    background-size: cover;
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s {
      height: 20.1428571429rem;
      border-radius: 0.7142857143rem;
      margin-bottom: 2.8571428571rem;
    }
    .index-research-progress .top-other .swiper-buttons{
      width: calc(100vw * 45 / 1920);
      height: calc(100vw * 45 / 1920);
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s {
      height: 30.7272727273rem;
      border-radius: 0.9090909091rem;
      margin-bottom: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s {
      height: 30.7272727273rem;
      border-radius: 0.9090909091rem;
      margin-bottom: 3.6363636364rem;
    }
  }
  .index-latest-papers .box-s:hover .box-date::before {
    width: 100%;
  }
  .index-latest-papers .box-s:hover .box-txt {
    color: #4B3FC2;
  }
  .index-latest-papers .box-s:hover .box-txt a {
    color: #4B3FC2;
  }
  .index-latest-papers .box-s .box-date {
    position: relative;
    border-bottom: 1px solid #EEEEEE;
    position: relative;
    overflow: hidden;
    color: #4B3FC2;
    height: calc(100vw * 80 / 1920);
    padding-top: calc(100vw * 8 / 1920);
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s .box-date {
      height: 5.7142857143rem;
      padding-top: 0.5714285714rem;
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s .box-date {
      height: 7.2727272727rem;
      padding-top: 0.7272727273rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s .box-date {
      height: 7.2727272727rem;
      padding-top: 0.7272727273rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  .index-latest-papers .box-s .box-date::before, .index-latest-papers .box-s .box-date::after {
    content: "";
    position: absolute;
    bottom: 0;
  }
  .index-latest-papers .box-s .box-date::before {
    background: #4B3FC2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: calc(100vw * 30 / 1920);
    height: calc(100vw * 2 / 1920);
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s .box-date::before {
      width: 2.1428571429rem;
      height: 0.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s .box-date::before {
      width: 2.7272727273rem;
      height: 0.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s .box-date::before {
      width: 2.7272727273rem;
      height: 0.1818181818rem;
    }
  }
  .index-latest-papers .box-s .box-date::after {
    background: url(ibpzw2024-icon-13.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 0;
    -webkit-animation: rotate 20s linear infinite;
            animation: rotate 20s linear infinite;
    width: calc(100vw * 122 / 1920);
    height: calc(100vw * 122 / 1920);
    bottom: calc(100vw * -61 / 1920);
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s .box-date::after {
      width: 8.7142857143rem;
      height: 8.7142857143rem;
      bottom: -4.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s .box-date::after {
      width: 11.0909090909rem;
      height: 11.0909090909rem;
      bottom: -5.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s .box-date::after {
      width: 11.0909090909rem;
      height: 11.0909090909rem;
      bottom: -5.5454545455rem;
    }
  }
  .index-latest-papers .box-s .box-date > div {
    line-height: 1.4;
  }
  .index-latest-papers .box-s .box-date .date-01 {
    font-size: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s .box-date .date-01 {
      font-size: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s .box-date .date-01 {
      font-size: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s .box-date .date-01 {
      font-size: 2.7272727273rem;
    }
  }
  .index-latest-papers .box-s .box-txt {
    color: #000000;
  }
  .index-latest-papers .box-s .box-txt a {
    color: #000000;
  }
  .index-latest-papers .box-s .box-more {
    text-align: right;
    position: relative;
  }
  .index-latest-papers .box-s .box-more .a-more {
    position: relative;
    display: inline-block;
    color: #4B3FC2;
  }
  .index-latest-papers .box-s .box-more .a-more:hover::before {
    width: 100%;
  }
  .index-latest-papers .box-s .box-more .a-more::after {
    content: "\f0da";
    font-family: "FontAwesome";
    margin-left: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s .box-more .a-more::after {
      margin-left: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s .box-more .a-more::after {
      margin-left: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s .box-more .a-more::after {
      margin-left: 0.9090909091rem;
    }
  }
  .index-latest-papers .box-s .box-more .a-more::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-bottom: 1px solid #4B3FC2;
    bottom: calc(100vw * -5 / 1920);
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s .box-more .a-more::before {
      bottom: -0.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s .box-more .a-more::before {
      bottom: -0.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s .box-more .a-more::before {
      bottom: -0.4545454545rem;
    }
  }
  .index-latest-papers .box-s.box-lw {
    padding: calc(100vw * 30 / 1920) calc(100vw * 25 / 1920) calc(100vw * 55 / 1920) calc(100vw * 25 / 1920);
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s.box-lw {
      padding: 1.0714285714rem 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s.box-lw {
      padding: 1.3636363636rem 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-lw {
      padding: 1.3636363636rem 2.7272727273rem;
    }
  }
  .index-latest-papers .box-s.box-lw .box-txt {
    font-size: calc(100vw * 18 / 1920);
    margin-bottom: calc(100vw * 10 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: calc(100vw * 96 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s.box-lw .box-txt {
      font-size: 1.2857142857rem;
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s.box-lw .box-txt {
      font-size: 1.6363636364rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-lw .box-txt {
      font-size: 1.6363636364rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s.box-lw .box-txt {
      height: 6.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s.box-lw .box-txt {
      height: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-lw .box-txt {
      height: 5.4545454545rem;
    }
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s.box-lw .box-txt {
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s.box-lw .box-txt {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-lw .box-txt {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-lw .box-txt {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  .index-latest-papers .box-s.box-lw .box-other {
    font-size: calc(100vw * 18 / 1920);
    margin-bottom: calc(100vw * 10 / 1920);
    min-height: calc(100vw * 30 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 30 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  .index-latest-papers .box-s.box-lw .box-other i {
    font-weight: bold;
    display: inline-block;
    font-size:calc(100vw * 18 / 1920);
    font-weight: 600;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: calc(100vw * 15 / 1920);
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s.box-lw .box-other i {
      margin-right: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s.box-lw .box-other i {
      margin-right: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-lw .box-other i {
      margin-right: 1.3636363636rem;
    }
  }
  .index-latest-papers .box-s.box-lw .box-other span {
    display: inline-block;
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s.box-lw .box-other {
      font-size: 1.2857142857rem;
      margin-bottom: 0.7142857143rem;
      min-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s.box-lw .box-other {
      font-size: 1.6363636364rem;
      margin-bottom: 0.9090909091rem;
      min-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-lw .box-other {
      font-size: 1.6363636364rem;
      margin-bottom: 0.9090909091rem;
      min-height: 2.7272727273rem;
    }
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s.box-lw .box-other {
      height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s.box-lw .box-other {
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-lw .box-other {
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s.box-lw .box-other {
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s.box-lw .box-other {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-lw .box-other {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-lw .box-other {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .index-latest-papers .box-s.box-mtsm {
    background: url(ibpzw2024-xsboxbg.png) no-repeat bottom right #fff;
    background-size: 100% auto;
    padding: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s.box-mtsm {
      padding: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s.box-mtsm {
      padding: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-mtsm {
      padding: 2.7272727273rem;
    }
  }
  .index-latest-papers .box-s.box-mtsm .box-txt {
    font-size: calc(100vw * 18 / 1920);
    margin-bottom: calc(100vw * 20 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: calc(100vw * 120 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s.box-mtsm .box-txt {
      font-size: 1.2857142857rem;
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s.box-mtsm .box-txt {
      font-size: 1.6363636364rem;
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-mtsm .box-txt {
      font-size: 1.6363636364rem;
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s.box-mtsm .box-txt {
      height: 8.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s.box-mtsm .box-txt {
      height: 10.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-mtsm .box-txt {
      height: 10.9090909091rem;
    }
  }
  @media (max-width: 1199px) {
    .index-latest-papers .box-s.box-mtsm .box-txt {
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-latest-papers .box-s.box-mtsm .box-txt {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-mtsm .box-txt {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-latest-papers .box-s.box-mtsm .box-txt {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  
  .index-mod-02 {
    background:url(im-bg02.png) top center no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
  }
  .index-mod-02:after{
    content: '';
    display: block;
    position: absolute;
    bottom: calc(100vw * -25 / 1920);
    left: 50%;
    z-index: 11;
    transform: translateX(-50%);
    width: calc(100vw * 75 / 1920);
    height: calc(100vw * 75 / 1920);
    background: url(im2025-icon08.png) center center no-repeat;
    background-size: contain;
  }
  .index-mod-02 .container {
    position: relative;
    z-index: 2;
  }
  .index-news-boxs .box-s{
    margin-top: calc(100vw * 20 / 1920);
    overflow: hidden;
  }
  .index-news-boxs .box-s .info-title{
    font-size: calc(100vw * 18 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 32 / 1920);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all ease 0.25s;
  }
  .index-news-boxs .box-img{
    overflow: hidden;
  }
  .index-news-boxs .box-img img{
    transition: all ease 0.25s;
  }
  .index-news-boxs .box-img:hover img{
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  .index-news-boxs .col-left-bottom{
    margin-top:calc(100vw * 25 / 1920);
  }
  .index-news-boxs .col-left-bottom .news-lists{
    padding-left: 20px;
    width: 100%;
    display:flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-top: calc(100vw * 12 / 1920);
  }
  .index-news-boxs .col-left-bottom .news-lists:after{
    content: '';
    display: block;
    width: calc(100vw * 8 / 1920);
    height: calc(100vw * 1 / 1920);
    background: #fff;
    position: absolute;
    left: calc(100vw * 5 / 1920);;
    top: 50%;
    transform: translateX(-50%);
  }
  .index-news-boxs .col-left-bottom .news-lists a{
    font-weight: 400;
    padding-right: 20px;
    font-size: calc(100vw * 18 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 26 / 1920);
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .index-news-boxs .col-left-bottom .news-lists .news-data{
    font-size: calc(100vw * 16 / 1920);
    color: #FFFFFF;
    text-align: left;
    white-space: nowrap;
  }
  
  
  
  
  
  .index-news-scroll {
    position: relative;
  }
  .index-news-scroll .news-next, .index-news-scroll .news-prev {
    z-index: 999;
    color: #4B3FC2;
    top: 25%;
    display: none;
  }
  .index-news-scroll .news-next::after, .index-news-scroll .news-prev::after {
    font-size: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .index-news-scroll .news-next::after, .index-news-scroll .news-prev::after {
      font-size: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .news-next::after, .index-news-scroll .news-prev::after {
      font-size: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .news-next::after, .index-news-scroll .news-prev::after {
      font-size: 3.6363636364rem;
    }
  }
  .index-news-scroll .box-s {
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: calc(100vw * 10 / 1920);
    margin-bottom: calc(100vw * 15 / 1920);
  }
  .index-news-scroll .box-s:hover::after {
    bottom: calc(100vw * -60 / 1920);
  }
  @media (max-width: 1199px) {
    .index-news-scroll .box-s:hover::after {
      bottom: -4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .box-s:hover::after {
      bottom: -5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s:hover::after {
      bottom: -5.4545454545rem;
    }
  }
  .index-news-scroll .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .index-news-scroll .box-s:hover .box-info .info-title {
    color: #4B3FC2;
  }
  @media (max-width: 1199px) {
    .index-news-scroll .box-s {
      border-radius: 0.7142857143rem;
      margin-bottom: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .box-s {
      border-radius: 0.9090909091rem;
      margin-bottom: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s {
      border-radius: 0.9090909091rem;
      margin-bottom: 1.3636363636rem;
    }
  }
  .index-news-scroll .box-s > div {
    position: relative;
    z-index: 2;
  }
  .index-news-scroll .box-s::before, .index-news-scroll .box-s::after {
    content: "";
    position: absolute;
  }
  .index-news-scroll .box-s::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url(ibpzw2024-icon-13.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -50%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: calc(100vw * 122 / 1920);
    height: calc(100vw * 122 / 1920);
  }
  @media (max-width: 1199px) {
    .index-news-scroll .box-s::after {
      width: 8.7142857143rem;
      height: 8.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .box-s::after {
      width: 11.0909090909rem;
      height: 11.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s::after {
      width: 11.0909090909rem;
      height: 11.0909090909rem;
    }
  }
  .index-news-scroll .box-s::before {
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #4B3FC2;
    height: calc(100vw * 3 / 1920);
  }
  @media (max-width: 1199px) {
    .index-news-scroll .box-s::before {
      height: 0.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .box-s::before {
      height: 0.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s::before {
      height: 0.2727272727rem;
    }
  }
  .index-news-scroll .box-s .box-img {
    overflow: hidden;
  }
  .index-news-scroll .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 268 / 1920);
  }
  @media (max-width: 1199px) {
    .index-news-scroll .box-s .box-img img {
      height: 19.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .box-s .box-img img {
      height: 24.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s .box-img img {
      height: 24.3636363636rem;
    }
  }
  .index-news-scroll .box-s .box-info {
    padding: calc(100vw * 30 / 1920);
    height: calc(100vw * 265 / 1920);
  }
  @media (max-width: 1199px) {
    .index-news-scroll .box-s .box-info {
      padding: 2.1428571429rem;
      height: 18.9285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .box-s .box-info {
      padding: 2.7272727273rem;
      height: 24.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s .box-info {
      padding: 2.7272727273rem;
      height: 24.0909090909rem;
    }
  }
  .index-news-scroll .box-s .box-info .info-date {
    color: #4B3FC2;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .index-news-scroll .box-s .box-info .info-date {
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .box-s .box-info .info-date {
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s .box-info .info-date {
      margin-bottom: 0.9090909091rem;
    }
  }
  .index-news-scroll .box-s .box-info .info-date span {
    display: inline-block;
  }
  .index-news-scroll .box-s .box-info .info-date .date-01 {
    font-size: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .index-news-scroll .box-s .box-info .info-date .date-01 {
      font-size: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .box-s .box-info .info-date .date-01 {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s .box-info .info-date .date-01 {
      font-size: 1.8181818182rem;
    }
  }
  .index-news-scroll .box-s .box-info .info-title {
    color: #333333;
    margin-bottom: calc(100vw * 20 / 1920);
    font-size: calc(100vw * 20 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(100vw * 64 / 1920);
    line-height: calc(100vw * 32 / 1920);
  }
  @media (max-width: 1199px) {
    .index-news-scroll .box-s .box-info .info-title {
      margin-bottom: 1.4285714286rem;
      font-size: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .box-s .box-info .info-title {
      margin-bottom: 1.8181818182rem;
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s .box-info .info-title {
      margin-bottom: 1.8181818182rem;
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 1199px) {
    .index-news-scroll .box-s .box-info .info-title {
      height: 4.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .box-s .box-info .info-title {
      height: 5.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s .box-info .info-title {
      height: 5.8181818182rem;
    }
  }
  @media (max-width: 1199px) {
    .index-news-scroll .box-s .box-info .info-title {
      line-height: 2.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .box-s .box-info .info-title {
      line-height: 2.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s .box-info .info-title {
      line-height: 2.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s .box-info .info-title {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  .index-news-scroll .box-s .box-info .info-txt {
    color: #666;
    font-size: calc(100vw * 16 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: calc(100vw * 84 / 1920);
    line-height: calc(100vw * 28 / 1920);
  }
  @media (max-width: 1199px) {
    .index-news-scroll .box-s .box-info .info-txt {
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .box-s .box-info .info-txt {
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s .box-info .info-txt {
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 1199px) {
    .index-news-scroll .box-s .box-info .info-txt {
      height: 6rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .box-s .box-info .info-txt {
      height: 7.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s .box-info .info-txt {
      height: 7.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .index-news-scroll .box-s .box-info .info-txt {
      line-height: 2rem;
    }
  }
  @media (max-width: 991px) {
    .index-news-scroll .box-s .box-info .info-txt {
      line-height: 2.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s .box-info .info-txt {
      line-height: 2.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-news-scroll .box-s .box-info .info-txt {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  
  .index-mod-03 {
    background: url(im-bg03.png) top center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
  }
  .index-mod-03 .row-mod {
    margin-left: calc(100vw * -24 / 1920);
    margin-right: calc(100vw * -24 / 1920);
  }
  @media (max-width: 1199px) {
    .index-mod-03 .row-mod {
      margin-left: -1.7142857143rem;
      margin-right: -1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-mod-03 .row-mod {
      margin-left: -2.1818181818rem;
      margin-right: -2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .index-mod-03 .row-mod {
      margin-left: -2.1818181818rem;
      margin-right: -2.1818181818rem;
    }
  }
  .index-mod-03 .row-mod > .col-mod {
    padding-left: calc(100vw * 24 / 1920);
    padding-right: calc(100vw * 24 / 1920);
  }
  @media (max-width: 1199px) {
    .index-mod-03 .row-mod > .col-mod {
      padding-left: 1.7142857143rem;
      padding-right: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-mod-03 .row-mod > .col-mod {
      padding-left: 2.1818181818rem;
      padding-right: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .index-mod-03 .row-mod > .col-mod {
      padding-left: 2.1818181818rem;
      padding-right: 2.1818181818rem;
    }
  }
  .index-mod-03 .index-title .title-txt {
    color: #fff;
  }
  .index-mod-03 .index-title .title-more {
    border-color: #fff;
    color: #fff;
  }
  .index-mod-03 .index-title .title-more:hover {
    background: #fff;
    color: #4B3FC2;
  }
  .index-active-boxs .active-boxs{
    width: 100%;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    position: relative;
  }
  .index-active-boxs .active-boxs .box-des{
    background: linear-gradient( 180deg, #0319A0 0%, #9766E6 100%);
    border-radius: 0px 0px 10px 10px;
    opacity: 0.8;
    padding: calc(100vw * 10 / 1920);
    padding-top: 0;
  }
  .index-active-boxs .active-boxs .box-des .des{
    border:1px solid rgba(255, 255, 255, 0.5);
    border-top: none;
    padding:calc(100vw * 10 / 1920);
    border-radius: 0 0 5px 5px;
    height: calc(100vw * 310 / 1920);
  }
  .index-active-boxs .active-boxs .box-des .des p{
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
    font-size: calc(100vw * 14 / 1920);
    color: #FFFFFF;
    font-weight: 400;
    line-height: calc(100vw * 24 / 1920);
  }
  .index-active-boxs .active-boxs .active-title{
    font-weight: 400;
    font-size: calc(100vw * 18 / 1920);
    color: #444444;
    line-height: calc(100vw * 30 / 1920);
    text-align: left;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: calc(100vw * 10 / 1920);
    transition: all ease 0.25s;
  }
  .index-active-boxs .sciends-active-boxs:first-child{
    margin-bottom: calc(100vw * 25 / 1920);
  }
  .index-active-boxs .active-boxs .box-img{
    overflow: hidden;
    height: calc(100vw * 215 / 1920);
  }
  .index-active-boxs .active-boxs .box-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all ease 0.25s;
  }
  .index-active-boxs .active-boxs a:hover .box-img img{
    transform: scale(1.1);
  }
  .index-active-boxs .active-boxs a:hover .active-title{
    color: #4B3FC2;
  }
  .index-active-boxs .active-boxs .active-data{
    width: calc(100vw * 70 / 1920);
    height: calc(100vw * 54 / 1920);
    background: rgba(75,63,194,0.8);
    position: absolute;
    top: 0;
    right: 0;
  }
  .index-active-boxs .active-boxs .active-data span{
    display: block;
    font-size: calc(100vw * 16 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 26 / 1920);
    text-align: center;
  }
  .active-right-box .active-first{
    height: calc(100vw * 150 / 1920);
    padding:calc(100vw * 30 / 1920) calc(100vw * 25 / 1920);
    border-left: calc(100vw * 4 / 1920) solid #4B3FC2;
    background: url(im-bg04.png) center center no-repeat;
    background-size: cover;
    transition: all ease 0.25s;
  }
  .active-right-box .active-first .active-title{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .active-right-box .active-first .active-title .title{
    font-weight: 800;
    font-size: calc(100vw * 18 / 1920);
    color: #444444;
    line-height: calc(100vw * 30 / 1920);
    text-align: left;
    font-style: normal;
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all ease 0.25s;
  }
  .active-right-box .active-first:hover .active-title .title{
    color: #4B3FC2;
  }
  .active-right-box .active-first:hover{
    box-shadow: 0px 2px 8px 0px rgba(200,200,200,0.5);
  }
  .active-right-list li{
    margin-top:calc(100vw * 20 / 1920);
  }
  .active-right-list a{
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .active-right-list a .active-time{
    font-size: calc(100vw * 16 / 1920);
    color: #4B3FC2;
    line-height: calc(100vw * 22 / 1920);
    text-align: left;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .active-right-list a .active-time:after{
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #D8D8D8;
    position: absolute;
    left: 0;
    top: 50%;
    margin-left: calc(100vw * 110 / 1920);
    transform: translateY(-50%);
  }
  .active-right-list a .active-title{
    font-weight: 400;
    font-size: calc(100vw * 18 / 1920);
    color: #444444;
    line-height: calc(100vw * 28 / 1920);
    text-align: left;
    display: block;
    transition: all ease 0.25s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .active-right-list a:hover .active-title{
    color: #4B3FC2;
  }
  
  
  
  .active-right-box .active-first .active-title span{
    display: block;
    width: calc(100vw * 120 / 1920);
    color: #4B3FC2;
    text-align: right;
    font-size: calc(100vw * 20 / 1920);
  }
  .active-right-box .active-first .active-title span i{
    font-size: calc(100vw * 16 / 1920);
  }
  .active-right-box .active-first .active-des{
    font-weight: 400;
    margin-top: calc(100vw * 10 / 1920);
    font-size: calc(100vw * 16 / 1920);
    color: #666;
    line-height: calc(100vw * 28 / 1920);
    text-align: justify;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .index-mod-04{
    background-image: url(im-bg05.png);
    background-position: top center;
    background-size: cover;
    padding-bottom: calc(100vw * 160 / 1920);
  }
  .rczp-box{}
  .rczp-box .rc-data{
    color: #B8EA43;
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
  }
  .rczp-box .rc-data:after{
    content: '';
    display: inline-block;
    width: calc(100vw * 45 / 1920);
    height: 1px;
    background: #B8EA43;
    margin-left:calc(100vw * 20 / 1920);
  }
  .rczp-box .rc-data span{
    padding-right: calc(100vw * 8 / 1920);
    font-size: calc(100vw * 20 / 1920);
  }
  .rczp-box .rc-title{
    font-weight: 400;
    margin-top:calc(100vw * 10 / 1920) ;
    font-size: calc(100vw * 18 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 30 / 1920);
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .zxzp-boxs{
    padding-top: calc(100vw * 25 / 1920);
    border-top: 1px solid #FFFFFF;
  }
  .rczp-boxs{
    padding-bottom: calc(100vw * 40 / 1920);
  }
  .tzgg-rel .tzgg-boxs{
    background: url(im-bg06.png) top center no-repeat;
    background-size: cover;
    padding:calc(100vw * 10 / 1920);
    position: absolute;
    left: 0;
    top: calc(100vw * -110 / 1920);
  }
  .tzgg-box{
    border:1px solid rgba(255, 255, 255, 0.5);
    padding:calc(100vw * 25 / 1920) calc(100vw * 20 / 1920);
  }
  .tzgg-rel{
    position: relative;
  }
  .tzgg-boxs .tzgg-list{
    margin-bottom: calc(100vw * 34 / 1920);
  }
  .tzgg-boxs .tzgg-list:last-child{
    margin-bottom: 0;
  }
  .tzgg-boxs .tzgg-list a{
    width: 100%;
    display: flex;
  }
  .tzgg-boxs .tzgg-list .tgzz-data{
    width: calc(100vw * 80 / 1920);
    height: calc(100vw * 80 / 1920);
    text-align: center;
    border-right: 1px solid #B8EA43;
    color: #B8EA43;
  }
  .tzgg-boxs .tzgg-list .tgzz-data .top-data{
    font-size: calc(100vw * 20 / 1920);
  }
  .tzgg-boxs .tzgg-list .tgzz-data .bottom-data{
    font-size: calc(100vw * 16 / 1920);
  }
  .tzgg-boxs .tzgg-list .tzgg-title{
    flex: 1;
    padding-left: calc(100vw * 20 / 1920);
    font-weight: 400;
    font-size: calc(100vw * 18 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 26 / 1920);
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: calc(100vw * 80 / 1920);
  }
  
  .index-mod-06{
    background:url(im-bg07.png) top center no-repeat;
    background-size: cover;
  }
  .index-mod-06 .container>.row-w{
    margin-left: calc(100vw * -25 / 1920);
    margin-right: calc(100vw * -25 / 1920);
  }
  .index-mod-06 .container>.row-w>.col-w{
    padding-left: calc(100vw * 25 / 1920);
    padding-right: calc(100vw * 25 / 1920);
  }
  .zhuanti-box > .row-w{
    margin-left: calc(100vw * -10 / 1920);
    margin-right: calc(100vw * -10 / 1920);
  } 
  .zhuanti-box .row-w > .col-w{
    padding-left: calc(100vw * 10 / 1920);
    padding-right: calc(100vw * 10 / 1920);
  }
  .zhuanti-box a{
    display: block;
    border-radius: calc(100vw * 15 / 1920);
    overflow: hidden;
  }
  .zhuanti-box .zhuanti-img{
    position: relative;
  }
  .zhuanti-box img{
    transform: scale(1.05);
    width: 100%;
    transition: all ease 0.25s;
  }
  .zhuanti-box a:hover img{
    transform: scale(1.0);
  }
  .zhuanti-box .zhuanti-img .zi-title{
    font-weight: 400;
    font-size: calc(100vw * 18 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 22 / 1920);
    padding: calc(100vw * 35 / 1920) calc(100vw * 24 / 1920);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    writing-mode:vertical-lr;
    letter-spacing: calc(100vw * 2 / 1920);
    transition: all ease 0.25s;
  }
  .zhuanti-box a:hover .zhuanti-img .zi-title{
    top: calc(100vw * -5 / 1920);
  }
  .quiker-swiper{
    height: calc(100vw * 360 / 1920);
  }
  .quiker-box{
    display: block;
    width: 100%;
    border-radius: calc(100vw * 10 / 1920);
    position: relative;
    overflow: hidden;
  }
  .quiker-box .quiker-abs{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding:calc(100vw * 10 / 1920) calc(100vw * 35 / 1920);
    align-items: center;
  }
  .quiker-box .quiker-img img{
    width: 100%;
    transform: scale(1.05);
    transition: all ease 0.25s;
    max-height: calc(100vw * 85 / 1920);
  }
  .quiker-box .quiker-abs img{
    width: calc(100vw * 60 / 1920);
    height: calc(100vw * 60 / 1920);
    object-fit: contain;
  }
  .quiker-box .quiker-abs span{
    flex: 1;
    padding-left: calc(100vw * 30 / 1920);
    font-weight: 600;
    font-size: calc(100vw * 22 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 32 / 1920);
  }
  .quiker-box:hover .quiker-img img{
    transform: scale(1);
  }
  .quiker-boxs{
    position: relative;
  }
  .quiker-boxs .swiper-buttons{
    width: calc(100vw * 40 / 1920);
    height: calc(100vw * 40 / 1920);
    position: absolute;
    left: 50%;
    z-index: 11;
    transform: translateX(-50%);
  }
  .quiker-boxs .quiker-prev{
    top: calc(100vw * -20 / 1920);
    background: url(im2025-icon13.png) center center no-repeat;
  }
  .quiker-boxs .quiker-next{
    bottom: calc(100vw * -20 / 1920);
    background: url(im2025-icon14.png) center center no-repeat;
  }
  .links-boxs{
    margin-top: calc(100vw * 45 / 1920);
  }
  .links-boxs .dropdown{
    background: #F6F9FF;
    padding-right: calc(100vw * 12 / 1920);
    padding-left: calc(100vw * 20 / 1920);
  }
  .links-boxs .dropdown button{
    width: 100%;
    text-align: left;
    height: calc(100vw * 40 / 1920);
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: calc(100vw * 16 / 1920);
    color: #444444;
    line-height: 22px;
  }
  .links-boxs .dropdown .dropdown-menu{
    width: 100%;
    border:1px solid #F6F9FF;
  }
  .links-boxs .dropdown .dropdown-menu li a{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  
  
  .index-mod-05 {
    background: url(im-bg09.png) right top no-repeat;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: calc(100vw * -50 / 1920);
  }
  .xscb-boxs{
    height: calc(100vw * 560 / 1920);
    width: 100%;
    position: relative;
  }
  .xscb-boxs .after-blue{
    position: relative;
    width: 100%;
    height: 100%;
  }
  .xscb-boxs .after-blue:after{
    content: '';
    display: block;
    width: calc(100vw * 1725 / 1920);
    height: calc(100vw * 290 / 1920);
    background: #6236FF;
    position: absolute;
    right: 0;
    z-index: -1;
    bottom: calc(100vw * -26 / 1920);
  }
  .xscb-boxs .cbw-boxs{
    padding:calc(100vw * 50 / 1920) 0;
  }
  .xscbw-boxs a{
    display: block;
    background: url(im-bg10.png) top center no-repeat;
    padding: calc(100vw * 10 / 1920) calc(100vw * 10 / 1920) 0 calc(100vw * 10 / 1920);
  }
  .xscb-boxs .cbw-boxs .xscbw-boxs-wrap{
    display: flex;
    gap: calc(100vw * 15 / 1920);
  }
  .xscb-boxs .cbw-boxs .xscbw-boxs-wrap .xscbw-boxs-list{
    width: calc((100% - 6 * calc(100vw * 15 / 1920)) / 7);
  }
  .xscbw-boxs .cbw-img{
    overflow: hidden;
  }
  .xscbw-boxs .cbw-img img{
    width: 100%;
    transition: all ease 0.25s;
  }
  .xscbw-boxs .cbw-title{
    font-weight: bold;
    position: relative;
    margin-top: calc(100vw * 25 / 1920);
    font-size: calc(100vw * 20 / 1920);
    color: #444444;
    padding-bottom:calc(100vw * 10 / 1920) ;
    line-height: calc(100vw * 24 / 1920);
  }
  .xscbw-boxs .cbw-title:after{
    content: '';
    display: inline-block;
    width: calc(100vw * 30 / 1920);
    height: 1px;
    background: #4B3FC2;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .xscbw-boxs>.row-w{
    margin-left: calc(100vw * -6 / 1920);
    margin-right: calc(100vw * -6 / 1920);
  }
  .xscbw-boxs>.row-w>.col-w{
    padding-right: calc(100vw * 6 / 1920);
    padding-left: calc(100vw * 6 / 1920);
  }
  .xscbw-boxs a{
    transition: all ease 0.25s;
  }
  .xscbw-boxs a:hover{
    transform: translateY(calc(100vw * -6 / 1920));
  }
  .xscbw-boxs a:hover .cbw-img img{
    transform: scale(1.05);
  }
  .xscbw-boxs a:hover .cbw-title{
    color: #4B3FC2;
  }
  
  
  
  
  @media (min-width: 992px) {
    .index-mod-04 .row-mod, .index-mod-06 .row-mod {
      margin-left: calc(100vw * -30 / 1920);
      margin-right: calc(100vw * -30 / 1920);
    }
    .xscb-boxs .cbw-boxs .xscbw-boxs-wrap{
      width: 110%;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .index-mod-04 .row-mod, .index-mod-06 .row-mod {
      margin-left: -2.1428571429rem;
      margin-right: -2.1428571429rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .index-mod-04 .row-mod, .index-mod-06 .row-mod {
      margin-left: -2.7272727273rem;
      margin-right: -2.7272727273rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .index-mod-04 .row-mod, .index-mod-06 .row-mod {
      margin-left: -2.7272727273rem;
      margin-right: -2.7272727273rem;
    }
  }
  @media (min-width: 992px) {
    .index-mod-04 .row-mod > .col-mod, .index-mod-06 .row-mod > .col-mod {
      padding-left: calc(100vw * 30 / 1920);
      padding-right: calc(100vw * 30 / 1920);
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .index-mod-04 .row-mod > .col-mod, .index-mod-06 .row-mod > .col-mod {
      padding-left: 2.1428571429rem;
      padding-right: 2.1428571429rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .index-mod-04 .row-mod > .col-mod, .index-mod-06 .row-mod > .col-mod {
      padding-left: 2.7272727273rem;
      padding-right: 2.7272727273rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .index-mod-04 .row-mod > .col-mod, .index-mod-06 .row-mod > .col-mod {
      padding-left: 2.7272727273rem;
      padding-right: 2.7272727273rem;
    }
  }
  @media (min-width: 992px) {
    .index-mod-05 .row-mod {
      margin-left: calc(100vw * -35 / 1920);
      margin-right: calc(100vw * -35 / 1920);
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .index-mod-05 .row-mod {
      margin-left: -2.5rem;
      margin-right: -2.5rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .index-mod-05 .row-mod {
      margin-left: -3.1818181818rem;
      margin-right: -3.1818181818rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .index-mod-05 .row-mod {
      margin-left: -3.1818181818rem;
      margin-right: -3.1818181818rem;
    }
  }
  @media (min-width: 992px) {
    .index-mod-05 .row-mod > .col-mod {
      padding-left: calc(100vw * 35 / 1920);
      padding-right: calc(100vw * 35 / 1920);
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .index-mod-05 .row-mod > .col-mod {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .index-mod-05 .row-mod > .col-mod {
      padding-left: 3.1818181818rem;
      padding-right: 3.1818181818rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .index-mod-05 .row-mod > .col-mod {
      padding-left: 3.1818181818rem;
      padding-right: 3.1818181818rem;
    }
  }
  @media (min-width: 1200px) {
    .index-mod-04 .mod-l {
      width: 59.7%;
    }
    .index-mod-04 .mod-r {
      width: 40.3%;
    }
    .index-mod-04 .row-mod {
      margin-left: calc(100vw * -30 / 1920);
      margin-right: calc(100vw * -30 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .index-mod-04 .row-mod {
      margin-left: -2.1428571429rem;
      margin-right: -2.1428571429rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    .index-mod-04 .row-mod {
      margin-left: -2.7272727273rem;
      margin-right: -2.7272727273rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    .index-mod-04 .row-mod {
      margin-left: -2.7272727273rem;
      margin-right: -2.7272727273rem;
    }
  }
  @media (min-width: 1200px) {
    .index-mod-04 .row-mod > .col-mod {
      padding-left: calc(100vw * 30 / 1920);
      padding-right: calc(100vw * 30 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .index-mod-04 .row-mod > .col-mod {
      padding-left: 2.1428571429rem;
      padding-right: 2.1428571429rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    .index-mod-04 .row-mod > .col-mod {
      padding-left: 2.7272727273rem;
      padding-right: 2.7272727273rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    .index-mod-04 .row-mod > .col-mod {
      padding-left: 2.7272727273rem;
      padding-right: 2.7272727273rem;
    }
  }
  @media (max-width: 1199px) and (min-width: 992px) {
    .index-mod-04 .row-mod .mod-l {
      width: 62.5%;
    }
    .index-mod-04 .row-mod .mod-r {
      width: 37.5%;
    }
  }
  .index-academic-activity {
    overflow: hidden;
  }
  .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;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .index-academic-activity .activity-img:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .index-academic-activity .activity-img img {
    display: block;
    width: 100%;
  }
  .index-academic-activity .activity-img .phone-img {
    display: none;
  }
  .index-academic-activity .activity-calendar {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    border-radius: calc(100vw * 10 / 1920);
    min-height: calc(100vw * 486 / 1920);
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-calendar {
      border-radius: 0.7142857143rem;
      min-height: 34.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-calendar {
      border-radius: 0.9090909091rem;
      min-height: 44.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-calendar {
      border-radius: 0.9090909091rem;
      min-height: 44.1818181818rem;
    }
  }
  .index-academic-activity .activity-calendar .activity-list {
    float: left;
    width: 60%;
  }
  .index-academic-activity .activity-calendar .calendar-main {
    float: right;
    width: 40%;
  }
  .index-academic-activity .activity-calendar .list-scroll {
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vw * 450 / 1920);
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-calendar .list-scroll {
      height: 32.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-calendar .list-scroll {
      height: 40.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-calendar .list-scroll {
      height: 40.9090909091rem;
    }
  }
  .index-academic-activity .activity-calendar .mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
  }
  .index-academic-activity .activity-calendar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(157, 30, 35, 0.8);
  }
  .index-academic-activity .activity-calendar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    background: rgb(157, 30, 35);
  }
  .index-academic-activity .activity-list {
    padding: calc(100vw * 20 / 1920) calc(100vw * 20 / 1920) calc(100vw * 10 / 1920) calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-list {
      padding: 1.4285714286rem 1.4285714286rem 0.7142857143rem 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-list {
      padding: 1.8181818182rem 1.8181818182rem 0.9090909091rem 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list {
      padding: 1.8181818182rem 1.8181818182rem 0.9090909091rem 1.8181818182rem;
    }
  }
  .index-academic-activity .activity-list .no-data {
    text-align: center;
    color: #999;
    font-size: calc(100vw * 16 / 1920);
    padding-top: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-list .no-data {
      font-size: 1.1428571429rem;
      padding-top: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-list .no-data {
      font-size: 1.4545454545rem;
      padding-top: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list .no-data {
      font-size: 1.4545454545rem;
      padding-top: 1.8181818182rem;
    }
  }
  .index-academic-activity .activity-list .box-s {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: calc(100vw * 20 / 1920);
    height: calc(100vw * 214 / 1920);
    padding: calc(100vw * 20 / 1920) calc(100vw * 40 / 1920) calc(100vw * 20 / 1920) calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-list .box-s {
      margin-bottom: 1.4285714286rem;
      height: 15.2857142857rem;
      padding: 1.4285714286rem 2.8571428571rem 1.4285714286rem 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-list .box-s {
      margin-bottom: 1.8181818182rem;
      height: 19.4545454545rem;
      padding: 1.8181818182rem 3.6363636364rem 1.8181818182rem 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list .box-s {
      margin-bottom: 1.8181818182rem;
      height: 19.4545454545rem;
      padding: 1.8181818182rem 3.6363636364rem 1.8181818182rem 3.6363636364rem;
    }
  }
  .index-academic-activity .activity-list .box-s:last-child {
    margin-bottom: 0;
  }
  .index-academic-activity .activity-list .box-s::after {
    content: "";
    position: absolute;
    left: 0;
    width: calc(100vw * 4 / 1920);
    top: calc(100vw * 20 / 1920);
    height: calc(100vw * 56 / 1920);
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-list .box-s::after {
      width: 0.2857142857rem;
      top: 1.4285714286rem;
      height: 4rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-list .box-s::after {
      width: 0.3636363636rem;
      top: 1.8181818182rem;
      height: 5.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list .box-s::after {
      width: 0.3636363636rem;
      top: 1.8181818182rem;
      height: 5.0909090909rem;
    }
  }
  .index-academic-activity .activity-list .box-s.box-01 {
    background-image: url(ibpzw2024-boxbg01.png);
  }
  .index-academic-activity .activity-list .box-s.box-01::after {
    background-color: #4B3FC2;
  }
  .index-academic-activity .activity-list .box-s.box-01 .box-tag {
    border-color: #4B3FC2;
    color: #4B3FC2;
  }
  .index-academic-activity .activity-list .box-s.box-01 .box-tag::after {
    background-color: #4B3FC2;
    background-image: url(ibpzw2024-icon-07.png);
  }
  .index-academic-activity .activity-list .box-s.box-01:hover .box-title {
    color: #4B3FC2;
  }
  .index-academic-activity .activity-list .box-s.box-02 {
    background-image: url(ibpzw2024-boxbg02.png);
  }
  .index-academic-activity .activity-list .box-s.box-02::after {
    background-color: #5886C1;
  }
  .index-academic-activity .activity-list .box-s.box-02 .box-tag {
    border-color: #5886C1;
    color: #5886C1;
  }
  .index-academic-activity .activity-list .box-s.box-02 .box-tag::after {
    background-color: #5886C1;
    background-image: url(ibpzw2024-icon-08.png);
  }
  .index-academic-activity .activity-list .box-s.box-02:hover .box-title {
    color: #5886C1;
  }
  .index-academic-activity .activity-list .box-s.box-03 {
    background-image: url(ibpzw2024-boxbg05.png);
  }
  .index-academic-activity .activity-list .box-s.box-03::after {
    background-color: #5ca0e7;
  }
  .index-academic-activity .activity-list .box-s.box-03 .box-tag {
    border-color: #5ca0e7;
    color: #5ca0e7;
  }
  .index-academic-activity .activity-list .box-s.box-03 .box-tag::after {
    background-color: #5ca0e7;
    background-image: url(ibpzw2024-icon-75.png);
  }
  .index-academic-activity .activity-list .box-s.box-03:hover .box-title {
    color: #5ca0e7;
  }
  .index-academic-activity .activity-list .box-s.box-04 {
    background-image: url(ibpzw2024-boxbg06.png);
  }
  .index-academic-activity .activity-list .box-s.box-04::after {
    background-color: #799250;
  }
  .index-academic-activity .activity-list .box-s.box-04 .box-tag {
    border-color: #799250;
    color: #799250;
  }
  .index-academic-activity .activity-list .box-s.box-04 .box-tag::after {
    background-color: #799250;
    background-image: url(ibpzw2024-icon-76.png);
  }
  .index-academic-activity .activity-list .box-s.box-04:hover .box-title {
    color: #799250;
  }
  .index-academic-activity .activity-list .box-s.box-05 {
    background-image: url(ibpzw2024-boxbg07.png);
  }
  .index-academic-activity .activity-list .box-s.box-05::after {
    background-color: #ffa729;
  }
  .index-academic-activity .activity-list .box-s.box-05 .box-tag {
    border-color: #ffa729;
    color: #ffa729;
  }
  .index-academic-activity .activity-list .box-s.box-05 .box-tag::after {
    background-color: #ffa729;
    background-image: url(ibpzw2024-icon-77.png);
  }
  .index-academic-activity .activity-list .box-s.box-05:hover .box-title {
    color: #ffa729;
  }
  .index-academic-activity .activity-list .box-s.box-06 {
    background-image: url(ibpzw2024-boxbg08.png);
  }
  .index-academic-activity .activity-list .box-s.box-06::after {
    background-color: #7858c1;
  }
  .index-academic-activity .activity-list .box-s.box-06 .box-tag {
    border-color: #7858c1;
    color: #7858c1;
  }
  .index-academic-activity .activity-list .box-s.box-06 .box-tag::after {
    background-color: #7858c1;
    background-image: url(ibpzw2024-icon-78.png);
  }
  .index-academic-activity .activity-list .box-s.box-06:hover .box-title {
    color: #7858c1;
  }
  .index-academic-activity .activity-list .box-s .box-title {
    color: #333333;
    position: relative;
    font-size: calc(100vw * 20 / 1920);
    margin-bottom: calc(100vw * 15 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(100vw * 56 / 1920);
    line-height: calc(100vw * 28 / 1920);
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-list .box-s .box-title {
      font-size: 1.4285714286rem;
      margin-bottom: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-list .box-s .box-title {
      font-size: 1.8181818182rem;
      margin-bottom: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list .box-s .box-title {
      font-size: 1.8181818182rem;
      margin-bottom: 1.3636363636rem;
    }
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-list .box-s .box-title {
      height: 4rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-list .box-s .box-title {
      height: 5.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list .box-s .box-title {
      height: 5.0909090909rem;
    }
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-list .box-s .box-title {
      line-height: 2rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-list .box-s .box-title {
      line-height: 2.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list .box-s .box-title {
      line-height: 2.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list .box-s .box-title {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  .index-academic-activity .activity-list .box-s .box-info > div {
    color: #999999;
    max-width: calc(100vw * 315 / 1920);
    font-size: calc(100vw * 16 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 28 / 1920);
    line-height: calc(100vw * 28 / 1920);
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-list .box-s .box-info > div {
      max-width: 22.5rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-list .box-s .box-info > div {
      max-width: 28.6363636364rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list .box-s .box-info > div {
      max-width: 28.6363636364rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-list .box-s .box-info > div {
      height: 2rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-list .box-s .box-info > div {
      height: 2.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list .box-s .box-info > div {
      height: 2.5454545455rem;
    }
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-list .box-s .box-info > div {
      line-height: 2rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-list .box-s .box-info > div {
      line-height: 2.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list .box-s .box-info > div {
      line-height: 2.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list .box-s .box-info > div {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .index-academic-activity .activity-list .box-s .box-info > div:nth-child(1) {
    color: #333333;
    font-size: calc(100vw * 20 / 1920);
    margin-bottom: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-list .box-s .box-info > div:nth-child(1) {
      font-size: 1.4285714286rem;
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-list .box-s .box-info > div:nth-child(1) {
      font-size: 1.8181818182rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list .box-s .box-info > div:nth-child(1) {
      font-size: 1.8181818182rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  .index-academic-activity .activity-list .box-s .box-tag {
    border-radius: 10px 0px 10px 0px;
    border-style: solid;
    position: absolute;
    overflow: hidden;
    padding-left: calc(100vw * 46 / 1920);
    padding-right: calc(100vw * 12 / 1920);
    border-radius: calc(100vw * 10 / 1920) calc(100vw * 0 / 1920) calc(100vw * 10 / 1920) calc(100vw * 0 / 1920);
    border-width: calc(100vw * 1 / 1920);
    height: calc(100vw * 26 / 1920);
    line-height: calc(100vw * 24 / 1920);
    right: calc(100vw * 20 / 1920);
    bottom: calc(100vw * 16 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-list .box-s .box-tag {
      padding-left: 3.2857142857rem;
      padding-right: 0.8571428571rem;
      border-radius: 0.7142857143rem 0rem 0.7142857143rem 0rem;
      border-width: 0.0714285714rem;
      height: 1.8571428571rem;
      line-height: 1.7142857143rem;
      right: 1.4285714286rem;
      bottom: 1.1428571429rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-list .box-s .box-tag {
      padding-left: 4.1818181818rem;
      padding-right: 1.0909090909rem;
      border-radius: 0.9090909091rem 0rem 0.9090909091rem 0rem;
      border-width: 0.0909090909rem;
      height: 2.3636363636rem;
      line-height: 2.1818181818rem;
      right: 1.8181818182rem;
      bottom: 1.4545454545rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list .box-s .box-tag {
      padding-left: 4.1818181818rem;
      padding-right: 1.0909090909rem;
      border-radius: 0.9090909091rem 0rem 0.9090909091rem 0rem;
      border-width: 0.0909090909rem;
      height: 2.3636363636rem;
      line-height: 2.1818181818rem;
      right: 1.8181818182rem;
      bottom: 1.4545454545rem;
      font-size: 1.4545454545rem;
    }
  }
  .index-academic-activity .activity-list .box-s .box-tag::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 0 0px 10px 0px;
    width: calc(100vw * 36 / 1920);
    background-size: calc(100vw * 16 / 1920);
    border-radius: calc(100vw * 0 / 1920) calc(100vw * 0 / 1920) calc(100vw * 10 / 1920) calc(100vw * 0 / 1920);
  }
  @media (max-width: 1199px) {
    .index-academic-activity .activity-list .box-s .box-tag::after {
      width: 2.5714285714rem;
      background-size: 1.1428571429rem;
      border-radius: 0rem 0rem 0.7142857143rem 0rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .activity-list .box-s .box-tag::after {
      width: 3.2727272727rem;
      background-size: 1.4545454545rem;
      border-radius: 0rem 0rem 0.9090909091rem 0rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .activity-list .box-s .box-tag::after {
      width: 3.2727272727rem;
      background-size: 1.4545454545rem;
      border-radius: 0rem 0rem 0.9090909091rem 0rem;
    }
  }
  .index-academic-activity .calendar-main {
    height: 100%;
    background: url(ibpzw2024-boxbg03.png) no-repeat center center;
    background-size: cover;
    height: calc(100vw * 486 / 1920);
    padding-left: calc(100vw * 30 / 1920);
    padding-right: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .index-academic-activity .calendar-main {
      height: 34.7142857143rem;
      padding-left: 2.1428571429rem;
      padding-right: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-academic-activity .calendar-main {
      height: 44.1818181818rem;
      padding-left: 2.7272727273rem;
      padding-right: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-academic-activity .calendar-main {
      height: 44.1818181818rem;
      padding-left: 2.7272727273rem;
      padding-right: 2.7272727273rem;
    }
  }
  
  @media (min-width: 1680px) {
    .index-academic-activity .activity-l {
      width: 27.4%;
    }
    .index-academic-activity .activity-r {
      width: 72.6%;
    }
  }
  @media (min-width: 1200px) and (max-width: 1679px) {
    .index-academic-activity .activity-l {
      width: 22.5%;
    }
    .index-academic-activity .activity-r {
      width: 77.5%;
    }
  }
  @media (max-width: 1199px) and (min-width: 992px) {
    .index-academic-activity .activity-l {
      width: 29.1%;
    }
    .index-academic-activity .activity-r {
      width: 70.9%;
    }
  }
  #calendar {
    height: 100%;
  }
  #calendar .fc-header-toolbar {
    margin-bottom: 0;
    height: calc(100vw * 84 / 1920);
    padding-top: calc(100vw * 24 / 1920);
  }
  @media (max-width: 1199px) {
    #calendar .fc-header-toolbar {
      height: 6rem;
      padding-top: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    #calendar .fc-header-toolbar {
      height: 7.6363636364rem;
      padding-top: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    #calendar .fc-header-toolbar {
      height: 7.6363636364rem;
      padding-top: 2.1818181818rem;
    }
  }
  #calendar .fc-header-toolbar h2 {
    color: #333333;
    display: inline-block;
    font-size: calc(100vw * 22 / 1920);
    width: calc(100vw * 160 / 1920);
    line-height: calc(100vw * 58 / 1920);
  }
  @media (max-width: 1199px) {
    #calendar .fc-header-toolbar h2 {
      font-size: 1.5714285714rem;
      width: 11.4285714286rem;
      line-height: 4.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    #calendar .fc-header-toolbar h2 {
      font-size: 2rem;
      width: 14.5454545455rem;
      line-height: 5.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    #calendar .fc-header-toolbar h2 {
      font-size: 2rem;
      width: 14.5454545455rem;
      line-height: 5.2727272727rem;
    }
  }
  #calendar .fc-header-toolbar .fc-button {
    border-radius: 50%;
    border-color: #D7DEEE;
    border-style: solid;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    border-width: calc(100vw * 1 / 1920);
    width: calc(100vw * 24 / 1920);
    height: calc(100vw * 24 / 1920);
    background-size: calc(100vw * 7 / 1920);
    margin-top: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    #calendar .fc-header-toolbar .fc-button {
      border-width: 0.0714285714rem;
      width: 1.7142857143rem;
      height: 1.7142857143rem;
      background-size: 0.5rem;
      margin-top: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    #calendar .fc-header-toolbar .fc-button {
      border-width: 0.0909090909rem;
      width: 2.1818181818rem;
      height: 2.1818181818rem;
      background-size: 0.6363636364rem;
      margin-top: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    #calendar .fc-header-toolbar .fc-button {
      border-width: 0.0909090909rem;
      width: 2.1818181818rem;
      height: 2.1818181818rem;
      background-size: 0.6363636364rem;
      margin-top: 1.4545454545rem;
    }
  }
  #calendar .fc-header-toolbar .fc-button span {
    display: none;
  }
  #calendar .fc-header-toolbar .fc-prev-button {
    background-image: url(ibpzw2024-icon-09.png);
  }
  #calendar .fc-header-toolbar .fc-next-button {
    background-image: url(ibpzw2024-icon-10.png);
  }
  #calendar.fc td, #calendar.fc th {
    border: none;
    text-align: center;
  }
  #calendar.fc td.fc-today {
    background: transparent !important;
  }
  #calendar.fc td.fc-today.active .fc-day-number {
    background-color: #4B3FC2;
    color: #fff;
    cursor: pointer;
  }
  #calendar.fc td.fc-today.active .fc-day-number::after {
    display: block;
    background: #fff;
  }
  #calendar.fc td.fc-today .fc-day-number {
    background-color: #4B3FC2;
    color: #fff;
  }
  #calendar.fc .fc-past.active .fc-day-number, #calendar.fc .fc-future.active .fc-day-number {
    background-color: #fff;
    cursor: pointer;
  }
  #calendar.fc .fc-past.active .fc-day-number::after, #calendar.fc .fc-future.active .fc-day-number::after {
    display: block;
  }
  #calendar.fc .fc-day-number {
    float: none !important;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    position: relative;
    color: #101010;
    width: calc(100vw * 36 / 1920);
    height: calc(100vw * 36 / 1920);
    line-height: calc(100vw * 36 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    #calendar.fc .fc-day-number {
      width: 2.5714285714rem;
      height: 2.5714285714rem;
      line-height: 2.5714285714rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    #calendar.fc .fc-day-number {
      width: 3.2727272727rem;
      height: 3.2727272727rem;
      line-height: 3.2727272727rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    #calendar.fc .fc-day-number {
      width: 3.2727272727rem;
      height: 3.2727272727rem;
      line-height: 3.2727272727rem;
      font-size: 1.4545454545rem;
    }
  }
  #calendar.fc .fc-day-number::after {
    content: "";
    position: absolute;
    background: #4B3FC2;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: none;
    width: calc(100vw * 6 / 1920);
    height: calc(100vw * 6 / 1920);
    bottom: calc(100vw * 3 / 1920);
  }
  @media (max-width: 1199px) {
    #calendar.fc .fc-day-number::after {
      width: 0.4285714286rem;
      height: 0.4285714286rem;
      bottom: 0.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    #calendar.fc .fc-day-number::after {
      width: 0.5454545455rem;
      height: 0.5454545455rem;
      bottom: 0.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    #calendar.fc .fc-day-number::after {
      width: 0.5454545455rem;
      height: 0.5454545455rem;
      bottom: 0.2727272727rem;
    }
  }
  #calendar .fc-head-container {
    padding-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    #calendar .fc-head-container {
      padding-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    #calendar .fc-head-container {
      padding-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    #calendar .fc-head-container {
      padding-bottom: 1.8181818182rem;
    }
  }
  #calendar .fc-head-container .fc-row {
    background-color: #FFF8F2;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#FFF3E6), to(#FFF8F2));
    background-image: linear-gradient(0deg, #FFF3E6 0%, #FFF8F2 100%);
  }
  #calendar .fc-head .fc-day-header {
    color: #4B3FC2;
    font-weight: normal;
    height: calc(100vw * 42 / 1920);
    line-height: calc(100vw * 42 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    #calendar .fc-head .fc-day-header {
      height: 3rem;
      line-height: 3rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    #calendar .fc-head .fc-day-header {
      height: 3.8181818182rem;
      line-height: 3.8181818182rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    #calendar .fc-head .fc-day-header {
      height: 3.8181818182rem;
      line-height: 3.8181818182rem;
      font-size: 1.4545454545rem;
    }
  }
  
  .index-notice-anno .box-s {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    margin-bottom: calc(100vw * 1 / 1920);
    border-radius: calc(100vw * 10 / 1920);
    height: calc(100vw * 102 / 1920);
    padding: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .index-notice-anno .box-s {
      margin-bottom: 0.0714285714rem;
      border-radius: 0.7142857143rem;
      height: 7.2857142857rem;
      padding: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-notice-anno .box-s {
      margin-bottom: 0.0909090909rem;
      border-radius: 0.9090909091rem;
      height: 9.2727272727rem;
      padding: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-notice-anno .box-s {
      margin-bottom: 0.0909090909rem;
      border-radius: 0.9090909091rem;
      height: 9.2727272727rem;
      padding: 0.9090909091rem;
    }
  }
  .index-notice-anno .box-s:hover .box-info .info-title {
    color: #4B3FC2;
  }
  .index-notice-anno .box-s .box-date-w {
    position: relative;
    float: left;
    position: relative;
    border-radius: 4px;
    z-index: 2;
    border-radius: calc(100vw * 4 / 1920);
    margin-right: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .index-notice-anno .box-s .box-date-w {
      border-radius: 0.2857142857rem;
      margin-right: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .index-notice-anno .box-s .box-date-w {
      border-radius: 0.3636363636rem;
      margin-right: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .index-notice-anno .box-s .box-date-w {
      border-radius: 0.3636363636rem;
      margin-right: 3.6363636364rem;
    }
  }
  .index-notice-anno .box-s .box-date-w::after {
    content: "";
    position: absolute;
    background-size: cover;
    top: 50%;
    background-image: url(ibpzw2024-icon-02.png);
    background-repeat: no-repeat;
    z-index: -1;
    border-radius: 50%;
    -webkit-animation: rotate 20s linear infinite;
            animation: rotate 20s linear infinite;
    width: calc(100vw * 60 / 1920);
    height: calc(100vw * 60 / 1920);
    right: calc(100vw * -30 / 1920);
    margin-top: calc(100vw * -30 / 1920);
  }
  @media (max-width: 1199px) {
    .index-notice-anno .box-s .box-date-w::after {
      width: 4.2857142857rem;
      height: 4.2857142857rem;
      right: -2.1428571429rem;
      margin-top: -2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-notice-anno .box-s .box-date-w::after {
      width: 5.4545454545rem;
      height: 5.4545454545rem;
      right: -2.7272727273rem;
      margin-top: -2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-notice-anno .box-s .box-date-w::after {
      width: 5.4545454545rem;
      height: 5.4545454545rem;
      right: -2.7272727273rem;
      margin-top: -2.7272727273rem;
    }
  }
  .index-notice-anno .box-s .box-date {
    background: #F3EEE9;
    text-align: center;
    color: #4B3FC2;
    background-image: url(ibpzw2024-icon-03.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: calc(100vw * 48 / 1920);
    height: calc(100vw * 82 / 1920);
    font-size: calc(100vw * 22 / 1920);
    line-height: calc(100vw * 36 / 1920);
    padding-top: calc(100vw * 5 / 1920);
    background-size: calc(100vw * 23 / 1920);
  }
  @media (max-width: 1199px) {
    .index-notice-anno .box-s .box-date {
      width: 3.4285714286rem;
      height: 5.8571428571rem;
      font-size: 1.5714285714rem;
      line-height: 2.5714285714rem;
      padding-top: 0.3571428571rem;
      background-size: 1.6428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-notice-anno .box-s .box-date {
      width: 4.3636363636rem;
      height: 7.4545454545rem;
      font-size: 2rem;
      line-height: 3.2727272727rem;
      padding-top: 0.4545454545rem;
      background-size: 2.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .index-notice-anno .box-s .box-date {
      width: 4.3636363636rem;
      height: 7.4545454545rem;
      font-size: 2rem;
      line-height: 3.2727272727rem;
      padding-top: 0.4545454545rem;
      background-size: 2.0909090909rem;
    }
  }
  .index-notice-anno .box-s .box-info {
    overflow: hidden;
    height: calc(100vw * 82 / 1920);
    line-height: calc(100vw * 82 / 1920);
  }
  @media (max-width: 1199px) {
    .index-notice-anno .box-s .box-info {
      height: 5.8571428571rem;
      line-height: 5.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .index-notice-anno .box-s .box-info {
      height: 7.4545454545rem;
      line-height: 7.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .index-notice-anno .box-s .box-info {
      height: 7.4545454545rem;
      line-height: 7.4545454545rem;
    }
  }
  .index-notice-anno .box-s .box-info .info-title {
    display: inline-block;
    vertical-align: middle;
    color: #333333;
    font-size: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .index-notice-anno .box-s .box-info .info-title {
      font-size: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-notice-anno .box-s .box-info .info-title {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-notice-anno .box-s .box-info .info-title {
      font-size: 1.8181818182rem;
    }
  }
  .index-notice-anno .box-s .box-info .info-title span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: calc(100vw * 26 / 1920);
    max-height: calc(100vw * 52 / 1920);
  }
  @media (max-width: 1199px) {
    .index-notice-anno .box-s .box-info .info-title span {
      line-height: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .index-notice-anno .box-s .box-info .info-title span {
      line-height: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .index-notice-anno .box-s .box-info .info-title span {
      line-height: 2.3636363636rem;
    }
  }
  @media (max-width: 1199px) {
    .index-notice-anno .box-s .box-info .info-title span {
      max-height: 3.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-notice-anno .box-s .box-info .info-title span {
      max-height: 4.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-notice-anno .box-s .box-info .info-title span {
      max-height: 4.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-notice-anno .box-s .box-info .info-title span {
      max-height: none;
      line-height: 1.6;
      display: block;
    }
  }
  
  .index-talent-recr .box-s, .list-txt-04 .box-s {
    border-bottom-style: dashed;
    border-bottom-color: rgba(169, 142, 119, 0.5);
    position: relative;
    padding-bottom: calc(100vw * 16 / 1920);
    margin-bottom: calc(100vw * 22 / 1920);
    border-bottom-width: calc(100vw * 1 / 1920);
  }
  .index-talent-recr .box-s:hover .a-title, .list-txt-04 .box-s:hover .a-title {
    color: #4B3FC2;
  }
  .index-talent-recr .box-s:hover::after, .list-txt-04 .box-s:hover::after {
    width: 100%;
  }
  .index-talent-recr .box-s::after, .list-txt-04 .box-s::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #4B3FC2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 0;
    height: calc(100vw * 1 / 1920);
    bottom: calc(100vw * -1 / 1920);
  }
  @media (max-width: 1199px) {
    .index-talent-recr .box-s::after, .list-txt-04 .box-s::after {
      height: 0.0714285714rem;
      bottom: -0.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .index-talent-recr .box-s::after, .list-txt-04 .box-s::after {
      height: 0.0909090909rem;
      bottom: -0.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .index-talent-recr .box-s::after, .list-txt-04 .box-s::after {
      height: 0.0909090909rem;
      bottom: -0.0909090909rem;
    }
  }
  .index-talent-recr .box-s:last-child, .list-txt-04 .box-s:last-child {
    margin-bottom: 0;
  }
  @media (max-width: 1199px) {
    .index-talent-recr .box-s, .list-txt-04 .box-s {
      padding-bottom: 1.1428571429rem;
      margin-bottom: 1.5714285714rem;
      border-bottom-width: 0.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .index-talent-recr .box-s, .list-txt-04 .box-s {
      padding-bottom: 1.4545454545rem;
      margin-bottom: 2rem;
      border-bottom-width: 0.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .index-talent-recr .box-s, .list-txt-04 .box-s {
      padding-bottom: 1.4545454545rem;
      margin-bottom: 2rem;
      border-bottom-width: 0.0909090909rem;
    }
  }
  .index-talent-recr .box-s .box-date, .list-txt-04 .box-s .box-date {
    color: #4B3FC2;
    line-height: 1;
    margin-bottom: calc(100vw * 3 / 1920);
  }
  @media (max-width: 1199px) {
    .index-talent-recr .box-s .box-date, .list-txt-04 .box-s .box-date {
      margin-bottom: 0.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-talent-recr .box-s .box-date, .list-txt-04 .box-s .box-date {
      margin-bottom: 0.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .index-talent-recr .box-s .box-date, .list-txt-04 .box-s .box-date {
      margin-bottom: 0.2727272727rem;
    }
  }
  .index-talent-recr .box-s .box-title, .list-txt-04 .box-s .box-title {
    position: relative;
    padding-right: calc(100vw * 70 / 1920);
    min-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .index-talent-recr .box-s .box-title, .list-txt-04 .box-s .box-title {
      padding-right: 5rem;
      min-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-talent-recr .box-s .box-title, .list-txt-04 .box-s .box-title {
      padding-right: 6.3636363636rem;
      min-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-talent-recr .box-s .box-title, .list-txt-04 .box-s .box-title {
      padding-right: 6.3636363636rem;
      min-height: 2.7272727273rem;
    }
  }
  .index-talent-recr .box-s .a-title, .list-txt-04 .box-s .a-title {
    color: #333333;
    font-size: calc(100vw * 20 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 30 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .index-talent-recr .box-s .a-title, .list-txt-04 .box-s .a-title {
      font-size: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-talent-recr .box-s .a-title, .list-txt-04 .box-s .a-title {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-talent-recr .box-s .a-title, .list-txt-04 .box-s .a-title {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 1199px) {
    .index-talent-recr .box-s .a-title, .list-txt-04 .box-s .a-title {
      height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-talent-recr .box-s .a-title, .list-txt-04 .box-s .a-title {
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-talent-recr .box-s .a-title, .list-txt-04 .box-s .a-title {
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 1199px) {
    .index-talent-recr .box-s .a-title, .list-txt-04 .box-s .a-title {
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-talent-recr .box-s .a-title, .list-txt-04 .box-s .a-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-talent-recr .box-s .a-title, .list-txt-04 .box-s .a-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .index-talent-recr .box-s .a-title, .list-txt-04 .box-s .a-title {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .index-talent-recr .box-s .a-more, .list-txt-04 .box-s .a-more {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url(ibpzw2024-icon-04.png) no-repeat center center;
    background-size: contain;
    width: calc(100vw * 20 / 1920);
    height: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .index-talent-recr .box-s .a-more, .list-txt-04 .box-s .a-more {
      width: 1.4285714286rem;
      height: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-talent-recr .box-s .a-more, .list-txt-04 .box-s .a-more {
      width: 1.8181818182rem;
      height: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-talent-recr .box-s .a-more, .list-txt-04 .box-s .a-more {
      width: 1.8181818182rem;
      height: 1.8181818182rem;
    }
  }
  
  .index-shortcut-menu .box-s {
    border: 1px solid #DBDBDB;
    border-style: solid;
    border-radius: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: calc(100vw * 190 / 1920);
    height: calc(100vw * 190 / 1920);
    margin-bottom: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .index-shortcut-menu .box-s {
      width: 13.5714285714rem;
      height: 13.5714285714rem;
      margin-bottom: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .index-shortcut-menu .box-s {
      width: 17.2727272727rem;
      height: 17.2727272727rem;
      margin-bottom: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .index-shortcut-menu .box-s {
      width: 17.2727272727rem;
      height: 17.2727272727rem;
      margin-bottom: 3.6363636364rem;
    }
  }
  .index-shortcut-menu .box-s:hover {
    border-color: #4B3FC2;
  }
  .index-shortcut-menu .box-s:hover::after {
    border-color: #4B3FC2;
    -webkit-animation: rotate 8s linear infinite;
            animation: rotate 8s linear infinite;
  }
  .index-shortcut-menu .box-s:hover .box-icon span.icon-h {
    display: block;
  }
  .index-shortcut-menu .box-s:hover .box-icon span.icon-d {
    display: none;
  }
  .index-shortcut-menu .box-s:hover .box-title {
    color: #4B3FC2;
  }
  .index-shortcut-menu .box-s a {
    position: relative;
    z-index: 9;
  }
  .index-shortcut-menu .box-s::after {
    content: "";
    position: absolute;
    border: dashed 1px #DBDBDB;
    border-radius: 50%;
    top: calc(100vw * 6 / 1920);
    bottom: calc(100vw * 6 / 1920);
    left: calc(100vw * 6 / 1920);
    right: calc(100vw * 6 / 1920);
  }
  @media (max-width: 1199px) {
    .index-shortcut-menu .box-s::after {
      top: 0.4285714286rem;
      bottom: 0.4285714286rem;
      left: 0.4285714286rem;
      right: 0.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-shortcut-menu .box-s::after {
      top: 0.5454545455rem;
      bottom: 0.5454545455rem;
      left: 0.5454545455rem;
      right: 0.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-shortcut-menu .box-s::after {
      top: 0.5454545455rem;
      bottom: 0.5454545455rem;
      left: 0.5454545455rem;
      right: 0.5454545455rem;
    }
  }
  .index-shortcut-menu .box-s .box-icon {
    text-align: center;
  }
  .index-shortcut-menu .box-s .box-icon span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: calc(100vw * 86 / 1920);
    height: calc(100vw * 86 / 1920);
  }
  @media (max-width: 1199px) {
    .index-shortcut-menu .box-s .box-icon span {
      width: 6.1428571429rem;
      height: 6.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-shortcut-menu .box-s .box-icon span {
      width: 7.8181818182rem;
      height: 7.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-shortcut-menu .box-s .box-icon span {
      width: 7.8181818182rem;
      height: 7.8181818182rem;
    }
  }
  .index-shortcut-menu .box-s .box-icon span.icon-h {
    display: none;
  }
  .index-shortcut-menu .box-s .box-icon img {
    display: block;
    width: 100%;
  }
  .index-shortcut-menu .box-s .box-title {
    text-align: center;
    color: #333333;
    font-size: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .index-shortcut-menu .box-s .box-title {
      font-size: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-shortcut-menu .box-s .box-title {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-shortcut-menu .box-s .box-title {
      font-size: 1.8181818182rem;
    }
  }
  
  .index-special-groups .row-w {
    margin-left: calc(100vw * -9 / 1920);
    margin-right: calc(100vw * -9 / 1920);
  }
  @media (max-width: 1199px) {
    .index-special-groups .row-w {
      margin-left: -0.6428571429rem;
      margin-right: -0.6428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-special-groups .row-w {
      margin-left: -0.8181818182rem;
      margin-right: -0.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-special-groups .row-w {
      margin-left: -0.8181818182rem;
      margin-right: -0.8181818182rem;
    }
  }
  .index-special-groups .row-w > .col-w {
    padding-left: calc(100vw * 9 / 1920);
    padding-right: calc(100vw * 9 / 1920);
  }
  @media (max-width: 1199px) {
    .index-special-groups .row-w > .col-w {
      padding-left: 0.6428571429rem;
      padding-right: 0.6428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-special-groups .row-w > .col-w {
      padding-left: 0.8181818182rem;
      padding-right: 0.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-special-groups .row-w > .col-w {
      padding-left: 0.8181818182rem;
      padding-right: 0.8181818182rem;
    }
  }
  .index-special-groups .box-s:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .index-special-groups .box-s img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 0.5208333333vw;
  }
  
  body:not(.indexbody) {
    overflow-x: hidden;
  }
  body.explore-IBP-show {
    overflow-x: hidden;
  }
  
  .explore-IBP-icon {
    position: fixed;
    right: 0;
    top: 50%;
    background: url(ibpzw2024-icon-24.png) no-repeat left center;
    z-index: 9998;
    cursor: pointer;
    -webkit-transition: all 1s ease-out 0.5s;
    transition: all 1s ease-out 0.5s;
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
    -webkit-transform-origin: right center;
            transform-origin: right center;
    height: calc(100vw * 160 / 1920);
    width: calc(100vw * 80 / 1920);
    background-size: cover;
    margin-top: calc(100vw * -100 / 1920);
  }
  @media (max-width: 1199px) {
    .explore-IBP-icon {
      height: 14.2857142857rem;
      width: 7.1428571429rem;
      background-size: 14.2857142857rem;
      margin-top: -7.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .explore-IBP-icon {
      height: 18.1818181818rem;
      width: 9.0909090909rem;
      background-size: 18.1818181818rem;
      margin-top: -9.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .explore-IBP-icon {
      height: 18.1818181818rem;
      width: 9.0909090909rem;
      background-size: 18.1818181818rem;
      margin-top: -9.0909090909rem;
    }
  }
  .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 {
    position: fixed;
    left: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999;
    -webkit-transition: left 1.5s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    transition: left 1.5s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    width: 100%;
  }
  .explore-IBP-wrap.scrollshow {
    left: 0;
  }
  .explore-IBP-wrap .explore-IBP-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    overflow: hidden;
    width: 100%;
  }
  .explore-IBP-wrap .explore-IBP-header .explore-header-logo {
    float: left;
    width: calc(100vw * 350 / 1920);
    padding-top: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .explore-IBP-wrap .explore-IBP-header .explore-header-logo {
      width: 25rem;
      padding-top: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .explore-IBP-wrap .explore-IBP-header .explore-header-logo {
      width: 31.8181818182rem;
      padding-top: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .explore-IBP-wrap .explore-IBP-header .explore-header-logo {
      width: 31.8181818182rem;
      padding-top: 2.7272727273rem;
    }
  }
  .explore-IBP-wrap .explore-IBP-header .explore-header-logo img {
    display: block;
    width: 100%;
  }
  .explore-IBP-wrap .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
  }
  
  .explore-IBP-content {
    height: 100%;
    min-height: 100%;
    width: 100%;
    background: url(im-bg12.png) top center no-repeat;
    background-size: cover;
    position: relative;
    padding-right: calc(100vw * 50 / 1920);
    padding-left: calc(100vw * 240 / 1920);
    padding-top: calc(100vw * 80 / 1920);
  }
  .explore-IBP-content:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    background: #4B3FC2;
    display: block;
    left: 0;
    bottom: 0;
    z-index: -1;
  }
  .zhezhao-middle{
    position: relative;
  }
  .zhezhao-middles{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .zhezhao-swiper{
    margin-top: calc(100vw * 60 / 1920);
    position: relative;
  }
  .zhezhao-swiper .history-page{
    position: relative;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .zhezhao-swiper .history-page .swiper-pagination-bullet{
    width: calc(100vw * 100 / 1920);
    height: calc(100vw * 40 / 1920);
    background: rgba(106,99,145,0.1);
    font-weight: 400;
    font-size: calc(100vw * 20 / 1920);
    color: #4B3FC2;
    line-height: calc(100vw * 40 / 1920);
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 0.25s;
    position: relative;
    white-space: nowrap;
    transform:scale(1);
    border-radius: calc(100vw * 20 / 1920);
  }
  .other-page{
    padding-bottom: calc(100vw * 130 / 1920);
  }
  .other-page .banner-imgs{
    position:relative;
  }
  .other-page .banner-imgs img{
    width: 100%;
  }
  .other-page .other-abs{
    position: relative;
  }
  .other-page .other-abs .bread-item{
    position: absolute;
    right: 0;
    z-index: 9;
    bottom: calc(100vw * 20 / 1920);
    font-weight: 400;
    color: #FFFFFF;
    font-size: calc(100vw * 18 / 1920);
    line-height: calc(100vw * 26 / 1920);
  }
  .other-page .other-abs .bread-item a{
    color: #FFFFFF;
    font-weight: 400;
    font-size: calc(100vw * 18 / 1920);
    line-height: calc(100vw * 26 / 1920);
  }
  /* .other-page .other-abs .bread-item a:after{
    content: '>';
    color: #fff;
    padding-left:5px;
  } */
  .other-page .other-abs .bread-item a:last-child:after{
    display: none;
  }
  .other-page .aside-item{
    position: absolute;
    left: 0;
    bottom: calc(100vw * -110 / 1920);
  }
  .other-page .none-list .aside-item{
    bottom: calc(100vw * 25 / 1920);
  }
  .other-page .aside-item h3 span{
    font-size: calc(100vw * 34 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 36 / 1920);
    text-align: left;
  }
  .other-page .aside-item .aside-list{
    background: rgba(255, 255, 255, 0.2);
    padding: calc(100vw * 10 / 1920);
    margin-top: calc(100vw * 30 / 1920);
  }
  .other-page .aside-item .aside-list li{
    background: #695AFA;
    min-width: calc(100vw * 270 / 1920);
    padding: calc(100vw * 12 / 1920) calc(100vw * 15 / 1920);
    margin-bottom: calc(100vw * 10 / 1920);
    transition: all ease 0.25s;
  }
  .other-page .aside-item .aside-list li:last-child{
    margin-bottom: 0;
  }
  .other-page .aside-item .aside-list li a{
    font-size: calc(100vw * 20 / 1920);
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: calc(100vw * 30 / 1920);
    text-align: left;
    word-break:break-word;
  }
  .other-page .aside-item .aside-list li a i{
    padding-right: 5px;
  }
  .other-page .aside-item .aside-list li.active{
    background: #4B3FC2;
  }
  .other-page .aside-item .aside-list li.active a i{
    display: none;
  }
  .other-page .aside-item .aside-list li.active a{
    background: url(im2025-icon16.png) right center no-repeat;
  }
  .other-page .aside-item .aside-list li:hover {
    background: #4B3FC2;
  }
  .lab-page .none-list .aside-item{
    bottom: calc(100vw * 105 / 1920);
  }
  .lab-page .none-list .lab-logo{
    position: absolute;
    right: 0;
    bottom: calc(100vw * 30 / 1920);
    max-width: calc(100vw * 200 / 1920);
  }
  .lab-page .none-list .lab-logo img{
    max-width: 100%;
  }
  .lab-page .other-abs .bread-item{
    right: auto;
    left: 0;
  }
  .lab-page .labs-about-box{
    background: url(im-bg25png.png) top center no-repeat;
    background-size: 100% auto;
    padding-top: calc(100vw * 55 / 1920);
  }
  .labs-about-box .labs-a-top{}
  .labs-about-box .labs-a-top h3{
    font-size: calc(100vw * 28 / 1920);
    color: #444444;
    line-height: calc(100vw * 36 / 1920);
    text-align: left;
    font-style: normal;
    font-weight: 700;
  }
  .labs-about-box .labs-a-top h4{
    font-size: calc(100vw * 22 / 1920);
    color: #444444;
    line-height: calc(100vw * 32 / 1920);
    text-align: left;
    font-style: normal;
    font-weight: 700;
    margin-top: 5px;
  }
  .labs-a-top .labs-about-wrap{
    width: 100%;
    display:flex;
    margin-top:calc(100vw * 40 / 1920);
    flex-direction: row-reverse;
  }
  .labs-a-top .labs-about-wrap .img-boxs{
    width: calc(100vw * 320 / 1920);
  }
  .labs-a-top .labs-about-wrap .labs-about-des{
    flex: 1;
    margin-right: calc(100vw * 80 / 1920);
    font-weight: 400;
    font-size: calc(100vw * 17 / 1920);
    color: #444444;
    line-height: calc(100vw * 32 / 1920);
    text-align: justify;
    text-indent: calc(100vw * 34 / 1920);
  }
  .labs-a-top .lab-mores{
    margin-top: calc(100vw * 20 / 1920);
  }
  .labs-boxs .lab-mores a{
    font-weight: 400;
    font-size: calc(100vw * 17 / 1920);
    color: #444444;
    text-align: left;
  }
  .labs-boxs .lab-mores a:hover{
    color:#0319A0;
  }
  .labs-about-box .labs-a-bottom{
    margin-top:calc(100vw * 35 / 1920);
    padding:calc(100vw * 45 / 1920) calc(100vw * 50 / 1920);
    background: url(im-bg26png.png) top center no-repeat;
    background-image: url(im-bg26png.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(27,42,119,0.6);
    overflow: hidden;
    border-radius: 4px;
  }
  .labs-boxs .labs-title h4{
    font-weight: 600;
    font-size: calc(100vw * 28 / 1920);
    color: #444444;
    line-height: calc(100vw * 40 / 1920);
    text-align: left;
    padding-top:calc(100vw * 15 / 1920);
    position: relative;
  }
  .labs-boxs .labs-title h4:after{
    content: '';
    width: calc(100vw * 45 / 1920);
    height:calc(100vw * 5 / 1920);
    background: #4B3FC2;
    position: absolute;
    top: 0;
    left: 0;
  }
  .labs-boxs .labs-title h4.white{
    color:#fff;
  }
  .labs-boxs .labs-title h4.white:after{
    background: #4B3FC2;
  }
  .labs-a-bottom .labs-fx-wrap{
    width: 100%;
    display: flex;
  }
  .labs-a-bottom .labs-title{
    max-width: 150px;
  }
  .labs-a-bottom .labs-fx-des{
    font-weight: 400;
    flex:1;
    margin-left: 60px;
    padding-left: 60px;
    border-left: 1px solid #fff;
    font-size: calc(100vw * 17 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 32 / 1920);
    text-align: justify;
  }
  .labs-a-bottom .lab-mores{
    margin-top: 20px;
    text-align: right;
  }
  .labs-a-bottom .lab-mores a{
    color: #fff;
  }
  .labs-people-boxs{
    margin-top:60px;
  }
  .labs-people-boxs .labs-people{
    width: 100%;
    padding-left:calc(100vw * 45 / 1920);
  }
  .labs-people .labs-people-wrap{
    display: flex;
  }
  .labs-people .labs-title{
    flex: 1;
  }
  .labs-people .lab-peop-swiper{
    width: 85%;
    position: relative;
    padding: 0 calc(100vw * 60 / 1920);
  }
  .labs-people .people-a{
    width: 100%;
    display: block;
    background: url(im-bg27png.png) bottom center no-repeat;
    background-size: 100% auto;
    padding-bottom:calc(100vw * 24 / 1920);
    padding-left: calc(100vw * 15 / 1920);
    padding-right: calc(100vw * 15 / 1920);
  }
  .labs-people .people-a .img-boxs img{
    width: 100%;
    height: calc(100vw * 260 / 1920);
    object-fit: cover;
  }
  .labs-people .people-a .labs-peop-name{
    font-weight: 600;
    font-size: calc(100vw * 22 / 1920);
    color: #444444;
    line-height: calc(100vw * 30 / 1920);
    margin: calc(100vw * 12 / 1920) 0 calc(100vw * 6 / 1920) 0;
  }
  .labs-people .people-a .labs-peop-zc{
    font-weight: 400;
    font-size:calc(100vw * 14 / 1920);
    color: #444444;
    line-height: calc(100vw * 20 / 1920);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .lab-peop-swiper .swiper-buttons{
    width: calc(100vw * 40 / 1920);
    height: calc(100vw * 40 / 1920);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .lab-peop-swiper .lab-people-prev{
    left: 0;
    background: url(im2025-icon22.png) center center no-repeat;
  }
  .lab-peop-swiper .lab-people-prev:hover{
    transform: rotate(180deg) translateY(50%);
    background: url(im2025-icon23.png) center center no-repeat;
  }
  .lab-peop-swiper .lab-people-next{
    right: 0;
    background: url(im2025-icon22.png) center center no-repeat;
    transform: rotate(180deg);
  }
  .lab-peop-swiper .lab-people-next:hover{
    transform: rotate(0);
    background: url(im2025-icon23.png) center center no-repeat;
  }
  .labs-boxs .labs-active-boxs{
    background: url(im-bg28png.png) center center no-repeat;
    background-size: contain;
    overflow: hidden;
  }
  .labs-active-boxs .labs-act-bottom{
    margin-top: 90px;
  }
  .labs-active-boxs .labs-act-bottom .labs-title{
    display: flex;
    justify-content:space-between;
    align-items: center;
    margin-bottom: 40px;
  }
  .labs-active-boxs .labs-baogao{
    margin-top: 40px;
  }
  .labs-baogao .img-boxs{
    height: 480px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    z-index:2;
  }
  .labs-baogao a{
    position: relative;
  }
  .labs-baogao a h3{
      position: absolute;
      width: 100%;
      background: rgba(0, 0, 0, 0.6);
      bottom: -100%;
      line-height: 28px;
      transition: all ease 0.25s;
      padding: 10px;
      left: 0;
      text-align: left;
      font-size: calc(100vw * 20 / 1920);
      color: #fff;
      z-index: 9;
      transition: all ease 0.25s;
  }
  .labs-baogao a:hover h3{
    bottom: 0;
  }
  .labs-baogao .img-boxs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .labs-baogao .baogao-list:nth-child(2),
  .labs-baogao .baogao-list:nth-child(4){
    transform: translateY(-30px);
  }
  .labs-news .labs-news-logo{
    position: relative;
    padding-top: 40px;
    width: 600px;
  }
  .labs-news .labs-news-logo{
    display: block;
  }
  .labs-news .labs-news-logo .img-boxs{
    position: relative;
    width: 600px;
    height: 400px;
    z-index: 2;
    overflow: hidden;
    display: none;
    border: 3px solid #bdb9e6;
    padding: 10px;
    border-radius: 5px;
    background: #c2bbe5;
  }
  .labs-news .labs-news-logo .img-boxs.active{
    display: block;
  }
  .labs-news .labs-news-logo .img-boxs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease 0.25s;
  }
  .labs-news .labs-news-logo .img-boxs img:hover{
    transform: scale(1.05);
  }
  .labs-news:after{
    content: '';
    height: 100%;
    width: 120%;
    position: absolute;
    left: 35px;
    top: 0;
    background: url(im-bg29png.png) center center no-repeat;
    background-size: cover;
    z-index: 1;
  }
  .labs-active-boxs .labs-act-top{
    position: relative;
  }
  .labs-active-boxs .labs-act-top .labs-title{
    position: absolute;
    left: 630px;
    top:40px;
    z-index: 3;
    display: flex;
    align-items: flex-end;
  }
  .labs-active-boxs .labs-act-top .labs-title .lab-mores a{
    color: #fff;
    padding-bottom: 3px;
    display: inline-block;
    padding-left: 20px;
  }
  .labs-active-boxs .labs-act-top .labs-title h4:after{
    background: #fff;
  }
  .labs-active-boxs .labs-news{
    width: 100%;
    display: flex;
  }
  .labs-news .labs-news-wrap{
    width: 790px;
    padding:40px 50px 90px 60px;
    height: 380px;
    background: url(im-bg30png.png) center center no-repeat;
    background-size: cover;
    z-index: 4;
    position: relative;
    transform: translate(-30px, 110px);
  }
  .labs-active-boxs{
    margin-top: 70px;
  }
  .lab-news-swiper .lab-news-title{
    font-weight: 600;
    font-size: 20px;
    color: #444444;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .lab-news-swiper .lab-news-des{
    font-weight: 400;
    font-size: 15px;
    color: #444444;
    line-height: 30px;
    margin:10px 0 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .lab-news-swiper .lab-news-data{
    font-weight: 400;
    font-size: 16px;
    color: #4B3FC2;
    line-height: 19px;
  }
  .lab-news-swiper .lab-news-data .big{
    font-size: 20px;
    padding-right: 5px;
  }
  .labs-news-wrap .top-other {
    position: absolute;
    right: 50px;
    bottom: 40px;
    text-align: left;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: calc(100vw * 165 / 1920);
  }
  .labs-news-wrap .top-other .swiper-buttons{
    width:calc(100vw * 36 / 1920);
    height:calc(100vw * 36 / 1920);
    border: 1px solid #4B3FC2;
    color: #4B3FC2;
    text-align: center;
    border-radius: 4px;
    line-height: calc(100vw * 36 / 1920);
    transition: all ease 0.25s;
  }
  .labs-news-wrap .top-other .scroll-page {
    color: #4B3FC2;
    position: static;
    width: auto;
    font-size: calc(100vw * 20 / 1920);
  }
  .labs-news-wrap .top-other .swiper-buttons:hover{
    background: #4B3FC2;
  }
  .labs-news-wrap .top-other .swiper-buttons:hover i{
    color: #fff;
  }
  .labs-zhaoS-boxs{
    margin-top:calc(100vw * 95 / 1920);
  }
  .labs-zhaoS-boxs .labs-zhaoS{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .labs-zhaoS-boxs .labs-zhaoshen{
    width: 50%;
  }
  .labs-zhaoshen .zhaoshen-box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .labs-zhaoshen .zhaoshen-box .labs-title,.labs-zhaoS-boxs .labs-yjsjy .labs-title,.labs-wenhua-boxs .labs-title{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .labs-zhaoshen .zhaoshen-box .labs-title .lab-mores a{
    color: #fff;
  }
  .labs-zhaoshen .zhaoshen-box .zhaoshen-list:nth-child(1){
    background: url(im-bg31png.png) center center no-repeat;
    padding:calc(100vw * 35 / 1920) calc(100vw * 30 / 1920);
    background-size: cover;
  }
  .labs-zhaoshen .zhaoshen-box .zhaoshen-list:nth-child(2){
    background: url(im-bg32png.png) center center no-repeat;
    background-size: cover;
  }
  .labs-zhaoshen .zhaoshen-box .zhaoshen-list:nth-child(3){
    background: url(im-bg33png.png) center center no-repeat;
    background-size: cover;
  }
  .labs-zhaoshen .zhaoshen-box .zhaoshen-list:nth-child(4){
    background: url(im-bg34png.png) center center no-repeat;
    background-size: cover;
  }
  .labs-boxs .labs-zhaoS-boxs .labs-zhaoshen .labs-title h4.white:after{
    background: #fff;
  }
  .labs-zhaoshen .zhaoshen-box .zhaoshen-list{
    width: 50%;
    height: calc(100vw * 235 / 1920);
    padding:calc(100vw * 50 / 1920) calc(100vw * 30 / 1920);
    border:0.5px solid #fff;
    background-size: cover;
  }
  .labs-zhaoS-boxs .labs-yjsjy{
    width: 50%;
    padding:calc(100vw * 35 / 1920) calc(100vw * 40 / 1920);
    background: url(im-bg35png.png) center center no-repeat;
  }
  .labs-zhaoS-boxs .labs-yjsjy .labs-yjsjy-des{
    margin-top: calc(100vw * 30 / 1920);
    font-weight: 400;
    font-size: calc(100vw * 17 / 1920);
    color: #444444;
    line-height: calc(100vw * 28 / 1920);
    text-align: left;
    height: calc(100vw * 300 / 1920);
    overflow-y: scroll;
  }
  .labs-zhaoS-boxs .labs-yjsjy .labs-yjsjy-des p{
    margin-bottom: calc(100vw * 15 / 1920);
  }
  .labs-wenhua-boxs{
    margin-top: calc(100vw * 60 / 1920);
  }
  .labs-wenhua-boxs .wenhua-wrap{
    margin-top: calc(100vw * 30 / 1920);
  }
  .labs-wenhua-boxs .wenhua-wrap a{
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 6px;
    max-height: calc(100vw * 220 / 1920);
  }
  .labs-wenhua-boxs .wenhua-wrap a img{
    width: 100%;
    min-height: calc(100vw * 220 / 1920);
    object-fit: cover;
  }
  .labs-wenhua-boxs .wenhua-wrap a h3{
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.5);
    bottom: -100%;
    transition: all ease 0.25s;
    padding: 10px;
    left: 0;
    text-align: center;
    font-size: calc(100vw * 20 / 1920);
    color:#fff;
  }
  .labs-wenhua-boxs .wenhua-wrap a:hover h3{
    bottom: 0;
  }
  
  
  
  
  
  .other-boxs{
    margin-top: calc(100vw * 60 / 1920);
  }
  .other-boxs .tuwen-list.kxjsh-list{
    display: flex;
    flex-wrap: wrap;
    gap: calc(100vw * 30 / 1920);
  }
  .other-boxs .tuwen-list.kxjsh-list li{
    margin-bottom: 0;
    width: calc((100% - 1 * calc(100vw * 30 / 1920)) / 2);
  }
  .other-boxs .tuwen-list.kxjsh-list .news-detail .news-des{
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
  .other-boxs .tuwen-list li{
    margin-bottom: calc(100vw * 25 / 1920);
  }
  .other-boxs .tuwen-list li a{
    width: 100%;
    display: flex;
    transition: all ease 0.25s;
    padding:calc(100vw * 20 / 1920);
    flex-direction: row-reverse;
    border-radius: calc(100vw * 10 / 1920);
    overflow: hidden;
    background: linear-gradient( 180deg, #FFFFFF 0%, #F7F7F7 100%);
    box-shadow: 0px 0px 8px 0px #E1E1E1;
  }
  .other-boxs .tuwen-list .news-img{
    width: calc(100vw * 260 / 1920);
    height: calc(100vw * 170 / 1920);
    border-radius: calc(100vw * 10 / 1920);
    overflow: hidden;
  }
  .other-boxs .tuwen-list .news-img.kxjsh-box{
    width: calc(100vw * 190 / 1920);
    height: calc(100vw * 260 / 1920);
    border-radius: calc(100vw * 5 / 1920);
  }
  .other-boxs .tuwen-list .news-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease 0.25s;
    transform: scale(1.05);
  }
  .other-boxs .tuwen-list .news-img img[src=""]{
    display: none;
  }
  .other-boxs .tuwen-list .news-detail{
    flex: 1;
    margin-right: calc(100vw * 40 / 1920);
  }
  .other-boxs .tuwen-list .news-detail .news-title{
    font-weight: 600;
    font-size: calc(100vw * 20 / 1920);
    color: #444444;
    line-height: calc(100vw * 28 / 1920);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all ease 0.25s;
  }
  .other-boxs .tuwen-list .news-detail .news-data{
    font-size: calc(100vw * 16 / 1920);
    color: #4B3FC2;
    line-height: calc(100vw * 22 / 1920);
    text-align: left;
    margin:calc(100vw * 10 / 1920) 0 calc(100vw * 16 / 1920) 0;
  }
  .other-boxs .tuwen-list .news-detail .news-des{
    font-weight: 400;
    font-size: calc(100vw * 15 / 1920);
    color: #444444;
    line-height: calc(100vw * 28 / 1920);
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .other-boxs .tuwen-list li a:hover{
    transform: translateY(-5px);
  }
  .other-boxs .tuwen-list li a:hover .news-img img{
    transform: scale(1);
  }
  .other-boxs .tuwen-list li a:hover .news-detail .news-title{
    color: #4B3FC2;
  }
  .tuwen-list2 a{
    display: block;
    background: linear-gradient( 180deg, #FFFFFF 0%, #F7F7F7 100%);
    box-shadow: 0px 0px 8px 0px #E1E1E1;
    border-radius: calc(100vw * 10 / 1920);
    position: relative;
    overflow: hidden;
    margin-bottom: calc(100vw * 40 / 1920);
  }
  .tuwen-list2 .tuwen-img{
    height: calc(100vw * 220 / 1920);
    overflow: hidden;
  }
  .tuwen-list2 .tuwen-img img{
    width: 100%;
    object-fit: cover;
    transition: all ease 0.25s;
  }
  .tuwen-list2 .tuwen-title{
    font-weight: 600;
    padding:calc(100vw * 12 / 1920) calc(100vw * 15 / 1920) 0 calc(100vw * 15 / 1920);
    font-size: calc(100vw * 18 / 1920);
    color: #444444;
    line-height: calc(100vw * 28 / 1920);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .tuwen-list2 .tuwen-data{
    font-size: 16px;
    color: #4B3FC2;
    text-align: right;
    line-height: 22px;
    padding:calc(100vw * 12 / 1920) calc(100vw * 15 / 1920) calc(100vw * 20 / 1920) calc(100vw * 15 / 1920);
  }
  .tuwen-list2 a:hover .tuwen-img img{
    transform: scale(1.05);
  }
  .tuwen-list2 a:hover .tuwen-title{
    color: #4B3FC2;
  }
  .wenzi-list li{}
  .wenzi-list a{
    width: 100%;
    display: flex;
    transition: all ease 0.25s;
    align-items: center;
    background: #F7F7F7;
    padding:calc(100vw * 25 / 1920);
  }
  .wenzi-list li:nth-child(even) a{
    background: #fff;
  }
  .wenzi-list a .wenzi-data{
    width: calc(100vw * 104 / 1920);
    height: calc(100vw * 104 / 1920);
    border-radius: 50%;
    text-align: center;
    background: #4B3FC2;
    padding-top: calc(100vw * 26 / 1920);
  }
  .wenzi-list a .wenzi-data span{
    font-weight: 400;
    font-size: calc(100vw * 20 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 24 / 1920);
  }
  .wenzi-list a .wenzi-data span:last-child{
    font-size: calc(100vw * 16 / 1920);
  }
  .wenzi-list .wenzi-detail{
    flex: 1;
    padding-left: calc(100vw * 21 / 1920);
  }
  .wenzi-list .wenzi-detail .wenzi-title{
    font-weight: 600;
    font-size: calc(100vw * 20 / 1920);
    color: #444444;
    line-height: calc(100vw * 28 / 1920);
    text-align: left;
    font-style: normal;
    transition: all ease 0.25s;
  }
  .wenzi-list .wenzi-detail .wenzi-des{
    font-weight: 400;
    font-size:calc(100vw * 15 / 1920);
    color: #444444;
    line-height: calc(100vw * 26 / 1920);
    text-align: justify;
    margin-top: calc(100vw * 10 / 1920);
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .wenzi-list a:hover{
    transform: translateY(-5px);
    box-shadow: 0px 0px 8px 0px #E1E1E1;
  }
  .wenzi-list a:hover .wenzi-detail .wenzi-title{
    color: #4B3FC2;
  }
  .wenzi2-list a{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .wenzi2-list li{
    position: relative;
    transition: all ease 0.25s;
    padding:calc(100vw * 10 / 1920) calc(100vw * 40 / 1920);
    background: linear-gradient( 270deg, #FFFFFF 0%, #EFEFEF 100%);
  }
  .wenzi2-list li:nth-child(even){
    background: #fff;
  }
  .wenzi2-list li:hover  a .wenzi2-title{
    color: #4B3FC2;
  }
  .wenzi2-list li:after{
    content: '';
    display: inline-block;
    width: calc(100vw * 6 / 1920);
    height: 1px;
    background: #4B3FC2;
    position: absolute;
    top: 50%;
    left: calc(100vw * 20 / 1920);
    transform: translateY(-50%);
  }
  .wenzi2-list a .wenzi2-title{
    font-weight: 400;
    font-size: 18px;
    color: #444444;
    line-height: 30px;
    text-align: left;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    transition: all ease 0.25s;
    text-overflow: ellipsis;
  }
  .wenzi2-list a .wenzi2-data{
    font-size: 16px;
    flex: 1;
    text-align: right;
    color: #4B3FC2;
    line-height: 30px;
  }
  .common-title{
    margin-bottom: calc(100vw * 35 / 1920);
  }
  .common-title span{
    background: url(im2025-icon20.png) left center no-repeat;
    background-size: contain;
    font-weight: 600;
    font-size: calc(100vw * 20 / 1920);
    color: #444444;
    line-height: calc(100vw * 28 / 1920);
    text-align: left;
    padding-left: calc(100vw * 40 / 1920);
  }
  .second-nav-meun{}
  .second-nav-meun .nav-meun{
    background: rgba(75,63,194,1);
    display: flex;
    position: relative;
    width: 150%;
    /* border-radius: 10px; */
    /* overflow: hidden; */
  }
  .second-nav-meun .nav-meun:after{
    content: '';
    display: inline-block;
    width:10px;
    height: 100%;
    background: rgba(255,255,255,0.2);
    position: absolute;
    top:calc(100vw * -10 / 1920);
    left: -10px;
  }
  .second-nav-meun .nav-meun:before{
    content: '';
    display: inline-block;
    width: 100%;
    height: 10px;
    z-index: 1;
    background: rgba(255,255,255,0.2);
    position: absolute;
    top: calc(100vw * -10 / 1920);
  }
  .second-nav-meun .nav-meun li{
    position: relative;
    transition: all ease 0.25s;
    padding: 20px 30px;
    text-align: center;
  }
  .second-nav-meun .nav-meun li:after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #6659ED;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .second-nav-meun .nav-meun li:hover{
    background: #675AE7;
  }
  .second-nav-meun .nav-meun li:last-child:after{
    display: none;
  }
  .second-nav-meun .nav-meun li.active{
    background: #675AE7;
  }
  .second-nav-meun .nav-meun li.active a{}
  .second-nav-meun .nav-meun li a{
    font-weight: 600;
    font-size: calc(100vw * 18 / 1920);
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
  }
  .other-page-nav .aside-item{
    position: initial;
  }
  .other-page-nav .other-abs .bread-item{
    position: initial;
  }
  .other-page-nav .other-abs{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: calc(100vw * 30 / 1920);
  }
  .other-page-nav .second-nav{
    position: absolute;
    width: 100%;
    bottom: calc(100vw * -10 / 1920);
    left: 0;
    overflow: hidden;
  }
  .waterfall {
      display: flex;
      flex-direction: row;
      justify-content: center;
      gap: calc(100vw * 30 / 1920);
  }
  .column {
      display: flex;
      flex-direction: column;
      gap: calc(100vw * 30 / 1920);
      flex: 1;
  }
  .column .item{
    overflow: hidden;
    border: 1px solid #c5c5c5;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
  }
  .column .item img{
    transition: all ease 0.25s;
  }
  .column .item:hover img{
    transform:scale(1.04);
  }
  .column .item h3{
    position: absolute;
    width: 100%;
    bottom: -100px;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    transition: all ease 0.25s;
  }
  .column .item:hover h3{
    bottom: 0;
  }
  @media (max-width: 768px) {
      .waterfall {
          flex-direction: column;
          align-items: center;
      }
      
      .column {
          max-width: 100%;
      }
  }
  .books-boxs{
    background: url(im-bg16.png) top center no-repeat;
    background-size: cover;
    border-top:calc(100vw * 6 / 1920) solid #4B3FC2;
  }
  .books-boxs .back-main{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .books-boxs .back-main a{
    display: inline-block;
    background: #2B82FD;
    padding: 0 calc(100vw * 20 / 1920);
    border-radius: calc(100vw * 15 / 1920);
    font-size: calc(100vw * 16 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 30 / 1920);
    text-align: center;
  }
  .books-boxs .back-main .other-search{
    width: calc(100vw * 30 / 1920);
    height: calc(100vw * 30 / 1920);
    border-radius: 50%;
    cursor: pointer;
    background:#2B82FD;
    text-align: center;
    margin-left: calc(100vw * 20 / 1920);
    line-height: calc(100vw * 28 / 1920);
  }
  .books-boxs .back-main .other-search img{
    max-width: calc(100vw * 16 / 1920);
  }
  .books-boxs .books-logo{
    margin-top: calc(100vw * 40 / 1920);
    padding-bottom: calc(100vw * 90 / 1920);
  }
  .books-wrap .aside-item{
    position: initial;
  }
  .books-wrap .aside-item .aside-list{
    margin-top: 0;
  }
  .books-wrap{
    background: rgba(255,255,255,0.2);
    padding: calc(100vw * 10 / 1920) calc(100vw * 10 / 1920);
  }
  .books-wraps{
    padding: calc(100vw * 40 / 1920) calc(100vw * 30 / 1920);
    background: rgba(255,255,255,0.9);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .books-wraps .aside-item{
    width: calc(100vw * 225 / 1920);
  }
  .books-wraps .books-lists{
    flex: 1;
    padding-left: calc(100vw * 30 / 1920);
  }
  .books-wraps .aside-item .aside-list li{
    min-width: calc(100vw * 225 / 1920);
  }
  .books-wraps .aside-item .aside-list{
    padding: 0;
  }
  .books-item .books-title{
    font-weight: 600;
    margin-bottom: calc(100vw * 35 / 1920);
    font-size: calc(100vw * 22 / 1920);
    color: #444444;
    position: relative;
    line-height: calc(100vw * 30 / 1920);
    text-align: left;
    padding-bottom: calc(100vw * 15 / 1920);
    border-bottom: 1px solid #979797;
  }
  .books-item .books-title span{
    padding-left:calc(100vw * 40 / 1920);
    background: url(im2025-icon20.png) left center no-repeat;
    background-size: contain;
  }
  .books-item .books-title span:after{
    content: '';
    display: inline-block;
    width: calc(100vw * 160 / 1920);
    height:calc(100vw * 6 / 1920);
    background: #4B3FC2;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .books-item .lists li{
    margin-bottom: calc(100vw * 30 / 1920);
  }
  .books-item .lists li a{
    display: block;
    max-height:calc(100vw * 90 / 1920);
    overflow: hidden;
    border-radius: calc(100vw * 6 / 1920);
  }
  .books-item .lists li a img{
    transition: all ease 0.25s;
    width: 100%;
    height: 80px;
    object-fit: fill;
  }
  .books-item .lists li a:hover img{
    transform: scale(1.05);
  }
  
  
  
  
  
  #pages {
    width: 100%;
    font-size: 14px;
    clear: both;
    border-top: dotted 0px #cccccc;
    overflow: hidden;
    text-align: center;
    margin-top: calc(100vw * 50 / 1920);
  }
  .pages{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #pages span.active {
    font-size: calc(100vw * 16 / 1920);
    color: #fff;
    background: #4B3FC2;
    position: relative;
    display: inline-block;
    width: calc(100vw * 44 / 1920);
    height: calc(100vw * 44 / 1920);
    line-height: calc(100vw * 44 / 1920);
    margin: 0 calc(100vw * 5 / 1920);
    border-radius: 5px;
  }
  #pages a {
    font-size: calc(100vw * 16 / 1920);
    color: #4B3FC2;
    display: inline-block;
    padding: 1px calc(100vw * 17 / 1920);
    height: calc(100vw * 44 / 1920);
    line-height: calc(100vw * 44 / 1920);
    text-align: center;
    position: relative;
    margin:0 3px;
    border-radius: 5px;
    background: #F6F9FA;
    transition: all ease 0.25s;
  }
  #pages a:hover{
    color: #fff;
    background: #4B3FC2;
  }
  #pages .next,
  #pages .prev {
    display: inline-block;
    width: 200%;
    background: #F6F9FA;
    height: 100%;
    padding: 0;
  }
  #pages .next:hover,
  #pages .prev:hover{
    background: #4B3FC2;
  }
  #pages span:after {
    right: 0;
  }
  #pages span:before {
    left: 0;
    display: none;
  }
  #more {
    display: inline-block;
    height: calc(100vw * 40 / 1920);
    line-height: calc(100vw * 40 / 1920);
    text-align: center;
    border-radius: 3px;
    font-size: calc(100vw * 18 / 1920);
    width: 100%;
    background: #4B3FC2;
    color: #fff;
  }
  .no-mar #pages {
    margin-top: 0;
  }
  @media (max-width: 991px) {
    #pages .pages {
      display: none;
    }
    #pages #more {
      width: 100%;
      background: #4B3FC2;
      color: #fff;
      display: block !important;
    }
  }
  .jgsz-content{
    margin-top: calc(100vw * 35 / 1920);
    background: url(im-bg13.png) top center no-repeat;
    background-size: cover;
    min-height: calc(100vw * 2045 / 1920);
    padding-left: calc(100vw * 130 / 1920);
    display: flex;
    align-items: center;
  }
  .jgsz-content .nodes{
    position: relative;
  }
  .jgsz-content .nodes span,.jgsz-content .nodes a{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .jgsz-content .top-node{
    width: calc(100vw * 120 / 1920);
    height: calc(100vw * 400 / 1920);
    background: url(im-bg14.png) center center no-repeat;
    background-size: cover;
    font-weight: 400;
    font-size: calc(100vw * 28 / 1920);
    color: #FFFFFF;
    text-align: center;
    writing-mode:vertical-lr;
    letter-spacing: 2px;
    border-radius: 3px;
  }
  .jgsz-content .second-node{
    padding-left:calc(100vw * 100 / 1920);
    position: relative;
  }
  .jgsz-content .second-node:after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 83%;
    background: #979797;
    position: absolute;
    left: calc(100vw * 55 / 1920);
    top: 50%;
    transform: translateY(-50%);
  }
  .jgsz-content .second-node:before{
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #979797;
    position: absolute;
    left:0;
    top: 50%;
    transform: translateY(-50%);
  }
  .jgsz-content .second-node li{
    width: calc(100vw * 280 / 1920);
    height: calc(100vw * 64 / 1920);
    background: url(im-bg15.png) center center no-repeat;
    background-size: cover;
    margin-bottom: calc(100vw * 40 / 1920);
    border-radius: 3px;
  }
  .jgsz-content .second-node li:after{
    content: '';
    display: inline-block;
    height: 1px;
    width: calc(100vw * 44 / 1920);
    background: #979797;
    position: absolute;
    top: 50%;
    left: calc(100vw * -44 / 1920);
    transform: translateY(-50%);
  }
  .jgsz-content .second-node li:nth-child(2){
    margin-bottom: calc(100vw * 140 / 1920);
  }
  .jgsz-content .second-node li:last-child{
    margin-bottom: 0;
  }
  .jgsz-content .second-node li a{
    font-weight: bold;
    padding:calc(100vw * 20 / 1920) calc(100vw * 25 / 1920);
    font-size: calc(100vw * 22 / 1920);
    color: #FFFFFF;
    width: 100%;
    line-height: calc(100vw * 30 / 1920);
    text-align: left;
  }
  .jgsz-content .third-node{
    position: relative;
    padding-left: calc(100vw * 75 / 1920);
  }
  .jgsz-content .third-node>li{
    min-height: calc(100vw * 160 / 1920);
    width: calc(100vw * 60 / 1920);
    background: url(im-bg14.png) center center no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: calc(100vw * 125 / 1920);
  }
  .jgsz-content .third-node li:last-child{
    margin-bottom: 0;
  }
  .jgsz-content .third-node li span{
    font-size: calc(100vw * 24 / 1920);
    color: #FFFFFF;
    text-align: center;
    writing-mode:vertical-lr;
    letter-spacing: 2px;
    border-radius: 3px;
    height: 100%;
    display: inline-block;
  }
  .jgsz-content .third-node::before{
    content: '';
    display: inline-block;
    width: 38%;
    height: 1px;
    background: #979797;
    position: absolute;
    left:0;
    top: 50%;
    transform: translateY(-50%);
  }
  .jgsz-content .third-node::after{
      content: '';
      display: inline-block;
      width: 1px;
      height: 86.4%;
      background: #979797;
      position: absolute;
      left: calc(100vw * 50 / 1920);
      top: 52.8%;
      transform: translateY(-50%);
  }
  .jgsz-content .third-node li:after{
    content: '';
    display: inline-block;
    height: 1px;
    width: calc(100vw * 25 / 1920);
    background: #979797;
    position: absolute;
    top: 50%;
    z-index: 0;
    left: calc(100vw * -25 / 1920);
    transform: translateY(-50%);
  }
  .jgsz-content .fouth-node{
    position: relative;
    padding-left: calc(100vw * 150 / 1920);
  }
  .jgsz-content .fouth-node::before{
    content: '';
    display: inline-block;
    height: 1px;
    width: calc(100vw * 50 / 1920);
    background: #979797;
    position: absolute;
    top: 50%;
    left: calc(100vw * 60 / 1920);
    transform: translateY(-50%);
  }
  .jgsz-content .fouth-node li{
    background: rgba(126,185,255,0.5);
    position: relative;
    border-radius: 5px;
    margin-bottom: calc(100vw * 10 / 1920);
    width: calc(100vw * 420 / 1920);
    height: calc(100vw * 45 / 1920);
    transition: all ease 0.25s;
  }
  .jgsz-content .fouth-node li:last-child{
    margin-bottom: 0;
  }
  .jgsz-content .fouth-node li a{
    font-weight: 400;
    display:inline-block;
    width: 100%;
    font-size: calc(100vw * 18 / 1920);
    color: #444444;
    text-align: left;
    padding:calc(100vw * 10 / 1920) calc(100vw * 20 / 1920);
    font-style: normal;
    transition: all ease 0.25s;
  }
  .jgsz-content .fouth-node li:after{
    content: '';
    display: inline-block;
    height: 1px;
    width: calc(100vw * 35 / 1920);
    background: #979797;
    position: absolute;
    top: 50%;
    left: calc(100vw * -40 / 1920);
    transform: translateY(-50%);
  }
  .jgsz-content .fouth-node::after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 92%;
    background: #979797;
    position: absolute;
    left: calc(100vw * 110 / 1920);
    top: 50%;
    transform: translateY(-50%);
  }
  .jgsz-content .yj-node.fouth-node::after{
    height: 88%;
  }
  .jgsz-content .yj-node.fouth-node li{
    background: rgba(39,196,223,0.5);
  }
  .jgsz-content .yj-node.fouth-node li:first-child{
    background: linear-gradient(90deg, #2196F3 0%, rgba(39, 196, 223, 1) 100%);
  }
  .jgsz-content .pt-node.fouth-node li{
    background: rgba(161,219,52,0.5);
    min-height: calc(100vw * 46 / 1920);
  }
  .jgsz-content .pt-node.fouth-node::after{
    height: 90%;
  }
  .jgsz-content .gk-node.fouth-node li{
    background: rgba(100,211,159,0.5);
  }
  .jgsz-content .gk-node.fouth-node::after{
    height: 70%;
  }
  .jgsz-content .fouth-node li:hover{
    background: rgba(126,185,255,1);
  }
  .jgsz-content .fouth-node li:hover a{
    color: #fff;
  }
  .jgsz-content .yj-node.fouth-node li:hover{
    background: rgba(39,196,223,1);
  }
  .jgsz-content .pt-node.fouth-node li:hover{
    background: rgba(161,219,52,1);
    min-height: calc(100vw * 46 / 1920);
  }
  .jgsz-content .gk-node.fouth-node li:hover{
    background: rgba(100,211,159,1);
  }
  
  .explore-IBP-content .item-slide {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    height: 100%;
  }
  .explore-IBP-content .item-slide .item-class, .explore-IBP-content .item-slide .item-main {
    height: 100%;
  }
  .explore-IBP-content .item-slide .item-class {
    text-align: center;
    position: relative;
    float: left;
    background-color: hsla(356, 23%, 12%, 0.5);
    width: calc(100vw * 480 / 1920);
  }
  .explore-IBP-content .swiper-slide{
    width: calc(100vw * 150 / 1920);
    position: relative;
  }
  .explore-IBP-content .swiper-slide .history-des{
    display: none;
  }
  .explore-IBP-content .swiper-slide.swiper-slide-active .history-des{
    display:block;
  }
  .explore-IBP-content .swiper-slide.swiper-slide-active{
    width: calc(100vw * 380 / 1920);
    position: relative;
    padding-bottom:calc(100vw * 170 / 1920);
  }
  .explore-IBP-content .swiper-slide.swiper-slide-active .history-img{
    width: 100%;
    height: calc(100vw * 280 / 1920);
    overflow: hidden;
  }
  .explore-IBP-content .swiper-slide.swiper-slide-active .history-img img{
    width: 100%;
    object-fit: contain;
  }
  .swiper-slide .history-des .title{
    font-weight: bold;
    font-size: calc(100vw * 20 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 28 / 1920);
  }
  .swiper-slide .history-des .des{
    font-weight: 400;
    margin-top: calc(100vw * 15 / 1920);
    font-size: calc(100vw * 16 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 28 / 1920);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 58px;
  }
  .swiper-slide .history-des .data{
    text-align: right;
  }
  .swiper-slide .history-des .type{
    font-weight: 600;
    font-size: calc(100vw * 18 / 1920);
    color: #FFFFFF;
  }
  .swiper-slide .history-des .num{
    font-weight: 400;
    font-size: calc(100vw * 42 / 1920);
    color: #FFFFFF;
  }
  .explore-IBP-content .swiper-slide.swiper-slide-active .history-des{
    position: absolute;
    width: 300%;
    left: 0;
    bottom: 0;
    border-right: 1px solid #fff;
    padding-right: 50px;
  }
  .explore-IBP-content .gkjdbox .swiper-slide .year-boxs{
    text-align: center;
    padding-bottom: calc(100vw * 70 / 1920);
  }
  .swiper-slide .history-img{
    text-align: center;
    margin-bottom: 40px;
  }
  .swiper-slide .history-img img{
    max-height: calc(100vw * 260 / 1920);
  }
  .explore-IBP-content .swiper-slide.swiper-slide-active .year-boxs{
    text-align: left;
  }
  .swiper-slide.swiper-slide-active .year-boxs .year{
    background: #4B3FC2;
    color: #fff;
  }
  .swiper-slide .year-boxs .year{
    width: calc(100vw * 100 / 1920);
    height: calc(100vw * 40 / 1920);
    color: #4B3FC2;
    display: inline-block;
    background:rgba(106,99,145,0.1);
    border-radius: calc(100vw * 20 / 1920);
    text-align: center;
    line-height: calc(100vw * 40 / 1920);
    font-size: calc(100vw * 20 / 1920);
    position: relative;
  }
  .explore-IBP-content .gkjdbox .swiper-slide .year-boxs .year:after,.explore-IBP-content .gkjdbox .swiper-slide .year-boxs .year:before{
    content: '';
    display: inline-block;
    position: absolute;
  }
  .explore-IBP-content .gkjdbox .swiper-slide .year-boxs .year:after{
    width: 1px;
    height:  calc(100vw * 35 / 1920);
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    background: #4B3FC2;
  }
  .explore-IBP-content .gkjdbox .swiper-slide .year-boxs .year:before{
    width:  calc(100vw * 12 / 1920);
    height:  calc(100vw * 12 / 1920);
    border-radius:50%;
    border:3px solid #4B3FC2;
    left: 50%;
    bottom:  calc(100vw * -45 / 1920);
    transform: translateX(-50%);
  }
  .explore-IBP-content .gkjdbox .swiper-slide .year-boxs:after{
    display: none;
  }
  
  
  
  
  @media (max-width: 1199px) {
    .explore-IBP-content .item-slide .item-class {
      width: 34.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .explore-IBP-content .item-slide .item-class {
      width: 43.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .explore-IBP-content .item-slide .item-class {
      width: 43.6363636364rem;
    }
  }
  .explore-IBP-content .item-slide .item-class img {
    display: block;
  }
  .explore-IBP-content .item-slide .item-class .class-box {
    position: relative;
    padding-bottom: calc(100vw * 100 / 1920);
  }
  @media (max-width: 1199px) {
    .explore-IBP-content .item-slide .item-class .class-box {
      padding-bottom: 7.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .explore-IBP-content .item-slide .item-class .class-box {
      padding-bottom: 9.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .explore-IBP-content .item-slide .item-class .class-box {
      padding-bottom: 9.0909090909rem;
    }
  }
  .explore-IBP-content .item-slide .item-class .class-box::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    right: 0;
    background: url(ibpzw2024-icon-32.png) no-repeat;
    background-size: contain;
    width: calc(100vw * 222 / 1920);
    height: calc(100vw * 62 / 1920);
    margin-left: calc(100vw * -111 / 1920);
  }
  @media (max-width: 1199px) {
    .explore-IBP-content .item-slide .item-class .class-box::after {
      width: 15.8571428571rem;
      height: 4.4285714286rem;
      margin-left: -7.9285714286rem;
    }
  }
  @media (max-width: 991px) {
    .explore-IBP-content .item-slide .item-class .class-box::after {
      width: 20.1818181818rem;
      height: 5.6363636364rem;
      margin-left: -10.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .explore-IBP-content .item-slide .item-class .class-box::after {
      width: 20.1818181818rem;
      height: 5.6363636364rem;
      margin-left: -10.0909090909rem;
    }
  }
  .explore-IBP-content .item-slide .item-main {
    overflow: hidden;
    margin-left: calc(100vw * 480 / 1920);
  }
  @media (max-width: 1199px) {
    .explore-IBP-content .item-slide .item-main {
      margin-left: 34.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .explore-IBP-content .item-slide .item-main {
      margin-left: 43.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .explore-IBP-content .item-slide .item-main {
      margin-left: 43.6363636364rem;
    }
  }
  .explore-IBP-content .item-slide .item-main .middle-cont {
    width: 100%;
  }
  .explore-IBP-content .explore-next, .explore-IBP-content .explore-prev {
    text-align: center;
  }
  .explore-IBP-content .explore-next::after, .explore-IBP-content .explore-prev::after {
    font-family: "FontAwesome";
    color: #fff;
    font-size: calc(100vw * 80 / 1920);
  }
  @media (max-width: 1199px) {
    .explore-IBP-content .explore-next::after, .explore-IBP-content .explore-prev::after {
      font-size: 5.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .explore-IBP-content .explore-next::after, .explore-IBP-content .explore-prev::after {
      font-size: 7.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .explore-IBP-content .explore-next::after, .explore-IBP-content .explore-prev::after {
      font-size: 7.2727272727rem;
    }
  }
  .explore-IBP-content .explore-next {
    right: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .explore-IBP-content .explore-next {
      right: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .explore-IBP-content .explore-next {
      right: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .explore-IBP-content .explore-next {
      right: 2.7272727273rem;
    }
  }
  .explore-IBP-content .explore-next::after {
    content: "\f105";
  }
  .explore-IBP-content .explore-prev {
    left: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .explore-IBP-content .explore-prev {
      left: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .explore-IBP-content .explore-prev {
      left: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .explore-IBP-content .explore-prev {
      left: 2.7272727273rem;
    }
  }
  .explore-IBP-content .explore-prev::after {
    content: "\f104";
  }
  .explore-IBP-content .num-tip {
    position: absolute;
    right: 0;
    bottom: 0;
    color: rgba(255, 255, 255, 0.4);
  }
  
  .explore-IBP-class-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100vw * 60 / 1920);
  }
  @media (max-width: 1199px) {
    .explore-IBP-class-wrap {
      bottom: 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .explore-IBP-class-wrap {
      bottom: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .explore-IBP-class-wrap {
      bottom: 5.4545454545rem;
    }
  }
  .explore-IBP-class-wrap .explore-IBP-class {
    position: relative;
    z-index: 99;
  }
  .explore-IBP-class-wrap .explore-IBP-class::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.3);
    height: 1px;
    bottom: calc(100vw * 3 / 1920);
  }
  @media (max-width: 1199px) {
    .explore-IBP-class-wrap .explore-IBP-class::before {
      bottom: 0.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .explore-IBP-class-wrap .explore-IBP-class::before {
      bottom: 0.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .explore-IBP-class-wrap .explore-IBP-class::before {
      bottom: 0.2727272727rem;
    }
  }
  .explore-IBP-class-wrap .explore-IBP-class > div {
    float: left;
    width: 25%;
    color: rgba(255, 255, 255, 0.6);
    position: relative;
    cursor: pointer;
  }
  .explore-IBP-class-wrap .explore-IBP-class > div span {
    display: block;
    text-align: center;
    width: calc(100vw * 50 / 1920);
    padding-bottom: calc(100vw * 10 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .explore-IBP-class-wrap .explore-IBP-class > div span {
      width: 3.5714285714rem;
      padding-bottom: 0.7142857143rem;
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .explore-IBP-class-wrap .explore-IBP-class > div span {
      width: 4.5454545455rem;
      padding-bottom: 0.9090909091rem;
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .explore-IBP-class-wrap .explore-IBP-class > div span {
      width: 4.5454545455rem;
      padding-bottom: 0.9090909091rem;
      line-height: 2.7272727273rem;
    }
  }
  .explore-IBP-class-wrap .explore-IBP-class > div::before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    bottom: calc(100vw * 3 / 1920);
  }
  @media (max-width: 1199px) {
    .explore-IBP-class-wrap .explore-IBP-class > div::before {
      bottom: 0.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .explore-IBP-class-wrap .explore-IBP-class > div::before {
      bottom: 0.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .explore-IBP-class-wrap .explore-IBP-class > div::before {
      bottom: 0.2727272727rem;
    }
  }
  .explore-IBP-class-wrap .explore-IBP-class > div.active {
    color: rgb(255, 255, 255);
  }
  .explore-IBP-class-wrap .explore-IBP-class > div.active span {
    background: url(ibpzw2024-icon-26.png) no-repeat bottom center;
    background-size: contain;
  }
  .explore-IBP-class-wrap .explore-IBP-class > div.active::before {
    width: 100%;
  }
  
  .explore-header-home {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 20px;
    background: url(ibpzw2024-icon-84.png) left center no-repeat;
    background-size: cover;
    width: 82px;
    height: 160px;
    line-height: 1.2;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 9;
  }
  .explore-header-home span{
    writing-mode: vertical-lr;
    padding-bottom: 20px;
    background: url(im2025-icon15.png) bottom center no-repeat;
    background-size: contain;
    transform: translateY(calc(100vw * 35 / 1920)) translateX(calc(100vw * -10 / 1920));
  }
  .explore-header-home:hover {
    color: #fff;
  }
  
  #exploreIBPScroll .flipX {
    -webkit-animation: flipOutX 1s both;
    animation: flipOutX 1s both;
  }
  #exploreIBPScroll .fadeInDown {
    -webkit-animation: fadeOutUp 1s both;
    animation: fadeOutUp 1s both;
  }
  #exploreIBPScroll .fadeInUp {
    -webkit-animation: fadeOutDown 1s both;
    animation: fadeOutDown 1s both;
  }
  #exploreIBPScroll .animate__fadeInLeft {
    -webkit-animation: fadeOutLeft 1s both;
    animation: fadeOutLeft 1s both;
  }
  #exploreIBPScroll .animate__fadeInRight {
    -webkit-animation: fadeOutRight 1s both;
    animation: fadeOutRight 1s both;
  }
  #exploreIBPScroll .swiper-slide-active .flipX {
    -webkit-animation: flipInX 1.2s both 1s;
    animation: flipInX 1.2s both 1s;
  }
  #exploreIBPScroll .swiper-slide-active .fadeInDown {
    -webkit-animation: fadeInDown 1s both;
    animation: fadeInDown 1s both;
  }
  #exploreIBPScroll .swiper-slide-active .fadeInUp {
    -webkit-animation: fadeInUp 1s both;
    animation: fadeInUp 1s both;
  }
  #exploreIBPScroll .swiper-slide-active .animate__fadeInLeft {
    -webkit-animation: fadeInLeft 1.5s both;
    animation: fadeInLeft 1.5s both;
  }
  #exploreIBPScroll .swiper-slide-active .animate__fadeInRight {
    -webkit-animation: fadeInRight 1s both;
    animation: fadeInRight 1s both;
  }
  
  .item-count-groups {
    overflow: hidden;
    width: 82%;
    margin: 0 auto;
    padding-bottom: calc(100vw * 80 / 1920);
  }
  @media (max-width: 1199px) {
    .item-count-groups {
      padding-bottom: 5.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .item-count-groups {
      padding-bottom: 7.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .item-count-groups {
      padding-bottom: 7.2727272727rem;
    }
  }
  .item-count-groups::after {
    content: "";
    display: block;
    clear: both;
  }
  .item-count-groups .hex:nth-child(1) .hexIn {
    background-color: rgb(135, 106, 102);
  }
  .item-count-groups .hex:nth-child(2) .hexIn {
    background-color: rgba(157, 30, 35, 0.6);
  }
  .item-count-groups .hex:nth-child(3) .hexIn {
    background-color: rgba(38, 24, 25, 0.3);
  }
  .item-count-groups .hex:nth-child(4) .hexIn {
    background-color: rgb(135, 106, 102);
  }
  .item-count-groups .hex:nth-child(5) .hexIn {
    background-color: rgba(136, 105, 102, 0.3);
  }
  .item-count-groups .hex:nth-child(6) .hexIn {
    background-color: rgb(38, 24, 25);
  }
  .item-count-groups .hex:nth-child(7) .hexIn {
    background-color: rgba(157, 30, 35, 0.54);
  }
  .item-count-groups .hex:nth-child(8) .hexIn {
    background-color: rgba(135, 106, 102, 0.7);
  }
  .item-count-groups .hexIn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.57);
    cursor: default;
  }
  
  .item-img-groups {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
  }
  .item-img-groups .box-s {
    overflow: hidden;
    background: #CBAC92;
    border-radius: 10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .item-img-groups .box-s {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .item-img-groups .box-s {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .item-img-groups .box-s {
      border-radius: 0.9090909091rem;
    }
  }
  .item-img-groups .box-s:hover {
    margin-top: -20px;
  }
  .item-img-groups .box-s:hover .box-img img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .item-img-groups .box-s .box-img {
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .item-img-groups .box-s .box-img {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .item-img-groups .box-s .box-img {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .item-img-groups .box-s .box-img {
      border-radius: 0.9090909091rem;
    }
  }
  .item-img-groups .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .item-img-groups .box-s .box-info {
    background: url(ibpzw2024-icon-33.png) no-repeat right bottom;
    background-size: calc(100vw * 110 / 1920);
    padding: calc(100vw * 30 / 1920) calc(100vw * 30 / 1920) calc(100vw * 15 / 1920);
    height: calc(100vw * 140 / 1920);
  }
  @media (max-width: 1199px) {
    .item-img-groups .box-s .box-info {
      background-size: 7.8571428571rem;
      padding: 2.1428571429rem 2.1428571429rem 1.0714285714rem;
      height: 10rem;
    }
  }
  @media (max-width: 991px) {
    .item-img-groups .box-s .box-info {
      background-size: 10rem;
      padding: 2.7272727273rem 2.7272727273rem 1.3636363636rem;
      height: 12.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .item-img-groups .box-s .box-info {
      background-size: 10rem;
      padding: 2.7272727273rem 2.7272727273rem 1.3636363636rem;
      height: 12.7272727273rem;
    }
  }
  .item-img-groups .box-s .box-info a {
    color: #fff;
  }
  .item-img-groups .box-s .box-info .info-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 36 / 1920);
    line-height: calc(100vw * 36 / 1920);
    font-size: calc(100vw * 26 / 1920);
    margin-bottom: calc(100vw * 18 / 1920);
  }
  @media (max-width: 1199px) {
    .item-img-groups .box-s .box-info .info-title {
      height: 2.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .item-img-groups .box-s .box-info .info-title {
      height: 3.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .item-img-groups .box-s .box-info .info-title {
      height: 3.2727272727rem;
    }
  }
  @media (max-width: 1199px) {
    .item-img-groups .box-s .box-info .info-title {
      line-height: 2.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .item-img-groups .box-s .box-info .info-title {
      line-height: 3.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .item-img-groups .box-s .box-info .info-title {
      line-height: 3.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .item-img-groups .box-s .box-info .info-title {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  @media (max-width: 1199px) {
    .item-img-groups .box-s .box-info .info-title {
      font-size: 1.8571428571rem;
      margin-bottom: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .item-img-groups .box-s .box-info .info-title {
      font-size: 2.3636363636rem;
      margin-bottom: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .item-img-groups .box-s .box-info .info-title {
      font-size: 2.3636363636rem;
      margin-bottom: 1.6363636364rem;
    }
  }
  .item-img-groups .box-s .box-info .info-more {
    background: url(ibpzw2024-icon-27.png) no-repeat right center;
    display: inline-block;
    background-size: calc(100vw * 18 / 1920);
    padding-right: calc(100vw * 30 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .item-img-groups .box-s .box-info .info-more {
      background-size: 1.2857142857rem;
      padding-right: 2.1428571429rem;
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .item-img-groups .box-s .box-info .info-more {
      background-size: 1.6363636364rem;
      padding-right: 2.7272727273rem;
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .item-img-groups .box-s .box-info .info-more {
      background-size: 1.6363636364rem;
      padding-right: 2.7272727273rem;
      line-height: 2.7272727273rem;
    }
  }
  
  .item-history-groups {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
  }
  .item-history-groups .box-img {
    position: relative;
    padding-right: calc(100vw * 100 / 1920);
  }
  @media (max-width: 1199px) {
    .item-history-groups .box-img {
      padding-right: 7.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .item-history-groups .box-img {
      padding-right: 9.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .item-history-groups .box-img {
      padding-right: 9.0909090909rem;
    }
  }
  .item-history-groups .box-img .title-s {
    position: absolute;
    top: 0;
    text-align: center;
    color: #fff;
    width: calc(100vw * 80 / 1920);
    right: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .item-history-groups .box-img .title-s {
      width: 5.7142857143rem;
      right: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .item-history-groups .box-img .title-s {
      width: 7.2727272727rem;
      right: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .item-history-groups .box-img .title-s {
      width: 7.2727272727rem;
      right: 1.8181818182rem;
    }
  }
  .item-history-groups .box-img .title-s span {
    display: inline-block;
    line-height: 1.1;
    -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    width: calc(100vw * 22 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .item-history-groups .box-img .title-s span {
      width: 1.5714285714rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .item-history-groups .box-img .title-s span {
      width: 2rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .item-history-groups .box-img .title-s span {
      width: 2rem;
      font-size: 1.4545454545rem;
    }
  }
  .item-history-groups .box-img .img-s {
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.52);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.52);
  }
  .item-history-groups .box-img .img-s img {
    display: block;
    width: 100%;
    max-height: calc(100vw * 430 / 1920);
  }
  @media (max-width: 1199px) {
    .item-history-groups .box-img .img-s img {
      max-height: 30.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .item-history-groups .box-img .img-s img {
      max-height: 39.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .item-history-groups .box-img .img-s img {
      max-height: 39.0909090909rem;
    }
  }
  .item-history-groups .box-info {
    position: relative;
    min-height: calc(100vw * 380 / 1920);
    padding-left: calc(100vw * 66 / 1920);
    padding-right: calc(100vw * 70 / 1920);
  }
  @media (max-width: 1199px) {
    .item-history-groups .box-info {
      min-height: 27.1428571429rem;
      padding-left: 4.7142857143rem;
      padding-right: 5rem;
    }
  }
  @media (max-width: 991px) {
    .item-history-groups .box-info {
      min-height: 34.5454545455rem;
      padding-left: 6rem;
      padding-right: 6.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .item-history-groups .box-info {
      min-height: 34.5454545455rem;
      padding-left: 6rem;
      padding-right: 6.3636363636rem;
    }
  }
  .item-history-groups .box-info::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(ibpzw2024-icon-34.png) no-repeat;
    background-size: contain;
    width: calc(100vw * 22 / 1920);
    height: calc(100vw * 362 / 1920);
  }
  @media (max-width: 1199px) {
    .item-history-groups .box-info::after {
      width: 1.5714285714rem;
      height: 25.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .item-history-groups .box-info::after {
      width: 2rem;
      height: 32.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .item-history-groups .box-info::after {
      width: 2rem;
      height: 32.9090909091rem;
    }
  }
  .item-history-groups .box-info .info-year {
    font-family: Impact;
    font-weight: 400;
    color: #BFC6CE;
    line-height: 1;
    font-size: calc(100vw * 100 / 1920);
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .item-history-groups .box-info .info-year {
      font-size: 7.1428571429rem;
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .item-history-groups .box-info .info-year {
      font-size: 9.0909090909rem;
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .item-history-groups .box-info .info-year {
      font-size: 9.0909090909rem;
      margin-bottom: 1.8181818182rem;
    }
  }
  .item-history-groups .box-info .info-txt {
    color: #FFFFFF;
    line-height: 2;
    text-align: justify;
    font-size: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .item-history-groups .box-info .info-txt {
      font-size: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .item-history-groups .box-info .info-txt {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .item-history-groups .box-info .info-txt {
      font-size: 1.8181818182rem;
    }
  }
  .item-history-groups .year-box {
    text-align: center;
    color: #BFC6CE;
    font-weight: bold;
    font-family: Impact;
    position: relative;
    border-radius: 50%;
    width: calc(100vw * 88 / 1920);
    height: calc(100vw * 88 / 1920);
    line-height: calc(100vw * 88 / 1920);
    font-size: calc(100vw * 26 / 1920);
    margin: calc(100vw * 6 / 1920);
  }
  @media (max-width: 1199px) {
    .item-history-groups .year-box {
      width: 6.2857142857rem;
      height: 6.2857142857rem;
      line-height: 6.2857142857rem;
      font-size: 1.8571428571rem;
      margin: 0.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .item-history-groups .year-box {
      width: 8rem;
      height: 8rem;
      line-height: 8rem;
      font-size: 2.3636363636rem;
      margin: 0.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .item-history-groups .year-box {
      width: 8rem;
      height: 8rem;
      line-height: 8rem;
      font-size: 2.3636363636rem;
      margin: 0.5454545455rem;
    }
  }
  .item-history-groups .year-box span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
  }
  .item-history-groups .year-box.other-year {
    font-size: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .item-history-groups .year-box.other-year {
      font-size: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .item-history-groups .year-box.other-year {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .item-history-groups .year-box.other-year {
      font-size: 1.8181818182rem;
    }
  }
  .item-history-groups .gallery-history-top {
    margin-bottom: calc(100vw * 60 / 1920);
  }
  @media (max-width: 1199px) {
    .item-history-groups .gallery-history-top {
      margin-bottom: 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .item-history-groups .gallery-history-top {
      margin-bottom: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .item-history-groups .gallery-history-top {
      margin-bottom: 5.4545454545rem;
    }
  }
  .item-history-groups .gallery-history-thumbs {
    position: relative;
  }
  .item-history-groups .gallery-history-thumbs::before {
    content: "";
    position: absolute;
    top: 50%;
    border-bottom: 2px dotted #BFC6CE;
    height: 2px;
    right: calc(100vw * 65 / 1920);
    left: calc(100vw * 85 / 1920);
  }
  @media (max-width: 1199px) {
    .item-history-groups .gallery-history-thumbs::before {
      right: 4.6428571429rem;
      left: 6.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .item-history-groups .gallery-history-thumbs::before {
      right: 5.9090909091rem;
      left: 7.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .item-history-groups .gallery-history-thumbs::before {
      right: 5.9090909091rem;
      left: 7.7272727273rem;
    }
  }
  .item-history-groups .gallery-history-thumbs .swiper-slide-thumb-active .year-box {
    background-color: #BFC6CE;
    color: #4B3FC2;
  }
  .item-history-groups .gallery-history-thumbs .swiper-slide-thumb-active .year-box::after {
    content: "";
    position: absolute;
    border: 1px dashed #BFC6CE;
    border-radius: 50%;
    top: calc(100vw * -6 / 1920);
    bottom: calc(100vw * -6 / 1920);
    left: calc(100vw * -6 / 1920);
    right: calc(100vw * -6 / 1920);
  }
  @media (max-width: 1199px) {
    .item-history-groups .gallery-history-thumbs .swiper-slide-thumb-active .year-box::after {
      top: -0.4285714286rem;
      bottom: -0.4285714286rem;
      left: -0.4285714286rem;
      right: -0.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .item-history-groups .gallery-history-thumbs .swiper-slide-thumb-active .year-box::after {
      top: -0.5454545455rem;
      bottom: -0.5454545455rem;
      left: -0.5454545455rem;
      right: -0.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .item-history-groups .gallery-history-thumbs .swiper-slide-thumb-active .year-box::after {
      top: -0.5454545455rem;
      bottom: -0.5454545455rem;
      left: -0.5454545455rem;
      right: -0.5454545455rem;
    }
  }
  
  .item-laboratory-groups {
    height: 100%;
  }
  .item-laboratory-groups ul {
    height: 100%;
  }
  .item-laboratory-groups ul li {
    float: left;
    width: 25%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .item-laboratory-groups ul li:hover .box-img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .item-laboratory-groups ul li a {
    display: block;
  }
  .item-laboratory-groups ul li .box-img, .item-laboratory-groups ul li .box-info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .item-laboratory-groups ul li .box-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .item-laboratory-groups ul li .box-info {
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .item-laboratory-groups ul li .box-info .info-title, .item-laboratory-groups ul li .box-info .info-more {
    position: absolute;
    color: #fff;
  }
  .item-laboratory-groups ul li .box-info .info-title {
    text-align: center;
    border-top-style: solid;
    top: calc(100vw * 160 / 1920);
    right: calc(100vw * 50 / 1920);
    width: calc(100vw * 90 / 1920);
    height: calc(100vw * 378 / 1920);
    padding: calc(100vw * 40 / 1920) calc(100vw * 10 / 1920) calc(100vw * 20 / 1920);
    border-top-width: calc(100vw * 4 / 1920);
  }
  @media (max-width: 1199px) {
    .item-laboratory-groups ul li .box-info .info-title {
      top: 11.4285714286rem;
      right: 3.5714285714rem;
      width: 6.4285714286rem;
      height: 27rem;
      padding: 2.8571428571rem 0.7142857143rem 1.4285714286rem;
      border-top-width: 0.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .item-laboratory-groups ul li .box-info .info-title {
      top: 14.5454545455rem;
      right: 4.5454545455rem;
      width: 8.1818181818rem;
      height: 34.3636363636rem;
      padding: 3.6363636364rem 0.9090909091rem 1.8181818182rem;
      border-top-width: 0.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .item-laboratory-groups ul li .box-info .info-title {
      top: 14.5454545455rem;
      right: 4.5454545455rem;
      width: 8.1818181818rem;
      height: 34.3636363636rem;
      padding: 3.6363636364rem 0.9090909091rem 1.8181818182rem;
      border-top-width: 0.3636363636rem;
    }
  }
  .item-laboratory-groups ul li .box-info .info-title span {
    display: inline-block;
    -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
    text-align: left;
    font-size: calc(100vw * 22 / 1920);
  }
  @media (max-width: 1199px) {
    .item-laboratory-groups ul li .box-info .info-title span {
      font-size: 1.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .item-laboratory-groups ul li .box-info .info-title span {
      font-size: 2rem;
    }
  }
  @media (max-width: 767px) {
    .item-laboratory-groups ul li .box-info .info-title span {
      font-size: 2rem;
    }
  }
  .item-laboratory-groups ul li .box-info .info-more {
    text-align: center;
    line-height: 1.1;
    left: calc(100vw * 50 / 1920);
    bottom: calc(100vw * 160 / 1920);
    width: calc(100vw * 24 / 1920);
    padding-bottom: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .item-laboratory-groups ul li .box-info .info-more {
      left: 3.5714285714rem;
      bottom: 11.4285714286rem;
      width: 1.7142857143rem;
      padding-bottom: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .item-laboratory-groups ul li .box-info .info-more {
      left: 4.5454545455rem;
      bottom: 14.5454545455rem;
      width: 2.1818181818rem;
      padding-bottom: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .item-laboratory-groups ul li .box-info .info-more {
      left: 4.5454545455rem;
      bottom: 14.5454545455rem;
      width: 2.1818181818rem;
      padding-bottom: 3.6363636364rem;
    }
  }
  .item-laboratory-groups ul li .box-info .info-more::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    background-color: #fff;
    height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .item-laboratory-groups ul li .box-info .info-more::after {
      height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .item-laboratory-groups ul li .box-info .info-more::after {
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .item-laboratory-groups ul li .box-info .info-more::after {
      height: 2.7272727273rem;
    }
  }
  .item-laboratory-groups ul li:nth-child(1):hover .box-info .info-title {
    background-color: rgba(88, 9, 9, 0.8);
  }
  .item-laboratory-groups ul li:nth-child(1) .box-info .info-title {
    border-top-color: rgb(88, 9, 9);
    background-color: rgba(88, 9, 9, 0.6);
  }
  .item-laboratory-groups ul li:nth-child(2):hover .box-info .info-title {
    background-color: rgba(8, 81, 84, 0.8);
  }
  .item-laboratory-groups ul li:nth-child(2) .box-info .info-title {
    border-top-color: rgb(8, 81, 84);
    background-color: rgba(8, 81, 84, 0.6);
  }
  .item-laboratory-groups ul li:nth-child(3):hover .box-info .info-title {
    background-color: rgba(9, 30, 88, 0.8);
  }
  .item-laboratory-groups ul li:nth-child(3) .box-info .info-title {
    border-top-color: rgb(9, 30, 88);
    background-color: rgba(9, 30, 88, 0.6);
  }
  .item-laboratory-groups ul li:nth-child(4):hover .box-info .info-title {
    background-color: rgba(172, 142, 104, 0.8);
  }
  .item-laboratory-groups ul li:nth-child(4) .box-info .info-title {
    border-top-color: rgb(172, 142, 104);
    background-color: rgba(172, 142, 104, 0.6);
  }
  
  @media (min-width: 992px) {
    .item-count-groups .hex {
      position: relative;
      list-style-type: none;
      float: left;
      overflow: hidden;
      visibility: hidden;
      outline: 1px solid transparent; /* fix for jagged edges in FF on hover transition */
      -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
      transform: rotate(-60deg) skewY(30deg) translatez(-1px);
      font-size: calc(100vw * 18 / 1920);
    }
    .item-count-groups .hex * {
      position: absolute;
      visibility: visible;
      outline: 1px solid transparent; /* fix for jagged edges in FF on hover transition */
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .item-count-groups .hex {
      font-size: 1.2857142857rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .item-count-groups .hex {
      font-size: 1.6363636364rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .item-count-groups .hex {
      font-size: 1.6363636364rem;
    }
  }
  @media (min-width: 992px) {
    .item-count-groups .hex h1, .item-count-groups .hex p {
      width: 102%;
      left: -1%; /* prevent line on the right where background doesn't cover image */
      padding: 5%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
    }
    .item-count-groups .hex h1 {
      bottom: 48%;
      padding-top: 50%;
      font-size: 1.5em;
      z-index: 1;
    }
    .item-count-groups .hex h1 span {
      position: static;
      font-family: Impact, Arial, Helvetica, sans-serif;
      font-size: calc(100vw * 60 / 1920);
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .item-count-groups .hex h1 span {
      font-size: 4.2857142857rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .item-count-groups .hex h1 span {
      font-size: 5.4545454545rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .item-count-groups .hex h1 span {
      font-size: 5.4545454545rem;
    }
  }
  @media (min-width: 992px) {
    .item-count-groups .hex h1 sup {
      position: relative;
    }
    .item-count-groups .hex h1 :after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 45%;
      width: 10%;
      text-align: center;
      border-bottom: 1px solid #fff;
    }
    .item-count-groups .hex p {
      top: 55%;
      padding-bottom: 55%;
    }
    .item-count-groups .hexIn {
      background-color: rgba(0, 0, 0, 0.57);
      -webkit-transform: skewY(-30deg) rotate(60deg);
      transform: skewY(-30deg) rotate(60deg);
    }
    .hex {
      width: 22.2%;
      padding-bottom: 25.6574%;
    }
    .hex:nth-child(8n+5),
    .hex:nth-child(8n+6),
    .hex:nth-child(8n+7),
    .hex:nth-child(8n+8) {
      margin-top: -6.4%;
      -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
      transform: translateX(50%) rotate(-60deg) skewY(30deg);
    }
    .hex:nth-child(8n+5):last-child,
    .hex:nth-child(8n+6):last-child,
    .hex:nth-child(8n+7):last-child,
    .hex:nth-child(8n+8):last-child {
      margin-bottom: 0;
    }
  }
  /*------------------------------------- common ----------------------------------------------*/
  .public-banner {
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }
  .public-banner.banner-sys .banner-cont {
    height: calc(100vw * 360 / 1920);
  }
  @media (max-width: 1199px) {
    .public-banner.banner-sys .banner-cont {
      height: 25.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .public-banner.banner-sys .banner-cont {
      height: 32.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .public-banner.banner-sys .banner-cont {
      height: 32.7272727273rem;
    }
  }
  .public-banner .banner-mc {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.25);
  }
  .public-banner .container {
    position: relative;
    z-index: 9;
  }
  .public-banner .banner-cont {
    height: calc(100vw * 450 / 1920);
    padding-top: calc(100vw * 80 / 1920);
  }
  @media (max-width: 1199px) {
    .public-banner .banner-cont {
      height: 32.1428571429rem;
      padding-top: 5.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .public-banner .banner-cont {
      height: 40.9090909091rem;
      padding-top: 7.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .public-banner .banner-cont {
      height: 40.9090909091rem;
      padding-top: 7.2727272727rem;
    }
  }
  .public-banner .channel-title {
    color: #fff;
    line-height: 1.2;
    font-size: calc(100vw * 50 / 1920);
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .public-banner .channel-title {
      font-size: 3.5714285714rem;
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .public-banner .channel-title {
      font-size: 4.5454545455rem;
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .public-banner .channel-title {
      font-size: 4.5454545455rem;
      margin-bottom: 1.8181818182rem;
    }
  }
  .public-banner .bread-crumbs {
    background-repeat: no-repeat;
    background-image: url(ibpzw2024-icon-35.png);
    padding-left: calc(100vw * 20 / 1920);
    background-position: calc(100vw * 0 / 1920) calc(100vw * 10 / 1920);
    background-size: calc(100vw * 14 / 1920);
  }
  @media (max-width: 1199px) {
    .public-banner .bread-crumbs {
      padding-left: 1.4285714286rem;
      background-position: 0rem 0.7142857143rem;
      background-size: 1rem;
    }
  }
  @media (max-width: 991px) {
    .public-banner .bread-crumbs {
      padding-left: 1.8181818182rem;
      background-position: 0rem 0.9090909091rem;
      background-size: 1.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .public-banner .bread-crumbs {
      padding-left: 1.8181818182rem;
      background-position: 0rem 0.9090909091rem;
      background-size: 1.2727272727rem;
    }
  }
  .public-banner .bread-crumbs .bread-item {
    color: #fff;
  }
  
  .bread-crumbs .bread-item {
    color: #fff;
    line-height: calc(100vw * 36 / 1920);
  }
  @media (max-width: 1199px) {
    .bread-crumbs .bread-item {
      line-height: 2.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .bread-crumbs .bread-item {
      line-height: 3.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .bread-crumbs .bread-item {
      line-height: 3.2727272727rem;
    }
  }
  .bread-crumbs .bread-item a, .bread-crumbs .bread-item span {
    display: inline-block;
  }
  .bread-crumbs .bread-item a {
    color: #fff;
  }
  .bread-crumbs .bread-item a:last-child {
    color: #fff;
  }
  .bread-crumbs .bread-item a:hover {
    color: #fff;
  }
  .bread-crumbs .bread-item > span {
    padding-left: 2px;
    padding-right: 2px;
  }
  .bread-crumbs .bread-item > span::before {
    content: "/";
    color: #fff;
  }
  
  .public-channel-menu {
    overflow: hidden;
    margin-top: calc(100vw * -40 / 1920);
  }
  @media (max-width: 1199px) {
    .public-channel-menu {
      margin-top: -2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .public-channel-menu {
      margin-top: -3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .public-channel-menu {
      margin-top: -3.6363636364rem;
    }
  }
  .public-channel-menu .channel-menu-wrap {
    position: relative;
    background-size: 100% 100%;
    padding-right: calc(100vw * 100 / 1920);
  }
  @media (max-width: 1199px) {
    .public-channel-menu .channel-menu-wrap {
      padding-right: 7.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .public-channel-menu .channel-menu-wrap {
      padding-right: 9.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .public-channel-menu .channel-menu-wrap {
      padding-right: 9.0909090909rem;
    }
  }
  .public-channel-menu .channel-menu-wrap::before, .public-channel-menu .channel-menu-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2000px;
    right: 50%;
    background: #4B3FC2;
  }
  .public-channel-menu .channel-menu-wrap::after {
    background: url(ibpzw2024-menubg.png) no-repeat right top;
    right: 0;
    background-size: 100%;
  }
  .public-channel-menu .swiper-slide {
    width: auto;
  }
  .public-channel-menu .swiper-slide::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    height: 16px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .public-channel-menu .swiper-slide:last-child::after {
    display: none;
  }
  .public-channel-menu .active .a-menu {
    background: #A88E77;
  }
  .public-channel-menu .a-menu {
    display: block;
    color: #FFFFFF;
    text-align: center;
    font-size: 0;
    height: calc(100vw * 80 / 1920);
    line-height: calc(100vw * 80 / 1920);
    padding-left: calc(100vw * 35 / 1920);
    padding-right: calc(100vw * 35 / 1920);
  }
  @media (max-width: 1199px) {
    .public-channel-menu .a-menu {
      height: 5.7142857143rem;
      line-height: 5.7142857143rem;
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
  }
  @media (max-width: 991px) {
    .public-channel-menu .a-menu {
      height: 7.2727272727rem;
      line-height: 7.2727272727rem;
      padding-left: 3.1818181818rem;
      padding-right: 3.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .public-channel-menu .a-menu {
      height: 7.2727272727rem;
      line-height: 7.2727272727rem;
      padding-left: 3.1818181818rem;
      padding-right: 3.1818181818rem;
    }
  }
  .public-channel-menu .a-menu span {
    display: inline-block;
    vertical-align: middle;
    line-height: calc(100vw * 26 / 1920);
    font-size: calc(100vw * 18 / 1920);
  }
  @media (max-width: 1199px) {
    .public-channel-menu .a-menu span {
      line-height: 1.8571428571rem;
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .public-channel-menu .a-menu span {
      line-height: 2.3636363636rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .public-channel-menu .a-menu span {
      line-height: 2.3636363636rem;
      font-size: 1.6363636364rem;
    }
  }
  .public-channel-menu .a-menu.active, .public-channel-menu .a-menu:hover {
    background: #A88E77;
  }
  
  @media (min-width: 1200px) {
    .public-channel-menu .channel-menu-wrap {
      margin-right: 9%;
    }
  }
  .page-wrap {
    position: relative;
    padding-top: calc(100vw * 50 / 1920);
    padding-bottom: calc(100vw * 60 / 1920);
  }
  @media (max-width: 1199px) {
    .page-wrap {
      padding-top: 3.5714285714rem;
      padding-bottom: 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .page-wrap {
      padding-top: 4.5454545455rem;
      padding-bottom: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .page-wrap {
      padding-top: 4.5454545455rem;
      padding-bottom: 5.4545454545rem;
    }
  }
  .page-wrap::after, .page-wrap .pwrap-bg {
    content: "";
    position: absolute;
    right: 0;
    background: url(ibpzw2024-pagebg.png) no-repeat;
    background-size: contain;
    z-index: 8;
    -webkit-animation: zoomAnimation 20s infinite;
            animation: zoomAnimation 20s infinite;
    top: calc(100vw * 130 / 1920);
    width: calc(100vw * 220 / 1920);
    height: calc(100vw * 309 / 1920);
  }
  @media (max-width: 1199px) {
    .page-wrap::after, .page-wrap .pwrap-bg {
      top: 9.2857142857rem;
      width: 15.7142857143rem;
      height: 22.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .page-wrap::after, .page-wrap .pwrap-bg {
      top: 11.8181818182rem;
      width: 20rem;
      height: 28.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .page-wrap::after, .page-wrap .pwrap-bg {
      top: 11.8181818182rem;
      width: 20rem;
      height: 28.0909090909rem;
    }
  }
  .page-wrap > .container {
    position: relative;
    z-index: 9;
  }
  
  @-webkit-keyframes zoomAnimation {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    25% {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); /* 放大 */
    }
    50% {
      -webkit-transform: scale(0.8);
              transform: scale(0.8); /* 缩小 */
    }
    75% {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); /* 再次放大 */
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1); /* 回到初始大小 */
    }
  }
  
  @keyframes zoomAnimation {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    25% {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); /* 放大 */
    }
    50% {
      -webkit-transform: scale(0.8);
              transform: scale(0.8); /* 缩小 */
    }
    75% {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); /* 再次放大 */
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1); /* 回到初始大小 */
    }
  }
  .public-title, .public-groups-title {
    margin-bottom: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .public-title, .public-groups-title {
      margin-bottom: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .public-title, .public-groups-title {
      margin-bottom: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .public-title, .public-groups-title {
      margin-bottom: 3.6363636364rem;
    }
  }
  
  .public-title, .public-groups-title .groups-name {
    background-image: url(ibpzw2024-titlebg.png);
    background-repeat: no-repeat;
    color: #333333;
    background-size: calc(100vw * 76 / 1920);
    padding-bottom: calc(100vw * 20 / 1920);
    font-size: calc(100vw * 34 / 1920);
  }
  @media (max-width: 1199px) {
    .public-title, .public-groups-title .groups-name {
      background-size: 5.4285714286rem;
      padding-bottom: 1.4285714286rem;
      font-size: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .public-title, .public-groups-title .groups-name {
      background-size: 6.9090909091rem;
      padding-bottom: 1.8181818182rem;
      font-size: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .public-title, .public-groups-title .groups-name {
      background-size: 6.9090909091rem;
      padding-bottom: 1.8181818182rem;
      font-size: 3.0909090909rem;
    }
  }
  
  .public-title {
    text-align: center;
    background-position: bottom center;
  }
  
  .public-groups-title .groups-name {
    float: left;
    background-position: bottom left;
    min-width: calc(100vw * 100 / 1920);
  }
  @media (max-width: 1199px) {
    .public-groups-title .groups-name {
      min-width: 7.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .public-groups-title .groups-name {
      min-width: 9.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .public-groups-title .groups-name {
      min-width: 9.0909090909rem;
    }
  }
  .public-groups-title .groups-more {
    float: right;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 18px;
    border-style: solid;
    border-color: #4B3FC2;
    display: block;
    text-align: center;
    color: #4B3FC2;
    width: calc(100vw * 92 / 1920);
    height: calc(100vw * 36 / 1920);
    line-height: calc(100vw * 34 / 1920);
    border-width: calc(100vw * 1 / 1920);
    margin-top: calc(100vw * 12 / 1920);
  }
  @media (max-width: 1199px) {
    .public-groups-title .groups-more {
      width: 6.5714285714rem;
      height: 2.5714285714rem;
      line-height: 2.4285714286rem;
      border-width: 0.0714285714rem;
      margin-top: 0.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .public-groups-title .groups-more {
      width: 8.3636363636rem;
      height: 3.2727272727rem;
      line-height: 3.0909090909rem;
      border-width: 0.0909090909rem;
      margin-top: 1.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .public-groups-title .groups-more {
      width: 8.3636363636rem;
      height: 3.2727272727rem;
      line-height: 3.0909090909rem;
      border-width: 0.0909090909rem;
      margin-top: 1.0909090909rem;
    }
  }
  .public-groups-title .groups-more:hover {
    background: #4B3FC2;
    color: #fff;
  }
  
  .page-menu {
    position: relative;
  }
  .page-menu .menu-title {
    font-weight: bold;
    color: #333;
    background-size: cover;
    text-align: center;
    margin-bottom: 1px;
    height: calc(100vw * 78 / 1920);
    line-height: calc(100vw * 78 / 1920);
    font-size: calc(100vw * 19 / 1920);
  }
  @media (max-width: 1199px) {
    .page-menu .menu-title {
      height: 5.5714285714rem;
      line-height: 5.5714285714rem;
      font-size: 1.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .page-menu .menu-title {
      height: 7.0909090909rem;
      line-height: 7.0909090909rem;
      font-size: 1.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .page-menu .menu-title {
      height: 7.0909090909rem;
      line-height: 7.0909090909rem;
      font-size: 1.7272727273rem;
    }
  }
  .page-menu .menu-cont {
    overflow: hidden;
    border-bottom-color: rgba(2, 51, 111, 0.08);
    border-bottom-style: solid;
    border-bottom-width: calc(100vw * 1 / 1920);
  }
  @media (max-width: 1199px) {
    .page-menu .menu-cont {
      border-bottom-width: 0.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .page-menu .menu-cont {
      border-bottom-width: 0.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .page-menu .menu-cont {
      border-bottom-width: 0.0909090909rem;
    }
  }
  .page-menu .box-a {
    position: relative;
    border-top-color: rgba(2, 51, 111, 0.08);
    border-top-style: solid;
    border-top-width: calc(100vw * 1 / 1920);
  }
  @media (max-width: 1199px) {
    .page-menu .box-a {
      border-top-width: 0.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .page-menu .box-a {
      border-top-width: 0.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .page-menu .box-a {
      border-top-width: 0.0909090909rem;
    }
  }
  .page-menu .box-a .a-title {
    display: block;
    position: relative;
    color: #787878;
    overflow: hidden;
    padding: calc(100vw * 20 / 1920) calc(100vw * 45 / 1920) calc(100vw * 20 / 1920) calc(100vw * 45 / 1920);
    line-height: calc(100vw * 40 / 1920);
    font-size: calc(100vw * 18 / 1920);
  }
  @media (max-width: 1199px) {
    .page-menu .box-a .a-title {
      padding: 1.4285714286rem 3.2142857143rem 1.4285714286rem 3.2142857143rem;
      line-height: 2.8571428571rem;
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .page-menu .box-a .a-title {
      padding: 1.8181818182rem 4.0909090909rem 1.8181818182rem 4.0909090909rem;
      line-height: 3.6363636364rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .page-menu .box-a .a-title {
      padding: 1.8181818182rem 4.0909090909rem 1.8181818182rem 4.0909090909rem;
      line-height: 3.6363636364rem;
      font-size: 1.6363636364rem;
    }
  }
  .page-menu .box-a .a-title::before, .page-menu .box-a .a-title::after {
    content: "";
    position: absolute;
  }
  .page-menu .box-a .a-title::after {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    content: "\f105";
    font-family: "FontAwesome";
    color: #3659A5;
    right: calc(100vw * 20 / 1920);
    top: calc(100vw * 20 / 1920);
    font-size: calc(100vw * 18 / 1920);
  }
  @media (max-width: 1199px) {
    .page-menu .box-a .a-title::after {
      right: 1.4285714286rem;
      top: 1.4285714286rem;
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .page-menu .box-a .a-title::after {
      right: 1.8181818182rem;
      top: 1.8181818182rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .page-menu .box-a .a-title::after {
      right: 1.8181818182rem;
      top: 1.8181818182rem;
      font-size: 1.6363636364rem;
    }
  }
  .page-menu .box-a .a-title::before {
    background: #C6D8F5;
    border-radius: 2px;
    width: calc(100vw * 4 / 1920);
    height: calc(100vw * 20 / 1920);
    left: calc(100vw * 20 / 1920);
    top: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .page-menu .box-a .a-title::before {
      width: 0.2857142857rem;
      height: 1.4285714286rem;
      left: 1.4285714286rem;
      top: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .page-menu .box-a .a-title::before {
      width: 0.3636363636rem;
      height: 1.8181818182rem;
      left: 1.8181818182rem;
      top: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .page-menu .box-a .a-title::before {
      width: 0.3636363636rem;
      height: 1.8181818182rem;
      left: 1.8181818182rem;
      top: 2.7272727273rem;
    }
  }
  .page-menu .box-a.active a.a-title, .page-menu .box-a:hover a.a-title {
    background-color: #E7EEF6;
    color: #0058AB;
  }
  .page-menu .box-a.active a.a-title::after, .page-menu .box-a:hover a.a-title::after {
    display: block;
  }
  .page-menu .box-a.active a.a-title::before, .page-menu .box-a:hover a.a-title::before {
    background: #145CAA;
  }
  .page-menu .box-a.active {
    border-top-color: rgba(54, 89, 165, 0.5);
  }
  .page-menu .down-groups {
    display: none;
    background: #fff;
    padding: calc(100vw * 10 / 1920) calc(100vw * 35 / 1920);
  }
  @media (max-width: 1199px) {
    .page-menu .down-groups {
      padding: 0.7142857143rem 2.5rem;
    }
  }
  @media (max-width: 991px) {
    .page-menu .down-groups {
      padding: 0.9090909091rem 3.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .page-menu .down-groups {
      padding: 0.9090909091rem 3.1818181818rem;
    }
  }
  .page-menu .down-groups a {
    display: block;
    position: relative;
    color: #333333;
    line-height: calc(100vw * 40 / 1920);
    padding-left: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .page-menu .down-groups a {
      line-height: 2.8571428571rem;
      padding-left: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .page-menu .down-groups a {
      line-height: 3.6363636364rem;
      padding-left: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .page-menu .down-groups a {
      line-height: 3.6363636364rem;
      padding-left: 1.8181818182rem;
    }
  }
  .page-menu .down-groups a::before {
    content: "\f101";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
  }
  .page-menu .down-groups a:hover, .page-menu .down-groups a.active {
    color: #0668B3;
  }
  .page-menu .down-groups a.active {
    font-weight: bold;
  }
  
  /*分页*/
  .comp-pages {
    padding-top: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .comp-pages {
      padding-top: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .comp-pages {
      padding-top: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .comp-pages {
      padding-top: 3.6363636364rem;
    }
  }
  .comp-pages .page-pc {
    text-align: center;
  }
  .comp-pages .page-pc ul li {
    display: inline-block;
    vertical-align: bottom;
  }
  .comp-pages .page-pc a, .comp-pages .page-pc span {
    display: inline-block;
    background: #fff;
    text-align: center;
    color: #333333;
    border: 0.0520833333vw solid #EBEBEB;
    height: calc(100vw * 40 / 1920);
    min-width: calc(100vw * 40 / 1920);
    line-height: calc(100vw * 38 / 1920);
    border-radius: calc(100vw * 4 / 1920);
    padding-left: calc(100vw * 10 / 1920);
    padding-right: calc(100vw * 10 / 1920);
    margin-left: calc(100vw * 2 / 1920);
    margin-right: calc(100vw * 2 / 1920);
  }
  @media (max-width: 1199px) {
    .comp-pages .page-pc a, .comp-pages .page-pc span {
      height: 2.8571428571rem;
      min-width: 2.8571428571rem;
      line-height: 2.7142857143rem;
      border-radius: 0.2857142857rem;
      padding-left: 0.7142857143rem;
      padding-right: 0.7142857143rem;
      margin-left: 0.1428571429rem;
      margin-right: 0.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .comp-pages .page-pc a, .comp-pages .page-pc span {
      height: 3.6363636364rem;
      min-width: 3.6363636364rem;
      line-height: 3.4545454545rem;
      border-radius: 0.3636363636rem;
      padding-left: 0.9090909091rem;
      padding-right: 0.9090909091rem;
      margin-left: 0.1818181818rem;
      margin-right: 0.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .comp-pages .page-pc a, .comp-pages .page-pc span {
      height: 3.6363636364rem;
      min-width: 3.6363636364rem;
      line-height: 3.4545454545rem;
      border-radius: 0.3636363636rem;
      padding-left: 0.9090909091rem;
      padding-right: 0.9090909091rem;
      margin-left: 0.1818181818rem;
      margin-right: 0.1818181818rem;
    }
  }
  .comp-pages .page-pc a:hover, .comp-pages .page-pc a.active, .comp-pages .page-pc span:hover, .comp-pages .page-pc span.active {
    background: #4B3FC2;
    border: 1px solid #4B3FC2;
    color: #fff;
  }
  .comp-pages .page-pc span {
    background: #4B3FC2;
    border: 1px solid #4B3FC2;
    color: #fff;
  }
  .comp-pages .page-phone {
    height: calc(100vw * 46 / 1920);
    line-height: calc(100vw * 46 / 1920);
    border-radius: calc(100vw * 8 / 1920);
    font-size: calc(100vw * 16 / 1920);
    text-align: center;
    color: #fff;
    background: #4B3FC2;
    display: none !important;
  }
  @media (max-width: 1199px) {
    .comp-pages .page-phone {
      height: 3.2857142857rem;
      line-height: 3.2857142857rem;
      border-radius: 0.5714285714rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .comp-pages .page-phone {
      height: 4.1818181818rem;
      line-height: 4.1818181818rem;
      border-radius: 0.7272727273rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .comp-pages .page-phone {
      height: 4.1818181818rem;
      line-height: 4.1818181818rem;
      border-radius: 0.7272727273rem;
      font-size: 1.4545454545rem;
    }
  }
  .comp-pages .page-phone:hover, .comp-pages .page-phone:active {
    color: #fff;
  }
  
  @media (max-width: 767px) {
    /*分页*/
    .comp-pages .page-pc {
      display: none;
    }
    .comp-pages .page-phone {
      display: block !important;
    }
  }
  .details-page .detail-top {
    border-bottom-style: solid;
    border-bottom-color: #F1F1F3;
    border-bottom-width: calc(100vw * 1 / 1920);
    padding-bottom: calc(100vw * 15 / 1920);
    margin-bottom: calc(100vw * 25 / 1920);
  }
  @media (max-width: 1199px) {
    .details-page .detail-top {
      border-bottom-width: 0.0714285714rem;
      padding-bottom: 1.0714285714rem;
      margin-bottom: 1.7857142857rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .detail-top {
      border-bottom-width: 0.0909090909rem;
      padding-bottom: 1.3636363636rem;
      margin-bottom: 2.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .detail-top {
      border-bottom-width: 0.0909090909rem;
      padding-bottom: 1.3636363636rem;
      margin-bottom: 2.2727272727rem;
    }
  }
  .details-page .detail-top .title-s {
    color: #333;
    max-width: 100%;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
    font-size: calc(100vw * 26 / 1920);
  }
  @media (max-width: 1199px) {
    .details-page .detail-top .title-s {
      font-size: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .detail-top .title-s {
      font-size: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .detail-top .title-s {
      font-size: 2.3636363636rem;
    }
  }
  .details-page .detail-top .title-s div, .details-page .detail-top .title-s p {
    text-align: center !important;
  }
  .details-page .detail-top .top-other {
    text-align: center;
    margin-top: calc(100vw * 30 / 1920);
    font-size: calc(100vw * 15 / 1920);
  }
  @media (max-width: 1199px) {
    .details-page .detail-top .top-other {
      margin-top: 2.1428571429rem;
      font-size: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .detail-top .top-other {
      margin-top: 2.7272727273rem;
      font-size: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .detail-top .top-other {
      margin-top: 2.7272727273rem;
      font-size: 1.3636363636rem;
    }
  }
  .details-page .detail-top .top-other > div {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .details-page .detail-top .other-info {
    float: none;
    margin-right: calc(100vw * 20 / 1920);
    line-height: calc(100vw * 34 / 1920);
  }
  .wrap-appendix>p{
    padding-left: calc(100vw * 40 / 1920);
    background: url(im2025-icon17.png) left center no-repeat;
    background-size: contain;
  }
  @media (max-width: 1199px) {
    .details-page .detail-top .other-info {
      margin-right: 1.4285714286rem;
      line-height: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .detail-top .other-info {
      margin-right: 1.8181818182rem;
      line-height: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .detail-top .other-info {
      margin-right: 1.8181818182rem;
      line-height: 3.0909090909rem;
    }
  }
  .details-page .detail-top .other-info span, .details-page .detail-top .other-info a {
    color: #999999;
    display: inline-block;
    vertical-align: bottom;
  }
  .details-page .detail-top .other-info span {
    margin-right: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .details-page .detail-top .other-info span {
      margin-right: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .detail-top .other-info span {
      margin-right: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .detail-top .other-info span {
      margin-right: 1.8181818182rem;
    }
  }
  .details-page .detail-top .other-info span:last-child {
    margin-right: 0;
  }
  .details-page .detail-top .other-info a {
    margin-right: calc(100vw * 6 / 1920);
  }
  @media (max-width: 1199px) {
    .details-page .detail-top .other-info a {
      margin-right: 0.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .detail-top .other-info a {
      margin-right: 0.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .detail-top .other-info a {
      margin-right: 0.5454545455rem;
    }
  }
  .details-page .detail-top .other-info a:last-child {
    margin-right: 0;
  }
  .details-page .detail-top .other-info .line {
    vertical-align: middle;
    margin-top: -3px;
  }
  .details-page .detail-top .other-share {
    float: none;
  }
  .details-page .detail-top .other-share > div {
    display: inline-block;
  }
  .details-page .main-cont {
    line-height: 1.875;
    color: #333333;
    text-align: justify;
    font-size: 16px;
  }
  @media (max-width: 1199px) {
    .details-page .main-cont {
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .main-cont {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .main-cont {
      font-size: 1.6363636364rem;
    }
  }
  .details-page .main-cont .cont-title {
    font-weight: bold;
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .details-page .main-cont .cont-title {
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .main-cont .cont-title {
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .main-cont .cont-title {
      margin-bottom: 1.8181818182rem;
    }
  }
  .details-page .main-cont video {
    width: 80% !important;
    height: 100% !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: calc(100vw * 15 / 1920);
    margin-bottom: calc(100vw * 15 / 1920);
  }
  @media (max-width: 1199px) {
    .details-page .main-cont video {
      margin-top: 1.0714285714rem;
      margin-bottom: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .main-cont video {
      margin-top: 1.3636363636rem;
      margin-bottom: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .main-cont video {
      margin-top: 1.3636363636rem;
      margin-bottom: 1.3636363636rem;
    }
  }
  .details-page .main-cont.cont-xilan img {
    width: 100%;
    max-width: calc(100vw * 800 / 1920);
  }
  @media (max-width: 1199px) {
    .details-page .main-cont.cont-xilan img {
      max-width: 57.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .main-cont.cont-xilan img {
      max-width: 72.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .main-cont.cont-xilan img {
      max-width: 72.7272727273rem;
    }
  }
  .details-page .main-cont img {
    max-width: 100%;
  }
  .details-page .main-cont p, .details-page .main-cont div {
    line-height: 1.875;
    word-break: break-all;
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .details-page .main-cont p, .details-page .main-cont div {
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .main-cont p, .details-page .main-cont div {
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .main-cont p, .details-page .main-cont div {
      margin-bottom: 1.8181818182rem;
    }
  }
  .details-page .cont-page {
    border-top: 0.0520833333vw solid #D9DFE7;
    color: #4D4D4D;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: calc(100vw * 16 / 1920);
    padding-top: calc(100vw * 30 / 1920);
    line-height: calc(100vw * 24 / 1920);
    margin-top: calc(100vw * 30 / 1920);
  }
  .details-page .cont-page .a-page{
    display: none;
  }
  @media (max-width: 1199px) {
    .details-page .cont-page {
      font-size: 1.1428571429rem;
      padding-top: 2.1428571429rem;
      line-height: 1.7142857143rem;
      margin-top: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .cont-page {
      font-size: 1.4545454545rem;
      padding-top: 2.7272727273rem;
      line-height: 2.1818181818rem;
      margin-top: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .cont-page {
      font-size: 1.4545454545rem;
      padding-top: 2.7272727273rem;
      line-height: 2.1818181818rem;
      margin-top: 2.7272727273rem;
    }
  }
  .details-page .cont-page .a-page a, .details-page .cont-page .a-page span, .details-page .cont-page .a-page p {
    display: inline;
  }
  .details-page .cont-page .a-page a {
    color: #444;
  }
  .details-page .cont-page .a-page .a-prev{
    background: url(im2025-icon18.png) left center no-repeat;
    background-size: contain;
    padding-left: calc(100vw * 20 / 1920);
  }
  .details-page .cont-page .a-page .a-next{
    background: url(im2025-icon19.png) right center no-repeat;
    background-size: contain;
    padding-right: calc(100vw * 20 / 1920);
  }
  
  .details-page .cont-page .a-page:hover {
    color: #4B3FC2;
  }
  .details-page .cont-page .a-page:hover a {
    color: #4B3FC2;
  }
  .details-page .cont-img-groups {
    width: calc(100vw * 330 / 1920);
    margin-left: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .details-page .cont-img-groups {
      width: 23.5714285714rem;
      margin-left: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .cont-img-groups {
      width: 30rem;
      margin-left: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .cont-img-groups {
      width: 30rem;
      margin-left: 2.7272727273rem;
    }
  }
  .details-page .cont-img-groups .cimg-box {
    position: relative;
    overflow: hidden;
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .details-page .cont-img-groups .cimg-box {
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .cont-img-groups .cimg-box {
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .cont-img-groups .cimg-box {
      margin-bottom: 1.8181818182rem;
    }
  }
  .details-page .cont-img-groups .cimg-box:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .details-page .cont-img-groups .cimg-box img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .details-page .cont-img-groups .cimg-box .ctitle {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #fff;
    margin: 0;
    padding: calc(100vw * 5 / 1920) calc(100vw * 10 / 1920);
    line-height: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .details-page .cont-img-groups .cimg-box .ctitle {
      padding: 0.3571428571rem 0.7142857143rem;
      line-height: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .details-page .cont-img-groups .cimg-box .ctitle {
      padding: 0.4545454545rem 0.9090909091rem;
      line-height: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .details-page .cont-img-groups .cimg-box .ctitle {
      padding: 0.4545454545rem 0.9090909091rem;
      line-height: 1.8181818182rem;
    }
  }
  
  /*分享*/
  .social-share {
    /*二维码样式*/
  }
  .social-share a {
    position: relative;
    text-decoration: none;
    margin: 4px;
    display: inline-block;
    outline: none;
  }
  .social-share .social-share-icon {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 20px;
    border-radius: 50%;
    line-height: 32px;
    border: 1px solid #666;
    color: #666;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: background 0.2s ease-out 0s;
    transition: background 0.2s ease-out 0s;
  }
  .social-share .social-share-icon:hover {
    background: #666;
    color: #fff;
  }
  .social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -64px;
    width: 160px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px #aaa;
            box-shadow: 0 2px 10px #aaa;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms;
  }
  .social-share .icon-wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -64px;
  }
  .social-share .icon-wechat .wechat-qrcode.bottom:after {
    display: none;
  }
  .social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
  }
  .social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto;
  }
  .social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0 !important;
  }
  .social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0;
  }
  .social-share .icon-wechat .wechat-qrcode:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
  }
  .social-share .icon-wechat:hover .wechat-qrcode {
    display: block;
  }
  
  .share-xl .social-share a {
    display: inline-block;
    width: calc(100vw * 26 / 1920);
    height: calc(100vw * 26 / 1920);
    border: none;
  }
  @media (max-width: 1199px) {
    .share-xl .social-share a {
      width: 1.8571428571rem;
      height: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .share-xl .social-share a {
      width: 2.3636363636rem;
      height: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .share-xl .social-share a {
      width: 2.3636363636rem;
      height: 2.3636363636rem;
    }
  }
  
  .share-xl .social-share a.icon-wechat {
    background: url(comm-wx.png);
    background-size: contain;
  }
  
  .share-xl .social-share a.icon-weibo {
    background: url(comm-wb.png);
    background-size: contain;
  }
  
  /*------------------------------------------- 内页 -----------------------------------------------------*/
  .introduction-situation .cont-img {
    float: right;
    position: relative;
    width: calc(100vw * 446 / 1920);
    margin-left: calc(100vw * 60 / 1920);
    padding-right: calc(100vw * 30 / 1920);
    padding-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .introduction-situation .cont-img {
      width: 31.8571428571rem;
      margin-left: 4.2857142857rem;
      padding-right: 2.1428571429rem;
      padding-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .introduction-situation .cont-img {
      width: 40.5454545455rem;
      margin-left: 5.4545454545rem;
      padding-right: 2.7272727273rem;
      padding-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .introduction-situation .cont-img {
      width: 40.5454545455rem;
      margin-left: 5.4545454545rem;
      padding-right: 2.7272727273rem;
      padding-bottom: 2.7272727273rem;
    }
  }
  .introduction-situation .cont-img::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: #4B3FC2;
    border-radius: 10px;
    height: calc(100vw * 311 / 1920);
    width: calc(100vw * 210 / 1920);
    padding-right: calc(100vw * 30 / 1920);
    padding-bottom: calc(100vw * 30 / 1920);
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .introduction-situation .cont-img::after {
      height: 22.2142857143rem;
      width: 15rem;
      padding-right: 2.1428571429rem;
      padding-bottom: 2.1428571429rem;
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .introduction-situation .cont-img::after {
      height: 28.2727272727rem;
      width: 19.0909090909rem;
      padding-right: 2.7272727273rem;
      padding-bottom: 2.7272727273rem;
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .introduction-situation .cont-img::after {
      height: 28.2727272727rem;
      width: 19.0909090909rem;
      padding-right: 2.7272727273rem;
      padding-bottom: 2.7272727273rem;
      border-radius: 0.9090909091rem;
    }
  }
  .introduction-situation .cont-img img {
    display: block;
    width: 100%;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .introduction-situation .cont-img img {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .introduction-situation .cont-img img {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .introduction-situation .cont-img img {
      border-radius: 0.9090909091rem;
    }
  }
  
  .present-leaders .leaders-top .box-s {
    background: url(im-bg17.png) top center no-repeat #FFFFFF;
    background-size: cover;
    border-radius: 10px;
    border-radius: calc(100vw * 5 / 1920) calc(100vw * 5 / 1920) 0 0;
    margin-bottom: calc(100vw * 60 / 1920);
    margin-top: calc(100vw * 20 / 1920);
    height: calc(100vw * 240 / 1920);
    padding-left: calc(100vw * 20 / 1920);
    padding-bottom: calc(100vw * 20 / 1920);
    border-bottom: 3px solid #695afa;
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-top .box-s {
      border-radius: 0.7142857143rem;
      margin-bottom: 4.2857142857rem;
      margin-top: 1.4285714286rem;
      height: 16rem;
      padding-left: 1.4285714286rem;
      padding-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-top .box-s {
      border-radius: 0.9090909091rem;
      margin-bottom: 5.4545454545rem;
      margin-top: 1.8181818182rem;
      height: auto;
      padding-left: 1.8181818182rem;
      padding-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-top .box-s {
      border-radius: 0.9090909091rem;
      margin-bottom: 5.4545454545rem;
      margin-top: 1.8181818182rem;
      height:auto;
      padding-left: 1.8181818182rem;
      padding-bottom: 1.8181818182rem;
    }
  }
  .present-leaders .leaders-top .box-s a {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 3 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-top .box-s a {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-top .box-s a {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-top .box-s a {
      border-radius: 0.9090909091rem;
    }
  }
  .present-leaders .leaders-top .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .present-leaders .leaders-top .box-s:hover{
    border-bottom: 3px solid #4b3fc2;
  }
  .present-leaders .leaders-top .box-s:hover .box-info .name-s {
    color: #4B3FC2;
  }
  .present-leaders .leaders-top .box-s:hover .box-info .info-s::after {
    width: calc(100vw * 22 / 1920);
  }
  .old-leader-top{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .old-leader-top .img-boxs img{
    width: 120px;
  }
  .old-leader-wrap{
    text-align: center;
  }
  .old-leader-wrap .old-leader-name{
    font-size:20px;
    margin-top:10px;
    color: #333;
  }
  .old-leader-wrap .old-leader-zc{
    font-size: 16px;
    font-weight: 700;
    margin-top:6px;
    color:#4b3fc2;
  }
  .old-leader-wrap .old-leader-year{
    font-size: 14px;
    margin-top: 5px;
    color:#555;
  }
  .old-leader-bottom{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      margin: 30px 0;
      justify-content: space-around;
  }
  .old-leader-bottom .img-boxs img{
    width:110px;
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-top .box-s:hover .box-info .info-s::after {
      width: 1.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-top .box-s:hover .box-info .info-s::after {
      width: 2rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-top .box-s:hover .box-info .info-s::after {
      width: 2rem;
    }
  }
  .present-leaders .leaders-top .box-s .box-img {
    float: left;
    margin-top: calc(100vw * -20 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-top .box-s .box-img {
      margin-top: -1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-top .box-s .box-img {
      margin-top:20px;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-top .box-s .box-img {
      margin-top: 15px;
    }
  }
  .present-leaders .leaders-top .box-s .box-img img {
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: calc(100vw * 170 / 1920);
    height: calc(100vw * 230 / 1920);
    object-fit: cover;
  }
  @media (max-width: 1199px) {
  
  }
  @media (max-width: 991px) {
  
  }
  @media (max-width: 767px) {
  
  }
  .present-leaders .leaders-top .box-s .box-info {
    overflow: hidden;
    padding: calc(100vw * 30 / 1920) calc(100vw * 30 / 1920) calc(100vw * 20 / 1920) calc(100vw * 25 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-top .box-s .box-info {
      padding: 20px 10px;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-top .box-s .box-info {
      padding: 4.5454545455rem 2.7272727273rem 1.8181818182rem 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-top .box-s .box-info {
      padding: 4.5454545455rem 2.7272727273rem 1.8181818182rem 4.5454545455rem;
    }
  }
  .present-leaders .leaders-top .box-s .box-info .info-s {
    position: relative;
    padding-bottom: calc(100vw * 25 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-top .box-s .box-info .info-s {
      padding-bottom: 1.7857142857rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-top .box-s .box-info .info-s {
      padding-bottom: 2.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-top .box-s .box-info .info-s {
      padding-bottom: 2.2727272727rem;
    }
  }
  .present-leaders .leaders-top .box-s .box-info .info-s::after, .present-leaders .leaders-top .box-s .box-info .info-s:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #4B3FC2;
    width: calc(100vw * 22 / 1920);
    height: calc(100vw * 3 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-top .box-s .box-info .info-s::after, .present-leaders .leaders-top .box-s .box-info .info-s:before {
      width: 1.5714285714rem;
      height: 0.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-top .box-s .box-info .info-s::after, .present-leaders .leaders-top .box-s .box-info .info-s:before {
      width: 2rem;
      height: 0.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-top .box-s .box-info .info-s::after, .present-leaders .leaders-top .box-s .box-info .info-s:before {
      width: 2rem;
      height: 0.2727272727rem;
    }
  }
  .present-leaders .leaders-top .box-s .box-info .info-s::after {
    width: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: #4B3FC2;
  }
  .present-leaders .leaders-top .box-s .box-info .name-s {
    display: block;
    color: #333333;
    line-height: 1.4;
    font-size: calc(100vw * 22 / 1920);
    font-weight:700;
    margin-bottom: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-top .box-s .box-info .name-s {
      font-size: 2.1428571429rem;
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-top .box-s .box-info .name-s {
      font-size: 2.7272727273rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-top .box-s .box-info .name-s {
      font-size: 2.7272727273rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  .present-leaders .leaders-top .box-s .box-info .job-s {
    color: #666666;
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-top .box-s .box-info .job-s {
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-top .box-s .box-info .job-s {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-top .box-s .box-info .job-s {
      font-size: 1.6363636364rem;
    }
  }
  .present-leaders .leaders-other {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
    padding: calc(100vw * 40 / 1920) calc(100vw * 20 / 1920) calc(100vw * 30 / 1920) calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-other {
      border-radius: 0.7142857143rem;
      padding: 2.8571428571rem 1.4285714286rem 2.1428571429rem 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-other {
      border-radius: 0.9090909091rem;
      padding: 3.6363636364rem 1.8181818182rem 2.7272727273rem 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-other {
      border-radius: 0.9090909091rem;
      padding: 3.6363636364rem 1.8181818182rem 2.7272727273rem 1.8181818182rem;
    }
  }
  .present-leaders .leaders-other .box-s {
    text-align: center;
    overflow: hidden;
    margin-bottom: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-other .box-s {
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-other .box-s {
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-other .box-s {
      margin-bottom: 0.9090909091rem;
    }
  }
  .present-leaders .leaders-other .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .present-leaders .leaders-other .box-s:hover .box-title {
    color: #4B3FC2;
  }
  .present-leaders .leaders-other .box-s .box-img {
    display: inline-block;
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
    margin-bottom: calc(100vw * 12 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-other .box-s .box-img {
      border-radius: 0.7142857143rem;
      margin-bottom: 0.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-other .box-s .box-img {
      border-radius: 0.9090909091rem;
      margin-bottom: 1.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-other .box-s .box-img {
      border-radius: 0.9090909091rem;
      margin-bottom: 1.0909090909rem;
    }
  }
  .present-leaders .leaders-other .box-s .box-img img {
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 266 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-other .box-s .box-img img {
      height: 19rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-other .box-s .box-img img {
      height: 24.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-other .box-s .box-img img {
      height: 24.1818181818rem;
    }
  }
  .present-leaders .leaders-other .box-s .box-title {
    display: block;
    color: #333333;
    font-size: calc(100vw * 16 / 1920);
    line-height: calc(100vw * 26 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-other .box-s .box-title {
      font-size: 1.1428571429rem;
      line-height: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-other .box-s .box-title {
      font-size: 1.4545454545rem;
      line-height: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-other .box-s .box-title {
      font-size: 1.4545454545rem;
      line-height: 2.3636363636rem;
    }
  }
  .present-leaders .leaders-other .box-s .box-title span {
    display: inline-block;
    margin-right: calc(100vw * 5 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-other .box-s .box-title span {
      margin-right: 0.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-other .box-s .box-title span {
      margin-right: 0.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-other .box-s .box-title span {
      margin-right: 0.4545454545rem;
    }
  }
  .present-leaders .leaders-other .box-s .box-title span:last-child {
    margin-right: 0;
  }
  .present-leaders .leaders-other .box-s .box-title span.name-s {
    font-size: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-other .box-s .box-title span.name-s {
      font-size: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-other .box-s .box-title span.name-s {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-other .box-s .box-title span.name-s {
      font-size: 1.8181818182rem;
    }
  }
  .present-leaders .leaders-other .box-s .box-txt {
    color: #666666;
    font-size: calc(100vw * 16 / 1920);
    line-height: calc(100vw * 26 / 1920);
  }
  @media (max-width: 1199px) {
    .present-leaders .leaders-other .box-s .box-txt {
      font-size: 1.1428571429rem;
      line-height: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .present-leaders .leaders-other .box-s .box-txt {
      font-size: 1.4545454545rem;
      line-height: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .present-leaders .leaders-other .box-s .box-txt {
      font-size: 1.4545454545rem;
      line-height: 2.3636363636rem;
    }
  }
  
  .former-leaders .box-s {
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
    padding: calc(100vw * 30 / 1920);
    margin-bottom: calc(100vw * 50 / 1920);
    min-height: calc(100vw * 290 / 1920);
  }
  @media (max-width: 1199px) {
    .former-leaders .box-s {
      border-radius: 0.7142857143rem;
      padding: 2.1428571429rem;
      margin-bottom: 3.5714285714rem;
      min-height: 20.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .former-leaders .box-s {
      border-radius: 0.9090909091rem;
      padding: 2.7272727273rem;
      margin-bottom: 4.5454545455rem;
      min-height: 26.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .former-leaders .box-s {
      border-radius: 0.9090909091rem;
      padding: 2.7272727273rem;
      margin-bottom: 4.5454545455rem;
      min-height: 26.3636363636rem;
    }
  }
  .former-leaders .box-s:hover .box-img {
    border-color: #4B3FC2;
  }
  .former-leaders .box-s:hover .box-info .info-title {
    color: #4B3FC2;
  }
  .former-leaders .box-s:hover .box-info .info-title::after {
    width: calc(100vw * 22 / 1920);
  }
  @media (max-width: 1199px) {
    .former-leaders .box-s:hover .box-info .info-title::after {
      width: 1.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .former-leaders .box-s:hover .box-info .info-title::after {
      width: 2rem;
    }
  }
  @media (max-width: 767px) {
    .former-leaders .box-s:hover .box-info .info-title::after {
      width: 2rem;
    }
  }
  .former-leaders .box-s .box-img {
    float: left;
    overflow: hidden;
    border-radius: 14px;
    border: 3px solid transparent;
    border-radius: calc(100vw * 14 / 1920);
    margin-right: calc(100vw * 40 / 1920);
    border-width: calc(100vw * 3 / 1920);
    width: calc(100vw * 180 / 1920);
  }
  @media (max-width: 1199px) {
    .former-leaders .box-s .box-img {
      border-radius: 1rem;
      margin-right: 2.8571428571rem;
      border-width: 0.2142857143rem;
      width: 12.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .former-leaders .box-s .box-img {
      border-radius: 1.2727272727rem;
      margin-right: 3.6363636364rem;
      border-width: 0.2727272727rem;
      width: 16.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .former-leaders .box-s .box-img {
      border-radius: 1.2727272727rem;
      margin-right: 3.6363636364rem;
      border-width: 0.2727272727rem;
      width: 16.3636363636rem;
    }
  }
  .former-leaders .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .former-leaders .box-s .box-info {
    overflow: hidden;
  }
  .former-leaders .box-s .box-info .info-title {
    position: relative;
    color: #333333;
    display: block;
    font-weight: bold;
    padding-bottom: calc(100vw * 20 / 1920);
    padding-top: calc(100vw * 35 / 1920);
    font-size: calc(100vw * 16 / 1920);
    margin-bottom: calc(100vw * 25 / 1920);
  }
  @media (max-width: 1199px) {
    .former-leaders .box-s .box-info .info-title {
      padding-bottom: 1.4285714286rem;
      padding-top: 2.5rem;
      font-size: 1.1428571429rem;
      margin-bottom: 1.7857142857rem;
    }
  }
  @media (max-width: 991px) {
    .former-leaders .box-s .box-info .info-title {
      padding-bottom: 1.8181818182rem;
      padding-top: 3.1818181818rem;
      font-size: 1.4545454545rem;
      margin-bottom: 2.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .former-leaders .box-s .box-info .info-title {
      padding-bottom: 1.8181818182rem;
      padding-top: 3.1818181818rem;
      font-size: 1.4545454545rem;
      margin-bottom: 2.2727272727rem;
    }
  }
  .former-leaders .box-s .box-info .info-title span {
    display: inline-block;
  }
  .former-leaders .box-s .box-info .info-title span.name-s {
    font-size: calc(100vw * 20 / 1920);
    margin-right: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .former-leaders .box-s .box-info .info-title span.name-s {
      font-size: 1.4285714286rem;
      margin-right: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .former-leaders .box-s .box-info .info-title span.name-s {
      font-size: 1.8181818182rem;
      margin-right: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .former-leaders .box-s .box-info .info-title span.name-s {
      font-size: 1.8181818182rem;
      margin-right: 0.9090909091rem;
    }
  }
  .former-leaders .box-s .box-info .info-title::after, .former-leaders .box-s .box-info .info-title ::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #4B3FC2;
    width: calc(100vw * 22 / 1920);
    height: calc(100vw * 3 / 1920);
  }
  @media (max-width: 1199px) {
    .former-leaders .box-s .box-info .info-title::after, .former-leaders .box-s .box-info .info-title ::before {
      width: 1.5714285714rem;
      height: 0.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .former-leaders .box-s .box-info .info-title::after, .former-leaders .box-s .box-info .info-title ::before {
      width: 2rem;
      height: 0.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .former-leaders .box-s .box-info .info-title::after, .former-leaders .box-s .box-info .info-title ::before {
      width: 2rem;
      height: 0.2727272727rem;
    }
  }
  .former-leaders .box-s .box-info .info-title::after {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 0;
    background-color: #4B3FC2;
  }
  .former-leaders .box-s .box-info .info-txt {
    color: #666666;
    line-height: calc(100vw * 30 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .former-leaders .box-s .box-info .info-txt {
      line-height: 2.1428571429rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .former-leaders .box-s .box-info .info-txt {
      line-height: 2.7272727273rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .former-leaders .box-s .box-info .info-txt {
      line-height: 2.7272727273rem;
      font-size: 1.4545454545rem;
    }
  }
  .former-leaders .box-s .box-info .info-txt div {
    margin-bottom: calc(100vw * 5 / 1920);
  }
  .former-leaders .box-s .box-info .info-txt div:last-child {
    margin-bottom: 0;
  }
  @media (max-width: 1199px) {
    .former-leaders .box-s .box-info .info-txt div {
      margin-bottom: 0.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .former-leaders .box-s .box-info .info-txt div {
      margin-bottom: 0.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .former-leaders .box-s .box-info .info-txt div {
      margin-bottom: 0.4545454545rem;
    }
  }
  
  @media (min-width: 1200px) {
    .former-leaders .row-w {
      margin-left: calc(100vw * -20 / 1920);
      margin-right: calc(100vw * -20 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .former-leaders .row-w {
      margin-left: -1.4285714286rem;
      margin-right: -1.4285714286rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    .former-leaders .row-w {
      margin-left: -1.8181818182rem;
      margin-right: -1.8181818182rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    .former-leaders .row-w {
      margin-left: -1.8181818182rem;
      margin-right: -1.8181818182rem;
    }
  }
  @media (min-width: 1200px) {
    .former-leaders .row-w .col-w {
      padding-left: calc(100vw * 20 / 1920);
      padding-right: calc(100vw * 20 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .former-leaders .row-w .col-w {
      padding-left: 1.4285714286rem;
      padding-right: 1.4285714286rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    .former-leaders .row-w .col-w {
      padding-left: 1.8181818182rem;
      padding-right: 1.8181818182rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    .former-leaders .row-w .col-w {
      padding-left: 1.8181818182rem;
      padding-right: 1.8181818182rem;
    }
  }
  @media (min-width: 1200px) {
    .former-leaders .row-w .col-w:nth-child(3n+1) {
      clear: both;
    }
  }
  @media (min-width: 768px) and (max-width: 1199px) {
    .former-leaders .row-w .col-w:nth-child(2n+1) {
      clear: both;
    }
  }
  .organization-groups img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .list-photo-album.video-list .box-s .box-img {
    position: relative;
  }
  .list-photo-album.video-list .box-s .box-img .a-mc {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background-image: url(ibpzw2024-icon-05.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: calc(100vw * 60 / 1920);
  }
  @media (max-width: 1199px) {
    .list-photo-album.video-list .box-s .box-img .a-mc {
      background-size: 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .list-photo-album.video-list .box-s .box-img .a-mc {
      background-size: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .list-photo-album.video-list .box-s .box-img .a-mc {
      background-size: 5.4545454545rem;
    }
  }
  .list-photo-album .box-s {
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    cursor: pointer;
    border-radius: calc(100vw * 10 / 1920);
    margin-bottom: calc(100vw * 50 / 1920);
  }
  @media (max-width: 1199px) {
    .list-photo-album .box-s {
      border-radius: 0.7142857143rem;
      margin-bottom: 3.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .list-photo-album .box-s {
      border-radius: 0.9090909091rem;
      margin-bottom: 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .list-photo-album .box-s {
      border-radius: 0.9090909091rem;
      margin-bottom: 4.5454545455rem;
    }
  }
  .list-photo-album .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .list-photo-album .box-s:hover .box-title {
    color: #4B3FC2;
  }
  .list-photo-album .box-s .box-img {
    overflow: hidden;
  }
  .list-photo-album .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 10px;
    height: calc(100vw * 294 / 1920);
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .list-photo-album .box-s .box-img img {
      height: 21rem;
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-photo-album .box-s .box-img img {
      height: 26.7272727273rem;
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .list-photo-album .box-s .box-img img {
      height: 26.7272727273rem;
      border-radius: 0.9090909091rem;
    }
  }
  .list-photo-album .box-s .box-title {
    text-align: center;
    color: #333333;
    font-size: calc(100vw * 18 / 1920);
    padding-left: calc(100vw * 15 / 1920);
    padding-right: calc(100vw * 15 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 70 / 1920);
    line-height: calc(100vw * 70 / 1920);
  }
  @media (max-width: 1199px) {
    .list-photo-album .box-s .box-title {
      font-size: 1.2857142857rem;
      padding-left: 1.0714285714rem;
      padding-right: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .list-photo-album .box-s .box-title {
      font-size: 1.6363636364rem;
      padding-left: 1.3636363636rem;
      padding-right: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .list-photo-album .box-s .box-title {
      font-size: 1.6363636364rem;
      padding-left: 1.3636363636rem;
      padding-right: 1.3636363636rem;
    }
  }
  @media (max-width: 1199px) {
    .list-photo-album .box-s .box-title {
      height: 5rem;
    }
  }
  @media (max-width: 991px) {
    .list-photo-album .box-s .box-title {
      height: 6.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .list-photo-album .box-s .box-title {
      height: 6.3636363636rem;
    }
  }
  @media (max-width: 1199px) {
    .list-photo-album .box-s .box-title {
      line-height: 5rem;
    }
  }
  @media (max-width: 991px) {
    .list-photo-album .box-s .box-title {
      line-height: 6.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .list-photo-album .box-s .box-title {
      line-height: 6.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .list-photo-album .box-s .box-title {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .list-photo-album .video-more-w {
    padding-bottom: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .list-photo-album .video-more-w {
      padding-bottom: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .list-photo-album .video-more-w {
      padding-bottom: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .list-photo-album .video-more-w {
      padding-bottom: 3.6363636364rem;
    }
  }
  .list-photo-album .video-more-w .title-more {
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 28px;
    border-style: solid;
    border-color: #4B3FC2;
    display: block;
    text-align: center;
    color: #4B3FC2;
    margin-left: auto;
    margin-right: auto;
    width: calc(100vw * 280 / 1920);
    height: calc(100vw * 56 / 1920);
    line-height: calc(100vw * 54 / 1920);
    border-width: calc(100vw * 1 / 1920);
    border-radius: calc(100vw * 28 / 1920);
    font-size: calc(100vw * 18 / 1920);
  }
  @media (max-width: 1199px) {
    .list-photo-album .video-more-w .title-more {
      width: 20rem;
      height: 4rem;
      line-height: 3.8571428571rem;
      border-width: 0.0714285714rem;
      border-radius: 2rem;
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .list-photo-album .video-more-w .title-more {
      width: 25.4545454545rem;
      height: 5.0909090909rem;
      line-height: 4.9090909091rem;
      border-width: 0.0909090909rem;
      border-radius: 2.5454545455rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .list-photo-album .video-more-w .title-more {
      width: 25.4545454545rem;
      height: 5.0909090909rem;
      line-height: 4.9090909091rem;
      border-width: 0.0909090909rem;
      border-radius: 2.5454545455rem;
      font-size: 1.6363636364rem;
    }
  }
  .list-photo-album .video-more-w .title-more:hover {
    background: #4B3FC2;
    color: #fff;
  }
  
  .public-box-wrap {
    overflow: hidden;
  }
  .public-box-wrap .public-title {
    text-align: left;
    background-position: bottom left;
  }
  .public-box-wrap .groups-item {
    position: relative;
    background-repeat: no-repeat;
    padding-top: calc(100vw * 70 / 1920);
    padding-bottom: calc(100vw * 80 / 1920);
  }
  @media (max-width: 1199px) {
    .public-box-wrap .groups-item {
      padding-top: 5rem;
      padding-bottom: 5.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .public-box-wrap .groups-item {
      padding-top: 6.3636363636rem;
      padding-bottom: 7.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .public-box-wrap .groups-item {
      padding-top: 6.3636363636rem;
      padding-bottom: 7.2727272727rem;
    }
  }
  .public-box-wrap .groups-item:nth-child(2n) {
    background-color: #F8F8F8;
  }
  .public-box-wrap .groups-item .container {
    position: relative;
    z-index: 3;
  }
  .public-box-wrap .groups-item:nth-child(1)::after {
    content: "";
    position: absolute;
    right: 0;
    background: url(ibpzw2024-pagebg.png) no-repeat;
    background-size: contain;
    z-index: 2;
    -webkit-animation: zoomAnimation 20s infinite;
            animation: zoomAnimation 20s infinite;
    top: calc(100vw * 130 / 1920);
    width: calc(100vw * 220 / 1920);
    height: calc(100vw * 309 / 1920);
  }
  @media (max-width: 1199px) {
    .public-box-wrap .groups-item:nth-child(1)::after {
      top: 9.2857142857rem;
      width: 15.7142857143rem;
      height: 22.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .public-box-wrap .groups-item:nth-child(1)::after {
      top: 11.8181818182rem;
      width: 20rem;
      height: 28.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .public-box-wrap .groups-item:nth-child(1)::after {
      top: 11.8181818182rem;
      width: 20rem;
      height: 28.0909090909rem;
    }
  }
  .public-box-wrap .groups-item:nth-child(2) {
    background-image: url(ibpzw2024-modbg07.png);
    background-position: left bottom;
  }
  
  .orga-groups-01 .box-s:hover .box-img img, .orga-groups-03 .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .orga-groups-01 .box-s:hover .box-title .title-s, .orga-groups-03 .box-s:hover .box-title .title-s {
    color: #4B3FC2;
  }
  .orga-groups-01 .box-s .box-img, .orga-groups-03 .box-s .box-img {
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-01 .box-s .box-img, .orga-groups-03 .box-s .box-img {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-01 .box-s .box-img, .orga-groups-03 .box-s .box-img {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-01 .box-s .box-img, .orga-groups-03 .box-s .box-img {
      border-radius: 0.9090909091rem;
    }
  }
  .orga-groups-01 .box-s .box-img img, .orga-groups-03 .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .orga-groups-01 .box-s .box-title, .orga-groups-03 .box-s .box-title {
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: relative;
    padding-left: calc(100vw * 30 / 1920);
    padding-right: calc(100vw * 80 / 1920);
    margin-top: calc(100vw * -40 / 1920);
    margin-right: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-01 .box-s .box-title, .orga-groups-03 .box-s .box-title {
      padding-left: 2.1428571429rem;
      padding-right: 5.7142857143rem;
      margin-top: -2.8571428571rem;
      margin-right: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-01 .box-s .box-title, .orga-groups-03 .box-s .box-title {
      padding-left: 2.7272727273rem;
      padding-right: 7.2727272727rem;
      margin-top: -3.6363636364rem;
      margin-right: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-01 .box-s .box-title, .orga-groups-03 .box-s .box-title {
      padding-left: 2.7272727273rem;
      padding-right: 7.2727272727rem;
      margin-top: -3.6363636364rem;
      margin-right: 2.7272727273rem;
    }
  }
  .orga-groups-01 .box-s .box-title .title-s, .orga-groups-03 .box-s .box-title .title-s {
    color: #333333;
    font-weight: bold;
    font-size: calc(100vw * 18 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-01 .box-s .box-title .title-s, .orga-groups-03 .box-s .box-title .title-s {
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-01 .box-s .box-title .title-s, .orga-groups-03 .box-s .box-title .title-s {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-01 .box-s .box-title .title-s, .orga-groups-03 .box-s .box-title .title-s {
      font-size: 1.6363636364rem;
    }
  }
  .orga-groups-01 .box-s .box-title .arrow-s, .orga-groups-03 .box-s .box-title .arrow-s {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 1px solid #4B3FC2;
    background-image: url(ibpzw2024-icon-10.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    right: calc(100vw * 30 / 1920);
    width: calc(100vw * 20 / 1920);
    height: calc(100vw * 20 / 1920);
    background-size: calc(100vw * 7 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-01 .box-s .box-title .arrow-s, .orga-groups-03 .box-s .box-title .arrow-s {
      right: 2.1428571429rem;
      width: 1.4285714286rem;
      height: 1.4285714286rem;
      background-size: 0.5rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-01 .box-s .box-title .arrow-s, .orga-groups-03 .box-s .box-title .arrow-s {
      right: 2.7272727273rem;
      width: 1.8181818182rem;
      height: 1.8181818182rem;
      background-size: 0.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-01 .box-s .box-title .arrow-s, .orga-groups-03 .box-s .box-title .arrow-s {
      right: 2.7272727273rem;
      width: 1.8181818182rem;
      height: 1.8181818182rem;
      background-size: 0.6363636364rem;
    }
  }
  
  .orga-groups-01 .box-s .box-img img {
    height: calc(100vw * 300 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-01 .box-s .box-img img {
      height: 21.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-01 .box-s .box-img img {
      height: 27.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-01 .box-s .box-img img {
      height: 27.2727272727rem;
    }
  }
  .orga-groups-01 .box-s .box-title .title-s {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 80 / 1920);
    line-height: calc(100vw * 80 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-01 .box-s .box-title .title-s {
      height: 5.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-01 .box-s .box-title .title-s {
      height: 7.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-01 .box-s .box-title .title-s {
      height: 7.2727272727rem;
    }
  }
  @media (max-width: 1199px) {
    .orga-groups-01 .box-s .box-title .title-s {
      line-height: 5.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-01 .box-s .box-title .title-s {
      line-height: 7.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-01 .box-s .box-title .title-s {
      line-height: 7.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-01 .box-s .box-title .title-s {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  
  .orga-groups-02 ul {
    margin-left: calc(100vw * -18 / 1920);
    margin-right: calc(100vw * -18 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-02 ul {
      margin-left: -1.2857142857rem;
      margin-right: -1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-02 ul {
      margin-left: -1.6363636364rem;
      margin-right: -1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-02 ul {
      margin-left: -1.6363636364rem;
      margin-right: -1.6363636364rem;
    }
  }
  .orga-groups-02 ul li {
    float: left;
    width: 12.5%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding-left: calc(100vw * 18 / 1920);
    padding-right: calc(100vw * 18 / 1920);
  }
  .orga-groups-02 ul li:hover {
    margin-top: -15px;
  }
  @media (max-width: 1199px) {
    .orga-groups-02 ul li {
      padding-left: 1.2857142857rem;
      padding-right: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-02 ul li {
      padding-left: 1.6363636364rem;
      padding-right: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-02 ul li {
      padding-left: 1.6363636364rem;
      padding-right: 1.6363636364rem;
    }
  }
  .orga-groups-02 .box-s {
    position: relative;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
    background-color: #4B3FC2;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-image: url(ibpzw2024-modbg06.png);
    overflow: hidden;
    border-radius: 10px;
    display: block;
    width: 100%;
    border-radius: calc(100vw * 10 / 1920);
    background-size: calc(100vw * 95 / 1920);
    height: calc(100vw * 240 / 1920);
    padding-top: calc(100vw * 35 / 1920);
    padding-bottom: calc(100vw * 20 / 1920);
  }
  .orga-groups-02 .box-s:hover .box-title {
    color: #A88E77;
  }
  .orga-groups-02 .box-s:hover::after {
    background: #4B3FC2;
  }
  @media (max-width: 1199px) {
    .orga-groups-02 .box-s {
      border-radius: 0.7142857143rem;
      background-size: 6.7857142857rem;
      height: 17.1428571429rem;
      padding-top: 2.5rem;
      padding-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-02 .box-s {
      border-radius: 0.9090909091rem;
      background-size: 8.6363636364rem;
      height: 21.8181818182rem;
      padding-top: 3.1818181818rem;
      padding-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-02 .box-s {
      border-radius: 0.9090909091rem;
      background-size: 8.6363636364rem;
      height: 21.8181818182rem;
      padding-top: 3.1818181818rem;
      padding-bottom: 1.8181818182rem;
    }
  }
  .orga-groups-02 .box-s::after {
    content: "";
    position: absolute;
    background: #A88E77;
    left: 0;
    top: calc(100vw * 35 / 1920);
    width: calc(100vw * 4 / 1920);
    height: calc(100vw * 70 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-02 .box-s::after {
      top: 2.5rem;
      width: 0.2857142857rem;
      height: 5rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-02 .box-s::after {
      top: 3.1818181818rem;
      width: 0.3636363636rem;
      height: 6.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-02 .box-s::after {
      top: 3.1818181818rem;
      width: 0.3636363636rem;
      height: 6.3636363636rem;
    }
  }
  .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;
    margin-left: calc(100vw * 30 / 1920);
    font-size: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-02 .box-s .box-title {
      margin-left: 2.1428571429rem;
      font-size: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-02 .box-s .box-title {
      margin-left: 2.7272727273rem;
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-02 .box-s .box-title {
      margin-left: 2.7272727273rem;
      font-size: 1.8181818182rem;
    }
  }
  
  @media (min-width: 992px) {
    .orga-groups-03 .row-w {
      margin-left: calc(100vw * -20 / 1920);
      margin-right: calc(100vw * -20 / 1920);
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .orga-groups-03 .row-w {
      margin-left: -1.4285714286rem;
      margin-right: -1.4285714286rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .orga-groups-03 .row-w {
      margin-left: -1.8181818182rem;
      margin-right: -1.8181818182rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .orga-groups-03 .row-w {
      margin-left: -1.8181818182rem;
      margin-right: -1.8181818182rem;
    }
  }
  @media (min-width: 992px) {
    .orga-groups-03 .row-w .col-w {
      padding-left: calc(100vw * 20 / 1920);
      padding-right: calc(100vw * 20 / 1920);
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .orga-groups-03 .row-w .col-w {
      padding-left: 1.4285714286rem;
      padding-right: 1.4285714286rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .orga-groups-03 .row-w .col-w {
      padding-left: 1.8181818182rem;
      padding-right: 1.8181818182rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .orga-groups-03 .row-w .col-w {
      padding-left: 1.8181818182rem;
      padding-right: 1.8181818182rem;
    }
  }
  @media (min-width: 992px) {
    .orga-groups-04 .row-w {
      margin-left: calc(100vw * -30 / 1920);
      margin-right: calc(100vw * -30 / 1920);
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .orga-groups-04 .row-w {
      margin-left: -2.1428571429rem;
      margin-right: -2.1428571429rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .orga-groups-04 .row-w {
      margin-left: -2.7272727273rem;
      margin-right: -2.7272727273rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .orga-groups-04 .row-w {
      margin-left: -2.7272727273rem;
      margin-right: -2.7272727273rem;
    }
  }
  @media (min-width: 992px) {
    .orga-groups-04 .row-w .col-w {
      padding-left: calc(100vw * 30 / 1920);
      padding-right: calc(100vw * 30 / 1920);
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .orga-groups-04 .row-w .col-w {
      padding-left: 2.1428571429rem;
      padding-right: 2.1428571429rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .orga-groups-04 .row-w .col-w {
      padding-left: 2.7272727273rem;
      padding-right: 2.7272727273rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .orga-groups-04 .row-w .col-w {
      padding-left: 2.7272727273rem;
      padding-right: 2.7272727273rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-02 ul {
      margin-left: calc(100vw * -15 / 1920);
      margin-right: calc(100vw * -15 / 1920);
    }
  }
  @media (max-width: 991px) and (max-width: 1199px) {
    .orga-groups-02 ul {
      margin-left: -1.0714285714rem;
      margin-right: -1.0714285714rem;
    }
  }
  @media (max-width: 991px) and (max-width: 991px) {
    .orga-groups-02 ul {
      margin-left: -1.3636363636rem;
      margin-right: -1.3636363636rem;
    }
  }
  @media (max-width: 991px) and (max-width: 767px) {
    .orga-groups-02 ul {
      margin-left: -1.3636363636rem;
      margin-right: -1.3636363636rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-02 ul li {
      padding-left: calc(100vw * 15 / 1920);
      padding-right: calc(100vw * 15 / 1920);
    }
  }
  @media (max-width: 991px) and (max-width: 1199px) {
    .orga-groups-02 ul li {
      padding-left: 1.0714285714rem;
      padding-right: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) and (max-width: 991px) {
    .orga-groups-02 ul li {
      padding-left: 1.3636363636rem;
      padding-right: 1.3636363636rem;
    }
  }
  @media (max-width: 991px) and (max-width: 767px) {
    .orga-groups-02 ul li {
      padding-left: 1.3636363636rem;
      padding-right: 1.3636363636rem;
    }
  }
  .orga-groups-03 .box-s .box-img img {
    height: calc(100vw * 200 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-03 .box-s .box-img img {
      height: 14.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-03 .box-s .box-img img {
      height: 18.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-03 .box-s .box-img img {
      height: 18.1818181818rem;
    }
  }
  .orga-groups-03 .box-s .box-title .title-s {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 80 / 1920);
    line-height: calc(100vw * 80 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-03 .box-s .box-title .title-s {
      height: 5.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-03 .box-s .box-title .title-s {
      height: 7.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-03 .box-s .box-title .title-s {
      height: 7.2727272727rem;
    }
  }
  @media (max-width: 1199px) {
    .orga-groups-03 .box-s .box-title .title-s {
      line-height: 5.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-03 .box-s .box-title .title-s {
      line-height: 7.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-03 .box-s .box-title .title-s {
      line-height: 7.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-03 .box-s .box-title .title-s {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  
  .orga-groups-04 .box-s {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    position: relative;
    border-radius: calc(100vw * 10 / 1920);
    padding: calc(100vw * 25 / 1920) calc(100vw * 150 / 1920) calc(100vw * 25 / 1920) calc(100vw * 50 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-04 .box-s {
      border-radius: 0.7142857143rem;
      padding: 1.7857142857rem 10.7142857143rem 1.7857142857rem 3.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-04 .box-s {
      border-radius: 0.9090909091rem;
      padding: 2.2727272727rem 13.6363636364rem 2.2727272727rem 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-04 .box-s {
      border-radius: 0.9090909091rem;
      padding: 2.2727272727rem 13.6363636364rem 2.2727272727rem 4.5454545455rem;
    }
  }
  .orga-groups-04 .box-s:hover .box-title .icon-s img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .orga-groups-04 .box-s:hover .box-title .title-s {
    color: #4B3FC2;
  }
  .orga-groups-04 .box-s .box-title .icon-s {
    float: left;
    margin-right: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-04 .box-s .box-title .icon-s {
      margin-right: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-04 .box-s .box-title .icon-s {
      margin-right: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-04 .box-s .box-title .icon-s {
      margin-right: 2.7272727273rem;
    }
  }
  .orga-groups-04 .box-s .box-title .icon-s img {
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 70 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-04 .box-s .box-title .icon-s img {
      height: 5rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-04 .box-s .box-title .icon-s img {
      height: 6.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-04 .box-s .box-title .icon-s img {
      height: 6.3636363636rem;
    }
  }
  .orga-groups-04 .box-s .box-title .title-s {
    color: #333333;
    font-size: calc(100vw * 20 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 70 / 1920);
    line-height: calc(100vw * 70 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-04 .box-s .box-title .title-s {
      font-size: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-04 .box-s .box-title .title-s {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-04 .box-s .box-title .title-s {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 1199px) {
    .orga-groups-04 .box-s .box-title .title-s {
      height: 5rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-04 .box-s .box-title .title-s {
      height: 6.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-04 .box-s .box-title .title-s {
      height: 6.3636363636rem;
    }
  }
  @media (max-width: 1199px) {
    .orga-groups-04 .box-s .box-title .title-s {
      line-height: 5rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-04 .box-s .box-title .title-s {
      line-height: 6.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-04 .box-s .box-title .title-s {
      line-height: 6.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-04 .box-s .box-title .title-s {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .orga-groups-04 .box-s .box-more {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #4B3FC2;
    right: calc(100vw * 50 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-04 .box-s .box-more {
      right: 3.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-04 .box-s .box-more {
      right: 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-04 .box-s .box-more {
      right: 4.5454545455rem;
    }
  }
  .orga-groups-04 .box-s .box-more::after {
    content: "\f0da";
    font-family: FontAwesome;
    vertical-align: middle;
    font-size: calc(100vw * 18 / 1920);
    margin-left: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-04 .box-s .box-more::after {
      font-size: 1.2857142857rem;
      margin-left: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-04 .box-s .box-more::after {
      font-size: 1.6363636364rem;
      margin-left: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-04 .box-s .box-more::after {
      font-size: 1.6363636364rem;
      margin-left: 0.9090909091rem;
    }
  }
  
  .research-group-leader .main-img {
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .research-group-leader .main-img {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .research-group-leader .main-img {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .research-group-leader .main-img {
      border-radius: 0.9090909091rem;
    }
  }
  .research-group-leader .main-img img {
    display: block;
    width: 100%;
  }
  .research-group-leader .main-info {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    width: 100%;
    border-radius: calc(100vw * 10 / 1920);
    min-height: calc(100vw * 320 / 1920);
    padding: calc(100vw * 60 / 1920) calc(100vw * 60 / 1920) calc(100vw * 30 / 1920) calc(100vw * 80 / 1920);
  }
  @media (max-width: 1199px) {
    .research-group-leader .main-info {
      border-radius: 0.7142857143rem;
      min-height: 22.8571428571rem;
      padding: 4.2857142857rem 4.2857142857rem 2.1428571429rem 5.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .research-group-leader .main-info {
      border-radius: 0.9090909091rem;
      min-height: 29.0909090909rem;
      padding: 5.4545454545rem 5.4545454545rem 2.7272727273rem 7.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .research-group-leader .main-info {
      border-radius: 0.9090909091rem;
      min-height: 29.0909090909rem;
      padding: 5.4545454545rem 5.4545454545rem 2.7272727273rem 7.2727272727rem;
    }
  }
  .research-group-leader .info-title {
    font-weight: bold;
    color: #333333;
    font-size: calc(100vw * 18 / 1920);
    line-height: calc(100vw * 30 / 1920);
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .research-group-leader .info-title {
      font-size: 1.2857142857rem;
      line-height: 2.1428571429rem;
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .research-group-leader .info-title {
      font-size: 1.6363636364rem;
      line-height: 2.7272727273rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .research-group-leader .info-title {
      font-size: 1.6363636364rem;
      line-height: 2.7272727273rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  .research-group-leader .info-list li {
    background-image: url(ibpzw2024-icon-38.png);
    background-repeat: no-repeat;
    background-size: calc(100vw * 12 / 1920);
    background-position: calc(100vw * 0 / 1920) calc(100vw * 10 / 1920);
    line-height: calc(100vw * 32 / 1920);
    margin-bottom: calc(100vw * 18 / 1920);
    padding-left: calc(100vw * 25 / 1920);
  }
  .research-group-leader .info-list li:last-child {
    margin-bottom: 0;
  }
  .research-group-leader .info-list li:hover a {
    color: #4B3FC2;
  }
  @media (max-width: 1199px) {
    .research-group-leader .info-list li {
      background-size: 0.8571428571rem;
      background-position: 0rem 0.7142857143rem;
      line-height: 2.2857142857rem;
      margin-bottom: 1.2857142857rem;
      padding-left: 1.7857142857rem;
    }
  }
  @media (max-width: 991px) {
    .research-group-leader .info-list li {
      background-size: 1.0909090909rem;
      background-position: 0rem 0.9090909091rem;
      line-height: 2.9090909091rem;
      margin-bottom: 1.6363636364rem;
      padding-left: 2.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .research-group-leader .info-list li {
      background-size: 1.0909090909rem;
      background-position: 0rem 0.9090909091rem;
      line-height: 2.9090909091rem;
      margin-bottom: 1.6363636364rem;
      padding-left: 2.2727272727rem;
    }
  }
  .research-group-leader .info-list li a {
    display: block;
    color: #333333;
    font-size: calc(100vw * 18 / 1920);
  }
  @media (max-width: 1199px) {
    .research-group-leader .info-list li a {
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .research-group-leader .info-list li a {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .research-group-leader .info-list li a {
      font-size: 1.6363636364rem;
    }
  }
  
  @media (min-width: 992px) {
    .research-group-leader .img-w {
      width: 40.1%;
    }
    .research-group-leader .info-w {
      width: 59.9%;
    }
  }
  .academicians-groups .box-s, .academicians-list .box-s {
    background-image: url(ibpzw2024-icon-39.png);
    background-color: #4B3FC2;
    background-position: right bottom;
    background-repeat: no-repeat;
    border-radius: 10px;
    position: relative;
    border-radius: calc(100vw * 10 / 1920);
    background-size: calc(100vw * 110 / 1920);
  }
  @media (max-width: 1199px) {
    .academicians-groups .box-s, .academicians-list .box-s {
      border-radius: 0.7142857143rem;
      background-size: 7.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .academicians-groups .box-s, .academicians-list .box-s {
      border-radius: 0.9090909091rem;
      background-size: 10rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-groups .box-s, .academicians-list .box-s {
      border-radius: 0.9090909091rem;
      background-size: 10rem;
    }
  }
  .academicians-groups .box-s.box-other::after, .academicians-list .box-s.box-other::after {
    content: "";
    position: absolute;
    border-color: #5D3428;
    border-style: solid;
    z-index: 2;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    border-width: 3px;
    border-radius: 10px;
  }
  .academicians-groups .box-s.box-other .box-img::before, .academicians-list .box-s.box-other .box-img::before {
    display: block;
  }
  .academicians-groups .box-s:hover, .academicians-list .box-s:hover {
    background-color: #4B3FC2;
  }
  .academicians-groups .box-s:hover .box-img img, .academicians-list .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .academicians-groups .box-s .box-img, .academicians-list .box-s .box-img {
    overflow: hidden;
    border-radius: 1px;
    position: relative;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .academicians-groups .box-s .box-img, .academicians-list .box-s .box-img {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .academicians-groups .box-s .box-img, .academicians-list .box-s .box-img {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-groups .box-s .box-img, .academicians-list .box-s .box-img {
      border-radius: 0.9090909091rem;
    }
  }
  .academicians-groups .box-s .box-img::before, .academicians-groups .box-s .box-img::after, .academicians-list .box-s .box-img::before, .academicians-list .box-s .box-img::after {
    content: "";
    position: absolute;
    border-color: #000;
    border-style: solid;
    z-index: 3;
    display: none;
  }
  .academicians-groups .box-s .box-img::before, .academicians-list .box-s .box-img::before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-width: 5px;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .academicians-groups .box-s .box-img::before, .academicians-list .box-s .box-img::before {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .academicians-groups .box-s .box-img::before, .academicians-list .box-s .box-img::before {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-groups .box-s .box-img::before, .academicians-list .box-s .box-img::before {
      border-radius: 0.9090909091rem;
    }
  }
  .academicians-groups .box-s .box-img::after, .academicians-list .box-s .box-img::after {
    border-width: 1px;
    opacity: 0.5;
    border-radius: 6px;
    border-radius: calc(100vw * 6 / 1920);
    left: calc(100vw * 7 / 1920);
    right: calc(100vw * 7 / 1920);
    top: calc(100vw * 7 / 1920);
    bottom: calc(100vw * 7 / 1920);
  }
  @media (max-width: 1199px) {
    .academicians-groups .box-s .box-img::after, .academicians-list .box-s .box-img::after {
      border-radius: 0.4285714286rem;
      left: 0.5rem;
      right: 0.5rem;
      top: 0.5rem;
      bottom: 0.5rem;
    }
  }
  @media (max-width: 991px) {
    .academicians-groups .box-s .box-img::after, .academicians-list .box-s .box-img::after {
      border-radius: 0.5454545455rem;
      left: 0.6363636364rem;
      right: 0.6363636364rem;
      top: 0.6363636364rem;
      bottom: 0.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-groups .box-s .box-img::after, .academicians-list .box-s .box-img::after {
      border-radius: 0.5454545455rem;
      left: 0.6363636364rem;
      right: 0.6363636364rem;
      top: 0.6363636364rem;
      bottom: 0.6363636364rem;
    }
  }
  .academicians-groups .box-s .box-img a, .academicians-list .box-s .box-img a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 4;
  }
  .academicians-groups .box-s .box-img img, .academicians-list .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 335 / 1920);
  }
  @media (max-width: 1199px) {
    .academicians-groups .box-s .box-img img, .academicians-list .box-s .box-img img {
      height: 23.9285714286rem;
    }
  }
  @media (max-width: 991px) {
    .academicians-groups .box-s .box-img img, .academicians-list .box-s .box-img img {
      height: 30.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-groups .box-s .box-img img, .academicians-list .box-s .box-img img {
      height: 30.4545454545rem;
    }
  }
  .academicians-groups .box-s .box-info, .academicians-list .box-s .box-info {
    color: #FFFFFF;
    height: calc(100vw * 128 / 1920);
    padding: calc(100vw * 25 / 1920) calc(100vw * 15 / 1920) calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .academicians-groups .box-s .box-info, .academicians-list .box-s .box-info {
      height: 9.1428571429rem;
      padding: 1.7857142857rem 1.0714285714rem 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .academicians-groups .box-s .box-info, .academicians-list .box-s .box-info {
      height: 11.6363636364rem;
      padding: 2.2727272727rem 1.3636363636rem 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-groups .box-s .box-info, .academicians-list .box-s .box-info {
      height: 11.6363636364rem;
      padding: 2.2727272727rem 1.3636363636rem 1.8181818182rem;
    }
  }
  .academicians-groups .box-s .box-info .info-title, .academicians-list .box-s .box-info .info-title {
    color: #FFFFFF;
    margin-bottom: calc(100vw * 10 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 24 / 1920);
    line-height: calc(100vw * 24 / 1920);
  }
  @media (max-width: 1199px) {
    .academicians-groups .box-s .box-info .info-title, .academicians-list .box-s .box-info .info-title {
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .academicians-groups .box-s .box-info .info-title, .academicians-list .box-s .box-info .info-title {
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-groups .box-s .box-info .info-title, .academicians-list .box-s .box-info .info-title {
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 1199px) {
    .academicians-groups .box-s .box-info .info-title, .academicians-list .box-s .box-info .info-title {
      height: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .academicians-groups .box-s .box-info .info-title, .academicians-list .box-s .box-info .info-title {
      height: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-groups .box-s .box-info .info-title, .academicians-list .box-s .box-info .info-title {
      height: 2.1818181818rem;
    }
  }
  @media (max-width: 1199px) {
    .academicians-groups .box-s .box-info .info-title, .academicians-list .box-s .box-info .info-title {
      line-height: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .academicians-groups .box-s .box-info .info-title, .academicians-list .box-s .box-info .info-title {
      line-height: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-groups .box-s .box-info .info-title, .academicians-list .box-s .box-info .info-title {
      line-height: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-groups .box-s .box-info .info-title, .academicians-list .box-s .box-info .info-title {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .academicians-groups .box-s .box-info .info-title span, .academicians-list .box-s .box-info .info-title span {
    display: inline-block;
  }
  .academicians-groups .box-s .box-info .info-title .name-s, .academicians-list .box-s .box-info .info-title .name-s {
    font-size: calc(100vw * 24 / 1920);
    margin-right: calc(100vw * 5 / 1920);
  }
  @media (max-width: 1199px) {
    .academicians-groups .box-s .box-info .info-title .name-s, .academicians-list .box-s .box-info .info-title .name-s {
      font-size: 1.7142857143rem;
      margin-right: 0.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .academicians-groups .box-s .box-info .info-title .name-s, .academicians-list .box-s .box-info .info-title .name-s {
      font-size: 2.1818181818rem;
      margin-right: 0.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-groups .box-s .box-info .info-title .name-s, .academicians-list .box-s .box-info .info-title .name-s {
      font-size: 2.1818181818rem;
      margin-right: 0.4545454545rem;
    }
  }
  .academicians-groups .box-s .box-info .info-txt > div, .academicians-list .box-s .box-info .info-txt > div {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 20 / 1920);
    line-height: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .academicians-groups .box-s .box-info .info-txt > div, .academicians-list .box-s .box-info .info-txt > div {
      height: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .academicians-groups .box-s .box-info .info-txt > div, .academicians-list .box-s .box-info .info-txt > div {
      height: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-groups .box-s .box-info .info-txt > div, .academicians-list .box-s .box-info .info-txt > div {
      height: 1.8181818182rem;
    }
  }
  @media (max-width: 1199px) {
    .academicians-groups .box-s .box-info .info-txt > div, .academicians-list .box-s .box-info .info-txt > div {
      line-height: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .academicians-groups .box-s .box-info .info-txt > div, .academicians-list .box-s .box-info .info-txt > div {
      line-height: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-groups .box-s .box-info .info-txt > div, .academicians-list .box-s .box-info .info-txt > div {
      line-height: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-groups .box-s .box-info .info-txt > div, .academicians-list .box-s .box-info .info-txt > div {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  
  .academicians-list .box-s {
    margin-bottom: calc(100vw * 50 / 1920);
  }
  @media (max-width: 1199px) {
    .academicians-list .box-s {
      margin-bottom: 3.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .academicians-list .box-s {
      margin-bottom: 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .academicians-list .box-s {
      margin-bottom: 4.5454545455rem;
    }
  }
  
  .researcher-class-groups .box-s {
    background: url(ibpzw2024-boxbg04.png) no-repeat right top #FFFFFF;
    background-size: auto 100%;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    border-radius: calc(100vw * 10 / 1920);
    height: calc(100vw * 160 / 1920);
    margin-bottom: calc(100vw * 30 / 1920);
    padding: calc(100vw * 38 / 1920) calc(100vw * 20 / 1920) calc(100vw * 20 / 1920) calc(100vw * 70 / 1920);
  }
  @media (max-width: 1199px) {
    .researcher-class-groups .box-s {
      border-radius: 0.7142857143rem;
      height: 11.4285714286rem;
      margin-bottom: 2.1428571429rem;
      padding: 2.7142857143rem 1.4285714286rem 1.4285714286rem 5rem;
    }
  }
  @media (max-width: 991px) {
    .researcher-class-groups .box-s {
      border-radius: 0.9090909091rem;
      height: 14.5454545455rem;
      margin-bottom: 2.7272727273rem;
      padding: 3.4545454545rem 1.8181818182rem 1.8181818182rem 6.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .researcher-class-groups .box-s {
      border-radius: 0.9090909091rem;
      height: 14.5454545455rem;
      margin-bottom: 2.7272727273rem;
      padding: 3.4545454545rem 1.8181818182rem 1.8181818182rem 6.3636363636rem;
    }
  }
  .researcher-class-groups .box-s:hover .box-title {
    color: #4B3FC2;
  }
  .researcher-class-groups .box-s::after {
    content: "";
    background: #4B3FC2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: calc(100vw * 3 / 1920);
  }
  @media (max-width: 1199px) {
    .researcher-class-groups .box-s::after {
      width: 0.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .researcher-class-groups .box-s::after {
      width: 0.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .researcher-class-groups .box-s::after {
      width: 0.2727272727rem;
    }
  }
  .researcher-class-groups .box-s .box-title {
    color: #333333;
    font-size: calc(100vw * 24 / 1920);
    margin-bottom: calc(100vw * 10 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 40 / 1920);
    line-height: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .researcher-class-groups .box-s .box-title {
      font-size: 1.7142857143rem;
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .researcher-class-groups .box-s .box-title {
      font-size: 2.1818181818rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .researcher-class-groups .box-s .box-title {
      font-size: 2.1818181818rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 1199px) {
    .researcher-class-groups .box-s .box-title {
      height: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .researcher-class-groups .box-s .box-title {
      height: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .researcher-class-groups .box-s .box-title {
      height: 3.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .researcher-class-groups .box-s .box-title {
      line-height: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .researcher-class-groups .box-s .box-title {
      line-height: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .researcher-class-groups .box-s .box-title {
      line-height: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .researcher-class-groups .box-s .box-title {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .researcher-class-groups .box-s .box-more {
    display: inline-block;
    color: #4B3FC2;
    line-height: calc(100vw * 34 / 1920);
  }
  @media (max-width: 1199px) {
    .researcher-class-groups .box-s .box-more {
      line-height: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .researcher-class-groups .box-s .box-more {
      line-height: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .researcher-class-groups .box-s .box-more {
      line-height: 3.0909090909rem;
    }
  }
  .researcher-class-groups .box-s .box-more::after {
    content: "\f0da";
    font-family: FontAwesome;
    vertical-align: middle;
    font-size: calc(100vw * 18 / 1920);
    margin-left: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .researcher-class-groups .box-s .box-more::after {
      font-size: 1.2857142857rem;
      margin-left: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .researcher-class-groups .box-s .box-more::after {
      font-size: 1.6363636364rem;
      margin-left: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .researcher-class-groups .box-s .box-more::after {
      font-size: 1.6363636364rem;
      margin-left: 0.9090909091rem;
    }
  }
  
  @media (min-width: 1200px) {
    .researcher-class-groups .row-w {
      margin-left: calc(100vw * -20 / 1920);
      margin-right: calc(100vw * -20 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .researcher-class-groups .row-w {
      margin-left: -1.4285714286rem;
      margin-right: -1.4285714286rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    .researcher-class-groups .row-w {
      margin-left: -1.8181818182rem;
      margin-right: -1.8181818182rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    .researcher-class-groups .row-w {
      margin-left: -1.8181818182rem;
      margin-right: -1.8181818182rem;
    }
  }
  @media (min-width: 1200px) {
    .researcher-class-groups .row-w .col-w {
      padding-left: calc(100vw * 20 / 1920);
      padding-right: calc(100vw * 20 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .researcher-class-groups .row-w .col-w {
      padding-left: 1.4285714286rem;
      padding-right: 1.4285714286rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    .researcher-class-groups .row-w .col-w {
      padding-left: 1.8181818182rem;
      padding-right: 1.8181818182rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    .researcher-class-groups .row-w .col-w {
      padding-left: 1.8181818182rem;
      padding-right: 1.8181818182rem;
    }
  }
  .class-channel {
    font-size: 0;
    text-align: center;
    margin-bottom: calc(100vw * 50 / 1920);
  }
  @media (max-width: 1199px) {
    .class-channel {
      margin-bottom: 3.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .class-channel {
      margin-bottom: 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .class-channel {
      margin-bottom: 4.5454545455rem;
    }
  }
  .class-channel a {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left top;
    border-radius: 28px 0px 28px 0px;
    color: #FFFFFF;
    text-align: center;
    margin-left: calc(100vw * 10 / 1920);
    margin-right: calc(100vw * 10 / 1920);
    width: calc(100vw * 340 / 1920);
    height: calc(100vw * 60 / 1920);
    line-height: calc(100vw * 60 / 1920);
    font-size: calc(100vw * 18 / 1920);
    border-radius: calc(100vw * 28 / 1920) calc(100vw * 0 / 1920) calc(100vw * 28 / 1920) calc(100vw * 0 / 1920);
  }
  .class-channel a:nth-child(1) {
    background-color: #ffdada;
    background-image: url(ibpzw2024-icon-79.png);
    color: #4B3FC2;
  }
  .class-channel a:nth-child(1):hover, .class-channel a:nth-child(1).active {
    background-color: #4B3FC2;
    background-image: url(ibpzw2024-icon-40.png);
    color: #fff;
  }
  .class-channel a:nth-child(2) {
    background-color: #c9e9ea;
    background-image: url(ibpzw2024-icon-80.png);
    color: #0c6e71;
  }
  .class-channel a:nth-child(2):hover, .class-channel a:nth-child(2).active {
    background-color: #0c6e71;
    background-image: url(ibpzw2024-icon-81.png);
    color: #fff;
  }
  .class-channel a:nth-child(3) {
    background-color: #dce5fd;
    background-image: url(ibpzw2024-icon-82.png);
    color: #2f4992;
  }
  .class-channel a:nth-child(3):hover, .class-channel a:nth-child(3).active {
    background-color: #2f4992;
    background-image: url(ibpzw2024-icon-83.png);
    color: #fff;
  }
  .class-channel a:first-child {
    margin-left: 0;
  }
  .class-channel a:last-child {
    margin-right: 0;
  }
  @media (max-width: 1199px) {
    .class-channel a {
      margin-left: 0.7142857143rem;
      margin-right: 0.7142857143rem;
      width: 24.2857142857rem;
      height: 4.2857142857rem;
      line-height: 4.2857142857rem;
      font-size: 1.2857142857rem;
      border-radius: 2rem 0rem 2rem 0rem;
    }
  }
  @media (max-width: 991px) {
    .class-channel a {
      margin-left: 0.9090909091rem;
      margin-right: 0.9090909091rem;
      width: 30.9090909091rem;
      height: 5.4545454545rem;
      line-height: 5.4545454545rem;
      font-size: 1.6363636364rem;
      border-radius: 2.5454545455rem 0rem 2.5454545455rem 0rem;
    }
  }
  @media (max-width: 767px) {
    .class-channel a {
      margin-left: 0.9090909091rem;
      margin-right: 0.9090909091rem;
      width: 30.9090909091rem;
      height: 5.4545454545rem;
      line-height: 5.4545454545rem;
      font-size: 1.6363636364rem;
      border-radius: 2.5454545455rem 0rem 2.5454545455rem 0rem;
    }
  }
  
  .class-screen {
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .class-screen {
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .class-screen {
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .class-screen {
      margin-bottom: 2.7272727273rem;
    }
  }
  .class-screen ul {
    text-align: center;
  }
  .class-screen ul li {
    display: inline-block;
    width: 5%;
    margin-bottom: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .class-screen ul li {
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .class-screen ul li {
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .class-screen ul li {
      margin-bottom: 0.9090909091rem;
    }
  }
  .class-screen ul li a {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #444;
    height: calc(100vw * 40 / 1920);
    line-height: calc(100vw * 34 / 1920);
    font-size: calc(100vw * 22 / 1920);
  }
  @media (max-width: 1199px) {
    .class-screen ul li a {
      height: 2.4285714286rem;
      line-height: 2.4285714286rem;
      font-size: 1.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .class-screen ul li a {
      height: 3.0909090909rem;
      line-height: 3.0909090909rem;
      font-size: 2rem;
    }
  }
  @media (max-width: 767px) {
    .class-screen ul li a {
      height: 3.0909090909rem;
      line-height: 3.0909090909rem;
      font-size: 2rem;
    }
  }
  .class-screen ul li:hover a, .class-screen ul li.active a {
    color: #4B3FC2;
    border-bottom: calc(100vw * 6 / 1920) solid #4B3FC2;
  }
  
  .personnel-groups {
    position: relative;
    padding-top: calc(100vw * 40 / 1920);
    padding-bottom: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-groups {
      padding-top: 2.8571428571rem;
      padding-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-groups {
      padding-top: 3.6363636364rem;
      padding-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-groups {
      padding-top: 3.6363636364rem;
      padding-bottom: 0.9090909091rem;
    }
  }
  .personnel-groups:last-child {
    padding-bottom: 0;
  }
  .personnel-groups::before, .personnel-groups::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
  }
  .personnel-groups::before {
    background: url(ibpzw2024-icon-44.png) no-repeat left top;
    background-size: contain;
    width: calc(100vw * 100 / 1920);
    height: calc(100vw * 110 / 1920);
    top: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-groups::before {
      width: 7.1428571429rem;
      height: 7.8571428571rem;
      top: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-groups::before {
      width: 9.0909090909rem;
      height: 10rem;
      top: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-groups::before {
      width: 9.0909090909rem;
      height: 10rem;
      top: 3.6363636364rem;
    }
  }
  .personnel-groups::after {
    top: 0;
    background: -webkit-gradient(linear, left top, right top, from(#EDF2F8), to(rgba(237, 242, 248, 0)));
    background: linear-gradient(90deg, #EDF2F8 0%, rgba(237, 242, 248, 0) 100%);
    border-radius: 40px 0 0 0;
    height: calc(100vw * 320 / 1920);
    border-radius: calc(100vw * 40 / 1920) calc(100vw * 0 / 1920) calc(100vw * 0 / 1920) calc(100vw * 0 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-groups::after {
      height: 22.8571428571rem;
      border-radius: 2.8571428571rem 0rem 0rem 0rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-groups::after {
      height: 29.0909090909rem;
      border-radius: 3.6363636364rem 0rem 0rem 0rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-groups::after {
      height: 29.0909090909rem;
      border-radius: 3.6363636364rem 0rem 0rem 0rem;
    }
  }
  .personnel-groups > div {
    position: relative;
    z-index: 9;
  }
  .personnel-groups .groups-info {
    position: relative;
    margin-left: calc(100vw * 35 / 1920);
    padding-left: calc(100vw * 25 / 1920);
    margin-bottom: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-groups .groups-info {
      margin-left: 2.5rem;
      padding-left: 1.7857142857rem;
      margin-bottom: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-groups .groups-info {
      margin-left: 3.1818181818rem;
      padding-left: 2.2727272727rem;
      margin-bottom: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-groups .groups-info {
      margin-left: 3.1818181818rem;
      padding-left: 2.2727272727rem;
      margin-bottom: 3.6363636364rem;
    }
  }
  .personnel-groups .groups-info::after {
    content: "";
    position: absolute;
    left: 0;
    background: #4B3FC2;
    width: calc(100vw * 3 / 1920);
    top: calc(100vw * 8 / 1920);
    bottom: calc(100vw * 8 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-groups .groups-info::after {
      width: 0.2142857143rem;
      top: 0.5714285714rem;
      bottom: 0.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-groups .groups-info::after {
      width: 0.2727272727rem;
      top: 0.7272727273rem;
      bottom: 0.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-groups .groups-info::after {
      width: 0.2727272727rem;
      top: 0.7272727273rem;
      bottom: 0.7272727273rem;
    }
  }
  .personnel-groups .groups-info .info-title {
    color: #333333;
    line-height: 1.4;
    font-size: calc(100vw * 24 / 1920);
    margin-bottom: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-groups .groups-info .info-title {
      font-size: 1.7142857143rem;
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-groups .groups-info .info-title {
      font-size: 2.1818181818rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-groups .groups-info .info-title {
      font-size: 2.1818181818rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  .personnel-groups .groups-info .info-txt {
    color: #666666;
    font-size: calc(100vw * 16 / 1920);
    line-height: calc(100vw * 26 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-groups .groups-info .info-txt {
      font-size: 1.1428571429rem;
      line-height: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-groups .groups-info .info-txt {
      font-size: 1.4545454545rem;
      line-height: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-groups .groups-info .info-txt {
      font-size: 1.4545454545rem;
      line-height: 2.3636363636rem;
    }
  }
  
  .personnel-list .box-s {
    background: url(im-bg17.png) top center no-repeat;
    background-size: cover;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
    padding: calc(100vw * 15 / 1920);
    margin-bottom: calc(100vw * 40 / 1920);
    min-height: calc(100vw * 220 / 1920);
    transition: all ease 0.25s;
    box-shadow: 0px 0px 8px 0px #F1EFEA;
  }
  @media (max-width: 1199px) {
    .personnel-list .box-s {
      border-radius: 0.7142857143rem;
      padding: 2.1428571429rem 1.4285714286rem 2.1428571429rem 2.1428571429rem;
      margin-bottom: 3.5714285714rem;
      min-height: 20.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-list .box-s {
      border-radius: 0.9090909091rem;
      padding: 2.7272727273rem 1.8181818182rem 2.7272727273rem 2.7272727273rem;
      margin-bottom: 4.5454545455rem;
      min-height: 26.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s {
      border-radius: 0.9090909091rem;
      padding: 2.7272727273rem 1.8181818182rem 2.7272727273rem 2.7272727273rem;
      margin-bottom: 4.5454545455rem;
      min-height: 26.3636363636rem;
    }
  }
  .personnel-list .box-s:hover{
    transform: translateY(-5px);
  }
  .personnel-list .box-s:hover .box-img img{
    transform: scale(1.05);
  }
  .personnel-list .box-s:hover .box-info .info-title{
    color: #4B3FC2;
  }
  .personnel-list .box-s .box-img {
    float: left;
    transition: all ease 0.25s;
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
    margin-right: calc(100vw * 28 / 1920);
    width: calc(100vw * 140 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-list .box-s .box-img {
      border-radius: 0.7142857143rem;
      margin-right: 2rem;
      width: 12.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-list .box-s .box-img {
      border-radius: 0.9090909091rem;
      margin-right: 2.5454545455rem;
      width: 16.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s .box-img {
      border-radius: 0.9090909091rem;
      margin-right: 2.5454545455rem;
      width: 16.3636363636rem;
    }
  }
  .personnel-list .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 185 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-list .box-s .box-img img {
      height: 16.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-list .box-s .box-img img {
      height: 20.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s .box-img img {
      height: 20.9090909091rem;
    }
  }
  .personnel-lists{
    margin-top: calc(100vw * 65 / 1920);
  }
  .personnel-lists .people-wrap{
    width: 100%;
    display: flex;
    max-height: calc(100vw * 260 / 1920);
    background: url(im-bg17.png) center center no-repeat;
    padding:calc(100vw * 20 / 1920);
    background-size: cover;
  }
  .people-wrap .people-img{
    width: calc(100vw * 170 / 1920);
    height: calc(100vw * 250 / 1920);
    position: relative;
    z-index: 1;
    transition: all ease 0.25s;
    transform: translateY(calc(100vw * -55 / 1920)) translateX(calc(100vw * -5 / 1920));
  }
  .people-wrap .people-img img{
    width: 100%;
    transition: all ease 0.25s;
  }
  .people-wrap .people-img:after{
    content: '';
    width: 100%;
    height: 100%;
    background: #DDD8CE;
    position: absolute;
    bottom: calc(100vw * -5 / 1920);
    left:calc(100vw * 5 / 1920);
    z-index: -1;
    display: inline-block;
  }
  .people-wrap .people-img:before{
    content:'';
    position: absolute;
    right: calc(100vw * -36 / 1920);
    top: 0;
    width: calc(100vw * 36 / 1920);
    height: calc(100vw * 36 / 1920);
    background: url(im2025-icon21.png) center center no-repeat;
    background-size: cover;
  }
  .people-wrap .people-infos{
    flex: 1;
    padding-left: calc(100vw * 15 / 1920);
  }
  .people-wrap .people-infos .ys-name{
    font-weight: 600;
    font-size: calc(100vw * 22 / 1920);
    color: #444444;
    line-height: calc(100vw * 30 / 1920);
    text-align: left;
    transition: all ease 0.25s;
  }
  .people-wrap .people-infos .ys-name span{
    font-weight: 600;
    font-size: calc(100vw * 14 / 1920);
    color: #444444;
  }
  .people-wrap .people-infos .ys-type{
    font-weight: 600;
    font-size: calc(100vw * 16 / 1920);
    color: #444444;
    margin-top: calc(100vw * 10 / 1920);
    line-height: calc(100vw * 24 / 1920);
  }
  .people-wrap .people-infos .ys-des{
    font-weight: 400;
    font-size: calc(100vw * 16 / 1920);
    color: #444444;
    line-height: calc(100vw * 26 / 1920);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: calc(100vw * 10 / 1920);
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .personnel-lists li{
    margin-bottom: calc(100vw * 75 / 1920);
  }
  .personnel-lists .people-wrap:hover .people-img{
    transform: translateY(calc(100vw * -60 / 1920)) translateX(calc(100vw * -6 / 1920));
  }
  .personnel-lists .people-wrap:hover .people-infos .ys-name{
    color: #4B3FC2;
  }
  .jieQ-box{
    padding:0 calc(100vw * 25 / 1920);
    height: calc(100vw * 100 / 1920);
    margin-bottom: calc(100vw * 50 / 1920);
    background: #F7F8FB;
    border-radius: calc(100vw * 52 / 1920);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .jieQ-box .swiper-buttons{
    width: calc(100vw * 40 / 1920);
    height: calc(100vw * 40 / 1920);
    cursor: pointer;
  }
  .jieQ-box .quiker-prev{
    background: url(im2025-icon22.png) center center no-repeat;
    background-size: cover;
  }
  .jieQ-box .quiker-next{
    background: url(im2025-icon23.png) center center no-repeat;
    background-size: cover;
  }
  .jieQ-box .jieQ-swiper{
    flex: 1;
    padding:0 calc(100vw * 25 / 1920);
  }
  .jieQ-box .jieQ-swiper .quiker-boxs{
    display: block;
    text-align: center;
  }
  .jieQ-box .jieQ-swiper .quiker-boxs span{
    font-weight: 400;
    font-size: calc(100vw * 22 / 1920);
    color: #444444;
    display:inline-block;
    line-height: calc(100vw * 26 / 1920);
    text-align: center;
    padding-bottom: calc(100vw * 5 / 1920);
    border-bottom: calc(100vw * 6 / 1920) solid transparent;
    position: relative;
  }
  .jieQ-box .jieQ-swiper .swiper-slide.active .quiker-boxs span{
    border-bottom: calc(100vw * 6 / 1920) solid #4B3FC2;
  }
  .people-details{
    background: url(im-bg18.png) center center no-repeat;
    background-size: cover;
    padding: calc(100vw * 45 / 1920) calc(100vw * 70 / 1920);
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .people-details .people-img{
    width: calc(100vw * 150 / 1920);
    height: calc(100vw * 210 / 1920);
    overflow: hidden;
  }
  .people-details .people-infos-list{
    flex: 1;
    padding-right: calc(100vw * 30 / 1920);
  }
  .people-details .people-infos-list .name{
    font-weight: 600;
    font-size: calc(100vw * 22 / 1920);
    color: #444444;
    line-height: calc(100vw * 30 / 1920);
    text-align: left;
    margin-bottom: calc(100vw * 15 / 1920);
  }
  .people-details .people-infos-list .name span{
    font-weight: 600;
    font-size: calc(100vw * 16 / 1920);
    color: #444444;
    line-height: calc(100vw * 20 / 1920);
    text-align: left;
    padding-left: calc(100vw * 15 / 1920);
  }
  .people-details .people-infos-list .type{
    margin-top:calc(100vw * 3 / 1920);
    font-weight: 600;
    font-size: calc(100vw * 16 / 1920);
    color: #444444;
    line-height: calc(100vw * 24 / 1920);
    text-align: left;
  }
  .people-details .people-infos-list .yjfx{
    font-size: calc(100vw * 16 / 1920);
    color: #444444;
    line-height: calc(100vw * 20 / 1920);
    text-align: left;
    margin-top: calc(100vw * 8 / 1920);
    display: flex;
    flex-wrap: wrap;
  }
  .people-qie{
    margin-top: calc(100vw * 40 / 1920);
  }
  .people-qie .people-tab{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #DDD8CE;
  }
  .people-qie .people-tab li{
    background: url(im-bg20.png) center center no-repeat;
    background-size: cover;
    margin-right: calc(100vw * 10 / 1920);
  }
  .people-qie .people-tab li.active{
    background: url(im-bg19.png) center center no-repeat;
    background-size: cover;
  }
  .people-qie .people-tab li a{
    font-weight: 600;
    display: inline-block;
    padding:calc(100vw * 8 / 1920) calc(100vw * 30 / 1920);
    font-size: calc(100vw * 18 / 1920);
    color: #444444;
    line-height: calc(100vw * 26 / 1920);
  }
  .people-qie .people-tab li:hover{
    background: url(im-bg19.png) center center no-repeat;
    background-size: cover;
  }
  .people-qie .people-tab li:hover a{
    color: #fff;
  }
  .people-qie .people-tab li.active a{
    color: #fff;
  }
  .people-qie .people-switch{
    margin-top: calc(100vw * 26 / 1920);
  }
  .people-switch .people-switch-item{
    margin-bottom: calc(100vw * 30 / 1920);
  }
  .people-switch .people-switch-item .people-titles{
    background: url(im-bg21.png) left center no-repeat;
    background-size: cover;
  }
  .people-switch .people-switch-item .people-titles span{
    font-weight: 600;
    font-size: calc(100vw * 18 / 1920);
    color: #444444;
    line-height: calc(100vw * 26 / 1920);
    text-align: left;
    display: inline-block;
    padding:calc(100vw * 8 / 1920) 0 calc(100vw * 8 / 1920) calc(100vw * 50 / 1920);
    background: url(im-bg22.png) calc(100vw * 20 / 1920) center no-repeat;
    background-size: calc(100vw * 20 / 1920) auto;
  }
  .people-switch .people-switch-item .people-content{
    font-weight: 400;
    padding: calc(100vw * 25 / 1920);
    font-size: calc(100vw * 16 / 1920);
    color: #444444;
    line-height: calc(100vw * 30 / 1920);
    text-align: left;
  }
  .people-switch .people-switch-content{
    display: none;
  }
  .people-switch .people-switch-content.active{
    display: block;
  }
  
  
  
  
  
  .personnel-list .box-s .box-info {
    overflow: hidden;
  }
  .personnel-list .box-s .box-info .info-title {
    position: relative;
    color: #333333;
    display: block;
    font-weight: bold;
    padding-top: calc(100vw * 15 / 1920);
    font-size: calc(100vw * 22 / 1920);
    margin-bottom: calc(100vw * 15 / 1920);
  }
  .personnel-list .box-s .box-info .info-title span{
    font-weight: 600;
    font-size: calc(100vw * 16 / 1920);
    color: #444444;
    line-height: calc(100vw * 22 / 1920);
    text-align: left;
    padding-left: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-list .box-s .box-info .info-title {
      padding-bottom: 1.0714285714rem;
      padding-top: 1.0714285714rem;
      font-size: 1.5714285714rem;
      margin-bottom: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-list .box-s .box-info .info-title {
      padding-bottom: 1.3636363636rem;
      padding-top: 1.3636363636rem;
      font-size: 2rem;
      margin-bottom: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s .box-info .info-title {
      padding-bottom: 1.3636363636rem;
      padding-top: 1.3636363636rem;
      font-size: 2rem;
      margin-bottom: 1.3636363636rem;
    }
  }
  .personnel-list .box-s .box-info .info-sub-title {
    color: #333333;
    font-weight: bold;
    font-size: calc(100vw * 18 / 1920);
    margin-bottom: calc(100vw * 15 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-list .box-s .box-info .info-sub-title {
      font-size: 1.2857142857rem;
      margin-bottom: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-list .box-s .box-info .info-sub-title {
      font-size: 1.6363636364rem;
      margin-bottom: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s .box-info .info-sub-title {
      font-size: 1.6363636364rem;
      margin-bottom: 1.3636363636rem;
    }
  }
  .personnel-list .box-s .box-info .info-txts {
    font-weight: 400;
    font-size: calc(100vw * 14 / 1920);
    color: #444444;
    line-height: calc(100vw * 24 / 1920);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  @media (max-width: 1199px) {
    .personnel-list .box-s .box-info .info-txt {
      margin-bottom: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-list .box-s .box-info .info-txt {
      margin-bottom: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s .box-info .info-txt {
      margin-bottom: 1.3636363636rem;
    }
  }
  @media (max-width: 1199px) {
    .personnel-list .box-s .box-info .info-txt {
      height: 6.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-list .box-s .box-info .info-txt {
      height: 8.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s .box-info .info-txt {
      height: 8.7272727273rem;
    }
  }
  @media (max-width: 1199px) {
    .personnel-list .box-s .box-info .info-txt {
      line-height: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-list .box-s .box-info .info-txt {
      line-height: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s .box-info .info-txt {
      line-height: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s .box-info .info-txt {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  .personnel-list .box-s .box-info .info-txt-02 {
    color: #666666;
    margin-bottom: calc(100vw * 15 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: calc(100vw * 66 / 1920);
    line-height: calc(100vw * 22 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-list .box-s .box-info .info-txt-02 {
      margin-bottom: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-list .box-s .box-info .info-txt-02 {
      margin-bottom: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s .box-info .info-txt-02 {
      margin-bottom: 1.3636363636rem;
    }
  }
  @media (max-width: 1199px) {
    .personnel-list .box-s .box-info .info-txt-02 {
      height: 4.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-list .box-s .box-info .info-txt-02 {
      height: 6rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s .box-info .info-txt-02 {
      height: 6rem;
    }
  }
  @media (max-width: 1199px) {
    .personnel-list .box-s .box-info .info-txt-02 {
      line-height: 1.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-list .box-s .box-info .info-txt-02 {
      line-height: 2rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s .box-info .info-txt-02 {
      line-height: 2rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s .box-info .info-txt-02 {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  .personnel-list .box-s .box-info .info-more {
    display: inline-block;
    color: #4B3FC2;
    line-height: calc(100vw * 34 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-list .box-s .box-info .info-more {
      line-height: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-list .box-s .box-info .info-more {
      line-height: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s .box-info .info-more {
      line-height: 3.0909090909rem;
    }
  }
  .personnel-list .box-s .box-info .info-more::after {
    content: "\f0da";
    font-family: FontAwesome;
    vertical-align: middle;
    font-size: calc(100vw * 18 / 1920);
    margin-left: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-list .box-s .box-info .info-more::after {
      font-size: 1.2857142857rem;
      margin-left: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-list .box-s .box-info .info-more::after {
      font-size: 1.6363636364rem;
      margin-left: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-list .box-s .box-info .info-more::after {
      font-size: 1.6363636364rem;
      margin-left: 0.9090909091rem;
    }
  }
  
  @media (min-width: 1200px) {
    .personnel-list .col-w:nth-child(3n+1) {
      clear: both;
    }
  }
  @media (min-width: 768px) and (max-width: 1199px) {
    .personnel-list .col-w:nth-child(2n+1) {
      clear: both;
    }
  }
  .list-txt-01 .box-s {
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: relative;
    border-radius: calc(100vw * 10 / 1920);
    padding: calc(100vw * 25 / 1920) calc(100vw * 30 / 1920);
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-01 .box-s {
      border-radius: 0.7142857143rem;
      padding: 1.7857142857rem 2.1428571429rem;
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-01 .box-s {
      border-radius: 0.9090909091rem;
      padding: 2.2727272727rem 2.7272727273rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-01 .box-s {
      border-radius: 0.9090909091rem;
      padding: 2.2727272727rem 2.7272727273rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  .list-txt-01 .box-s:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #4B3FC2;
    border-radius: 1px;
    width: calc(100vw * 2 / 1920);
    height: calc(100vw * 60 / 1920);
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-01 .box-s:before {
      width: 0.1428571429rem;
      height: 4.2857142857rem;
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-01 .box-s:before {
      width: 0.1818181818rem;
      height: 5.4545454545rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-01 .box-s:before {
      width: 0.1818181818rem;
      height: 5.4545454545rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  .list-txt-01 .box-s:hover .box-info .info-title {
    color: #4B3FC2;
  }
  .list-txt-01 .box-s .box-date {
    background: #FFFFFF;
    border: 1px solid #4B3FC2;
    float: left;
    text-align: center;
    overflow: hidden;
    border-radius: calc(100vw * 10 / 1920);
    width: calc(100vw * 70 / 1920);
    margin-right: calc(100vw * 30 / 1920);
    margin-top: calc(100vw * 5 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-01 .box-s .box-date {
      border-radius: 0.7142857143rem;
      width: 5rem;
      margin-right: 2.1428571429rem;
      margin-top: 0.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-01 .box-s .box-date {
      border-radius: 0.9090909091rem;
      width: 6.3636363636rem;
      margin-right: 2.7272727273rem;
      margin-top: 0.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-01 .box-s .box-date {
      border-radius: 0.9090909091rem;
      width: 6.3636363636rem;
      margin-right: 2.7272727273rem;
      margin-top: 0.4545454545rem;
    }
  }
  .list-txt-01 .box-s .box-date .date-01 {
    color: #4B3FC2;
    font-weight: bold;
    height: calc(100vw * 44 / 1920);
    line-height: calc(100vw * 44 / 1920);
    font-size: calc(100vw * 24 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-01 .box-s .box-date .date-01 {
      height: 3.1428571429rem;
      line-height: 3.1428571429rem;
      font-size: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-01 .box-s .box-date .date-01 {
      height: 4rem;
      line-height: 4rem;
      font-size: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-01 .box-s .box-date .date-01 {
      height: 4rem;
      line-height: 4rem;
      font-size: 2.1818181818rem;
    }
  }
  .list-txt-01 .box-s .box-date .date-02 {
    background-color: #4B3FC2;
    color: #fff;
    height: calc(100vw * 26 / 1920);
    line-height: calc(100vw * 26 / 1920);
    font-size: calc(100vw * 12 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-01 .box-s .box-date .date-02 {
      height: 1.8571428571rem;
      line-height: 1.8571428571rem;
      font-size: 0.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-01 .box-s .box-date .date-02 {
      height: 2.3636363636rem;
      line-height: 2.3636363636rem;
      font-size: 1.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-01 .box-s .box-date .date-02 {
      height: 2.3636363636rem;
      line-height: 2.3636363636rem;
      font-size: 1.0909090909rem;
    }
  }
  .list-txt-01 .box-s .box-info {
    overflow: hidden;
  }
  .list-txt-01 .box-s .box-info .info-title {
    font-weight: bold;
    color: #333333;
    display: block;
    line-height: calc(100vw * 30 / 1920);
    margin-bottom: calc(100vw * 5 / 1920);
    font-size: calc(100vw * 18 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-01 .box-s .box-info .info-title {
      line-height: 2.1428571429rem;
      margin-bottom: 0.3571428571rem;
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-01 .box-s .box-info .info-title {
      line-height: 2.7272727273rem;
      margin-bottom: 0.4545454545rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-01 .box-s .box-info .info-title {
      line-height: 2.7272727273rem;
      margin-bottom: 0.4545454545rem;
      font-size: 1.6363636364rem;
    }
  }
  .list-txt-01 .box-s .box-info .info-title p {
    text-align: left !important;
  }
  .list-txt-01 .box-s .box-info .info-txt {
    color: #666666;
    line-height: calc(100vw * 24 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-01 .box-s .box-info .info-txt {
      line-height: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-01 .box-s .box-info .info-txt {
      line-height: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-01 .box-s .box-info .info-txt {
      line-height: 2.1818181818rem;
    }
  }
  
  .list-img-txt-01 .box-s {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt-01 .box-s {
      margin-bottom: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-01 .box-s {
      margin-bottom: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-01 .box-s {
      margin-bottom: 3.6363636364rem;
    }
  }
  .list-img-txt-01 .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .list-img-txt-01 .box-s:hover .box-info .info-title {
    color: #4B3FC2;
  }
  .list-img-txt-01 .box-s .box-img {
    position: relative;
    overflow: hidden;
  }
  .list-img-txt-01 .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 268 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt-01 .box-s .box-img img {
      height: 19.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-01 .box-s .box-img img {
      height: 24.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-01 .box-s .box-img img {
      height: 24.3636363636rem;
    }
  }
  .list-img-txt-01 .box-s .box-img .box-date {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    background: url(ibpzw2024-icon-47.png) no-repeat;
    background-size: 100% 100%;
    height: calc(100vw * 34 / 1920);
    line-height: calc(100vw * 34 / 1920);
    width: calc(100vw * 150 / 1920);
    padding-left: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt-01 .box-s .box-img .box-date {
      height: 2.4285714286rem;
      line-height: 2.4285714286rem;
      width: 10.7142857143rem;
      padding-left: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-01 .box-s .box-img .box-date {
      height: 3.0909090909rem;
      line-height: 3.0909090909rem;
      width: 13.6363636364rem;
      padding-left: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-01 .box-s .box-img .box-date {
      height: 3.0909090909rem;
      line-height: 3.0909090909rem;
      width: 13.6363636364rem;
      padding-left: 2.7272727273rem;
    }
  }
  .list-img-txt-01 .box-s .box-info {
    height: calc(100vw * 186 / 1920);
    padding: calc(100vw * 22 / 1920) calc(100vw * 30 / 1920) calc(100vw * 10 / 1920) calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt-01 .box-s .box-info {
      height: 13.2857142857rem;
      padding: 1.5714285714rem 2.1428571429rem 0.7142857143rem 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-01 .box-s .box-info {
      height: 16.9090909091rem;
      padding: 2rem 2.7272727273rem 0.9090909091rem 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-01 .box-s .box-info {
      height: 16.9090909091rem;
      padding: 2rem 2.7272727273rem 0.9090909091rem 2.7272727273rem;
    }
  }
  .list-img-txt-01 .box-s .box-info .info-title {
    color: #333333;
    font-size: calc(100vw * 18 / 1920);
    margin-bottom: calc(100vw * 10 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(100vw * 60 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt-01 .box-s .box-info .info-title {
      font-size: 1.2857142857rem;
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-01 .box-s .box-info .info-title {
      font-size: 1.6363636364rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-01 .box-s .box-info .info-title {
      font-size: 1.6363636364rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 1199px) {
    .list-img-txt-01 .box-s .box-info .info-title {
      height: 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-01 .box-s .box-info .info-title {
      height: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-01 .box-s .box-info .info-title {
      height: 5.4545454545rem;
    }
  }
  @media (max-width: 1199px) {
    .list-img-txt-01 .box-s .box-info .info-title {
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-01 .box-s .box-info .info-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-01 .box-s .box-info .info-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-01 .box-s .box-info .info-title {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  .list-img-txt-01 .box-s .box-info .info-txt {
    color: #999999;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: calc(100vw * 72 / 1920);
    line-height: calc(100vw * 24 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt-01 .box-s .box-info .info-txt {
      height: 5.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-01 .box-s .box-info .info-txt {
      height: 6.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-01 .box-s .box-info .info-txt {
      height: 6.5454545455rem;
    }
  }
  @media (max-width: 1199px) {
    .list-img-txt-01 .box-s .box-info .info-txt {
      line-height: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-01 .box-s .box-info .info-txt {
      line-height: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-01 .box-s .box-info .info-txt {
      line-height: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-01 .box-s .box-info .info-txt {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  
  .list-txt-02 .box-s {
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
    padding: calc(100vw * 25 / 1920) calc(100vw * 30 / 1920);
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-02 .box-s {
      border-radius: 0.7142857143rem;
      padding: 1.7857142857rem 2.1428571429rem;
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-02 .box-s {
      border-radius: 0.9090909091rem;
      padding: 2.2727272727rem 2.7272727273rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-02 .box-s {
      border-radius: 0.9090909091rem;
      padding: 2.2727272727rem 2.7272727273rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  .list-txt-02 .box-s:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    background: #4B3FC2;
    border-radius: 1px;
    width: calc(100vw * 2 / 1920);
    height: calc(100vw * 60 / 1920);
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-02 .box-s:before {
      width: 0.1428571429rem;
      height: 4.2857142857rem;
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-02 .box-s:before {
      width: 0.1818181818rem;
      height: 5.4545454545rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-02 .box-s:before {
      width: 0.1818181818rem;
      height: 5.4545454545rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  .list-txt-02 .box-s .box-date {
    background: #FFFFFF;
    border: 1px solid #4B3FC2;
    float: left;
    text-align: center;
    overflow: hidden;
    border-radius: calc(100vw * 10 / 1920);
    width: calc(100vw * 70 / 1920);
    margin-right: calc(100vw * 30 / 1920);
    margin-top: calc(100vw * 5 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-02 .box-s .box-date {
      border-radius: 0.7142857143rem;
      width: 5rem;
      margin-right: 2.1428571429rem;
      margin-top: 0.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-02 .box-s .box-date {
      border-radius: 0.9090909091rem;
      width: 6.3636363636rem;
      margin-right: 2.7272727273rem;
      margin-top: 0.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-02 .box-s .box-date {
      border-radius: 0.9090909091rem;
      width: 6.3636363636rem;
      margin-right: 2.7272727273rem;
      margin-top: 0.4545454545rem;
    }
  }
  .list-txt-02 .box-s .box-date .date-01 {
    color: #4B3FC2;
    font-weight: bold;
    height: calc(100vw * 44 / 1920);
    line-height: calc(100vw * 44 / 1920);
    font-size: calc(100vw * 24 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-02 .box-s .box-date .date-01 {
      height: 3.1428571429rem;
      line-height: 3.1428571429rem;
      font-size: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-02 .box-s .box-date .date-01 {
      height: 4rem;
      line-height: 4rem;
      font-size: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-02 .box-s .box-date .date-01 {
      height: 4rem;
      line-height: 4rem;
      font-size: 2.1818181818rem;
    }
  }
  .list-txt-02 .box-s .box-date .date-02 {
    background-color: #4B3FC2;
    color: #fff;
    height: calc(100vw * 26 / 1920);
    line-height: calc(100vw * 26 / 1920);
    font-size: calc(100vw * 12 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-02 .box-s .box-date .date-02 {
      height: 1.8571428571rem;
      line-height: 1.8571428571rem;
      font-size: 0.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-02 .box-s .box-date .date-02 {
      height: 2.3636363636rem;
      line-height: 2.3636363636rem;
      font-size: 1.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-02 .box-s .box-date .date-02 {
      height: 2.3636363636rem;
      line-height: 2.3636363636rem;
      font-size: 1.0909090909rem;
    }
  }
  .list-txt-02 .box-s .box-info {
    overflow: hidden;
  }
  .list-txt-02 .box-s .box-info .info-title {
    font-weight: bold;
    color: #333333;
    display: block;
    line-height: calc(100vw * 30 / 1920);
    margin-bottom: calc(100vw * 5 / 1920);
    font-size: calc(100vw * 18 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-02 .box-s .box-info .info-title {
      line-height: 2.1428571429rem;
      margin-bottom: 0.3571428571rem;
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-02 .box-s .box-info .info-title {
      line-height: 2.7272727273rem;
      margin-bottom: 0.4545454545rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-02 .box-s .box-info .info-title {
      line-height: 2.7272727273rem;
      margin-bottom: 0.4545454545rem;
      font-size: 1.6363636364rem;
    }
  }
  .list-txt-02 .box-s .box-info .info-txt {
    color: #666666;
    line-height: calc(100vw * 24 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-02 .box-s .box-info .info-txt {
      line-height: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-02 .box-s .box-info .info-txt {
      line-height: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-02 .box-s .box-info .info-txt {
      line-height: 2.1818181818rem;
    }
  }
  
  .list-txt-03 .box-s {
    border-bottom: 1px dashed #4B3FC2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    padding: calc(100vw * 30 / 1920) calc(100vw * 120 / 1920) calc(100vw * 30 / 1920) calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-03 .box-s {
      padding: 2.1428571429rem 8.5714285714rem 2.1428571429rem 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-03 .box-s {
      padding: 2.7272727273rem 10.9090909091rem 2.7272727273rem 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-03 .box-s {
      padding: 2.7272727273rem 10.9090909091rem 2.7272727273rem 2.7272727273rem;
    }
  }
  .list-txt-03 .box-s:hover {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
  }
  .list-txt-03 .box-s:hover .box-date, .list-txt-03 .box-s:hover .box-title {
    color: #4B3FC2;
  }
  .list-txt-03 .box-s:hover .box-more {
    background-color: #4B3FC2;
    background-image: url(ibpzw2024-icon-45.png);
  }
  .list-txt-03 .box-s .box-date {
    color: #4B3FC2;
    float: left;
    line-height: calc(100vw * 30 / 1920);
    width: calc(100vw * 120 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-03 .box-s .box-date {
      line-height: 2.1428571429rem;
      width: 8.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-03 .box-s .box-date {
      line-height: 2.7272727273rem;
      width: 10.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-03 .box-s .box-date {
      line-height: 2.7272727273rem;
      width: 10.9090909091rem;
    }
  }
  .list-txt-03 .box-s .box-date .date-01 {
    font-size: calc(100vw * 24 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-03 .box-s .box-date .date-01 {
      font-size: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-03 .box-s .box-date .date-01 {
      font-size: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-03 .box-s .box-date .date-01 {
      font-size: 2.1818181818rem;
    }
  }
  .list-txt-03 .box-s .box-title {
    color: #333333;
    font-size: calc(100vw * 18 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 60 / 1920);
    line-height: calc(100vw * 60 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-03 .box-s .box-title {
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-03 .box-s .box-title {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-03 .box-s .box-title {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .list-txt-03 .box-s .box-title {
      height: 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-03 .box-s .box-title {
      height: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-03 .box-s .box-title {
      height: 5.4545454545rem;
    }
  }
  @media (max-width: 1199px) {
    .list-txt-03 .box-s .box-title {
      line-height: 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-03 .box-s .box-title {
      line-height: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-03 .box-s .box-title {
      line-height: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-03 .box-s .box-title {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .list-txt-03 .box-s .box-more {
    position: absolute;
    right: 0;
    top: 0;
    background-position: center center;
    background-repeat: no-repeat;
    width: calc(100vw * 120 / 1920);
    height: calc(100vw * 120 / 1920);
    background-size: calc(100vw * 30 / 1920);
    background-image: url(ibpzw2024-icon-46.png);
  }
  @media (max-width: 1199px) {
    .list-txt-03 .box-s .box-more {
      width: 8.5714285714rem;
      height: 8.5714285714rem;
      background-size: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-03 .box-s .box-more {
      width: 10.9090909091rem;
      height: 10.9090909091rem;
      background-size: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-03 .box-s .box-more {
      width: 10.9090909091rem;
      height: 10.9090909091rem;
      background-size: 2.7272727273rem;
    }
  }
  
  .learned-periodical-groups .periodical-list.other-page {
    text-align: center;
  }
  .learned-periodical-groups .periodical-list.other-page .box-s {
    display: inline-block;
  }
  .learned-periodical-groups .periodical-list .box-s {
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .learned-periodical-groups .periodical-list .box-s {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .learned-periodical-groups .periodical-list .box-s {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .learned-periodical-groups .periodical-list .box-s {
      border-radius: 0.9090909091rem;
    }
  }
  .learned-periodical-groups .periodical-list .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .learned-periodical-groups .periodical-list .box-s:hover .box-title a {
    color: #4B3FC2;
  }
  .learned-periodical-groups .periodical-list .box-s .box-img {
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .learned-periodical-groups .periodical-list .box-s .box-img {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .learned-periodical-groups .periodical-list .box-s .box-img {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .learned-periodical-groups .periodical-list .box-s .box-img {
      border-radius: 0.9090909091rem;
    }
  }
  .learned-periodical-groups .periodical-list .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 380 / 1920);
  }
  @media (max-width: 1199px) {
    .learned-periodical-groups .periodical-list .box-s .box-img img {
      height: 27.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .learned-periodical-groups .periodical-list .box-s .box-img img {
      height: 34.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .learned-periodical-groups .periodical-list .box-s .box-img img {
      height: 34.5454545455rem;
    }
  }
  .learned-periodical-groups .periodical-list .box-s .box-title a {
    text-align: center;
    color: #333333;
    padding-left: calc(100vw * 15 / 1920);
    padding-right: calc(100vw * 15 / 1920);
    font-size: calc(100vw * 18 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 98 / 1920);
    line-height: calc(100vw * 98 / 1920);
  }
  @media (max-width: 1199px) {
    .learned-periodical-groups .periodical-list .box-s .box-title a {
      padding-left: 1.0714285714rem;
      padding-right: 1.0714285714rem;
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .learned-periodical-groups .periodical-list .box-s .box-title a {
      padding-left: 1.3636363636rem;
      padding-right: 1.3636363636rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .learned-periodical-groups .periodical-list .box-s .box-title a {
      padding-left: 1.3636363636rem;
      padding-right: 1.3636363636rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .learned-periodical-groups .periodical-list .box-s .box-title a {
      height: 7rem;
    }
  }
  @media (max-width: 991px) {
    .learned-periodical-groups .periodical-list .box-s .box-title a {
      height: 8.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .learned-periodical-groups .periodical-list .box-s .box-title a {
      height: 8.9090909091rem;
    }
  }
  @media (max-width: 1199px) {
    .learned-periodical-groups .periodical-list .box-s .box-title a {
      line-height: 7rem;
    }
  }
  @media (max-width: 991px) {
    .learned-periodical-groups .periodical-list .box-s .box-title a {
      line-height: 8.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .learned-periodical-groups .periodical-list .box-s .box-title a {
      line-height: 8.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .learned-periodical-groups .periodical-list .box-s .box-title a {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .learned-periodical-groups .periodical-other:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .learned-periodical-groups .periodical-other img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  
  @media (min-width: 992px) {
    .learned-periodical-groups .cont-l {
      width: 67.5%;
    }
    .learned-periodical-groups .cont-r {
      width: 32.5%;
    }
    .learned-periodical-groups .row-w {
      margin-left: calc(100vw * -40 / 1920);
      margin-right: calc(100vw * -40 / 1920);
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .learned-periodical-groups .row-w {
      margin-left: -2.8571428571rem;
      margin-right: -2.8571428571rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .learned-periodical-groups .row-w {
      margin-left: -3.6363636364rem;
      margin-right: -3.6363636364rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .learned-periodical-groups .row-w {
      margin-left: -3.6363636364rem;
      margin-right: -3.6363636364rem;
    }
  }
  @media (min-width: 992px) {
    .learned-periodical-groups .row-w .col-w {
      padding-left: calc(100vw * 40 / 1920);
      padding-right: calc(100vw * 40 / 1920);
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .learned-periodical-groups .row-w .col-w {
      padding-left: 2.8571428571rem;
      padding-right: 2.8571428571rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .learned-periodical-groups .row-w .col-w {
      padding-left: 3.6363636364rem;
      padding-right: 3.6363636364rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .learned-periodical-groups .row-w .col-w {
      padding-left: 3.6363636364rem;
      padding-right: 3.6363636364rem;
    }
  }
  @media (min-width: 992px) {
    .learned-periodical-groups .row-l {
      margin-left: calc(100vw * -20 / 1920);
      margin-right: calc(100vw * -20 / 1920);
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .learned-periodical-groups .row-l {
      margin-left: -1.4285714286rem;
      margin-right: -1.4285714286rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .learned-periodical-groups .row-l {
      margin-left: -1.8181818182rem;
      margin-right: -1.8181818182rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .learned-periodical-groups .row-l {
      margin-left: -1.8181818182rem;
      margin-right: -1.8181818182rem;
    }
  }
  @media (min-width: 992px) {
    .learned-periodical-groups .row-l .col-l {
      padding-left: calc(100vw * 20 / 1920);
      padding-right: calc(100vw * 20 / 1920);
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .learned-periodical-groups .row-l .col-l {
      padding-left: 1.4285714286rem;
      padding-right: 1.4285714286rem;
    }
  }
  @media (min-width: 992px) and (max-width: 991px) {
    .learned-periodical-groups .row-l .col-l {
      padding-left: 1.8181818182rem;
      padding-right: 1.8181818182rem;
    }
  }
  @media (min-width: 992px) and (max-width: 767px) {
    .learned-periodical-groups .row-l .col-l {
      padding-left: 1.8181818182rem;
      padding-right: 1.8181818182rem;
    }
  }
  .popu-science-groups {
    background-image: none !important;
  }
  
  @media (min-width: 1200px) {
    .popu-science-groups .row-w {
      margin-left: calc(100vw * -30 / 1920);
      margin-right: calc(100vw * -30 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .popu-science-groups .row-w {
      margin-left: -2.1428571429rem;
      margin-right: -2.1428571429rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    .popu-science-groups .row-w {
      margin-left: -2.7272727273rem;
      margin-right: -2.7272727273rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    .popu-science-groups .row-w {
      margin-left: -2.7272727273rem;
      margin-right: -2.7272727273rem;
    }
  }
  @media (min-width: 1200px) {
    .popu-science-groups .row-w .col-w {
      padding-left: calc(100vw * 30 / 1920);
      padding-right: calc(100vw * 30 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .popu-science-groups .row-w .col-w {
      padding-left: 2.1428571429rem;
      padding-right: 2.1428571429rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    .popu-science-groups .row-w .col-w {
      padding-left: 2.7272727273rem;
      padding-right: 2.7272727273rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    .popu-science-groups .row-w .col-w {
      padding-left: 2.7272727273rem;
      padding-right: 2.7272727273rem;
    }
  }
  .list-img-txt-02 .box-s {
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt-02 .box-s {
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-02 .box-s {
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-02 .box-s {
      margin-bottom: 2.7272727273rem;
    }
  }
  .list-img-txt-02 .box-s:last-child {
    margin-bottom: 0;
  }
  .list-img-txt-02 .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .list-img-txt-02 .box-s:hover .box-info .info-title {
    color: #4B3FC2;
  }
  .list-img-txt-02 .box-s .box-img {
    float: left;
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
    width: calc(100vw * 253 / 1920);
    margin-right: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt-02 .box-s .box-img {
      border-radius: 0.7142857143rem;
      width: 18.0714285714rem;
      margin-right: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-02 .box-s .box-img {
      border-radius: 0.9090909091rem;
      width: 23rem;
      margin-right: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-02 .box-s .box-img {
      border-radius: 0.9090909091rem;
      width: 23rem;
      margin-right: 2.7272727273rem;
    }
  }
  .list-img-txt-02 .box-s .box-img img {
    display: block;
    width: 100%;
    border-radius: 10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 152 / 1920);
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt-02 .box-s .box-img img {
      height: 10.8571428571rem;
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-02 .box-s .box-img img {
      height: 13.8181818182rem;
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-02 .box-s .box-img img {
      height: 13.8181818182rem;
      border-radius: 0.9090909091rem;
    }
  }
  .list-img-txt-02 .box-s .box-info {
    overflow: hidden;
    padding-top: calc(100vw * 6 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt-02 .box-s .box-info {
      padding-top: 0.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-02 .box-s .box-info {
      padding-top: 0.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-02 .box-s .box-info {
      padding-top: 0.5454545455rem;
    }
  }
  .list-img-txt-02 .box-s .box-info .info-title {
    color: #333333;
    font-size: calc(100vw * 18 / 1920);
    margin-bottom: calc(100vw * 10 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(100vw * 52 / 1920);
    line-height: calc(100vw * 26 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt-02 .box-s .box-info .info-title {
      font-size: 1.2857142857rem;
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-02 .box-s .box-info .info-title {
      font-size: 1.6363636364rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-02 .box-s .box-info .info-title {
      font-size: 1.6363636364rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 1199px) {
    .list-img-txt-02 .box-s .box-info .info-title {
      height: 3.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-02 .box-s .box-info .info-title {
      height: 4.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-02 .box-s .box-info .info-title {
      height: 4.7272727273rem;
    }
  }
  @media (max-width: 1199px) {
    .list-img-txt-02 .box-s .box-info .info-title {
      line-height: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-02 .box-s .box-info .info-title {
      line-height: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-02 .box-s .box-info .info-title {
      line-height: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-02 .box-s .box-info .info-title {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  .list-img-txt-02 .box-s .box-info .info-txt {
    color: #999999;
    margin-bottom: calc(100vw * 10 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(100vw * 44 / 1920);
    line-height: calc(100vw * 22 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt-02 .box-s .box-info .info-txt {
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-02 .box-s .box-info .info-txt {
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-02 .box-s .box-info .info-txt {
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 1199px) {
    .list-img-txt-02 .box-s .box-info .info-txt {
      height: 3.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-02 .box-s .box-info .info-txt {
      height: 4rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-02 .box-s .box-info .info-txt {
      height: 4rem;
    }
  }
  @media (max-width: 1199px) {
    .list-img-txt-02 .box-s .box-info .info-txt {
      line-height: 1.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt-02 .box-s .box-info .info-txt {
      line-height: 2rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt-02 .box-s .box-info .info-txt {
      line-height: 2rem;
    }
  }
  .list-img-txt-02 .box-s .box-info .info-date {
    color: #4B3FC2;
  }
  
  .list-txt-04 .box-s {
    padding-bottom: calc(100vw * 25 / 1920);
    padding-top: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-04 .box-s {
      padding-bottom: 1.7857142857rem;
      padding-top: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-04 .box-s {
      padding-bottom: 2.2727272727rem;
      padding-top: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-04 .box-s {
      padding-bottom: 2.2727272727rem;
      padding-top: 0.9090909091rem;
    }
  }
  .list-txt-04 .box-s .box-date {
    margin-bottom: calc(100vw * 5 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-04 .box-s .box-date {
      margin-bottom: 0.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-04 .box-s .box-date {
      margin-bottom: 0.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-04 .box-s .box-date {
      margin-bottom: 0.4545454545rem;
    }
  }
  
  .coop-exchange .coop-info {
    margin-bottom: calc(100vw * 50 / 1920);
  }
  @media (max-width: 1199px) {
    .coop-exchange .coop-info {
      margin-bottom: 3.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .coop-exchange .coop-info {
      margin-bottom: 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-info {
      margin-bottom: 4.5454545455rem;
    }
  }
  .coop-exchange .coop-info .info-txt {
    color: #333333;
    line-height: calc(100vw * 30 / 1920);
    font-size: calc(100vw * 16 / 1920);
    margin-bottom: calc(100vw * 35 / 1920);
  }
  @media (max-width: 1199px) {
    .coop-exchange .coop-info .info-txt {
      line-height: 2.1428571429rem;
      font-size: 1.1428571429rem;
      margin-bottom: 2.5rem;
    }
  }
  @media (max-width: 991px) {
    .coop-exchange .coop-info .info-txt {
      line-height: 2.7272727273rem;
      font-size: 1.4545454545rem;
      margin-bottom: 3.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-info .info-txt {
      line-height: 2.7272727273rem;
      font-size: 1.4545454545rem;
      margin-bottom: 3.1818181818rem;
    }
  }
  .coop-exchange .coop-info .info-groups .col-w:nth-child(3n+1) {
    clear: both;
  }
  .coop-exchange .coop-info .box-s {
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .coop-exchange .coop-info .box-s {
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .coop-exchange .coop-info .box-s {
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-info .box-s {
      margin-bottom: 1.8181818182rem;
    }
  }
  .coop-exchange .coop-info .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .coop-exchange .coop-info .box-s:hover .box-title {
    color: #4B3FC2;
  }
  .coop-exchange .coop-info .box-s .box-img {
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .coop-exchange .coop-info .box-s .box-img {
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .coop-exchange .coop-info .box-s .box-img {
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-info .box-s .box-img {
      margin-bottom: 0.9090909091rem;
    }
  }
  .coop-exchange .coop-info .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 294 / 1920);
  }
  @media (max-width: 1199px) {
    .coop-exchange .coop-info .box-s .box-img img {
      height: 21rem;
    }
  }
  @media (max-width: 991px) {
    .coop-exchange .coop-info .box-s .box-img img {
      height: 26.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-info .box-s .box-img img {
      height: 26.7272727273rem;
    }
  }
  .coop-exchange .coop-info .box-s .box-title {
    color: #333333;
    text-align: center;
    display: block;
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .coop-exchange .coop-info .box-s .box-title {
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .coop-exchange .coop-info .box-s .box-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-info .box-s .box-title {
      line-height: 2.7272727273rem;
    }
  }
  .coop-exchange .coop-groups .box-s {
    display: block;
    position: relative;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    border-radius: calc(100vw * 10 / 1920);
    height: calc(100vw * 300 / 1920);
    padding-top: calc(100vw * 60 / 1920);
  }
  @media (max-width: 1199px) {
    .coop-exchange .coop-groups .box-s {
      border-radius: 0.7142857143rem;
      height: 21.4285714286rem;
      padding-top: 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .coop-exchange .coop-groups .box-s {
      border-radius: 0.9090909091rem;
      height: 27.2727272727rem;
      padding-top: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-groups .box-s {
      border-radius: 0.9090909091rem;
      height: 27.2727272727rem;
      padding-top: 5.4545454545rem;
    }
  }
  .coop-exchange .coop-groups .box-s::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #4B3FC2;
    height: calc(100vw * 3 / 1920);
  }
  @media (max-width: 1199px) {
    .coop-exchange .coop-groups .box-s::after {
      height: 0.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .coop-exchange .coop-groups .box-s::after {
      height: 0.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-groups .box-s::after {
      height: 0.2727272727rem;
    }
  }
  .coop-exchange .coop-groups .box-s:hover .box-icon img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .coop-exchange .coop-groups .box-s:hover .box-title {
    color: #4B3FC2;
  }
  .coop-exchange .coop-groups .box-s .box-icon {
    height: calc(100vw * 74 / 1920);
    margin-bottom: calc(100vw * 17 / 1920);
  }
  @media (max-width: 1199px) {
    .coop-exchange .coop-groups .box-s .box-icon {
      height: 5.2857142857rem;
      margin-bottom: 1.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .coop-exchange .coop-groups .box-s .box-icon {
      height: 6.7272727273rem;
      margin-bottom: 1.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-groups .box-s .box-icon {
      height: 6.7272727273rem;
      margin-bottom: 1.5454545455rem;
    }
  }
  .coop-exchange .coop-groups .box-s .box-icon img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .coop-exchange .coop-groups .box-s .box-title {
    color: #333333;
    text-align: center;
    font-size: calc(100vw * 24 / 1920);
    margin-bottom: calc(100vw * 10 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(100vw * 60 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .coop-exchange .coop-groups .box-s .box-title {
      font-size: 1.7142857143rem;
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .coop-exchange .coop-groups .box-s .box-title {
      font-size: 2.1818181818rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-groups .box-s .box-title {
      font-size: 2.1818181818rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 1199px) {
    .coop-exchange .coop-groups .box-s .box-title {
      height: 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .coop-exchange .coop-groups .box-s .box-title {
      height: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-groups .box-s .box-title {
      height: 5.4545454545rem;
    }
  }
  @media (max-width: 1199px) {
    .coop-exchange .coop-groups .box-s .box-title {
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .coop-exchange .coop-groups .box-s .box-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-groups .box-s .box-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-groups .box-s .box-title {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  .coop-exchange .coop-groups .box-s .box-more {
    display: inline-block;
    color: #4B3FC2;
    line-height: calc(100vw * 24 / 1920);
  }
  @media (max-width: 1199px) {
    .coop-exchange .coop-groups .box-s .box-more {
      line-height: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .coop-exchange .coop-groups .box-s .box-more {
      line-height: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-groups .box-s .box-more {
      line-height: 2.1818181818rem;
    }
  }
  .coop-exchange .coop-groups .box-s .box-more::after {
    content: "\f0da";
    font-family: FontAwesome;
    vertical-align: middle;
    font-size: calc(100vw * 18 / 1920);
    margin-left: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .coop-exchange .coop-groups .box-s .box-more::after {
      font-size: 1.2857142857rem;
      margin-left: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .coop-exchange .coop-groups .box-s .box-more::after {
      font-size: 1.6363636364rem;
      margin-left: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .coop-exchange .coop-groups .box-s .box-more::after {
      font-size: 1.6363636364rem;
      margin-left: 0.9090909091rem;
    }
  }
  
  .year-class-wrap {
    background: #F7F6F6;
    position: relative;
    border-radius: calc(100vw * 10 / 1920);
    padding: calc(100vw * 30 / 1920);
    margin-bottom: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .year-class-wrap {
      border-radius: 0.7142857143rem;
      padding: 2.1428571429rem;
      margin-bottom: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .year-class-wrap {
      border-radius: 0.9090909091rem;
      padding: 2.7272727273rem;
      margin-bottom: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .year-class-wrap {
      border-radius: 0.9090909091rem;
      padding: 2.7272727273rem;
      margin-bottom: 3.6363636364rem;
    }
  }
  
  .year-list-groups {
    position: relative;
    padding: calc(100vw * 0 / 1920) calc(100vw * 60 / 1920) calc(100vw * 0 / 1920) calc(100vw * 60 / 1920);
  }
  @media (max-width: 1199px) {
    .year-list-groups {
      padding: 0rem 4.2857142857rem 0rem 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .year-list-groups {
      padding: 0rem 5.4545454545rem 0rem 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .year-list-groups {
      padding: 0rem 5.4545454545rem 0rem 5.4545454545rem;
    }
  }
  .year-list-groups .active .year-box {
    background: #4B3FC2;
    border-color: #4B3FC2;
    color: #fff;
  }
  .year-list-groups .groups-next, .year-list-groups .groups-prev {
    background: #F8F8F8;
    border-radius: calc(100vw * 20 / 1920);
    border: 1px solid #A88E77;
    top: 0;
    bottom: 0;
    margin-top: 0;
    background-position: center center;
    background-repeat: no-repeat;
    width: calc(100vw * 40 / 1920);
    height: calc(100vw * 40 / 1920);
    border-radius: calc(100vw * 20 / 1920);
    background-size: calc(100vw * 7 / 1920);
  }
  @media (max-width: 1199px) {
    .year-list-groups .groups-next, .year-list-groups .groups-prev {
      width: 2.8571428571rem;
      height: 2.8571428571rem;
      border-radius: 1.4285714286rem;
      background-size: 0.5rem;
    }
  }
  @media (max-width: 991px) {
    .year-list-groups .groups-next, .year-list-groups .groups-prev {
      width: 3.6363636364rem;
      height: 3.6363636364rem;
      border-radius: 1.8181818182rem;
      background-size: 0.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .year-list-groups .groups-next, .year-list-groups .groups-prev {
      width: 3.6363636364rem;
      height: 3.6363636364rem;
      border-radius: 1.8181818182rem;
      background-size: 0.6363636364rem;
    }
  }
  .year-list-groups .groups-next::after, .year-list-groups .groups-prev::after {
    font-family: "FontAwesome";
    color: #A88E77;
    font-size: calc(100vw * 18 / 1920);
  }
  @media (max-width: 1199px) {
    .year-list-groups .groups-next::after, .year-list-groups .groups-prev::after {
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .year-list-groups .groups-next::after, .year-list-groups .groups-prev::after {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .year-list-groups .groups-next::after, .year-list-groups .groups-prev::after {
      font-size: 1.6363636364rem;
    }
  }
  .year-list-groups .groups-next:hover, .year-list-groups .groups-prev:hover {
    border-color: #4B3FC2;
    color: #4B3FC2;
  }
  .year-list-groups .groups-next:hover::after, .year-list-groups .groups-prev:hover::after {
    color: #4B3FC2;
  }
  .year-list-groups .groups-prev {
    left: 0;
  }
  .year-list-groups .groups-prev::after {
    content: "\f104";
  }
  .year-list-groups .groups-next {
    right: 0;
  }
  .year-list-groups .groups-next::after {
    content: "\f105";
  }
  .year-list-groups .year-box {
    height: 40px;
    background: #F8F8F8;
    border-radius: 20px;
    border: 1px solid #E6E6E6;
    text-align: center;
    display: block;
    color: #333333;
    height: calc(100vw * 40 / 1920);
    border-radius: calc(100vw * 20 / 1920);
    line-height: calc(100vw * 40 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .year-list-groups .year-box {
      height: 2.8571428571rem;
      border-radius: 1.4285714286rem;
      line-height: 2.8571428571rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .year-list-groups .year-box {
      height: 3.6363636364rem;
      border-radius: 1.8181818182rem;
      line-height: 3.6363636364rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .year-list-groups .year-box {
      height: 3.6363636364rem;
      border-radius: 1.8181818182rem;
      line-height: 3.6363636364rem;
      font-size: 1.4545454545rem;
    }
  }
  .year-list-groups .year-box:hover {
    background: #4B3FC2;
    border-color: #4B3FC2;
    color: #fff;
  }
  
  .form-filter-groups {
    position: relative;
    margin-bottom: calc(100vw * 40 / 1920);
    padding-right: calc(100vw * 320 / 1920);
  }
  @media (max-width: 1199px) {
    .form-filter-groups {
      margin-bottom: 2.8571428571rem;
      padding-right: 22.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .form-filter-groups {
      margin-bottom: 3.6363636364rem;
      padding-right: 29.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .form-filter-groups {
      margin-bottom: 3.6363636364rem;
      padding-right: 29.0909090909rem;
    }
  }
  .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: 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) {
    .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: 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;
    }
  }
  .form-filter-groups .s-btn {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background: #A88E77;
    color: #fff;
    border-radius: 4px;
    line-height: 100%;
    width: calc(100vw * 280 / 1920);
    font-size: calc(100vw * 18 / 1920);
    border-radius: calc(100vw * 4 / 1920);
    bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .form-filter-groups .s-btn {
      width: 20rem;
      font-size: 1.2857142857rem;
      border-radius: 0.2857142857rem;
      bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .form-filter-groups .s-btn {
      width: 25.4545454545rem;
      font-size: 1.6363636364rem;
      border-radius: 0.3636363636rem;
      bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .form-filter-groups .s-btn {
      width: 25.4545454545rem;
      font-size: 1.6363636364rem;
      border-radius: 0.3636363636rem;
      bottom: 1.8181818182rem;
    }
  }
  .form-filter-groups .s-btn:hover {
    background: #4B3FC2;
  }
  .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: 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) {
    .form-filter-groups .box-s {
      padding-left: 8.1818181818rem;
      min-height: 4.5454545455rem;
      line-height: 4.5454545455rem;
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .form-filter-groups .box-s {
      padding-left: 8.1818181818rem;
      min-height: 4.5454545455rem;
      line-height: 4.5454545455rem;
      margin-bottom: 1.8181818182rem;
    }
  }
  .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: 1199px) {
    .form-filter-groups .box-s .box-title {
      line-height: 3.5714285714rem;
      padding-right: 1.0714285714rem;
      width: 6.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .form-filter-groups .box-s .box-title {
      line-height: 4.5454545455rem;
      padding-right: 1.3636363636rem;
      width: 8.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .form-filter-groups .box-s .box-title {
      line-height: 4.5454545455rem;
      padding-right: 1.3636363636rem;
      width: 8.1818181818rem;
    }
  }
  
  .research-table {
    overflow: hidden;
    overflow-x: auto;
  }
  .research-table .table-wrap {
    min-width: 550px;
    overflow: hidden;
    border-radius: 0.2083333333vw;
  }
  .research-table table {
    width: 100%;
  }
  .research-table table thead tr th {
    background: #4B3FC2;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    font-size: calc(100vw * 18 / 1920);
    font-weight: 700;
    line-height: calc(100vw * 50 / 1920);
    height: calc(100vw * 50 / 1920);
  }
  @media (max-width: 1199px) {
    .research-table table thead tr th {
      line-height: 3.2857142857rem;
      height: 3.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .research-table table thead tr th {
      line-height: 4.1818181818rem;
      height: 4.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .research-table table thead tr th {
      line-height: 4.1818181818rem;
      height: 4.1818181818rem;
    }
  }
  .research-table table tbody tr:nth-child(2n) {
    background: #F5F5F5;
  }
  .research-table table tbody tr td {
    color: #333333;
    line-height: 1.6;
    padding: calc(100vw * 14 / 1920) calc(100vw * 20 / 1920);
    border: 1px solid #fff;
    text-align: center;
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .research-table table tbody tr td {
      padding: 1rem 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .research-table table tbody tr td {
      padding: 1.2727272727rem 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .research-table table tbody tr td {
      padding: 1.2727272727rem 1.8181818182rem;
    }
  }
  .research-table .td-wcr, .research-table .td-pm, .research-table .td-l {
    text-align: left;
  }
  .research-table .td-title {
    display: block;
    color: #333;
    line-height: 1.6;
    text-align: left;
  }
  .research-table .td-title:hover {
    color: #4B3FC2;
  }
  
  .table-details {
    overflow: hidden;
    overflow-x: auto;
  }
  .table-details table {
    border: 1px solid #EDEDED;
    width: 100%;
  }
  .table-details table tr:nth-child(2n+1) td {
    background: #F7F6F6;
  }
  .table-details table tr:hover td {
    background: rgba(157, 30, 35, 0.5);
    color: #fff;
  }
  .table-details table tr:hover td:first-child {
    background: rgba(157, 30, 35, 0.8);
  }
  .table-details table tr td {
    color: #333;
    border: 1px solid #fff;
    line-height: calc(100vw * 30 / 1920);
    padding: calc(100vw * 15 / 1920) calc(100vw * 30 / 1920) calc(100vw * 15 / 1920) calc(100vw * 80 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .table-details table tr td {
      line-height: 2.1428571429rem;
      padding: 1.0714285714rem 2.1428571429rem 1.0714285714rem 5.7142857143rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .table-details table tr td {
      line-height: 2.7272727273rem;
      padding: 1.3636363636rem 2.7272727273rem 1.3636363636rem 7.2727272727rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .table-details table tr td {
      line-height: 2.7272727273rem;
      padding: 1.3636363636rem 2.7272727273rem 1.3636363636rem 7.2727272727rem;
      font-size: 1.4545454545rem;
    }
  }
  .table-details table tr td:first-child {
    color: #fff;
    background: rgba(152, 142, 143, 0.8);
    width: calc(100vw * 350 / 1920);
    padding-right: calc(100vw * 80 / 1920);
    font-size: calc(100vw * 18 / 1920);
    text-align: right;
  }
  @media (max-width: 1199px) {
    .table-details table tr td:first-child {
      width: 25rem;
      padding-right: 5.7142857143rem;
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .table-details table tr td:first-child {
      width: 31.8181818182rem;
      padding-right: 7.2727272727rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .table-details table tr td:first-child {
      width: 31.8181818182rem;
      padding-right: 7.2727272727rem;
      font-size: 1.6363636364rem;
    }
  }
  
  .personnel-details .info-top {
    position: relative;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
    padding: calc(100vw * 60 / 1920) calc(100vw * 400 / 1920) calc(100vw * 60 / 1920) calc(100vw * 80 / 1920);
    min-height: calc(100vw * 505 / 1920);
    margin-bottom: calc(100vw * 50 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-top {
      border-radius: 0.7142857143rem;
      padding: 4.2857142857rem 28.5714285714rem 4.2857142857rem 5.7142857143rem;
      min-height: 36.0714285714rem;
      margin-bottom: 3.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-top {
      border-radius: 0.9090909091rem;
      padding: 5.4545454545rem 36.3636363636rem 5.4545454545rem 7.2727272727rem;
      min-height: 45.9090909091rem;
      margin-bottom: 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-top {
      border-radius: 0.9090909091rem;
      padding: 5.4545454545rem 36.3636363636rem 5.4545454545rem 7.2727272727rem;
      min-height: 45.9090909091rem;
      margin-bottom: 4.5454545455rem;
    }
  }
  .personnel-details .info-top .box-img {
    position: absolute;
    overflow: hidden;
    border-radius: 10px;
    right: calc(100vw * 60 / 1920);
    top: calc(100vw * 60 / 1920);
    width: calc(100vw * 300 / 1920);
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-top .box-img {
      right: 4.2857142857rem;
      top: 4.2857142857rem;
      width: 21.4285714286rem;
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-top .box-img {
      right: 5.4545454545rem;
      top: 5.4545454545rem;
      width: 27.2727272727rem;
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-top .box-img {
      right: 5.4545454545rem;
      top: 5.4545454545rem;
      width: 27.2727272727rem;
      border-radius: 0.9090909091rem;
    }
  }
  .personnel-details .info-top .box-img::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: url(ibpzw2024-icon-52.png) no-repeat right center;
    background-size: contain;
    left: calc(100vw * -300 / 1920);
    width: calc(100vw * 300 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-top .box-img::after {
      left: -21.4285714286rem;
      width: 21.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-top .box-img::after {
      left: -27.2727272727rem;
      width: 27.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-top .box-img::after {
      left: -27.2727272727rem;
      width: 27.2727272727rem;
    }
  }
  .personnel-details .info-top .box-img img {
    display: block;
    width: 100%;
    height: calc(100vw * 385 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-top .box-img img {
      height: 27.5rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-top .box-img img {
      height: 35rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-top .box-img img {
      height: 35rem;
    }
  }
  .personnel-details .info-top .box-info {
    overflow: hidden;
  }
  .personnel-details .info-top .box-info .info-title {
    position: relative;
    color: #333333;
    line-height: 1.6;
    font-weight: bold;
    margin-bottom: calc(100vw * 25 / 1920);
    padding-bottom: calc(100vw * 15 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-top .box-info .info-title {
      margin-bottom: 1.7857142857rem;
      padding-bottom: 1.0714285714rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-top .box-info .info-title {
      margin-bottom: 2.2727272727rem;
      padding-bottom: 1.3636363636rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-top .box-info .info-title {
      margin-bottom: 2.2727272727rem;
      padding-bottom: 1.3636363636rem;
      font-size: 1.4545454545rem;
    }
  }
  .personnel-details .info-top .box-info .info-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #4B3FC2;
    width: calc(100vw * 22 / 1920);
    height: calc(100vw * 3 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-top .box-info .info-title::after {
      width: 1.5714285714rem;
      height: 0.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-top .box-info .info-title::after {
      width: 2rem;
      height: 0.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-top .box-info .info-title::after {
      width: 2rem;
      height: 0.2727272727rem;
    }
  }
  .personnel-details .info-top .box-info .info-title span {
    font-size: calc(100vw * 18 / 1920);
    display: inline-block;
  }
  @media (max-width: 1199px) {
    .personnel-details .info-top .box-info .info-title span {
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-top .box-info .info-title span {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-top .box-info .info-title span {
      font-size: 1.6363636364rem;
    }
  }
  .personnel-details .info-top .box-info .info-title span.title-name {
    font-size: calc(100vw * 34 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-top .box-info .info-title span.title-name {
      font-size: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-top .box-info .info-title span.title-name {
      font-size: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-top .box-info .info-title span.title-name {
      font-size: 3.0909090909rem;
    }
  }
  .personnel-details .info-top .box-info .info-txt {
    color: #333333;
  }
  .personnel-details .info-top .box-info .info-txt pre {
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    font-family: "Microsoft Yahei", "微软雅黑", Arial, Tahoma, Helvetica, sans-serif;
    line-height: calc(100vw * 30 / 1920);
    font-size: calc(100vw * 18 / 1920);
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-top .box-info .info-txt pre {
      line-height: 2.1428571429rem;
      font-size: 1.2857142857rem;
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-top .box-info .info-txt pre {
      line-height: 2.7272727273rem;
      font-size: 1.6363636364rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-top .box-info .info-txt pre {
      line-height: 2.7272727273rem;
      font-size: 1.6363636364rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  .personnel-details .info-top .box-info .box-s {
    position: relative;
    line-height: calc(100vw * 30 / 1920);
    min-height: calc(100vw * 30 / 1920);
    margin-bottom: calc(100vw * 6 / 1920);
    padding-left: calc(100vw * 135 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-top .box-info .box-s {
      line-height: 2.1428571429rem;
      min-height: 2.1428571429rem;
      margin-bottom: 0.4285714286rem;
      padding-left: 9.6428571429rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-top .box-info .box-s {
      line-height: 2.7272727273rem;
      min-height: 2.7272727273rem;
      margin-bottom: 0.5454545455rem;
      padding-left: 12.2727272727rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-top .box-info .box-s {
      line-height: 2.7272727273rem;
      min-height: 2.7272727273rem;
      margin-bottom: 0.5454545455rem;
      padding-left: 12.2727272727rem;
      font-size: 1.4545454545rem;
    }
  }
  .personnel-details .info-top .box-info .box-s.no-title {
    padding-left: 0;
    color: #333;
  }
  .personnel-details .info-top .box-info .box-s.no-title a {
    color: #8C726E;
  }
  .personnel-details .info-top .box-info .box-s:last-child {
    margin-bottom: 0;
  }
  .personnel-details .info-top .box-info .box-s span {
    vertical-align: top;
    word-wrap: break-word;
  }
  .personnel-details .info-top .box-info .box-s .title-s {
    color: #333;
    position: absolute;
    font-weight: bold;
    left: 0;
    top: 0;
    color: #8C726E;
  }
  .personnel-details .info-top .box-info .box-s .txt-s {
    color: #666666;
  }
  .personnel-details .info-top .box-info .info-table {
    display: table;
    width: 100%;
  }
  .personnel-details .info-top .box-info .info-table .table-row {
    display: table-row;
    width: 100%;
  }
  .personnel-details .info-top .box-info .info-table .table-row > div {
    line-height: calc(100vw * 26 / 1920);
    padding-top: calc(100vw * 3 / 1920);
    padding-bottom: calc(100vw * 3 / 1920);
    padding-right: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-top .box-info .info-table .table-row > div {
      line-height: 1.8571428571rem;
      padding-top: 0.2142857143rem;
      padding-bottom: 0.2142857143rem;
      padding-right: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-top .box-info .info-table .table-row > div {
      line-height: 2.3636363636rem;
      padding-top: 0.2727272727rem;
      padding-bottom: 0.2727272727rem;
      padding-right: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-top .box-info .info-table .table-row > div {
      line-height: 2.3636363636rem;
      padding-top: 0.2727272727rem;
      padding-bottom: 0.2727272727rem;
      padding-right: 0.9090909091rem;
    }
  }
  .personnel-details .info-top .box-info .info-table .table-call {
    display: table-cell;
    width: 50%;
  }
  .personnel-details .info-tabs-title a {
    float: left;
    background-image: url(ibpzw2024-icon-54.png);
    background-repeat: no-repeat;
    background-position: right 10px bottom 0;
    background-color: #C5B8B6;
    border-radius: 20px 20px 0px 0px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border-radius: calc(100vw * 20 / 1920) calc(100vw * 20 / 1920) calc(100vw * 0 / 1920) calc(100vw * 0 / 1920);
    width: calc(100vw * 200 / 1920);
    height: calc(100vw * 56 / 1920);
    line-height: calc(100vw * 56 / 1920);
    margin-right: calc(100vw * 10 / 1920);
    font-size: calc(100vw * 18 / 1920);
    background-size: calc(100vw * 107 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-tabs-title a {
      border-radius: 1.4285714286rem 1.4285714286rem 0rem 0rem;
      width: 14.2857142857rem;
      height: 4rem;
      line-height: 4rem;
      margin-right: 0.7142857143rem;
      font-size: 1.2857142857rem;
      background-size: 7.6428571429rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-tabs-title a {
      border-radius: 1.8181818182rem 1.8181818182rem 0rem 0rem;
      width: 18.1818181818rem;
      height: 5.0909090909rem;
      line-height: 5.0909090909rem;
      margin-right: 0.9090909091rem;
      font-size: 1.6363636364rem;
      background-size: 9.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-tabs-title a {
      border-radius: 1.8181818182rem 1.8181818182rem 0rem 0rem;
      width: 18.1818181818rem;
      height: 5.0909090909rem;
      line-height: 5.0909090909rem;
      margin-right: 0.9090909091rem;
      font-size: 1.6363636364rem;
      background-size: 9.7272727273rem;
    }
  }
  .personnel-details .info-tabs-title a:hover, .personnel-details .info-tabs-title a.active {
    background-image: url(ibpzw2024-icon-53.png);
    background-color: #4B3FC2;
  }
  .personnel-details .info-tabs-cont {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0px 10px 10px 10px;
    border-radius: calc(100vw * 0 / 1920) calc(100vw * 10 / 1920) calc(100vw * 10 / 1920) calc(100vw * 10 / 1920);
    padding: calc(100vw * 50 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-tabs-cont {
      border-radius: 0rem 0.7142857143rem 0.7142857143rem 0.7142857143rem;
      padding: 3.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-tabs-cont {
      border-radius: 0rem 0.9090909091rem 0.9090909091rem 0.9090909091rem;
      padding: 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-tabs-cont {
      border-radius: 0rem 0.9090909091rem 0.9090909091rem 0.9090909091rem;
      padding: 4.5454545455rem;
    }
  }
  .personnel-details .info-tabs-cont > div {
    display: none;
  }
  .personnel-details .info-tabs-cont > div.active {
    display: block;
  }
  .personnel-details .info-cont b, .personnel-details .info-cont strong, .personnel-details .groups-title, .personnel-details h3 {
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(#EBD2D3), to(#FFFFFF));
    background: linear-gradient(90deg, #EBD2D3 0%, #FFFFFF 100%);
    position: relative;
    border-radius: 6px 0 0 0;
    font-weight: bold;
    color: #4B3FC2;
    overflow: hidden;
    float: none;
    font-size: calc(100vw * 16 / 1920);
    height: calc(100vw * 34 / 1920);
    line-height: calc(100vw * 34 / 1920);
    border-radius: calc(100vw * 6 / 1920) calc(100vw * 0 / 1920) calc(100vw * 0 / 1920) calc(100vw * 0 / 1920);
    padding-left: calc(100vw * 65 / 1920);
    max-width: calc(100vw * 650 / 1920);
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-cont b, .personnel-details .info-cont strong, .personnel-details .groups-title, .personnel-details h3 {
      font-size: 1.1428571429rem;
      height: 2.4285714286rem;
      line-height: 2.4285714286rem;
      border-radius: 0.4285714286rem 0rem 0rem 0rem;
      padding-left: 4.6428571429rem;
      max-width: 46.4285714286rem;
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-cont b, .personnel-details .info-cont strong, .personnel-details .groups-title, .personnel-details h3 {
      font-size: 1.4545454545rem;
      height: 3.0909090909rem;
      line-height: 3.0909090909rem;
      border-radius: 0.5454545455rem 0rem 0rem 0rem;
      padding-left: 5.9090909091rem;
      max-width: 59.0909090909rem;
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-cont b, .personnel-details .info-cont strong, .personnel-details .groups-title, .personnel-details h3 {
      font-size: 1.4545454545rem;
      height: 3.0909090909rem;
      line-height: 3.0909090909rem;
      border-radius: 0.5454545455rem 0rem 0rem 0rem;
      padding-left: 5.9090909091rem;
      max-width: 59.0909090909rem;
      margin-bottom: 1.8181818182rem;
    }
  }
  .personnel-details .info-cont b::after, .personnel-details .info-cont strong::after, .personnel-details .groups-title::after, .personnel-details h3::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(ibpzw2024-icon-57.png) no-repeat left top;
    background-size: 100% 100%;
    width: calc(100vw * 55 / 1920);
    height: calc(100vw * 34 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-cont b::after, .personnel-details .info-cont strong::after, .personnel-details .groups-title::after, .personnel-details h3::after {
      width: 3.9285714286rem;
      height: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-cont b::after, .personnel-details .info-cont strong::after, .personnel-details .groups-title::after, .personnel-details h3::after {
      width: 5rem;
      height: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-cont b::after, .personnel-details .info-cont strong::after, .personnel-details .groups-title::after, .personnel-details h3::after {
      width: 5rem;
      height: 3.0909090909rem;
    }
  }
  .personnel-details h3, .personnel-details .info-cont strong {
    margin-top: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details h3, .personnel-details .info-cont strong {
      margin-top: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details h3, .personnel-details .info-cont strong {
      margin-top: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details h3, .personnel-details .info-cont strong {
      margin-top: 1.8181818182rem;
    }
  }
  .personnel-details .info-cont, .personnel-details .info-cont-txt {
    color: #333333;
    line-height: 2;
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-cont, .personnel-details .info-cont-txt {
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-cont, .personnel-details .info-cont-txt {
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-cont, .personnel-details .info-cont-txt {
      font-size: 1.4545454545rem;
    }
  }
  .personnel-details .info-cont p, .personnel-details .info-cont div, .personnel-details .info-cont-txt p, .personnel-details .info-cont-txt div {
    margin-bottom: calc(100vw * 5 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-cont p, .personnel-details .info-cont div, .personnel-details .info-cont-txt p, .personnel-details .info-cont-txt div {
      margin-bottom: 0.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-cont p, .personnel-details .info-cont div, .personnel-details .info-cont-txt p, .personnel-details .info-cont-txt div {
      margin-bottom: 0.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-cont p, .personnel-details .info-cont div, .personnel-details .info-cont-txt p, .personnel-details .info-cont-txt div {
      margin-bottom: 0.4545454545rem;
    }
  }
  .personnel-details .info-cont p::last-child, .personnel-details .info-cont div::last-child, .personnel-details .info-cont-txt p::last-child, .personnel-details .info-cont-txt div::last-child {
    margin-bottom: 0;
  }
  .personnel-details .info-groups {
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-groups {
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-groups {
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-groups {
      margin-bottom: 2.7272727273rem;
    }
  }
  .personnel-details .info-groups::last-child {
    margin-bottom: 0;
  }
  .personnel-details .info-groups .groups-title {
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-groups .groups-title {
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-groups .groups-title {
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-groups .groups-title {
      margin-bottom: 1.8181818182rem;
    }
  }
  .personnel-details .info-groups .groups-txt {
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-groups .groups-txt {
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-groups .groups-txt {
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-groups .groups-txt {
      margin-bottom: 1.8181818182rem;
    }
  }
  .personnel-details .info-list-01 li {
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-list-01 li {
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-list-01 li {
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-list-01 li {
      margin-bottom: 2.7272727273rem;
    }
  }
  .personnel-details .info-list-01 li::last-child {
    margin-bottom: 0;
  }
  .personnel-details .info-list-01 .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .personnel-details .info-list-01 .box-s:hover .box-info .info-title {
    color: #4B3FC2;
  }
  .personnel-details .info-list-01 .box-s .box-img {
    float: left;
    overflow: hidden;
    border-radius: 10px;
    background: url(ibpzw2024-imgbg.jpg) no-repeat center center;
    background-size: cover;
    width: calc(100vw * 200 / 1920);
    height: calc(100vw * 224 / 1920);
    line-height: calc(100vw * 224 / 1920);
    margin-right: calc(100vw * 30 / 1920);
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-list-01 .box-s .box-img {
      width: 14.2857142857rem;
      height: 16rem;
      line-height: 16rem;
      margin-right: 2.1428571429rem;
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-list-01 .box-s .box-img {
      width: 18.1818181818rem;
      height: 20.3636363636rem;
      line-height: 20.3636363636rem;
      margin-right: 2.7272727273rem;
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-list-01 .box-s .box-img {
      width: 18.1818181818rem;
      height: 20.3636363636rem;
      line-height: 20.3636363636rem;
      margin-right: 2.7272727273rem;
      border-radius: 0.9090909091rem;
    }
  }
  .personnel-details .info-list-01 .box-s .box-img img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: auto;
    max-width: 200%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .personnel-details .info-list-01 .box-s .box-info {
    overflow: hidden;
    padding-top: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-list-01 .box-s .box-info {
      padding-top: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-list-01 .box-s .box-info {
      padding-top: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-list-01 .box-s .box-info {
      padding-top: 0.9090909091rem;
    }
  }
  .personnel-details .info-list-01 .box-s .box-info .info-title {
    display: block;
    color: #8C726E;
    font-weight: bold;
    margin-bottom: calc(100vw * 20 / 1920);
    font-size: calc(100vw * 18 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-list-01 .box-s .box-info .info-title {
      margin-bottom: 1.4285714286rem;
      font-size: 1.2857142857rem;
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-list-01 .box-s .box-info .info-title {
      margin-bottom: 1.8181818182rem;
      font-size: 1.6363636364rem;
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-list-01 .box-s .box-info .info-title {
      margin-bottom: 1.8181818182rem;
      font-size: 1.6363636364rem;
      line-height: 2.7272727273rem;
    }
  }
  .personnel-details .info-list-01 .box-s .box-info .info-txt {
    color: #666666;
    font-size: calc(100vw * 16 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-list-01 .box-s .box-info .info-txt {
      font-size: 1.1428571429rem;
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-list-01 .box-s .box-info .info-txt {
      font-size: 1.4545454545rem;
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-list-01 .box-s .box-info .info-txt {
      font-size: 1.4545454545rem;
      line-height: 2.7272727273rem;
    }
  }
  .personnel-details .info-list-02 .box-s {
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(140, 114, 110, 0.3);
            box-shadow: 0px 0px 10px 0px rgba(140, 114, 110, 0.3);
    background: url(ibpzw2024-imgbg.jpg) no-repeat center center;
    background-size: cover;
    border-radius: calc(100vw * 10 / 1920);
    padding: calc(100vw * 6 / 1920);
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-list-02 .box-s {
      border-radius: 0.7142857143rem;
      padding: 0.4285714286rem;
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-list-02 .box-s {
      border-radius: 0.9090909091rem;
      padding: 0.5454545455rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-list-02 .box-s {
      border-radius: 0.9090909091rem;
      padding: 0.5454545455rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  .personnel-details .info-list-02 .box-s:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .personnel-details .info-list-02 .box-s a {
    display: block;
    text-align: center;
    overflow: hidden;
    border-radius: 6px;
    font-size: 0;
    border-radius: calc(100vw * 6 / 1920);
    height: calc(100vw * 214 / 1920);
    line-height: calc(100vw * 214 / 1920);
  }
  @media (max-width: 1199px) {
    .personnel-details .info-list-02 .box-s a {
      border-radius: 0.4285714286rem;
      height: 15.2857142857rem;
      line-height: 15.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .personnel-details .info-list-02 .box-s a {
      border-radius: 0.5454545455rem;
      height: 19.4545454545rem;
      line-height: 19.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .personnel-details .info-list-02 .box-s a {
      border-radius: 0.5454545455rem;
      height: 19.4545454545rem;
      line-height: 19.4545454545rem;
    }
  }
  .personnel-details .info-list-02 .box-s img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    vertical-align: middle;
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
  }
  
  @media (min-width: 992px) {
    .personnel-details .info-list-01 .col-w:nth-child(2n+1) {
      clear: both;
    }
  }
  .bread-crumbs .bread-item {
    color: #fff;
    line-height: calc(100vw * 36 / 1920);
  }
  @media (max-width: 1199px) {
    .bread-crumbs .bread-item {
      line-height: 2.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .bread-crumbs .bread-item {
      line-height: 3.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .bread-crumbs .bread-item {
      line-height: 3.2727272727rem;
    }
  }
  .bread-crumbs .bread-item a, .bread-crumbs .bread-item span {
    display: inline-block;
  }
  .bread-crumbs .bread-item a {
    color: #fff;
  }
  .bread-crumbs .bread-item a:last-child {
    color: #fff;
  }
  .bread-crumbs .bread-item a:hover {
    color: #fff;
  }
  .bread-crumbs .bread-item > span {
    padding-left: 2px;
    padding-right: 2px;
  }
  .bread-crumbs .bread-item > span::before {
    content: "/";
    color: #fff;
  }
  
  .lab-rzkx .public-groups-title .groups-name {
    background-image: url(ibpzw2024-icon-66.png);
  }
  .lab-rzkx .public-groups-title .groups-more {
    border-color: #2F4992;
    color: #2F4992;
  }
  .lab-rzkx .public-groups-title .groups-more:hover {
    background: #2F4992;
    color: #fff;
  }
  
  .lab-bxyc .public-groups-title .groups-name {
    background-image: url(ibpzw2024-icon-71.png);
  }
  .lab-bxyc .public-groups-title .groups-more {
    border-color: #0C6E71;
    color: #0C6E71;
  }
  .lab-bxyc .public-groups-title .groups-more:hover {
    background: #0C6E71;
    color: #fff;
  }
  
  .lab-hrsw .public-groups-title .groups-name {
    background-image: url(ibpzw2024-icon-64.png);
  }
  .lab-hrsw .public-groups-title .groups-more {
    border-color: #A88E77;
    color: #A88E77;
  }
  .lab-hrsw .public-groups-title .groups-more:hover {
    background: #A88E77;
    color: #fff;
  }
  
  .lab-top-wrap .bread-crumbs {
    text-align: right;
    padding-top: calc(100vw * 20 / 1920);
    padding-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-top-wrap .bread-crumbs {
      padding-top: 1.4285714286rem;
      padding-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-top-wrap .bread-crumbs {
      padding-top: 1.8181818182rem;
      padding-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .lab-top-wrap .bread-crumbs {
      padding-top: 1.8181818182rem;
      padding-bottom: 1.8181818182rem;
    }
  }
  .lab-top-wrap .bread-crumbs .bread-item {
    color: #999999;
  }
  .lab-top-wrap .bread-crumbs .bread-item a {
    color: #999999;
  }
  .lab-top-wrap .bread-crumbs .bread-item a:last-child {
    color: #999999;
  }
  .lab-top-wrap .bread-crumbs .bread-item a:hover {
    color: #999999;
  }
  .lab-top-wrap .bread-crumbs .bread-item > span::before {
    color: #999999;
  }
  .lab-top-wrap .public-groups-title {
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-top-wrap .public-groups-title {
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-top-wrap .public-groups-title {
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-top-wrap .public-groups-title {
      margin-bottom: 2.7272727273rem;
    }
  }
  .lab-top-wrap.lab-swdfz {
    background: -webkit-gradient(linear, left bottom, left top, from(#FFF3F3), to(#DBEFFF));
    background: linear-gradient(0deg, #FFF3F3 0%, #DBEFFF 100%);
  }
  .lab-top-wrap.lab-rzkx {
    background: -webkit-gradient(linear, left bottom, left top, from(#E8F0FF), to(#F6F9FF));
    background: linear-gradient(0deg, #E8F0FF 0%, #F6F9FF 100%);
  }
  .lab-top-wrap.lab-bxyc {
    background: -webkit-gradient(linear, left bottom, left top, from(#E9FAFA), to(#FAFFFF));
    background: linear-gradient(0deg, #E9FAFA 0%, #FAFFFF 100%);
  }
  .lab-top-wrap.lab-hrsw {
    background: -webkit-gradient(linear, left bottom, left top, from(#FBF8F3), to(#FFFDFB));
    background: linear-gradient(0deg, #FBF8F3 0%, #FFFDFB 100%);
    position: relative;
  }
  .lab-top-wrap.lab-hrsw::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(ibpzw2024-img07.png) no-repeat center center;
    width: 40%;
    height: 750px;
    background-size: contain;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .lab-top-wrap.lab-hrsw .container {
    position: relative;
    z-index: 9;
  }
  
  .lab-center-wrap {
    padding-top: calc(100vw * 50 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-center-wrap {
      padding-top: 3.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .lab-center-wrap {
      padding-top: 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .lab-center-wrap {
      padding-top: 4.5454545455rem;
    }
  }
  .lab-center-wrap .public-groups-title {
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-center-wrap .public-groups-title {
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-center-wrap .public-groups-title {
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-center-wrap .public-groups-title {
      margin-bottom: 2.7272727273rem;
    }
  }
  .lab-center-wrap.lab-swdfz {
    background: -webkit-gradient(linear, left bottom, left top, from(#FFF3F3), to(#E3F3FF));
    background: linear-gradient(0deg, #FFF3F3 0%, #E3F3FF 100%);
  }
  .lab-center-wrap.lab-rzkx {
    background: -webkit-gradient(linear, left bottom, left top, from(#E8F0FF), to(#F6F9FF));
    background: linear-gradient(0deg, #E8F0FF 0%, #F6F9FF 100%);
  }
  .lab-center-wrap.lab-bxyc {
    background: -webkit-gradient(linear, left bottom, left top, from(#E9FAFA), to(#FAFFFF));
    background: linear-gradient(0deg, #E9FAFA 0%, #FAFFFF 100%);
  }
  .lab-center-wrap.lab-hrsw {
    background: -webkit-gradient(linear, left bottom, left top, from(#FBF8F3), to(#FFFFFF));
    background: linear-gradient(0deg, #FBF8F3 0%, #FFFFFF 100%);
  }
  
  .lab-mod-mb {
    margin-bottom: calc(100vw * 50 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-mb {
      margin-bottom: 3.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-mb {
      margin-bottom: 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-mb {
      margin-bottom: 4.5454545455rem;
    }
  }
  
  .lab-mod-01 .public-groups-title .groups-name {
    font-weight: bold;
    font-size: calc(100vw * 34 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .public-groups-title .groups-name {
      font-size: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .public-groups-title .groups-name {
      font-size: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .public-groups-title .groups-name {
      font-size: 3.0909090909rem;
    }
  }
  .lab-mod-01.lab-swdfz .cont-class a {
    border-color: #9D1F22;
    color: #9D1F22;
  }
  .lab-mod-01.lab-swdfz .cont-class a:hover, .lab-mod-01.lab-swdfz .cont-class a.active {
    background-color: #9D1F22;
  }
  .lab-mod-01.lab-swdfz .cont-scroll::after {
    background: #4B3FC2;
  }
  .lab-mod-01.lab-swdfz .lab-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #4B3FC2;
  }
  .lab-mod-01.lab-rzkx .cont-class a {
    border-color: #2F4992;
    color: #2F4992;
  }
  .lab-mod-01.lab-rzkx .cont-class a:hover, .lab-mod-01.lab-rzkx .cont-class a.active {
    background-color: #2F4992;
  }
  .lab-mod-01.lab-rzkx .cont-scroll::after {
    background: #2F4992;
  }
  .lab-mod-01.lab-rzkx .lab-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #2F4992;
  }
  .lab-mod-01.lab-bxyc .cont-class a {
    border-color: #0C6E71;
    color: #0C6E71;
  }
  .lab-mod-01.lab-bxyc .cont-class a:hover, .lab-mod-01.lab-bxyc .cont-class a.active {
    background-color: #0C6E71;
  }
  .lab-mod-01.lab-bxyc .cont-scroll::after {
    background: #0A5F62;
  }
  .lab-mod-01.lab-bxyc .lab-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0C6E71;
  }
  .lab-mod-01.lab-hrsw .cont-class a {
    border-color: #A88E77;
    color: #A88E77;
  }
  .lab-mod-01.lab-hrsw .cont-class a:hover, .lab-mod-01.lab-hrsw .cont-class a.active {
    background-color: #A88E77;
  }
  .lab-mod-01.lab-hrsw .cont-scroll::after {
    background: #A88E77;
  }
  .lab-mod-01.lab-hrsw .lab-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #A88E77;
  }
  .lab-mod-01 .cont-class {
    margin-bottom: calc(100vw * 25 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .cont-class {
      margin-bottom: 1.7857142857rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .cont-class {
      margin-bottom: 2.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .cont-class {
      margin-bottom: 2.2727272727rem;
    }
  }
  .lab-mod-01 .cont-class a {
    background: #FFFFFF;
    border: 1px solid #9D1F22;
    text-align: center;
    display: block;
    float: left;
    font-weight: bold;
    width: calc(100vw * 110 / 1920);
    height: calc(100vw * 32 / 1920);
    line-height: calc(100vw * 32 / 1920);
    border-radius: calc(100vw * 16 / 1920);
    margin-right: calc(100vw * 10 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .cont-class a {
      width: 7.8571428571rem;
      height: 2.2857142857rem;
      line-height: 2.2857142857rem;
      border-radius: 1.1428571429rem;
      margin-right: 0.7142857143rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .cont-class a {
      width: 10rem;
      height: 2.9090909091rem;
      line-height: 2.9090909091rem;
      border-radius: 1.4545454545rem;
      margin-right: 0.9090909091rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .cont-class a {
      width: 10rem;
      height: 2.9090909091rem;
      line-height: 2.9090909091rem;
      border-radius: 1.4545454545rem;
      margin-right: 0.9090909091rem;
      font-size: 1.4545454545rem;
    }
  }
  .lab-mod-01 .cont-class a:hover, .lab-mod-01 .cont-class a.active {
    color: #fff;
  }
  .lab-mod-01 .cont-info {
    color: #333333;
    text-align: justify;
    line-height: calc(100vw * 30 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .cont-info {
      line-height: 2.1428571429rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .cont-info {
      line-height: 2.7272727273rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .cont-info {
      line-height: 2.7272727273rem;
      font-size: 1.4545454545rem;
    }
  }
  .lab-mod-01 .cont-info p, .lab-mod-01 .cont-info div {
    text-indent: 2em;
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .cont-info p, .lab-mod-01 .cont-info div {
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .cont-info p, .lab-mod-01 .cont-info div {
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .cont-info p, .lab-mod-01 .cont-info div {
      margin-bottom: 1.8181818182rem;
    }
  }
  .lab-mod-01 .cont-info p::last-child, .lab-mod-01 .cont-info div::last-child {
    margin-bottom: 0;
  }
  .lab-mod-01 .cont-scroll {
    position: relative;
    padding: calc(100vw * 20 / 1920) calc(100vw * 20 / 1920) calc(100vw * 0 / 1920) calc(100vw * 0 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .cont-scroll {
      padding: 1.4285714286rem 1.4285714286rem 0rem 0rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .cont-scroll {
      padding: 1.8181818182rem 1.8181818182rem 0rem 0rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .cont-scroll {
      padding: 1.8181818182rem 1.8181818182rem 0rem 0rem;
    }
  }
  .lab-mod-01 .cont-scroll::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 10px;
    width: calc(100vw * 202 / 1920);
    height: calc(100vw * 337 / 1920);
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .cont-scroll::after {
      width: 14.4285714286rem;
      height: 24.0714285714rem;
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .cont-scroll::after {
      width: 18.3636363636rem;
      height: 30.6363636364rem;
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .cont-scroll::after {
      width: 18.3636363636rem;
      height: 30.6363636364rem;
      border-radius: 0.9090909091rem;
    }
  }
  .lab-mod-01 .box-s {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .box-s {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .box-s {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .box-s {
      border-radius: 0.9090909091rem;
    }
  }
  .lab-mod-01 .box-s .box-img {
    overflow: hidden;
  }
  .lab-mod-01 .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 438 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .box-s .box-img img {
      height: 31.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .box-s .box-img img {
      height: 39.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .box-s .box-img img {
      height: 39.8181818182rem;
    }
  }
  .lab-mod-01 .box-s .box-title {
    position: absolute;
    color: #fff;
    right: calc(100vw * 130 / 1920);
    left: calc(100vw * 30 / 1920);
    bottom: calc(100vw * 20 / 1920);
    font-size: calc(100vw * 18 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 30 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .box-s .box-title {
      right: 9.2857142857rem;
      left: 2.1428571429rem;
      bottom: 1.4285714286rem;
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .box-s .box-title {
      right: 11.8181818182rem;
      left: 2.7272727273rem;
      bottom: 1.8181818182rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .box-s .box-title {
      right: 11.8181818182rem;
      left: 2.7272727273rem;
      bottom: 1.8181818182rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .box-s .box-title {
      height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .box-s .box-title {
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .box-s .box-title {
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .box-s .box-title {
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .box-s .box-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .box-s .box-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .box-s .box-title {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .lab-mod-01 .lab-page {
    left: auto;
    width: auto;
    right: calc(100vw * 30 / 1920);
    bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .lab-page {
      right: 2.1428571429rem;
      bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .lab-page {
      right: 2.7272727273rem;
      bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .lab-page {
      right: 2.7272727273rem;
      bottom: 1.8181818182rem;
    }
  }
  .lab-mod-01 .lab-page .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 0.6;
    border-radius: 6px;
    width: calc(100vw * 12 / 1920);
    height: calc(100vw * 12 / 1920);
    border-radius: calc(100vw * 6 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .lab-page .swiper-pagination-bullet {
      width: 0.8571428571rem;
      height: 0.8571428571rem;
      border-radius: 0.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .lab-page .swiper-pagination-bullet {
      width: 1.0909090909rem;
      height: 1.0909090909rem;
      border-radius: 0.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .lab-page .swiper-pagination-bullet {
      width: 1.0909090909rem;
      height: 1.0909090909rem;
      border-radius: 0.5454545455rem;
    }
  }
  .lab-mod-01 .lab-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: calc(100vw * 26 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-01 .lab-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-01 .lab-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-01 .lab-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 2.3636363636rem;
    }
  }
  
  @media (min-width: 1200px) {
    .lab-mod-01 .row-w {
      margin-left: calc(100vw * -27 / 1920);
      margin-right: calc(100vw * -27 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .lab-mod-01 .row-w {
      margin-left: -1.9285714286rem;
      margin-right: -1.9285714286rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    .lab-mod-01 .row-w {
      margin-left: -2.4545454545rem;
      margin-right: -2.4545454545rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    .lab-mod-01 .row-w {
      margin-left: -2.4545454545rem;
      margin-right: -2.4545454545rem;
    }
  }
  @media (min-width: 1200px) {
    .lab-mod-01 .row-w .col-w {
      padding-left: calc(100vw * 27 / 1920);
      padding-right: calc(100vw * 27 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .lab-mod-01 .row-w .col-w {
      padding-left: 1.9285714286rem;
      padding-right: 1.9285714286rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    .lab-mod-01 .row-w .col-w {
      padding-left: 2.4545454545rem;
      padding-right: 2.4545454545rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    .lab-mod-01 .row-w .col-w {
      padding-left: 2.4545454545rem;
      padding-right: 2.4545454545rem;
    }
  }
  .lab-mod-02 {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    border-radius: calc(100vw * 6 / 1920);
    min-height: calc(100vw * 170 / 1920);
    padding-left: calc(100vw * 444 / 1920);
  }
  .lab-mod-02.lab-swdfz .box-title {
    background-image: url(ibpzw2024-modbg09.png);
  }
  .lab-mod-02.lab-swdfz .box-info .info-a a {
    color: #4B3FC2;
  }
  .lab-mod-02.lab-rzkx .box-title {
    background-image: url(ibpzw2024-icon-67.png);
  }
  .lab-mod-02.lab-rzkx .box-info .info-a a {
    color: #2F4992;
  }
  .lab-mod-02.lab-bxyc .box-title {
    background-image: url(ibpzw2024-icon-73.png);
  }
  .lab-mod-02.lab-bxyc .box-info .info-a a {
    color: #0C6E71;
  }
  @media (max-width: 1199px) {
    .lab-mod-02 {
      border-radius: 0.4285714286rem;
      min-height: 12.1428571429rem;
      padding-left: 31.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-02 {
      border-radius: 0.5454545455rem;
      min-height: 15.4545454545rem;
      padding-left: 40.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-02 {
      border-radius: 0.5454545455rem;
      min-height: 15.4545454545rem;
      padding-left: 40.3636363636rem;
    }
  }
  .lab-mod-02 .box-title {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    width: calc(100vw * 444 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-02 .box-title {
      width: 31.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-02 .box-title {
      width: 40.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-02 .box-title {
      width: 40.3636363636rem;
    }
  }
  .lab-mod-02 .box-title .title-s {
    background: url(ibpzw2024-icon-58.png) no-repeat bottom left;
    background-size: calc(100vw * 76 / 1920);
    padding-bottom: calc(100vw * 25 / 1920);
    font-size: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-02 .box-title .title-s {
      background-size: 5.4285714286rem;
      padding-bottom: 1.7857142857rem;
      font-size: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-02 .box-title .title-s {
      background-size: 6.9090909091rem;
      padding-bottom: 2.2727272727rem;
      font-size: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-02 .box-title .title-s {
      background-size: 6.9090909091rem;
      padding-bottom: 2.2727272727rem;
      font-size: 2.7272727273rem;
    }
  }
  .lab-mod-02 .box-info {
    overflow: hidden;
    color: #333333;
    line-height: 2;
    text-indent: 2em;
    text-align: justify;
    padding: calc(100vw * 25 / 1920) calc(100vw * 35 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-02 .box-info {
      padding: 1.7857142857rem 2.5rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-02 .box-info {
      padding: 2.2727272727rem 3.1818181818rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-02 .box-info {
      padding: 2.2727272727rem 3.1818181818rem;
      font-size: 1.4545454545rem;
    }
  }
  .lab-mod-02 .box-info .info-a {
    text-align: right;
  }
  .lab-mod-02 .box-info .info-a a {
    display: inline-block;
  }
  
  .lab-mod-03.lab-swdfz .box-s .box-info .info-w::after {
    background: #4B3FC2;
  }
  .lab-mod-03.lab-swdfz .box-s:hover .box-info .info-title {
    color: #4B3FC2;
  }
  .lab-mod-03.lab-swdfz .people-prev, .lab-mod-03.lab-swdfz .people-next {
    background-color: #4B3FC2;
  }
  .lab-mod-03.lab-rzkx .box-s .box-info .info-w::after {
    background: #97A4C8;
  }
  .lab-mod-03.lab-rzkx .box-s:hover .box-info .info-title {
    color: #2F4992;
  }
  .lab-mod-03.lab-rzkx .people-prev, .lab-mod-03.lab-rzkx .people-next {
    background-color: #2F4992;
  }
  .lab-mod-03.lab-bxyc .box-s .box-info .info-w::after {
    background: #84AFB0;
  }
  .lab-mod-03.lab-bxyc .box-s:hover .box-info .info-title {
    color: #0C6E71;
  }
  .lab-mod-03.lab-bxyc .people-prev, .lab-mod-03.lab-bxyc .people-next {
    background-color: #0C6E71;
  }
  .lab-mod-03.lab-hrsw .box-s .box-info .info-w::after {
    background: #D3C6BB;
  }
  .lab-mod-03.lab-hrsw .box-s:hover .box-info .info-title {
    color: #A88E77;
  }
  .lab-mod-03.lab-hrsw .people-prev, .lab-mod-03.lab-hrsw .people-next {
    background-color: #A88E77;
  }
  .lab-mod-03 .box-s {
    position: relative;
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-03 .box-s {
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-03 .box-s {
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-03 .box-s {
      margin-bottom: 1.8181818182rem;
    }
  }
  .lab-mod-03 .box-s::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 0px 40px;
    border-radius: calc(100vw * 0 / 1920) calc(100vw * 0 / 1920) calc(100vw * 0 / 1920) calc(100vw * 40 / 1920);
    top: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-03 .box-s::after {
      border-radius: 0rem 0rem 0rem 2.8571428571rem;
      top: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-03 .box-s::after {
      border-radius: 0rem 0rem 0rem 3.6363636364rem;
      top: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-03 .box-s::after {
      border-radius: 0rem 0rem 0rem 3.6363636364rem;
      top: 2.7272727273rem;
    }
  }
  .lab-mod-03 .box-s div {
    position: relative;
    z-index: 9;
  }
  .lab-mod-03 .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .lab-mod-03 .box-s .box-img {
    overflow: hidden;
    border-radius: 0px 40px 0px 40px;
    border-radius: calc(100vw * 0 / 1920) calc(100vw * 40 / 1920) calc(100vw * 0 / 1920) calc(100vw * 40 / 1920);
    margin-left: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-03 .box-s .box-img {
      border-radius: 0rem 2.8571428571rem 0rem 2.8571428571rem;
      margin-left: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-03 .box-s .box-img {
      border-radius: 0rem 3.6363636364rem 0rem 3.6363636364rem;
      margin-left: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-03 .box-s .box-img {
      border-radius: 0rem 3.6363636364rem 0rem 3.6363636364rem;
      margin-left: 0.9090909091rem;
    }
  }
  .lab-mod-03 .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: calc(100vw * 0 / 1920) calc(100vw * 40 / 1920) calc(100vw * 0 / 1920) calc(100vw * 40 / 1920);
    height: calc(100vw * 255 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-03 .box-s .box-img img {
      border-radius: 0rem 2.8571428571rem 0rem 2.8571428571rem;
      height: 18.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-03 .box-s .box-img img {
      border-radius: 0rem 3.6363636364rem 0rem 3.6363636364rem;
      height: 23.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-03 .box-s .box-img img {
      border-radius: 0rem 3.6363636364rem 0rem 3.6363636364rem;
      height: 23.1818181818rem;
    }
  }
  .lab-mod-03 .box-s .box-info {
    text-align: center;
    height: calc(100vw * 96 / 1920);
    padding-top: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-03 .box-s .box-info {
      height: 6.8571428571rem;
      padding-top: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-03 .box-s .box-info {
      height: 8.7272727273rem;
      padding-top: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-03 .box-s .box-info {
      height: 8.7272727273rem;
      padding-top: 0.9090909091rem;
    }
  }
  .lab-mod-03 .box-s .box-info .info-w {
    position: relative;
    padding-bottom: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-03 .box-s .box-info .info-w {
      padding-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-03 .box-s .box-info .info-w {
      padding-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-03 .box-s .box-info .info-w {
      padding-bottom: 0.9090909091rem;
    }
  }
  .lab-mod-03 .box-s .box-info .info-w::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: calc(100vw * 2 / 1920);
    width: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-03 .box-s .box-info .info-w::after {
      height: 0.1428571429rem;
      width: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-03 .box-s .box-info .info-w::after {
      height: 0.1818181818rem;
      width: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-03 .box-s .box-info .info-w::after {
      height: 0.1818181818rem;
      width: 1.8181818182rem;
    }
  }
  .lab-mod-03 .box-s .box-info .info-title {
    font-weight: bold;
    color: #333;
    font-size: calc(100vw * 16 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 30 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-03 .box-s .box-info .info-title {
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-03 .box-s .box-info .info-title {
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-03 .box-s .box-info .info-title {
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-03 .box-s .box-info .info-title {
      height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-03 .box-s .box-info .info-title {
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-03 .box-s .box-info .info-title {
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-03 .box-s .box-info .info-title {
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-03 .box-s .box-info .info-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-03 .box-s .box-info .info-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-03 .box-s .box-info .info-title {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .lab-mod-03 .box-s .box-info .info-txt {
    position: relative;
  }
  .lab-mod-03 .main-cont {
    position: relative;
  }
  .lab-mod-03 .people-prev, .lab-mod-03 .people-next {
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    width: calc(100vw * 40 / 1920);
    height: calc(100vw * 40 / 1920);
    background-size: calc(100vw * 7 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-03 .people-prev, .lab-mod-03 .people-next {
      width: 2.8571428571rem;
      height: 2.8571428571rem;
      background-size: 0.5rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-03 .people-prev, .lab-mod-03 .people-next {
      width: 3.6363636364rem;
      height: 3.6363636364rem;
      background-size: 0.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-03 .people-prev, .lab-mod-03 .people-next {
      width: 3.6363636364rem;
      height: 3.6363636364rem;
      background-size: 0.6363636364rem;
    }
  }
  .lab-mod-03 .people-prev::after, .lab-mod-03 .people-next::after {
    display: none;
  }
  .lab-mod-03 .people-prev {
    background-image: url(ibpzw2024-icon-11.png);
    left: calc(100vw * -60 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-03 .people-prev {
      left: -4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-03 .people-prev {
      left: -5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-03 .people-prev {
      left: -5.4545454545rem;
    }
  }
  .lab-mod-03 .people-next {
    background-image: url(ibpzw2024-icon-12.png);
    right: calc(100vw * -60 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-03 .people-next {
      right: -4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-03 .people-next {
      right: -5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-03 .people-next {
      right: -5.4545454545rem;
    }
  }
  
  .lab-mod-04.lab-swdfz .cont-scroll .box-s .box-title {
    background: rgba(157, 30, 35, 0.8);
  }
  .lab-mod-04.lab-swdfz .work-list .box-s {
    border-bottom-color: rgba(169, 142, 119, 0.4);
  }
  .lab-mod-04.lab-swdfz .work-list .box-s .box-date {
    color: #4B3FC2;
  }
  .lab-mod-04.lab-swdfz .work-list .box-s .a-more {
    background: url(ibpzw2024-icon-60.png) no-repeat center center;
  }
  .lab-mod-04.lab-swdfz .work-list .box-s::after {
    background: #4B3FC2;
  }
  .lab-mod-04.lab-swdfz .work-list .box-s:hover .a-title {
    color: #4B3FC2;
  }
  .lab-mod-04.lab-rzkx .cont-scroll .box-s .box-title {
    background: rgba(47, 73, 146, 0.8);
  }
  .lab-mod-04.lab-rzkx .cont-scroll .box-s::after {
    background: #2F4992;
  }
  .lab-mod-04.lab-rzkx .work-list .box-s {
    border-bottom-color: rgba(47, 73, 146, 0.3);
  }
  .lab-mod-04.lab-rzkx .work-list .box-s .box-date {
    color: #2F4992;
  }
  .lab-mod-04.lab-rzkx .work-list .box-s .a-more {
    background: url(ibpzw2024-icon-65.png) no-repeat center center;
  }
  .lab-mod-04.lab-rzkx .work-list .box-s::after {
    background: #2F4992;
  }
  .lab-mod-04.lab-rzkx .work-list .box-s:hover .a-title {
    color: #2F4992;
  }
  .lab-mod-04.lab-bxyc .cont-scroll .box-s .box-title {
    background: rgba(12, 110, 113, 0.8);
  }
  .lab-mod-04.lab-bxyc .cont-scroll .box-s::after {
    background: #0C6E71;
  }
  .lab-mod-04.lab-bxyc .work-list .box-s {
    border-bottom-color: rgba(47, 73, 146, 0.3);
  }
  .lab-mod-04.lab-bxyc .work-list .box-s .box-date {
    color: #0C6E71;
  }
  .lab-mod-04.lab-bxyc .work-list .box-s .a-more {
    background: url(ibpzw2024-icon-70.png) no-repeat center center;
  }
  .lab-mod-04.lab-bxyc .work-list .box-s::after {
    background: #0C6E71;
  }
  .lab-mod-04.lab-bxyc .work-list .box-s:hover .a-title {
    color: #0C6E71;
  }
  .lab-mod-04 .cont-scroll .box-s {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .cont-scroll .box-s {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .cont-scroll .box-s {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .cont-scroll .box-s {
      border-radius: 0.9090909091rem;
    }
  }
  .lab-mod-04 .cont-scroll .box-s .box-img {
    overflow: hidden;
  }
  .lab-mod-04 .cont-scroll .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 400 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .cont-scroll .box-s .box-img img {
      height: 28.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .cont-scroll .box-s .box-img img {
      height: 36.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .cont-scroll .box-s .box-img img {
      height: 36.3636363636rem;
    }
  }
  .lab-mod-04 .cont-scroll .box-s .box-title {
    position: absolute;
    color: #fff;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
    padding-left: calc(100vw * 130 / 1920);
    padding-right: calc(100vw * 130 / 1920);
    right: calc(100vw * 0 / 1920);
    left: calc(100vw * 0 / 1920);
    bottom: calc(100vw * 0 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .cont-scroll .box-s .box-title {
      border-radius: 0.7142857143rem;
      padding-left: 9.2857142857rem;
      padding-right: 9.2857142857rem;
      right: 0rem;
      left: 0rem;
      bottom: 0rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .cont-scroll .box-s .box-title {
      border-radius: 0.9090909091rem;
      padding-left: 11.8181818182rem;
      padding-right: 11.8181818182rem;
      right: 0rem;
      left: 0rem;
      bottom: 0rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .cont-scroll .box-s .box-title {
      border-radius: 0.9090909091rem;
      padding-left: 11.8181818182rem;
      padding-right: 11.8181818182rem;
      right: 0rem;
      left: 0rem;
      bottom: 0rem;
    }
  }
  .lab-mod-04 .cont-scroll .box-s .box-title .title-date {
    background: #4B3FC2;
    border-radius: 10px;
    text-align: center;
    color: #FFF;
    position: absolute;
    bottom: 0;
    width: calc(100vw * 80 / 1920);
    height: calc(100vw * 80 / 1920);
    border-radius: calc(100vw * 10 / 1920);
    padding-top: calc(100vw * 10 / 1920);
    left: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-date {
      width: 5.7142857143rem;
      height: 5.7142857143rem;
      border-radius: 0.7142857143rem;
      padding-top: 0.7142857143rem;
      left: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-date {
      width: 7.2727272727rem;
      height: 7.2727272727rem;
      border-radius: 0.9090909091rem;
      padding-top: 0.9090909091rem;
      left: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-date {
      width: 7.2727272727rem;
      height: 7.2727272727rem;
      border-radius: 0.9090909091rem;
      padding-top: 0.9090909091rem;
      left: 1.8181818182rem;
    }
  }
  .lab-mod-04 .cont-scroll .box-s .box-title .title-date .date-01 {
    font-size: calc(100vw * 28 / 1920);
    line-height: calc(100vw * 32 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-date .date-01 {
      font-size: 2rem;
      line-height: 2.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-date .date-01 {
      font-size: 2.5454545455rem;
      line-height: 2.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-date .date-01 {
      font-size: 2.5454545455rem;
      line-height: 2.9090909091rem;
    }
  }
  .lab-mod-04 .cont-scroll .box-s .box-title .title-date .date-02 {
    line-height: calc(100vw * 22 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-date .date-02 {
      line-height: 1.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-date .date-02 {
      line-height: 2rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-date .date-02 {
      line-height: 2rem;
    }
  }
  .lab-mod-04 .cont-scroll .box-s .box-title .title-s {
    color: #fff;
    font-size: calc(100vw * 18 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 62 / 1920);
    line-height: calc(100vw * 62 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-s {
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-s {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-s {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-s {
      height: 4.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-s {
      height: 5.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-s {
      height: 5.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-s {
      line-height: 4.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-s {
      line-height: 5.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-s {
      line-height: 5.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .cont-scroll .box-s .box-title .title-s {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .lab-mod-04 .work-page {
    left: auto;
    width: auto;
    right: calc(100vw * 30 / 1920);
    bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .work-page {
      right: 2.1428571429rem;
      bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .work-page {
      right: 2.7272727273rem;
      bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .work-page {
      right: 2.7272727273rem;
      bottom: 1.8181818182rem;
    }
  }
  .lab-mod-04 .work-page .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 0.6;
    border-radius: 6px;
    width: calc(100vw * 12 / 1920);
    height: calc(100vw * 12 / 1920);
    border-radius: calc(100vw * 6 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .work-page .swiper-pagination-bullet {
      width: 0.8571428571rem;
      height: 0.8571428571rem;
      border-radius: 0.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .work-page .swiper-pagination-bullet {
      width: 1.0909090909rem;
      height: 1.0909090909rem;
      border-radius: 0.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .work-page .swiper-pagination-bullet {
      width: 1.0909090909rem;
      height: 1.0909090909rem;
      border-radius: 0.5454545455rem;
    }
  }
  .lab-mod-04 .work-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: calc(100vw * 26 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .work-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .work-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .work-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 2.3636363636rem;
    }
  }
  .lab-mod-04 .work-list .box-s {
    border-bottom-style: dashed;
    position: relative;
    padding-bottom: calc(100vw * 17 / 1920);
    margin-bottom: calc(100vw * 22 / 1920);
    border-bottom-width: calc(100vw * 1 / 1920);
  }
  .lab-mod-04 .work-list .box-s:hover::after {
    width: 100%;
  }
  .lab-mod-04 .work-list .box-s::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 0;
    height: calc(100vw * 1 / 1920);
    bottom: calc(100vw * -1 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .work-list .box-s::after {
      height: 0.0714285714rem;
      bottom: -0.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .work-list .box-s::after {
      height: 0.0909090909rem;
      bottom: -0.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .work-list .box-s::after {
      height: 0.0909090909rem;
      bottom: -0.0909090909rem;
    }
  }
  .lab-mod-04 .work-list .box-s:last-child {
    margin-bottom: 0;
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .work-list .box-s {
      padding-bottom: 1.2142857143rem;
      margin-bottom: 1.5714285714rem;
      border-bottom-width: 0.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .work-list .box-s {
      padding-bottom: 1.5454545455rem;
      margin-bottom: 2rem;
      border-bottom-width: 0.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .work-list .box-s {
      padding-bottom: 1.5454545455rem;
      margin-bottom: 2rem;
      border-bottom-width: 0.0909090909rem;
    }
  }
  .lab-mod-04 .work-list .box-s .box-date {
    line-height: 1;
    margin-bottom: calc(100vw * 10 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .work-list .box-s .box-date {
      margin-bottom: 0.7142857143rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .work-list .box-s .box-date {
      margin-bottom: 0.9090909091rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .work-list .box-s .box-date {
      margin-bottom: 0.9090909091rem;
      font-size: 1.4545454545rem;
    }
  }
  .lab-mod-04 .work-list .box-s .box-date span {
    font-size: calc(100vw * 26 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .work-list .box-s .box-date span {
      font-size: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .work-list .box-s .box-date span {
      font-size: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .work-list .box-s .box-date span {
      font-size: 2.3636363636rem;
    }
  }
  .lab-mod-04 .work-list .box-s .box-title {
    position: relative;
    padding-right: calc(100vw * 70 / 1920);
    min-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .work-list .box-s .box-title {
      padding-right: 5rem;
      min-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .work-list .box-s .box-title {
      padding-right: 6.3636363636rem;
      min-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .work-list .box-s .box-title {
      padding-right: 6.3636363636rem;
      min-height: 2.7272727273rem;
    }
  }
  .lab-mod-04 .work-list .box-s .a-title {
    color: #333333;
    font-size: calc(100vw * 18 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 30 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .work-list .box-s .a-title {
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .work-list .box-s .a-title {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .work-list .box-s .a-title {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .work-list .box-s .a-title {
      height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .work-list .box-s .a-title {
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .work-list .box-s .a-title {
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .work-list .box-s .a-title {
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .work-list .box-s .a-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .work-list .box-s .a-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .work-list .box-s .a-title {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .lab-mod-04 .work-list .box-s .a-more {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-size: contain !important;
    width: calc(100vw * 24 / 1920);
    height: calc(100vw * 24 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-04 .work-list .box-s .a-more {
      width: 1.7142857143rem;
      height: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-04 .work-list .box-s .a-more {
      width: 2.1818181818rem;
      height: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-04 .work-list .box-s .a-more {
      width: 2.1818181818rem;
      height: 2.1818181818rem;
    }
  }
  
  @media (min-width: 1200px) {
    .lab-mod-04 .row-w {
      margin-left: calc(100vw * -32 / 1920);
      margin-right: calc(100vw * -32 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .lab-mod-04 .row-w {
      margin-left: -2.2857142857rem;
      margin-right: -2.2857142857rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    .lab-mod-04 .row-w {
      margin-left: -2.9090909091rem;
      margin-right: -2.9090909091rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    .lab-mod-04 .row-w {
      margin-left: -2.9090909091rem;
      margin-right: -2.9090909091rem;
    }
  }
  @media (min-width: 1200px) {
    .lab-mod-04 .row-w .col-w {
      padding-left: calc(100vw * 32 / 1920);
      padding-right: calc(100vw * 32 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .lab-mod-04 .row-w .col-w {
      padding-left: 2.2857142857rem;
      padding-right: 2.2857142857rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    .lab-mod-04 .row-w .col-w {
      padding-left: 2.9090909091rem;
      padding-right: 2.9090909091rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    .lab-mod-04 .row-w .col-w {
      padding-left: 2.9090909091rem;
      padding-right: 2.9090909091rem;
    }
  }
  .lab-mod-05.lab-swdfz .cont-scroll .box-s {
    background-image: url(ibpzw2024-icon-61.png);
  }
  .lab-mod-05.lab-swdfz .cont-scroll .box-s:hover .box-info .info-title {
    color: #4B3FC2;
  }
  .lab-mod-05.lab-swdfz .activity-page .swiper-pagination-bullet {
    background-color: #4B3FC2;
  }
  .lab-mod-05.lab-swdfz .activity-list .box-s {
    border-bottom: 1px dashed rgba(169, 142, 119, 0.4);
  }
  .lab-mod-05.lab-swdfz .activity-list .box-s .box-date .date-01 {
    color: #4B3FC2;
  }
  .lab-mod-05.lab-swdfz .activity-list .box-s .box-date .date-02 {
    background-color: #4B3FC2;
  }
  .lab-mod-05.lab-swdfz .activity-list .box-s .box-info .box-bgr {
    color: #CB888C;
  }
  .lab-mod-05.lab-swdfz .activity-list .box-s:hover .box-info .box-title {
    color: #4B3FC2;
  }
  .lab-mod-05.lab-rzkx .cont-scroll .box-s {
    background-image: url(ibpzw2024-icon-68.png);
  }
  .lab-mod-05.lab-rzkx .cont-scroll .box-s:hover .box-info .info-title {
    color: #2F4992;
  }
  .lab-mod-05.lab-rzkx .activity-page .swiper-pagination-bullet {
    background-color: #2F4992;
  }
  .lab-mod-05.lab-rzkx .activity-list .box-s {
    border-bottom: 1px dashed rgba(47, 73, 146, 0.3);
  }
  .lab-mod-05.lab-rzkx .activity-list .box-s .box-date .date-01 {
    color: #2F4992;
  }
  .lab-mod-05.lab-rzkx .activity-list .box-s .box-date .date-02 {
    background-color: #2F4992;
  }
  .lab-mod-05.lab-rzkx .activity-list .box-s .box-info .box-bgr {
    color: #97A4C8;
  }
  .lab-mod-05.lab-rzkx .activity-list .box-s:hover .box-info .box-title {
    color: #2F4992;
  }
  .lab-mod-05.lab-bxyc .cont-scroll .box-s {
    background-image: url(ibpzw2024-icon-72.png);
  }
  .lab-mod-05.lab-bxyc .cont-scroll .box-s:hover .box-info .info-title {
    color: #0C6E71;
  }
  .lab-mod-05.lab-bxyc .activity-page .swiper-pagination-bullet {
    background-color: #0C6E71;
  }
  .lab-mod-05.lab-bxyc .activity-list .box-s {
    border-bottom: 1px dashed rgba(47, 73, 146, 0.3);
  }
  .lab-mod-05.lab-bxyc .activity-list .box-s .box-date .date-01 {
    color: #0C6E71;
  }
  .lab-mod-05.lab-bxyc .activity-list .box-s .box-date .date-02 {
    background-color: #0C6E71;
  }
  .lab-mod-05.lab-bxyc .activity-list .box-s .box-info .box-bgr {
    color: #84AFB0;
  }
  .lab-mod-05.lab-bxyc .activity-list .box-s:hover .box-info .box-title {
    color: #0C6E71;
  }
  .lab-mod-05 .cont-scroll .box-s {
    position: relative;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: bottom 0 right 25px;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
    padding: calc(100vw * 30 / 1920) calc(100vw * 30 / 1920) calc(100vw * 0 / 1920) calc(100vw * 30 / 1920);
    height: calc(100vw * 330 / 1920);
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .cont-scroll .box-s {
      border-radius: 0.7142857143rem;
      padding: 2.1428571429rem 2.1428571429rem 0rem 2.1428571429rem;
      height: 23.5714285714rem;
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .cont-scroll .box-s {
      border-radius: 0.9090909091rem;
      padding: 2.7272727273rem 2.7272727273rem 0rem 2.7272727273rem;
      height: 30rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .cont-scroll .box-s {
      border-radius: 0.9090909091rem;
      padding: 2.7272727273rem 2.7272727273rem 0rem 2.7272727273rem;
      height: 30rem;
      margin-bottom: 2.7272727273rem;
    }
  }
  .lab-mod-05 .cont-scroll .box-s .box-img {
    overflow: hidden;
    float: left;
    border-radius: 10px;
    width: calc(100vw * 230 / 1920);
    border-radius: calc(100vw * 10 / 1920);
    margin-right: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .cont-scroll .box-s .box-img {
      width: 16.4285714286rem;
      border-radius: 0.7142857143rem;
      margin-right: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .cont-scroll .box-s .box-img {
      width: 20.9090909091rem;
      border-radius: 0.9090909091rem;
      margin-right: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .cont-scroll .box-s .box-img {
      width: 20.9090909091rem;
      border-radius: 0.9090909091rem;
      margin-right: 3.6363636364rem;
    }
  }
  .lab-mod-05 .cont-scroll .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 330 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .cont-scroll .box-s .box-img img {
      height: 23.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .cont-scroll .box-s .box-img img {
      height: 30rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .cont-scroll .box-s .box-img img {
      height: 30rem;
    }
  }
  .lab-mod-05 .cont-scroll .box-s .box-info {
    overflow: hidden;
    padding-top: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .cont-scroll .box-s .box-info {
      padding-top: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .cont-scroll .box-s .box-info {
      padding-top: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .cont-scroll .box-s .box-info {
      padding-top: 1.8181818182rem;
    }
  }
  .lab-mod-05 .cont-scroll .box-s .box-info .info-title {
    color: #333333;
    margin-bottom: calc(100vw * 45 / 1920);
    font-size: calc(100vw * 18 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: calc(100vw * 96 / 1920);
    line-height: calc(100vw * 32 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-title {
      margin-bottom: 3.2142857143rem;
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-title {
      margin-bottom: 4.0909090909rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-title {
      margin-bottom: 4.0909090909rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-title {
      height: 6.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-title {
      height: 8.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-title {
      height: 8.7272727273rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-title {
      line-height: 2.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-title {
      line-height: 2.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-title {
      line-height: 2.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-title {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  .lab-mod-05 .cont-scroll .box-s .box-info .info-txt {
    color: #999999;
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-txt {
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-txt {
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-txt {
      font-size: 1.4545454545rem;
    }
  }
  .lab-mod-05 .cont-scroll .box-s .box-info .info-txt > div {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 30 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-txt > div {
      height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-txt > div {
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-txt > div {
      height: 2.7272727273rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-txt > div {
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-txt > div {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-txt > div {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .cont-scroll .box-s .box-info .info-txt > div {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .lab-mod-05 .activity-page {
    left: auto;
    width: auto;
    right: calc(100vw * 30 / 1920);
    bottom: calc(100vw * 70 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .activity-page {
      right: 2.1428571429rem;
      bottom: 5rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .activity-page {
      right: 2.7272727273rem;
      bottom: 6.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .activity-page {
      right: 2.7272727273rem;
      bottom: 6.3636363636rem;
    }
  }
  .lab-mod-05 .activity-page .swiper-pagination-bullet {
    opacity: 0.5;
    border-radius: 6px;
    width: calc(100vw * 12 / 1920);
    height: calc(100vw * 12 / 1920);
    border-radius: calc(100vw * 6 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .activity-page .swiper-pagination-bullet {
      width: 0.8571428571rem;
      height: 0.8571428571rem;
      border-radius: 0.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .activity-page .swiper-pagination-bullet {
      width: 1.0909090909rem;
      height: 1.0909090909rem;
      border-radius: 0.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .activity-page .swiper-pagination-bullet {
      width: 1.0909090909rem;
      height: 1.0909090909rem;
      border-radius: 0.5454545455rem;
    }
  }
  .lab-mod-05 .activity-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: calc(100vw * 26 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .activity-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .activity-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .activity-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 2.3636363636rem;
    }
  }
  .lab-mod-05 .activity-list .box-s {
    padding-bottom: calc(100vw * 16 / 1920);
    margin-bottom: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .activity-list .box-s {
      padding-bottom: 1.1428571429rem;
      margin-bottom: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .activity-list .box-s {
      padding-bottom: 1.4545454545rem;
      margin-bottom: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .activity-list .box-s {
      padding-bottom: 1.4545454545rem;
      margin-bottom: 1.4545454545rem;
    }
  }
  .lab-mod-05 .activity-list .box-s .box-date {
    float: left;
    text-align: center;
    width: calc(100vw * 60 / 1920);
    margin-right: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .activity-list .box-s .box-date {
      width: 4.2857142857rem;
      margin-right: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .activity-list .box-s .box-date {
      width: 5.4545454545rem;
      margin-right: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .activity-list .box-s .box-date {
      width: 5.4545454545rem;
      margin-right: 2.7272727273rem;
    }
  }
  .lab-mod-05 .activity-list .box-s .box-date .date-01 {
    font-weight: bold;
    font-size: calc(100vw * 20 / 1920);
    height: calc(100vw * 26 / 1920);
    line-height: calc(100vw * 26 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .activity-list .box-s .box-date .date-01 {
      font-size: 1.4285714286rem;
      height: 1.8571428571rem;
      line-height: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .activity-list .box-s .box-date .date-01 {
      font-size: 1.8181818182rem;
      height: 2.3636363636rem;
      line-height: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .activity-list .box-s .box-date .date-01 {
      font-size: 1.8181818182rem;
      height: 2.3636363636rem;
      line-height: 2.3636363636rem;
    }
  }
  .lab-mod-05 .activity-list .box-s .box-date .date-02 {
    color: #fff;
    height: calc(100vw * 22 / 1920);
    line-height: calc(100vw * 22 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .activity-list .box-s .box-date .date-02 {
      height: 1.5714285714rem;
      line-height: 1.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .activity-list .box-s .box-date .date-02 {
      height: 2rem;
      line-height: 2rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .activity-list .box-s .box-date .date-02 {
      height: 2rem;
      line-height: 2rem;
    }
  }
  .lab-mod-05 .activity-list .box-s .box-info {
    overflow: hidden;
  }
  .lab-mod-05 .activity-list .box-s .box-info .box-title {
    color: #333333;
    margin-bottom: calc(100vw * 10 / 1920);
    font-size: calc(100vw * 16 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(100vw * 52 / 1920);
    line-height: calc(100vw * 26 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .activity-list .box-s .box-info .box-title {
      margin-bottom: 0.7142857143rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .activity-list .box-s .box-info .box-title {
      margin-bottom: 0.9090909091rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .activity-list .box-s .box-info .box-title {
      margin-bottom: 0.9090909091rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .activity-list .box-s .box-info .box-title {
      height: 3.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .activity-list .box-s .box-info .box-title {
      height: 4.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .activity-list .box-s .box-info .box-title {
      height: 4.7272727273rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-05 .activity-list .box-s .box-info .box-title {
      line-height: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-05 .activity-list .box-s .box-info .box-title {
      line-height: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .activity-list .box-s .box-info .box-title {
      line-height: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-05 .activity-list .box-s .box-info .box-title {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  
  @media (min-width: 1200px) {
    .lab-mod-05 .row-w, .lab-mod-wrap .row-w, .lab-mod-09 .row-w {
      margin-left: calc(100vw * -30 / 1920);
      margin-right: calc(100vw * -30 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .lab-mod-05 .row-w, .lab-mod-wrap .row-w, .lab-mod-09 .row-w {
      margin-left: -2.1428571429rem;
      margin-right: -2.1428571429rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    .lab-mod-05 .row-w, .lab-mod-wrap .row-w, .lab-mod-09 .row-w {
      margin-left: -2.7272727273rem;
      margin-right: -2.7272727273rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    .lab-mod-05 .row-w, .lab-mod-wrap .row-w, .lab-mod-09 .row-w {
      margin-left: -2.7272727273rem;
      margin-right: -2.7272727273rem;
    }
  }
  @media (min-width: 1200px) {
    .lab-mod-05 .row-w .col-w, .lab-mod-wrap .row-w .col-w, .lab-mod-09 .row-w .col-w {
      padding-left: calc(100vw * 30 / 1920);
      padding-right: calc(100vw * 30 / 1920);
    }
    .index-news-boxs .index-imgs{
      border-radius: calc(100vw * 10 / 1920);
      overflow: hidden;
    }
    .index-news-boxs .index-imgs a{
      display: block;
      border-radius: calc(100vw * 10 / 1920);
      overflow: hidden;
    }
    .index-news-boxs .index-imgs img{
      min-height: calc(100vw * 450 / 1920);
      object-fit: cover;
    }
    .index-news-boxs .index-now-boxs a{
      display: block;
      border-radius: calc(100vw * 10 / 1920);
      overflow: hidden;
    }
    .index-news-boxs .index-now-boxs img{
      min-height: calc(100vw * 215 / 1920);
      max-height: calc(100vw * 215 / 1920);
      width: 100%;
      object-fit: cover;
      border-radius: calc(100vw * 5 / 1920);
    }
  }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .lab-mod-05 .row-w .col-w, .lab-mod-wrap .row-w .col-w, .lab-mod-09 .row-w .col-w {
      padding-left: 2.1428571429rem;
      padding-right: 2.1428571429rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 991px) {
    .lab-mod-05 .row-w .col-w, .lab-mod-wrap .row-w .col-w, .lab-mod-09 .row-w .col-w {
      padding-left: 2.7272727273rem;
      padding-right: 2.7272727273rem;
    }
  }
  @media (min-width: 1200px) and (max-width: 767px) {
    .lab-mod-05 .row-w .col-w, .lab-mod-wrap .row-w .col-w, .lab-mod-09 .row-w .col-w {
      padding-left: 2.7272727273rem;
      padding-right: 2.7272727273rem;
    }
  }
  @media (min-width: 992px) {
    .lab-mod-05 .col-md-8 {
      width: 62%;
    }
    .lab-mod-05 .col-md-4 {
      width: 38%;
    }
  }
  .lab-mod-06.lab-swdfz .box-s {
    background-image: url(ibpzw2024-icon-62.png);
  }
  .lab-mod-06.lab-swdfz .box-s .box-date {
    background: #4B3FC2;
  }
  .lab-mod-06.lab-swdfz .box-s:hover .box-title {
    color: #4B3FC2;
  }
  .lab-mod-06.lab-rzkx .box-s {
    background-image: url(ibpzw2024-icon-69.png);
  }
  .lab-mod-06.lab-rzkx .box-s .box-date {
    background: #2F4992;
  }
  .lab-mod-06.lab-rzkx .box-s:hover .box-title {
    color: #2F4992;
  }
  .lab-mod-06.lab-bxyc .box-s {
    background-image: url(ibpzw2024-icon-74.png);
  }
  .lab-mod-06.lab-bxyc .box-s .box-date {
    background: #0C6E71;
  }
  .lab-mod-06.lab-bxyc .box-s:hover .box-title {
    color: #0C6E71;
  }
  .lab-mod-06 .box-s {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: bottom left;
    position: relative;
    border-radius: calc(100vw * 10 / 1920);
    height: calc(100vw * 176 / 1920);
    padding: calc(100vw * 50 / 1920) calc(100vw * 40 / 1920) calc(100vw * 20 / 1920) calc(100vw * 40 / 1920);
    background-size: calc(100vw * 620 / 1920);
    margin-bottom: calc(100vw * 50 / 1920);
  }
  .lab-mod-06 .box-s:first-child {
    margin-top: calc(100vw * 55 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-06 .box-s:first-child {
      margin-top: 3.9285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-06 .box-s:first-child {
      margin-top: 5rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-06 .box-s:first-child {
      margin-top: 5rem;
    }
  }
  .lab-mod-06 .box-s:last-child {
    margin-bottom: 0;
  }
  @media (max-width: 1199px) {
    .lab-mod-06 .box-s {
      border-radius: 0.7142857143rem;
      height: 12.5714285714rem;
      padding: 3.5714285714rem 2.8571428571rem 1.4285714286rem 2.8571428571rem;
      background-size: 44.2857142857rem;
      margin-bottom: 3.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-06 .box-s {
      border-radius: 0.9090909091rem;
      height: 16rem;
      padding: 4.5454545455rem 3.6363636364rem 1.8181818182rem 3.6363636364rem;
      background-size: 56.3636363636rem;
      margin-bottom: 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-06 .box-s {
      border-radius: 0.9090909091rem;
      height: 16rem;
      padding: 4.5454545455rem 3.6363636364rem 1.8181818182rem 3.6363636364rem;
      background-size: 56.3636363636rem;
      margin-bottom: 4.5454545455rem;
    }
  }
  .lab-mod-06 .box-s .box-date {
    position: absolute;
    color: #fff;
    border-radius: 6px;
    text-align: center;
    left: calc(100vw * 30 / 1920);
    width: calc(100vw * 160 / 1920);
    height: calc(100vw * 40 / 1920);
    line-height: calc(100vw * 40 / 1920);
    border-radius: calc(100vw * 6 / 1920);
    font-size: calc(100vw * 18 / 1920);
    top: calc(100vw * -20 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-06 .box-s .box-date {
      left: 2.1428571429rem;
      width: 11.4285714286rem;
      height: 2.8571428571rem;
      line-height: 2.8571428571rem;
      border-radius: 0.4285714286rem;
      font-size: 1.2857142857rem;
      top: -1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-06 .box-s .box-date {
      left: 2.7272727273rem;
      width: 14.5454545455rem;
      height: 3.6363636364rem;
      line-height: 3.6363636364rem;
      border-radius: 0.5454545455rem;
      font-size: 1.6363636364rem;
      top: -1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-06 .box-s .box-date {
      left: 2.7272727273rem;
      width: 14.5454545455rem;
      height: 3.6363636364rem;
      line-height: 3.6363636364rem;
      border-radius: 0.5454545455rem;
      font-size: 1.6363636364rem;
      top: -1.8181818182rem;
    }
  }
  .lab-mod-06 .box-s .box-title {
    color: #333333;
    font-size: calc(100vw * 18 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(100vw * 60 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-06 .box-s .box-title {
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-06 .box-s .box-title {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-06 .box-s .box-title {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-06 .box-s .box-title {
      height: 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-06 .box-s .box-title {
      height: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-06 .box-s .box-title {
      height: 5.4545454545rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-06 .box-s .box-title {
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-06 .box-s .box-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-06 .box-s .box-title {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-06 .box-s .box-title {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  
  .lab-mod-07 {
    background: url(ibpzw2024-icon-63.png) no-repeat bottom center #FFFFFF;
    background-size: contain;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    color: #333333;
    text-align: justify;
    height: calc(100vw * 430 / 1920);
    border-radius: calc(100vw * 10 / 1920);
    padding: calc(100vw * 55 / 1920) calc(100vw * 50 / 1920) calc(100vw * 20 / 1920) calc(100vw * 50 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-07 {
      height: 30.7142857143rem;
      border-radius: 0.7142857143rem;
      padding: 3.9285714286rem 3.5714285714rem 1.4285714286rem 3.5714285714rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-07 {
      height: 39.0909090909rem;
      border-radius: 0.9090909091rem;
      padding: 5rem 4.5454545455rem 1.8181818182rem 4.5454545455rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-07 {
      height: 39.0909090909rem;
      border-radius: 0.9090909091rem;
      padding: 5rem 4.5454545455rem 1.8181818182rem 4.5454545455rem;
      font-size: 1.4545454545rem;
    }
  }
  .lab-mod-07 .cont-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    height: calc(100vw * 320 / 1920);
    line-height: calc(100vw * 32 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-07 .cont-txt {
      height: 22.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-07 .cont-txt {
      height: 29.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-07 .cont-txt {
      height: 29.0909090909rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-07 .cont-txt {
      line-height: 2.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-07 .cont-txt {
      line-height: 2.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-07 .cont-txt {
      line-height: 2.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-07 .cont-txt {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  
  .lab-mod-08 .box-s {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-08 .box-s {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-08 .box-s {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-08 .box-s {
      border-radius: 0.9090909091rem;
    }
  }
  .lab-mod-08 .box-s:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .lab-mod-08 .box-s img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 215 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-08 .box-s img {
      height: 15.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-08 .box-s img {
      height: 19.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-08 .box-s img {
      height: 19.5454545455rem;
    }
  }
  .lab-mod-08 .box-s .box-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    text-align: center;
    height: calc(100vw * 70 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-08 .box-s .box-title {
      height: 5rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-08 .box-s .box-title {
      height: 6.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-08 .box-s .box-title {
      height: 6.3636363636rem;
    }
  }
  .lab-mod-08 .box-s .box-title a {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    padding-left: calc(100vw * 15 / 1920);
    padding-right: calc(100vw * 15 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 40 / 1920);
    line-height: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-08 .box-s .box-title a {
      padding-left: 1.0714285714rem;
      padding-right: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-08 .box-s .box-title a {
      padding-left: 1.3636363636rem;
      padding-right: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-08 .box-s .box-title a {
      padding-left: 1.3636363636rem;
      padding-right: 1.3636363636rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-08 .box-s .box-title a {
      height: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-08 .box-s .box-title a {
      height: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-08 .box-s .box-title a {
      height: 3.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-08 .box-s .box-title a {
      line-height: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-08 .box-s .box-title a {
      line-height: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-08 .box-s .box-title a {
      line-height: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-08 .box-s .box-title a {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  
  .lab-mod-09 .box-s {
    margin-bottom: calc(100vw * 60 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-09 .box-s {
      margin-bottom: 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-09 .box-s {
      margin-bottom: 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-09 .box-s {
      margin-bottom: 5.4545454545rem;
    }
  }
  .lab-mod-09 .box-s:nth-child(2n+1) .box-img {
    position: relative;
    border-radius: calc(100vw * 10 / 1920);
    padding-left: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-09 .box-s:nth-child(2n+1) .box-img {
      border-radius: 0.7142857143rem;
      padding-left: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-09 .box-s:nth-child(2n+1) .box-img {
      border-radius: 0.9090909091rem;
      padding-left: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-09 .box-s:nth-child(2n+1) .box-img {
      border-radius: 0.9090909091rem;
      padding-left: 1.8181818182rem;
    }
  }
  .lab-mod-09 .box-s:nth-child(2n+1) .box-img::after {
    left: 0;
  }
  .lab-mod-09 .box-s:nth-child(2n) .box-img {
    position: relative;
    padding-right: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-09 .box-s:nth-child(2n) .box-img {
      padding-right: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-09 .box-s:nth-child(2n) .box-img {
      padding-right: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-09 .box-s:nth-child(2n) .box-img {
      padding-right: 1.8181818182rem;
    }
  }
  .lab-mod-09 .box-s:nth-child(2n) .box-img::after {
    right: 0;
  }
  .lab-mod-09 .box-s:hover .box-info .public-groups-title .groups-name {
    color: #A88E77;
  }
  .lab-mod-09 .box-s .box-img {
    position: relative;
    padding-top: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-09 .box-s .box-img {
      padding-top: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-09 .box-s .box-img {
      padding-top: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-09 .box-s .box-img {
      padding-top: 1.8181818182rem;
    }
  }
  .lab-mod-09 .box-s .box-img::after {
    content: "";
    position: absolute;
    top: 0;
    background: #A88E77;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    height: calc(100vw * 338 / 1920);
    width: calc(100vw * 202 / 1920);
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-09 .box-s .box-img::after {
      height: 24.1428571429rem;
      width: 14.4285714286rem;
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-09 .box-s .box-img::after {
      height: 30.7272727273rem;
      width: 18.3636363636rem;
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-09 .box-s .box-img::after {
      height: 30.7272727273rem;
      width: 18.3636363636rem;
      border-radius: 0.9090909091rem;
    }
  }
  .lab-mod-09 .box-s .box-img img {
    display: block;
    position: relative;
    z-index: 9;
    width: 100%;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-09 .box-s .box-img img {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-09 .box-s .box-img img {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-09 .box-s .box-img img {
      border-radius: 0.9090909091rem;
    }
  }
  .lab-mod-09 .box-s .box-info {
    overflow: hidden;
    text-align: justify;
    padding-top: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-09 .box-s .box-info {
      padding-top: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-09 .box-s .box-info {
      padding-top: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-09 .box-s .box-info {
      padding-top: 2.7272727273rem;
    }
  }
  .lab-mod-09 .box-s .box-info .info-cont {
    color: #333333;
    line-height: 2;
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-09 .box-s .box-info .info-cont {
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-09 .box-s .box-info .info-cont {
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-09 .box-s .box-info .info-cont {
      font-size: 1.4545454545rem;
    }
  }
  
  .list-img-txt .box-s {
    margin-bottom: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt .box-s {
      margin-bottom: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt .box-s {
      margin-bottom: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt .box-s {
      margin-bottom: 3.6363636364rem;
    }
  }
  .list-img-txt .box-s:last-child {
    margin-bottom: 0;
  }
  .list-img-txt .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .list-img-txt .box-s:hover .box-info .info-title {
    color: #4B3FC2;
  }
  .list-img-txt .box-s .box-img {
    float: left;
    overflow: hidden;
    border-radius: 10px;
    width: calc(100vw * 340 / 1920);
    margin-right: calc(100vw * 30 / 1920);
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt .box-s .box-img {
      width: 24.2857142857rem;
      margin-right: 2.1428571429rem;
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt .box-s .box-img {
      width: 30.9090909091rem;
      margin-right: 2.7272727273rem;
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt .box-s .box-img {
      width: 30.9090909091rem;
      margin-right: 2.7272727273rem;
      border-radius: 0.9090909091rem;
    }
  }
  .list-img-txt .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .list-img-txt .box-s .box-info {
    overflow: hidden;
    padding-top: calc(100vw * 5 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt .box-s .box-info {
      padding-top: 0.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt .box-s .box-info {
      padding-top: 0.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt .box-s .box-info {
      padding-top: 0.4545454545rem;
    }
  }
  .list-img-txt .box-s .box-info .info-title {
    color: #333;
    font-weight: bold;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 46 / 1920);
    line-height: calc(100vw * 46 / 1920);
    margin-bottom: calc(100vw * 5 / 1920);
    font-size: calc(100vw * 18 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt .box-s .box-info .info-title {
      height: 3.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt .box-s .box-info .info-title {
      height: 4.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt .box-s .box-info .info-title {
      height: 4.1818181818rem;
    }
  }
  @media (max-width: 1199px) {
    .list-img-txt .box-s .box-info .info-title {
      line-height: 3.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt .box-s .box-info .info-title {
      line-height: 4.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt .box-s .box-info .info-title {
      line-height: 4.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt .box-s .box-info .info-title {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  @media (max-width: 1199px) {
    .list-img-txt .box-s .box-info .info-title {
      margin-bottom: 0.3571428571rem;
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt .box-s .box-info .info-title {
      margin-bottom: 0.4545454545rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt .box-s .box-info .info-title {
      margin-bottom: 0.4545454545rem;
      font-size: 1.6363636364rem;
    }
  }
  .list-img-txt .box-s .box-info .info-txt {
    color: #999999;
    text-align: justify;
    font-size: calc(100vw * 15 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: calc(100vw * 30 / 1920);
    max-height: calc(100vw * 90 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt .box-s .box-info .info-txt {
      font-size: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt .box-s .box-info .info-txt {
      font-size: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt .box-s .box-info .info-txt {
      font-size: 1.3636363636rem;
    }
  }
  @media (max-width: 1199px) {
    .list-img-txt .box-s .box-info .info-txt {
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt .box-s .box-info .info-txt {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt .box-s .box-info .info-txt {
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 1199px) {
    .list-img-txt .box-s .box-info .info-txt {
      max-height: 6.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt .box-s .box-info .info-txt {
      max-height: 8.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt .box-s .box-info .info-txt {
      max-height: 8.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt .box-s .box-info .info-txt {
      max-height: none;
      line-height: 1.6;
    }
  }
  .list-img-txt .box-s .box-info .info-date {
    color: #4B3FC2;
    line-height: 1.4;
    margin-top: calc(100vw * 10 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .list-img-txt .box-s .box-info .info-date {
      margin-top: 0.7142857143rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-img-txt .box-s .box-info .info-date {
      margin-top: 0.9090909091rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .list-img-txt .box-s .box-info .info-date {
      margin-top: 0.9090909091rem;
      font-size: 1.4545454545rem;
    }
  }
  
  .about-mod-01 {
    overflow: hidden;
  }
  .about-mod-01 .mod-img {
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-01 .mod-img {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-01 .mod-img {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-01 .mod-img {
      border-radius: 0.9090909091rem;
    }
  }
  .about-mod-01 .mod-img img {
    display: block;
    width: 100%;
  }
  .about-mod-01 .mod-info {
    position: relative;
    padding-top: calc(100vw * 30 / 1920);
    padding-left: calc(100vw * 30 / 1920);
    margin-left: calc(100vw * -260 / 1920);
    margin-top: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-01 .mod-info {
      padding-top: 2.1428571429rem;
      padding-left: 2.1428571429rem;
      margin-left: -18.5714285714rem;
      margin-top: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-01 .mod-info {
      padding-top: 2.7272727273rem;
      padding-left: 2.7272727273rem;
      margin-left: -23.6363636364rem;
      margin-top: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-01 .mod-info {
      padding-top: 2.7272727273rem;
      padding-left: 2.7272727273rem;
      margin-left: -23.6363636364rem;
      margin-top: 2.7272727273rem;
    }
  }
  .about-mod-01 .mod-info::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: #4B3FC2;
    border-radius: 6px;
    border-radius: calc(100vw * 6 / 1920);
    width: calc(100vw * 578 / 1920);
    height: calc(100vw * 380 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-01 .mod-info::after {
      border-radius: 0.4285714286rem;
      width: 41.2857142857rem;
      height: 27.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-01 .mod-info::after {
      border-radius: 0.5454545455rem;
      width: 52.5454545455rem;
      height: 34.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-01 .mod-info::after {
      border-radius: 0.5454545455rem;
      width: 52.5454545455rem;
      height: 34.5454545455rem;
    }
  }
  .about-mod-01 .mod-info .info-cont {
    position: relative;
    z-index: 2;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    color: #333333;
    text-align: justify;
    padding: calc(100vw * 65 / 1920) calc(100vw * 50 / 1920);
    border-radius: calc(100vw * 10 / 1920);
    font-size: calc(100vw * 16 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-01 .mod-info .info-cont {
      padding: 4.6428571429rem 3.5714285714rem;
      border-radius: 0.7142857143rem;
      font-size: 1.1428571429rem;
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-01 .mod-info .info-cont {
      padding: 5.9090909091rem 4.5454545455rem;
      border-radius: 0.9090909091rem;
      font-size: 1.4545454545rem;
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-01 .mod-info .info-cont {
      padding: 5.9090909091rem 4.5454545455rem;
      border-radius: 0.9090909091rem;
      font-size: 1.4545454545rem;
      line-height: 2.7272727273rem;
    }
  }
  .about-mod-01 .mod-info .info-cont > div, .about-mod-01 .mod-info .info-cont > p {
    text-indent: 2em;
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-01 .mod-info .info-cont > div, .about-mod-01 .mod-info .info-cont > p {
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-01 .mod-info .info-cont > div, .about-mod-01 .mod-info .info-cont > p {
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-01 .mod-info .info-cont > div, .about-mod-01 .mod-info .info-cont > p {
      margin-bottom: 1.8181818182rem;
    }
  }
  .about-mod-01 .mod-info .info-cont > div:last-child, .about-mod-01 .mod-info .info-cont > p:last-child {
    margin-bottom: 0;
  }
  
  .about-mod-02 {
    background: url(ibpzw2024-about-02.png) no-repeat left bottom #F8F8F8;
    background-size: contain;
    overflow: hidden;
  }
  .about-mod-02 .row-w {
    margin-left: calc(100vw * -37 / 1920);
    margin-right: calc(100vw * -37 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-02 .row-w {
      margin-left: -2.6428571429rem;
      margin-right: -2.6428571429rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-02 .row-w {
      margin-left: -3.3636363636rem;
      margin-right: -3.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-02 .row-w {
      margin-left: -3.3636363636rem;
      margin-right: -3.3636363636rem;
    }
  }
  .about-mod-02 .row-w .col-w {
    padding-left: calc(100vw * 37 / 1920);
    padding-right: calc(100vw * 37 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-02 .row-w .col-w {
      padding-left: 2.6428571429rem;
      padding-right: 2.6428571429rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-02 .row-w .col-w {
      padding-left: 3.3636363636rem;
      padding-right: 3.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-02 .row-w .col-w {
      padding-left: 3.3636363636rem;
      padding-right: 3.3636363636rem;
    }
  }
  .about-mod-02 .mod-img {
    overflow: hidden;
  }
  .about-mod-02 .mod-img img {
    display: block;
    width: 100%;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-02 .mod-img img {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-02 .mod-img img {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-02 .mod-img img {
      border-radius: 0.9090909091rem;
    }
  }
  .about-mod-02 .mod-info {
    color: #333333;
    text-align: justify;
    font-size: calc(100vw * 16 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-02 .mod-info {
      font-size: 1.1428571429rem;
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-02 .mod-info {
      font-size: 1.4545454545rem;
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-02 .mod-info {
      font-size: 1.4545454545rem;
      line-height: 2.7272727273rem;
    }
  }
  .about-mod-02 .mod-info > div, .about-mod-02 .mod-info > p {
    text-indent: 2em;
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-02 .mod-info > div, .about-mod-02 .mod-info > p {
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-02 .mod-info > div, .about-mod-02 .mod-info > p {
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-02 .mod-info > div, .about-mod-02 .mod-info > p {
      margin-bottom: 1.8181818182rem;
    }
  }
  .about-mod-02 .mod-info > div:last-child, .about-mod-02 .mod-info > p:last-child {
    margin-bottom: 0;
  }
  
  .about-mod-03 {
    overflow: hidden;
  }
  .about-mod-03 .cont-top {
    margin-bottom: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-03 .cont-top {
      margin-bottom: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-03 .cont-top {
      margin-bottom: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-03 .cont-top {
      margin-bottom: 3.6363636364rem;
    }
  }
  .about-mod-03 .cont-top .row-w {
    margin-left: calc(100vw * -17 / 1920);
    margin-right: calc(100vw * -17 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-03 .cont-top .row-w {
      margin-left: -1.2142857143rem;
      margin-right: -1.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-03 .cont-top .row-w {
      margin-left: -1.5454545455rem;
      margin-right: -1.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-03 .cont-top .row-w {
      margin-left: -1.5454545455rem;
      margin-right: -1.5454545455rem;
    }
  }
  .about-mod-03 .cont-top .row-w .col-w {
    padding-left: calc(100vw * 17 / 1920);
    padding-right: calc(100vw * 17 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-03 .cont-top .row-w .col-w {
      padding-left: 1.2142857143rem;
      padding-right: 1.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-03 .cont-top .row-w .col-w {
      padding-left: 1.5454545455rem;
      padding-right: 1.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-03 .cont-top .row-w .col-w {
      padding-left: 1.5454545455rem;
      padding-right: 1.5454545455rem;
    }
  }
  .about-mod-03 .cont-top .box-s {
    color: #333;
    text-align: center;
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-03 .cont-top .box-s {
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-03 .cont-top .box-s {
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-03 .cont-top .box-s {
      margin-bottom: 2.7272727273rem;
    }
  }
  .about-mod-03 .cont-top .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .about-mod-03 .cont-top .box-s:hover .box-name {
    color: #4B3FC2;
  }
  .about-mod-03 .cont-top .box-s .box-img {
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
    margin-bottom: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-03 .cont-top .box-s .box-img {
      border-radius: 0.7142857143rem;
      margin-bottom: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-03 .cont-top .box-s .box-img {
      border-radius: 0.9090909091rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-03 .cont-top .box-s .box-img {
      border-radius: 0.9090909091rem;
      margin-bottom: 0.9090909091rem;
    }
  }
  .about-mod-03 .cont-top .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 268 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-03 .cont-top .box-s .box-img img {
      height: 19.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-03 .cont-top .box-s .box-img img {
      height: 24.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-03 .cont-top .box-s .box-img img {
      height: 24.3636363636rem;
    }
  }
  .about-mod-03 .cont-top .box-s .box-name {
    font-weight: bold;
    font-size: calc(100vw * 20 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 34 / 1920);
    line-height: calc(100vw * 34 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-03 .cont-top .box-s .box-name {
      font-size: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-03 .cont-top .box-s .box-name {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-03 .cont-top .box-s .box-name {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 1199px) {
    .about-mod-03 .cont-top .box-s .box-name {
      height: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-03 .cont-top .box-s .box-name {
      height: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-03 .cont-top .box-s .box-name {
      height: 3.0909090909rem;
    }
  }
  @media (max-width: 1199px) {
    .about-mod-03 .cont-top .box-s .box-name {
      line-height: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-03 .cont-top .box-s .box-name {
      line-height: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-03 .cont-top .box-s .box-name {
      line-height: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-03 .cont-top .box-s .box-name {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .about-mod-03 .cont-top .box-s .box-job {
    font-size: calc(100vw * 16 / 1920);
    line-height: calc(100vw * 26 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-03 .cont-top .box-s .box-job {
      font-size: 1.1428571429rem;
      line-height: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-03 .cont-top .box-s .box-job {
      font-size: 1.4545454545rem;
      line-height: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-03 .cont-top .box-s .box-job {
      font-size: 1.4545454545rem;
      line-height: 2.3636363636rem;
    }
  }
  .about-mod-03 .cont-btm .box-s a {
    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px;
    color: #FFFFFF;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 200 / 1920);
    border-radius: calc(100vw * 10 / 1920);
    padding: calc(100vw * 40 / 1920) calc(100vw * 60 / 1920);
  }
  .about-mod-03 .cont-btm .box-s a:hover {
    margin-top: -15px;
  }
  @media (max-width: 1199px) {
    .about-mod-03 .cont-btm .box-s a {
      height: 14.2857142857rem;
      border-radius: 0.7142857143rem;
      padding: 2.8571428571rem 4.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-03 .cont-btm .box-s a {
      height: 18.1818181818rem;
      border-radius: 0.9090909091rem;
      padding: 3.6363636364rem 5.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-03 .cont-btm .box-s a {
      height: 18.1818181818rem;
      border-radius: 0.9090909091rem;
      padding: 3.6363636364rem 5.4545454545rem;
    }
  }
  .about-mod-03 .cont-btm .box-s a.box-01 {
    background-color: #988E8F;
    background-image: url(ibpzw2024-about-03.png);
  }
  .about-mod-03 .cont-btm .box-s a.box-02 {
    background-color: #8C726E;
    background-image: url(ibpzw2024-about-04.png);
  }
  .about-mod-03 .cont-btm .box-s a.box-03 {
    background-color: #5C78A7;
    background-image: url(ibpzw2024-about-05.png);
  }
  .about-mod-03 .cont-btm .box-s a .box-title {
    font-size: calc(100vw * 30 / 1920);
    line-height: calc(100vw * 40 / 1920);
    margin-bottom: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-03 .cont-btm .box-s a .box-title {
      font-size: 2.1428571429rem;
      line-height: 2.8571428571rem;
      margin-bottom: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-03 .cont-btm .box-s a .box-title {
      font-size: 2.7272727273rem;
      line-height: 3.6363636364rem;
      margin-bottom: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-03 .cont-btm .box-s a .box-title {
      font-size: 2.7272727273rem;
      line-height: 3.6363636364rem;
      margin-bottom: 3.6363636364rem;
    }
  }
  .about-mod-03 .cont-btm .box-s a .box-more {
    display: inline-block;
    background: url(ibpzw2024-icon-27.png) no-repeat right 0 bottom 3px;
    background-size: calc(100vw * 18 / 1920);
    padding-right: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-03 .cont-btm .box-s a .box-more {
      background-size: 1.2857142857rem;
      padding-right: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-03 .cont-btm .box-s a .box-more {
      background-size: 1.6363636364rem;
      padding-right: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-03 .cont-btm .box-s a .box-more {
      background-size: 1.6363636364rem;
      padding-right: 2.7272727273rem;
    }
  }
  
  .about-wrap {
    overflow: hidden;
    position: relative;
  }
  .about-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    top: 0;
    background: #F8F8F8;
    height: calc(100vw * 360 / 1920);
  }
  @media (max-width: 1199px) {
    .about-wrap::after {
      height: 25.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .about-wrap::after {
      height: 32.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .about-wrap::after {
      height: 32.7272727273rem;
    }
  }
  .about-wrap > div {
    position: relative;
    z-index: 8;
  }
  
  .about-mod-04 {
    overflow: hidden;
    margin-bottom: calc(100vw * 70 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-04 {
      margin-bottom: 5rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-04 {
      margin-bottom: 6.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-04 {
      margin-bottom: 6.3636363636rem;
    }
  }
  .about-mod-04 .main-cont {
    background: #EDF2F8;
    border-radius: 10px;
    padding: calc(100vw * 45 / 1920) calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-04 .main-cont {
      padding: 3.2142857143rem 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-04 .main-cont {
      padding: 4.0909090909rem 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-04 .main-cont {
      padding: 4.0909090909rem 2.7272727273rem;
    }
  }
  .about-mod-04 .main-cont .cont-img {
    float: left;
    margin-right: calc(100vw * 40 / 1920);
    width: calc(100vw * 352 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-04 .main-cont .cont-img {
      margin-right: 2.8571428571rem;
      width: 25.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-04 .main-cont .cont-img {
      margin-right: 3.6363636364rem;
      width: 32rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-04 .main-cont .cont-img {
      margin-right: 3.6363636364rem;
      width: 32rem;
    }
  }
  .about-mod-04 .main-cont .cont-info {
    color: #333333;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vw * 310 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-04 .main-cont .cont-info {
      height: 22.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-04 .main-cont .cont-info {
      height: 28.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-04 .main-cont .cont-info {
      height: 28.1818181818rem;
    }
  }
  .about-mod-04 .main-cont .cont-info .mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
  }
  .about-mod-04 .main-cont .cont-info .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #B1B9C5;
  }
  .about-mod-04 .main-cont .cont-info .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    background: rgb(157, 30, 35);
  }
  .about-mod-04 .main-cont .cont-info .info-title {
    line-height: 1.6;
    font-size: calc(100vw * 24 / 1920);
    margin-bottom: calc(100vw * 25 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-04 .main-cont .cont-info .info-title {
      font-size: 1.7142857143rem;
      margin-bottom: 1.7857142857rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-04 .main-cont .cont-info .info-title {
      font-size: 2.1818181818rem;
      margin-bottom: 2.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-04 .main-cont .cont-info .info-title {
      font-size: 2.1818181818rem;
      margin-bottom: 2.2727272727rem;
    }
  }
  .about-mod-04 .main-cont .cont-info .info-txt {
    text-align: justify;
    font-size: calc(100vw * 16 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-04 .main-cont .cont-info .info-txt {
      font-size: 1.1428571429rem;
      line-height: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-04 .main-cont .cont-info .info-txt {
      font-size: 1.4545454545rem;
      line-height: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-04 .main-cont .cont-info .info-txt {
      font-size: 1.4545454545rem;
      line-height: 2.7272727273rem;
    }
  }
  
  .about-mod-05 {
    overflow: hidden;
  }
  .about-mod-05 .box-s {
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-05 .box-s {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-05 .box-s {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-05 .box-s {
      border-radius: 0.9090909091rem;
    }
  }
  .about-mod-05 .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .about-mod-05 .box-s.box-l .box-img img {
    height: calc(100vw * 450 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-05 .box-s.box-l .box-img img {
      height: 32.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-05 .box-s.box-l .box-img img {
      height: 40.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-05 .box-s.box-l .box-img img {
      height: 40.9090909091rem;
    }
  }
  .about-mod-05 .box-s.box-m {
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-05 .box-s.box-m {
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-05 .box-s.box-m {
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-05 .box-s.box-m {
      margin-bottom: 1.8181818182rem;
    }
  }
  .about-mod-05 .box-s.box-m .box-img img {
    height: calc(100vw * 215 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-05 .box-s.box-m .box-img img {
      height: 15.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-05 .box-s.box-m .box-img img {
      height: 19.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-05 .box-s.box-m .box-img img {
      height: 19.5454545455rem;
    }
  }
  .about-mod-05 .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .about-mod-05 .box-s .box-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
    line-height: calc(100vw * 30 / 1920);
    padding-bottom: calc(100vw * 10 / 1920);
    font-size: calc(100vw * 18 / 1920);
  }
  .about-mod-05 .box-s .box-title::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 10px;
    opacity: 0.3;
    height: calc(100vw * 80 / 1920);
  }
  @media (max-width: 1199px) {
    .about-mod-05 .box-s .box-title::after {
      height: 5.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-05 .box-s .box-title::after {
      height: 7.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-05 .box-s .box-title::after {
      height: 7.2727272727rem;
    }
  }
  @media (max-width: 1199px) {
    .about-mod-05 .box-s .box-title {
      line-height: 2.1428571429rem;
      padding-bottom: 0.7142857143rem;
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .about-mod-05 .box-s .box-title {
      line-height: 2.7272727273rem;
      padding-bottom: 0.9090909091rem;
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .about-mod-05 .box-s .box-title {
      line-height: 2.7272727273rem;
      padding-bottom: 0.9090909091rem;
      font-size: 1.6363636364rem;
    }
  }
  .about-mod-05 .box-s .box-title span {
    position: relative;
    z-index: 9;
  }
  
  .list-txt-05 li {
    position: relative;
    line-height: calc(100vw * 64 / 1920);
    padding: calc(100vw * 0 / 1920) calc(100vw * 130 / 1920) calc(100vw * 0 / 1920) calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-05 li {
      line-height: 4.5714285714rem;
      padding: 0rem 9.2857142857rem 0rem 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-05 li {
      line-height: 5.8181818182rem;
      padding: 0rem 11.8181818182rem 0rem 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-05 li {
      line-height: 5.8181818182rem;
      padding: 0rem 11.8181818182rem 0rem 1.8181818182rem;
    }
  }
  .list-txt-05 li:nth-child(2n+1) {
    background: #F7F7F7;
  }
  .list-txt-05 li:hover .box-title {
    color: #4B3FC2;
  }
  .list-txt-05 li .box-date {
    position: absolute;
    top: 0;
    color: #888888;
    right: calc(100vw * 24 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-05 li .box-date {
      right: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-05 li .box-date {
      right: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-05 li .box-date {
      right: 2.1818181818rem;
    }
  }
  .list-txt-05 li .box-title {
    color: #333333;
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 64 / 1920);
    line-height: calc(100vw * 64 / 1920);
    padding-left: calc(100vw * 20 / 1920);
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-05 li .box-title {
      height: 4.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-05 li .box-title {
      height: 5.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-05 li .box-title {
      height: 5.8181818182rem;
    }
  }
  @media (max-width: 1199px) {
    .list-txt-05 li .box-title {
      line-height: 4.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-05 li .box-title {
      line-height: 5.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-05 li .box-title {
      line-height: 5.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-05 li .box-title {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  @media (max-width: 1199px) {
    .list-txt-05 li .box-title {
      padding-left: 1.4285714286rem;
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-05 li .box-title {
      padding-left: 1.8181818182rem;
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-05 li .box-title {
      padding-left: 1.8181818182rem;
      font-size: 1.4545454545rem;
    }
  }
  .list-txt-05 li .box-title::after {
    content: "";
    position: absolute;
    left: 0;
    background: #4B3FC2;
    border-radius: 50%;
    top: calc(100vw * 30 / 1920);
    width: calc(100vw * 5 / 1920);
    height: calc(100vw * 5 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-05 li .box-title::after {
      top: 2.1428571429rem;
      width: 0.3571428571rem;
      height: 0.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-05 li .box-title::after {
      top: 2.7272727273rem;
      width: 0.4545454545rem;
      height: 0.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-05 li .box-title::after {
      top: 2.7272727273rem;
      width: 0.4545454545rem;
      height: 0.4545454545rem;
    }
  }
  
  .list-txt-05.list-lw li {
    line-height: calc(100vw * 64 / 1920);
    padding: calc(100vw * 15 / 1920) calc(100vw * 130 / 1920) calc(100vw * 15 / 1920) calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-05.list-lw li {
      line-height: 4.5714285714rem;
      padding: 1.0714285714rem 9.2857142857rem 1.0714285714rem 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-05.list-lw li {
      line-height: 5.8181818182rem;
      padding: 1.3636363636rem 11.8181818182rem 1.3636363636rem 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-05.list-lw li {
      line-height: 5.8181818182rem;
      padding: 1.3636363636rem 11.8181818182rem 1.3636363636rem 1.8181818182rem;
    }
  }
  .list-txt-05.list-lw .box-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 34 / 1920);
    line-height: calc(100vw * 34 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-05.list-lw .box-title {
      height: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-05.list-lw .box-title {
      height: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-05.list-lw .box-title {
      height: 3.0909090909rem;
    }
  }
  @media (max-width: 1199px) {
    .list-txt-05.list-lw .box-title {
      line-height: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-05.list-lw .box-title {
      line-height: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-05.list-lw .box-title {
      line-height: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-05.list-lw .box-title {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .list-txt-05.list-lw .box-title::after {
    top: calc(100vw * 15 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-05.list-lw .box-title::after {
      top: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-05.list-lw .box-title::after {
      top: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-05.list-lw .box-title::after {
      top: 1.3636363636rem;
    }
  }
  .list-txt-05.list-lw .lw-title {
    position: relative;
  }
  .list-txt-05.list-lw .lw-other {
    line-height: calc(100vw * 34 / 1920);
    padding: calc(100vw * 0 / 1920) calc(100vw * 0 / 1920) calc(100vw * 0 / 1920) calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .list-txt-05.list-lw .lw-other {
      line-height: 2.4285714286rem;
      padding: 0rem 0rem 0rem 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .list-txt-05.list-lw .lw-other {
      line-height: 3.0909090909rem;
      padding: 0rem 0rem 0rem 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .list-txt-05.list-lw .lw-other {
      line-height: 3.0909090909rem;
      padding: 0rem 0rem 0rem 1.8181818182rem;
    }
  }
  .list-txt-05.list-lw .lw-other span {
    display: inline-block;
    margin-right: 15px;
  }
  .list-txt-05.list-lw .lw-other span:last-child {
    margin-right: 0;
  }
  .list-txt-05.list-lw .lw-other span i {
    font-weight: bold;
  }
  
  .special-list .row-w {
    margin-left: calc(100vw * -20 / 1920);
    margin-right: calc(100vw * -20 / 1920);
  }
  @media (max-width: 1199px) {
    .special-list .row-w {
      margin-left: -1.4285714286rem;
      margin-right: -1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .special-list .row-w {
      margin-left: -1.8181818182rem;
      margin-right: -1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .special-list .row-w {
      margin-left: -1.8181818182rem;
      margin-right: -1.8181818182rem;
    }
  }
  .special-list .row-w .col-w {
    padding-left: calc(100vw * 20 / 1920);
    padding-right: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .special-list .row-w .col-w {
      padding-left: 1.4285714286rem;
      padding-right: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .special-list .row-w .col-w {
      padding-left: 1.8181818182rem;
      padding-right: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .special-list .row-w .col-w {
      padding-left: 1.8181818182rem;
      padding-right: 1.8181818182rem;
    }
  }
  .special-list .box-s {
    margin-bottom: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .special-list .box-s {
      margin-bottom: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .special-list .box-s {
      margin-bottom: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .special-list .box-s {
      margin-bottom: 3.6363636364rem;
    }
  }
  .special-list .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .special-list .box-s .box-img {
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .special-list .box-s .box-img {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .special-list .box-s .box-img {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .special-list .box-s .box-img {
      border-radius: 0.9090909091rem;
    }
  }
  .special-list .box-s .box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 160 / 1920);
  }
  @media (max-width: 1199px) {
    .special-list .box-s .box-img img {
      height: 11.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .special-list .box-s .box-img img {
      height: 14.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .special-list .box-s .box-img img {
      height: 14.5454545455rem;
    }
  }
  
  .ai-tool-list, .ai-cathedra-list {
    margin-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-tool-list, .ai-cathedra-list {
      margin-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .ai-tool-list, .ai-cathedra-list {
      margin-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .ai-tool-list, .ai-cathedra-list {
      margin-bottom: 2.7272727273rem;
    }
  }
  
  .ai-tool-list .box-s {
    background: #FCFCFC;
    -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.05);
    border-radius: 18px;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 128 / 1920);
    margin-bottom: calc(100vw * 40 / 1920);
    padding: calc(100vw * 30 / 1920) calc(100vw * 50 / 1920);
    border-radius: calc(100vw * 18 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-tool-list .box-s {
      height: 9.1428571429rem;
      margin-bottom: 2.8571428571rem;
      padding: 2.1428571429rem 3.5714285714rem;
      border-radius: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .ai-tool-list .box-s {
      height: 11.6363636364rem;
      margin-bottom: 3.6363636364rem;
      padding: 2.7272727273rem 4.5454545455rem;
      border-radius: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .ai-tool-list .box-s {
      height: 11.6363636364rem;
      margin-bottom: 3.6363636364rem;
      padding: 2.7272727273rem 4.5454545455rem;
      border-radius: 1.6363636364rem;
    }
  }
  .ai-tool-list .box-s:hover {
    -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1);
  }
  .ai-tool-list .box-s:hover .icon-s img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .ai-tool-list .box-s:hover .title-01, .ai-tool-list .box-s:hover .title-02 {
    color: #4B3FC2;
  }
  .ai-tool-list .box-s .icon-s {
    float: left;
    width: calc(100vw * 68 / 1920);
    margin-right: calc(100vw * 25 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-tool-list .box-s .icon-s {
      width: 4.8571428571rem;
      margin-right: 1.7857142857rem;
    }
  }
  @media (max-width: 991px) {
    .ai-tool-list .box-s .icon-s {
      width: 6.1818181818rem;
      margin-right: 2.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .ai-tool-list .box-s .icon-s {
      width: 6.1818181818rem;
      margin-right: 2.2727272727rem;
    }
  }
  .ai-tool-list .box-s .icon-s img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .ai-tool-list .box-s .info-s {
    overflow: hidden;
  }
  .ai-tool-list .box-s .title-01 {
    color: #A5A5A5;
    font-size: calc(100vw * 16 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 28 / 1920);
    line-height: calc(100vw * 28 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-tool-list .box-s .title-01 {
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .ai-tool-list .box-s .title-01 {
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .ai-tool-list .box-s .title-01 {
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 1199px) {
    .ai-tool-list .box-s .title-01 {
      height: 2rem;
    }
  }
  @media (max-width: 991px) {
    .ai-tool-list .box-s .title-01 {
      height: 2.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .ai-tool-list .box-s .title-01 {
      height: 2.5454545455rem;
    }
  }
  @media (max-width: 1199px) {
    .ai-tool-list .box-s .title-01 {
      line-height: 2rem;
    }
  }
  @media (max-width: 991px) {
    .ai-tool-list .box-s .title-01 {
      line-height: 2.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .ai-tool-list .box-s .title-01 {
      line-height: 2.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .ai-tool-list .box-s .title-01 {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  .ai-tool-list .box-s .title-02 {
    color: #333333;
    font-size: calc(100vw * 24 / 1920);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 40 / 1920);
    line-height: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-tool-list .box-s .title-02 {
      font-size: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .ai-tool-list .box-s .title-02 {
      font-size: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .ai-tool-list .box-s .title-02 {
      font-size: 2.1818181818rem;
    }
  }
  @media (max-width: 1199px) {
    .ai-tool-list .box-s .title-02 {
      height: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .ai-tool-list .box-s .title-02 {
      height: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .ai-tool-list .box-s .title-02 {
      height: 3.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .ai-tool-list .box-s .title-02 {
      line-height: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .ai-tool-list .box-s .title-02 {
      line-height: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .ai-tool-list .box-s .title-02 {
      line-height: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .ai-tool-list .box-s .title-02 {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  
  .ai-cathedra-list .box-s {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 17px 0px rgba(204, 204, 204, 0.22);
            box-shadow: 0px 0px 17px 0px rgba(204, 204, 204, 0.22);
    border-radius: 10px;
    height: calc(100vw * 178 / 1920);
    margin-bottom: calc(100vw * 40 / 1920);
    padding: calc(100vw * 25 / 1920) calc(100vw * 35 / 1920);
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-cathedra-list .box-s {
      height: 12.7142857143rem;
      margin-bottom: 2.8571428571rem;
      padding: 1.7857142857rem 2.5rem;
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .ai-cathedra-list .box-s {
      height: 16.1818181818rem;
      margin-bottom: 3.6363636364rem;
      padding: 2.2727272727rem 3.1818181818rem;
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .ai-cathedra-list .box-s {
      height: 16.1818181818rem;
      margin-bottom: 3.6363636364rem;
      padding: 2.2727272727rem 3.1818181818rem;
      border-radius: 0.9090909091rem;
    }
  }
  .ai-cathedra-list .box-s:hover .box-title .title-s {
    color: #4B3FC2;
  }
  .ai-cathedra-list .box-s .box-title {
    position: relative;
    display: block;
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-cathedra-list .box-s .box-title {
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .ai-cathedra-list .box-s .box-title {
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .ai-cathedra-list .box-s .box-title {
      margin-bottom: 1.8181818182rem;
    }
  }
  .ai-cathedra-list .box-s .box-title::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #A63439;
    width: calc(100vw * 3 / 1920);
    left: calc(100vw * -35 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-cathedra-list .box-s .box-title::after {
      width: 0.2142857143rem;
      left: -2.5rem;
    }
  }
  @media (max-width: 991px) {
    .ai-cathedra-list .box-s .box-title::after {
      width: 0.2727272727rem;
      left: -3.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .ai-cathedra-list .box-s .box-title::after {
      width: 0.2727272727rem;
      left: -3.1818181818rem;
    }
  }
  .ai-cathedra-list .box-s .box-title .title-s {
    color: #333333;
    font-size: calc(100vw * 18 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(100vw * 52 / 1920);
    line-height: calc(100vw * 26 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-cathedra-list .box-s .box-title .title-s {
      font-size: 1.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .ai-cathedra-list .box-s .box-title .title-s {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .ai-cathedra-list .box-s .box-title .title-s {
      font-size: 1.6363636364rem;
    }
  }
  @media (max-width: 1199px) {
    .ai-cathedra-list .box-s .box-title .title-s {
      height: 3.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .ai-cathedra-list .box-s .box-title .title-s {
      height: 4.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .ai-cathedra-list .box-s .box-title .title-s {
      height: 4.7272727273rem;
    }
  }
  @media (max-width: 1199px) {
    .ai-cathedra-list .box-s .box-title .title-s {
      line-height: 1.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .ai-cathedra-list .box-s .box-title .title-s {
      line-height: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .ai-cathedra-list .box-s .box-title .title-s {
      line-height: 2.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .ai-cathedra-list .box-s .box-title .title-s {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  .ai-cathedra-list .box-s .box-info {
    color: #808080;
  }
  .ai-cathedra-list .box-s .box-info > div {
    background-position: left center;
    background-repeat: no-repeat;
    font-size: calc(100vw * 18 / 1920);
    line-height: calc(100vw * 32 / 1920);
    background-size: calc(100vw * 16 / 1920);
    padding-left: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-cathedra-list .box-s .box-info > div {
      font-size: 1.2857142857rem;
      line-height: 2.2857142857rem;
      background-size: 1.1428571429rem;
      padding-left: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .ai-cathedra-list .box-s .box-info > div {
      font-size: 1.6363636364rem;
      line-height: 2.9090909091rem;
      background-size: 1.4545454545rem;
      padding-left: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .ai-cathedra-list .box-s .box-info > div {
      font-size: 1.6363636364rem;
      line-height: 2.9090909091rem;
      background-size: 1.4545454545rem;
      padding-left: 2.7272727273rem;
    }
  }
  .ai-cathedra-list .box-s .box-info .info-date {
    background-image: url(ibpzw2024-aiicon-10.png);
  }
  .ai-cathedra-list .box-s .box-info .info-add {
    background-image: url(ibpzw2024-aiicon-07.png);
  }
  
  .ai-information-list li {
    border-bottom: 1px solid #E2E5EF;
    padding-top: calc(100vw * 20 / 1920);
    padding-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-information-list li {
      padding-top: 1.4285714286rem;
      padding-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .ai-information-list li {
      padding-top: 1.8181818182rem;
      padding-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .ai-information-list li {
      padding-top: 1.8181818182rem;
      padding-bottom: 1.8181818182rem;
    }
  }
  .ai-information-list li:first-child {
    padding-top: 0;
  }
  .ai-information-list .box-s {
    position: relative;
    padding-right: calc(100vw * 130 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-information-list .box-s {
      padding-right: 9.2857142857rem;
    }
  }
  @media (max-width: 991px) {
    .ai-information-list .box-s {
      padding-right: 11.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .ai-information-list .box-s {
      padding-right: 11.8181818182rem;
    }
  }
  .ai-information-list .box-s:hover .box-title {
    color: #4B3FC2;
  }
  .ai-information-list .box-s:hover .box-more {
    background-image: url(ibpzw2024-aiicon-12.png);
    border-left-color: #4B3FC2;
  }
  .ai-information-list .box-s .box-title {
    color: #333333;
    line-height: 1.6;
    display: block;
    font-size: calc(100vw * 20 / 1920);
    margin-bottom: calc(100vw * 8 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-information-list .box-s .box-title {
      font-size: 1.4285714286rem;
      margin-bottom: 0.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .ai-information-list .box-s .box-title {
      font-size: 1.8181818182rem;
      margin-bottom: 0.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .ai-information-list .box-s .box-title {
      font-size: 1.8181818182rem;
      margin-bottom: 0.7272727273rem;
    }
  }
  .ai-information-list .box-s .box-class {
    color: #808080;
    font-size: calc(100vw * 16 / 1920);
    margin-bottom: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-information-list .box-s .box-class {
      font-size: 1.1428571429rem;
      margin-bottom: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .ai-information-list .box-s .box-class {
      font-size: 1.4545454545rem;
      margin-bottom: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .ai-information-list .box-s .box-class {
      font-size: 1.4545454545rem;
      margin-bottom: 1.8181818182rem;
    }
  }
  .ai-information-list .box-s .box-other > div {
    float: left;
    background-position: left center;
    background-repeat: no-repeat;
    margin-right: calc(100vw * 30 / 1920);
    line-height: calc(100vw * 32 / 1920);
    padding-left: calc(100vw * 30 / 1920);
    background-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-information-list .box-s .box-other > div {
      margin-right: 2.1428571429rem;
      line-height: 2.2857142857rem;
      padding-left: 2.1428571429rem;
      background-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .ai-information-list .box-s .box-other > div {
      margin-right: 2.7272727273rem;
      line-height: 2.9090909091rem;
      padding-left: 2.7272727273rem;
      background-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .ai-information-list .box-s .box-other > div {
      margin-right: 2.7272727273rem;
      line-height: 2.9090909091rem;
      padding-left: 2.7272727273rem;
      background-size: 1.4545454545rem;
    }
  }
  .ai-information-list .box-s .box-other > div:last-child {
    margin-right: 0;
  }
  .ai-information-list .box-s .box-other > div.other-01 {
    background-image: url(ibpzw2024-aiicon-11.png);
  }
  .ai-information-list .box-s .box-other > div.other-02 {
    background-image: url(ibpzw2024-aiicon-08.png);
  }
  .ai-information-list .box-s .box-more {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-left: 1px solid #666666;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(ibpzw2024-aiicon-09.png);
    height: calc(100vw * 36 / 1920);
    width: calc(100vw * 42 / 1920);
    background-size: calc(100vw * 21 / 1920);
    right: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .ai-information-list .box-s .box-more {
      height: 2.5714285714rem;
      width: 3rem;
      background-size: 1.5rem;
      right: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .ai-information-list .box-s .box-more {
      height: 3.2727272727rem;
      width: 3.8181818182rem;
      background-size: 1.9090909091rem;
      right: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .ai-information-list .box-s .box-more {
      height: 3.2727272727rem;
      width: 3.8181818182rem;
      background-size: 1.9090909091rem;
      right: 3.6363636364rem;
    }
  }
  
  .index-tsmod {
    position: relative;
    background: url(ibpzw2024-img05.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
    height: calc(100vw * 310 / 1920);
    padding-left: calc(100vw * 160 / 1920);
  }
  @media (max-width: 1199px) {
    .index-tsmod {
      border-radius: 0.7142857143rem;
      height: 22.1428571429rem;
      padding-left: 11.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-tsmod {
      border-radius: 0.9090909091rem;
      height: 28.1818181818rem;
      padding-left: 14.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-tsmod {
      border-radius: 0.9090909091rem;
      height: 28.1818181818rem;
      padding-left: 14.5454545455rem;
    }
  }
  .index-tsmod .ts-title {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(139, 113, 92, 0.6);
    width: calc(100vw * 160 / 1920);
  }
  @media (max-width: 1199px) {
    .index-tsmod .ts-title {
      width: 11.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-tsmod .ts-title {
      width: 14.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-tsmod .ts-title {
      width: 14.5454545455rem;
    }
  }
  .index-tsmod .ts-title img {
    width: calc(100vw * 114 / 1920);
  }
  @media (max-width: 1199px) {
    .index-tsmod .ts-title img {
      width: 8.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .index-tsmod .ts-title img {
      width: 10.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .index-tsmod .ts-title img {
      width: 10.3636363636rem;
    }
  }
  .index-tsmod .ts-cont {
    position: relative;
    padding: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .index-tsmod .ts-cont {
      padding: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-tsmod .ts-cont {
      padding: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-tsmod .ts-cont {
      padding: 1.8181818182rem;
    }
  }
  .index-tsmod .box-s {
    overflow: hidden;
    border-radius: 10px;
    background: url(ibpzw2024-img04.png) no-repeat right bottom #CBAC92;
    background-size: calc(100vw * 51 / 1920);
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .index-tsmod .box-s {
      background-size: 3.6428571429rem;
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-tsmod .box-s {
      background-size: 4.6363636364rem;
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-tsmod .box-s {
      background-size: 4.6363636364rem;
      border-radius: 0.9090909091rem;
    }
  }
  .index-tsmod .box-s .box-img {
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .index-tsmod .box-s .box-img {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-tsmod .box-s .box-img {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-tsmod .box-s .box-img {
      border-radius: 0.9090909091rem;
    }
  }
  .index-tsmod .box-s .box-img img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    height: calc(100vw * 204 / 1920);
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .index-tsmod .box-s .box-img img {
      height: 14.5714285714rem;
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .index-tsmod .box-s .box-img img {
      height: 18.5454545455rem;
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .index-tsmod .box-s .box-img img {
      height: 18.5454545455rem;
      border-radius: 0.9090909091rem;
    }
  }
  .index-tsmod .box-s .box-title {
    text-align: center;
    color: #fff;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 50 / 1920);
    line-height: calc(100vw * 50 / 1920);
    font-size: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .index-tsmod .box-s .box-title {
      height: 3.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .index-tsmod .box-s .box-title {
      height: 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-tsmod .box-s .box-title {
      height: 4.5454545455rem;
    }
  }
  @media (max-width: 1199px) {
    .index-tsmod .box-s .box-title {
      line-height: 3.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .index-tsmod .box-s .box-title {
      line-height: 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-tsmod .box-s .box-title {
      line-height: 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .index-tsmod .box-s .box-title {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
  }
  @media (max-width: 1199px) {
    .index-tsmod .box-s .box-title {
      font-size: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-tsmod .box-s .box-title {
      font-size: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-tsmod .box-s .box-title {
      font-size: 1.8181818182rem;
    }
  }
  .index-tsmod .ts-page {
    left: 0;
    right: 0;
    width: auto;
    bottom: calc(100vw * -7 / 1920);
  }
  @media (max-width: 1199px) {
    .index-tsmod .ts-page {
      bottom: -0.5rem;
    }
  }
  @media (max-width: 991px) {
    .index-tsmod .ts-page {
      bottom: -0.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .index-tsmod .ts-page {
      bottom: -0.6363636364rem;
    }
  }
  .index-tsmod .ts-page .swiper-pagination-bullet {
    opacity: 0.5;
    border-radius: 5px;
    background: #fff;
    width: calc(100vw * 10 / 1920);
    height: calc(100vw * 10 / 1920);
    margin: calc(100vw * 0 / 1920) calc(100vw * 5 / 1920);
    border-radius: calc(100vw * 5 / 1920);
  }
  @media (max-width: 1199px) {
    .index-tsmod .ts-page .swiper-pagination-bullet {
      width: 0.7142857143rem;
      height: 0.7142857143rem;
      margin: 0rem 0.3571428571rem;
      border-radius: 0.3571428571rem;
    }
  }
  @media (max-width: 991px) {
    .index-tsmod .ts-page .swiper-pagination-bullet {
      width: 0.9090909091rem;
      height: 0.9090909091rem;
      margin: 0rem 0.4545454545rem;
      border-radius: 0.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .index-tsmod .ts-page .swiper-pagination-bullet {
      width: 0.9090909091rem;
      height: 0.9090909091rem;
      margin: 0rem 0.4545454545rem;
      border-radius: 0.4545454545rem;
    }
  }
  .index-tsmod .ts-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: calc(100vw * 20 / 1920);
  }
  @media (max-width: 1199px) {
    .index-tsmod .ts-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 1.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .index-tsmod .ts-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 1.8181818182rem;
    }
  }
  @media (max-width: 767px) {
    .index-tsmod .ts-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 1.8181818182rem;
    }
  }
  
  .other-tip {
    text-align: right;
    color: #999;
    margin-bottom: -30px;
    margin-top: 40px;
    line-height: 30px;
    opacity: 0.8;
  }
  
  .people-list-w {
    position: relative;
    margin-bottom: calc(100vw * 40 / 1920);
  }
  .people-list-w:last-child {
    margin-bottom: 0;
  }
  @media (max-width: 1199px) {
    .people-list-w {
      margin-bottom: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .people-list-w {
      margin-bottom: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .people-list-w {
      margin-bottom: 3.6363636364rem;
    }
  }
  .people-list-w::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(152, 142, 143, 0.8);
    width: 1px;
    left: calc(100vw * 3 / 1920);
  }
  @media (max-width: 1199px) {
    .people-list-w::after {
      left: 0.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .people-list-w::after {
      left: 0.2727272727rem;
    }
  }
  @media (max-width: 767px) {
    .people-list-w::after {
      left: 0.2727272727rem;
    }
  }
  .people-list-w .itme-groups {
    position: relative;
    padding-left: calc(100vw * 8 / 1920);
    margin-bottom: calc(100vw * 45 / 1920);
  }
  .people-list-w .itme-groups:last-child {
    margin-bottom: 0;
  }
  @media (max-width: 1199px) {
    .people-list-w .itme-groups {
      padding-left: 0.5714285714rem;
      margin-bottom: 3.2142857143rem;
    }
  }
  @media (max-width: 991px) {
    .people-list-w .itme-groups {
      padding-left: 0.7272727273rem;
      margin-bottom: 4.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .people-list-w .itme-groups {
      padding-left: 0.7272727273rem;
      margin-bottom: 4.0909090909rem;
    }
  }
  .people-list-w .itme-groups::before {
    content: "";
    position: absolute;
    left: 0;
    background: #4B3FC2;
    border-radius: 50%;
    z-index: 2;
    width: calc(100vw * 7 / 1920);
    height: calc(100vw * 7 / 1920);
    top: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .people-list-w .itme-groups::before {
      width: 0.5rem;
      height: 0.5rem;
      top: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .people-list-w .itme-groups::before {
      width: 0.6363636364rem;
      height: 0.6363636364rem;
      top: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .people-list-w .itme-groups::before {
      width: 0.6363636364rem;
      height: 0.6363636364rem;
      top: 1.4545454545rem;
    }
  }
  .people-list-w .itme-groups .groups-year {
    font-weight: bold;
    float: left;
    padding-left: calc(100vw * 70 / 1920);
    font-size: calc(100vw * 18 / 1920);
    width: calc(100vw * 150 / 1920);
    height: calc(100vw * 40 / 1920);
    line-height: calc(100vw * 40 / 1920);
  }
  @media (max-width: 1199px) {
    .people-list-w .itme-groups .groups-year {
      padding-left: 5rem;
      font-size: 1.2857142857rem;
      width: 10.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .people-list-w .itme-groups .groups-year {
      padding-left: 6.3636363636rem;
      font-size: 1.6363636364rem;
      width: 13.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .people-list-w .itme-groups .groups-year {
      padding-left: 6.3636363636rem;
      font-size: 1.6363636364rem;
      width: 13.6363636364rem;
    }
  }
  .people-list-w .itme-groups .groups-year::before {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    background: #ADA5A5;
    top: calc(100vw * 19 / 1920);
    width: calc(100vw * 50 / 1920);
  }
  @media (max-width: 1199px) {
    .people-list-w .itme-groups .groups-year::before {
      top: 1.3571428571rem;
      width: 3.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .people-list-w .itme-groups .groups-year::before {
      top: 1.7272727273rem;
      width: 4.5454545455rem;
    }
  }
  @media (max-width: 767px) {
    .people-list-w .itme-groups .groups-year::before {
      top: 1.7272727273rem;
      width: 4.5454545455rem;
    }
  }
  @media (max-width: 1199px) {
    .people-list-w .itme-groups .groups-year {
      height: 2.8571428571rem;
      line-height: 2.8571428571rem;
    }
  }
  @media (max-width: 991px) {
    .people-list-w .itme-groups .groups-year {
      height: 3.6363636364rem;
      line-height: 3.6363636364rem;
    }
  }
  @media (max-width: 767px) {
    .people-list-w .itme-groups .groups-year {
      height: 3.6363636364rem;
      line-height: 3.6363636364rem;
    }
  }
  .people-list-w .itme-groups .groups-box {
    overflow: hidden;
  }
  .people-list-w .itme-groups .groups-box .box-s {
    display: block;
    text-align: center;
    background: #F7F6F6;
    border-radius: 20px;
    color: #333333;
    float: left;
    min-width: calc(100vw * 100 / 1920);
    height: calc(100vw * 40 / 1920);
    line-height: calc(100vw * 40 / 1920);
    margin-right: calc(100vw * 10 / 1920);
    border-radius: calc(100vw * 20 / 1920);
    margin-bottom: calc(100vw * 15 / 1920);
    font-size: calc(100vw * 16 / 1920);
    padding-left: calc(100vw * 16 / 1920);
    padding-right: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .people-list-w .itme-groups .groups-box .box-s {
      min-width: 7.1428571429rem;
      height: 2.8571428571rem;
      line-height: 2.8571428571rem;
      margin-right: 0.7142857143rem;
      border-radius: 1.4285714286rem;
      margin-bottom: 1.0714285714rem;
      font-size: 1.1428571429rem;
      padding-left: 1.1428571429rem;
      padding-right: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .people-list-w .itme-groups .groups-box .box-s {
      min-width: 9.0909090909rem;
      height: 3.6363636364rem;
      line-height: 3.6363636364rem;
      margin-right: 0.9090909091rem;
      border-radius: 1.8181818182rem;
      margin-bottom: 1.3636363636rem;
      font-size: 1.4545454545rem;
      padding-left: 1.4545454545rem;
      padding-right: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .people-list-w .itme-groups .groups-box .box-s {
      min-width: 9.0909090909rem;
      height: 3.6363636364rem;
      line-height: 3.6363636364rem;
      margin-right: 0.9090909091rem;
      border-radius: 1.8181818182rem;
      margin-bottom: 1.3636363636rem;
      font-size: 1.4545454545rem;
      padding-left: 1.4545454545rem;
      padding-right: 1.4545454545rem;
    }
  }
  .people-list-w .itme-groups .groups-box .box-s:hover {
    background: #4B3FC2;
    color: #fff;
  }
  
  @media (min-width: 768px) and (max-width: 991px) {
    .index-notice-anno {
      margin-bottom: 25px;
    }
  }
  .phone-none {
    display: none !important;
  }
  
  .orga-groups-swzd .main-cont {
    overflow: hidden;
    border-radius: 10px;
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .orga-groups-swzd .main-cont {
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .orga-groups-swzd .main-cont {
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .orga-groups-swzd .main-cont {
      border-radius: 0.9090909091rem;
    }
  }
  .orga-groups-swzd .main-cont img {
    display: block;
    width: 100%;
  }
  
  .lab-mod-yqsb {
    position: relative;
    padding-bottom: calc(100vw * 30 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-yqsb {
      padding-bottom: 2.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-yqsb {
      padding-bottom: 2.7272727273rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-yqsb {
      padding-bottom: 2.7272727273rem;
    }
  }
  .lab-mod-yqsb .box-s {
    margin-bottom: calc(100vw * 34 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-yqsb .box-s {
      margin-bottom: 2.4285714286rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-yqsb .box-s {
      margin-bottom: 3.0909090909rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-yqsb .box-s {
      margin-bottom: 3.0909090909rem;
    }
  }
  .lab-mod-yqsb .box-s:hover .box-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .lab-mod-yqsb .box-s:hover .info-txt {
    color: #4B3FC2;
  }
  .lab-mod-yqsb .box-s .box-img {
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    border-radius: calc(100vw * 10 / 1920);
    margin-bottom: calc(100vw * 15 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-yqsb .box-s .box-img {
      border-radius: 0.7142857143rem;
      margin-bottom: 1.0714285714rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-yqsb .box-s .box-img {
      border-radius: 0.9090909091rem;
      margin-bottom: 1.3636363636rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-yqsb .box-s .box-img {
      border-radius: 0.9090909091rem;
      margin-bottom: 1.3636363636rem;
    }
  }
  .lab-mod-yqsb .box-s .box-img img {
    display: block;
    width: 100%;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: calc(100vw * 215 / 1920);
    border-radius: calc(100vw * 10 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-yqsb .box-s .box-img img {
      height: 15.3571428571rem;
      border-radius: 0.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-yqsb .box-s .box-img img {
      height: 19.5454545455rem;
      border-radius: 0.9090909091rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-yqsb .box-s .box-img img {
      height: 19.5454545455rem;
      border-radius: 0.9090909091rem;
    }
  }
  .lab-mod-yqsb .box-s .box-img .title-s {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .lab-mod-yqsb .box-s .box-img .title-s::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    height: 70px;
  }
  .lab-mod-yqsb .box-s .box-img .title-s span {
    position: absolute;
    line-height: 1.6;
    left: 10px;
    right: 10px;
    bottom: 10px;
    color: #fff;
    z-index: 2;
    text-align: center;
    font-size: calc(100vw * 16 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-yqsb .box-s .box-img .title-s span {
      font-size: 1.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-yqsb .box-s .box-img .title-s span {
      font-size: 1.4545454545rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-yqsb .box-s .box-img .title-s span {
      font-size: 1.4545454545rem;
    }
  }
  .lab-mod-yqsb .box-s .box-info {
    display: block;
  }
  .lab-mod-yqsb .box-s .info-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(100vw * 44 / 1920);
    line-height: calc(100vw * 22 / 1920);
    color: #333333;
    margin-bottom: 8px;
  }
  @media (max-width: 1199px) {
    .lab-mod-yqsb .box-s .info-txt {
      height: 3.1428571429rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-yqsb .box-s .info-txt {
      height: 4rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-yqsb .box-s .info-txt {
      height: 4rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-yqsb .box-s .info-txt {
      line-height: 1.5714285714rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-yqsb .box-s .info-txt {
      line-height: 2rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-yqsb .box-s .info-txt {
      line-height: 2rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-yqsb .box-s .info-txt {
      height: auto;
      line-height: 1.6;
      display: block;
    }
  }
  .lab-mod-yqsb .box-s .info-txt02 {
    color: #666666;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: calc(100vw * 24 / 1920);
    line-height: calc(100vw * 24 / 1920);
  }
  @media (max-width: 1199px) {
    .lab-mod-yqsb .box-s .info-txt02 {
      height: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-yqsb .box-s .info-txt02 {
      height: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-yqsb .box-s .info-txt02 {
      height: 2.1818181818rem;
    }
  }
  @media (max-width: 1199px) {
    .lab-mod-yqsb .box-s .info-txt02 {
      line-height: 1.7142857143rem;
    }
  }
  @media (max-width: 991px) {
    .lab-mod-yqsb .box-s .info-txt02 {
      line-height: 2.1818181818rem;
    }
    .labs-about-box .labs-a-top h4{
      font-size: 18px;
      color: #444444;
      line-height: 28px;
      font-weight: 700;
    }
    .index-latest-papers .box-s.box-lw .box-other i{
      font-size: 16px;
    }
    .other-boxs .tuwen-list.kxjsh-list{
      gap: 20px;
    }
    .other-boxs .tuwen-list.kxjsh-list li{
      width: 100%;
    }
    .other-boxs .tuwen-list.kxjsh-list .news-detail .news-des{
      -webkit-line-clamp: 3;
    }
    .wrap-appendix>p{
      padding-left:40px;
    }
    .wrap-appendix ul li{
      margin-bottom: 10px;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-yqsb .box-s .info-txt02 {
      line-height: 2.1818181818rem;
    }
  }
  @media (max-width: 767px) {
    .lab-mod-yqsb .box-s .info-txt02 {
      white-space: normal;
      height: auto;
      line-height: 1.6;
    }
    .index-banner .banner-box .banner-title .box-title span{
      line-height:calc(100vw * 90 / 1920);
    }
    .index-title.white .title-txt:after{
      width: 4.5454545455rem;
    }
    .index-latest-papers .box-s .lw-data{
      font-size: calc(100vw * 90 / 1920);
    }
    .index-news-boxs .box-s .info-title{
      font-size: calc(100vw * 84 / 1920);
      line-height: calc(100vw * 96 / 1920);
      margin-top: 10px;
    }
    .index-news-boxs .box-img{
      margin-bottom: 20px;
    }
    .index-news-boxs .col-left-bottom .news-lists{
      flex-direction: column;
      align-items: baseline;
      margin-bottom: 10px;
    }
    .xscbw-boxs .cbw-title,.tzgg-boxs .tzgg-list .tzgg-title,.rczp-box .rc-title,.index-news-boxs .col-left-bottom .news-lists a,.index-active-boxs .active-boxs .active-title{
      font-size: 16px;
      line-height: 26px;
      white-space:initial;
      -webkit-line-clamp:initial;
      height: auto;
    }
    .index-news-boxs .col-left-bottom .news-lists:after{
      width: 2px;
      height: 2px;
    }
    .index-active-boxs .active-boxs .box-des .des{
      display: none;
    }
    .index-active-boxs .active-boxs .active-title{
      margin-top: 10px;
      margin-bottom: 18px;
      -webkit-line-clamp:initial;
    }
    .active-right-box{
      display: none;
    }
    .index-title.title-tabs .tabs-more a.active{
      text-align: center;
    }
    .tzgg-rel .tzgg-boxs{
      position: initial;
      margin-top: 20px;
    }
    .tzgg-box{
      padding: 15px;
    }
    .tzgg-boxs .tzgg-list a{
      align-items: center;
    }
    .tzgg-boxs .tzgg-list .tgzz-data{
      width: 60px;
    }
    .xscbw-boxs .cbw-title{
      margin-bottom: 15px;
    }
    .index-mod-06{
      background: none;
    }
    .index-mod-05{
      position: initial;
    }
    .zhuanti-box .zhuanti-img{
      max-height: 160px;
      overflow: hidden;
    }
    .zhuanti-box img{
      width: 100%;
    }
    .zhuanti-box .zhuanti-img .zi-title{
      font-size: 18px;
      line-height: 28px;
      writing-mode: initial;
      top: 50%;
      left: 50%;
      width: auto;
      height: auto;
      text-align: center;
      transform: translate(-50%,-50%);
    }
    .zhuanti-box a{
      margin-bottom: 20px;
    }
    .quiker-swiper{
      height: 460px;
    }
    .quiker-box .quiker-img img{
      max-height: initial;
    }
    .quiker-boxs .swiper-buttons{
      width: 36px;
      height: 36px;
      border-radius: 50%;
    }
    .quiker-box .quiker-abs span{
      font-size: 16px;
    }
    .links-boxs .dropdown{
      margin-bottom: 20px;
    }
    .quiker-box .quiker-abs img{
      width: 45px;
      height: 45px;
    }
    .links-boxs .dropdown button{
      font-size: 16px;
      height: auto;
      padding-top: 8px;
      padding-bottom: 8px;
    }
  }
  @media (min-width: 992px) {}
  .kxcb-boxs .kxcb-back{
    float: left;
    font-size: calc(100vw * 16 / 1920);
      line-height: calc(100vw * 37 / 1920);
      color: #ffffff;
    margin-right: calc(100vw * 40 / 1920);
  }
  .kxcb-boxs nav.navbar.bootsnav ul.nav > li > a{
    line-height: calc(100vw * 30 / 1920);
    height: calc(100vw * 30 / 1920);
  }
  .kxcb-boxs .nav-other{
    top: calc(100vw * 16 / 1920);
  }
  .kxcb-boxs nav.navbar.bootsnav .navbar-brand{
    padding-top: calc(100vw * 45 / 1920);
  }
  .kxcb-boxs nav.navbar.bootsnav{
    background: none;
    border-top: 5px solid #247ed3;
  }
  .kxcb-boxs nav.navbar.bootsnav.scroll{
    background: url(ibpzw2024-navbg.png) repeat-x left top;
    background-size: contain;
  }
  .kxcb-boxs .index-banner{
    height: 75%;
  }
  @media (min-width: 992px) {
    .kxcb-boxs .index-banner .banner-box .banner-title::after{
      width: 70%;
    }
  }
  .kxcb-boxs .index-banner .banner-box .banner-title::after{
    background: rgba(0,0,0,0.45);
    height: calc(100vw * 160 / 1920);
  }
  .kxcb-boxs .index-banner .banner-box .banner-title .box-title span::after{
    display: none;
  }
  .kxcb-boxs .index-banner .banner-box .banner-title .box-title{
    font-size: calc(100vw * 28 / 1920);
    max-width:calc(100vw * 900 / 1920);
    padding-bottom: calc(100vw * 28 / 1920);
  }
  .kxcb-boxs .index-banner .banner-box .banner-title .box-title span{
    padding-bottom: calc(100vw * 15 / 1920);
  }
  .kxcb-boxs .index-banner .banner-box .banner-title .box-title .box-time{
    font-size: calc(100vw * 24 / 1920);
      line-height: calc(100vw * 36 / 1920);
      color: #ffffff;
  }
  .kxcb-boxs .index-banner .banner-page-w .swiper-pagination-bullet{
    width: calc(100vw * 18 / 1920);
    height: calc(100vw * 18 / 1920);
    background: #fff !important;
  }
  .kxcb-boxs .index-banner .banner-page-w .swiper-pagination-bullet-active{
    width:calc(100vw * 32 / 1920);
    border-radius: calc(100vw * 10 / 1920);
    background: #5488e5 !important;
  }
  .kxcb-boxs .index-banner .banner-page-w .banner-page span{
    position: initial;
    transform: none;
    margin: 0 7.5px;
  }
  .kxcb-boxs .index-banner .banner-page-w{
    bottom: calc(100vw * 65 / 1920);
  }
  .kxcb-boxs .footer{
    background: url(kxcb2025-bg01.png) top center no-repeat;
    background-size: cover;
  }
  .kxcb-boxs .footer-bottom{
    margin-top:0;
    padding-top: 0;
    border-top: none;
  }
  .kxcb-boxs .footer-lines:after{
    display: none;
  }
  .kxcb-boxs .footer-bottom .footer-left{
    position: relative;
  }
  @media (min-width: 992px) {
    .kxcb-boxs .footer-bottom .footer-left .footer-work{
      position: absolute;
      right: 0;
      bottom: 0;
    }
  }
  .kxcb-boxs .kxcb-mod-03{
    background: url(kxcb2025-bg02.png) top center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
  }
  .kxcb-boxs .index-title .title-txt:after{
    background: #247ed3;
    width: calc(100vw * 65 / 1920);
  }
  .kxcb-boxs .kxcb-mod-03 .kxcb-more{
    margin-top: calc(100vw * 35 / 1920);
  }
  .kxcb-boxs .kxcb-mod-03 .kxcb-more a{
    font-size: calc(100vw * 14 / 1920);
      color: #666666;
    border:1px solid #d3d3d3;
    display: inline-block;
    padding: calc(100vw * 8 / 1920) calc(100vw * 40 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }
  .kxcb-boxs .index-title.title-tabs ul li{
    float: none;
  }
  .kxcb-boxs .index-title.title-tabs ul li::after{
    display: none;
  }
  .kxcb-boxs .kxcb-mod-03 .kxcb-more a:hover{
    color: #0080ff;
    border:1px solid #0080ff;
  }
  .kxcb-boxs .kxcb-kuwz-item a{
      border: solid 1px #cbd8ea;
    border-radius: 5px;
    overflow: hidden;
    display:block;
  }
  .kxcb-boxs .kxcb-kuwz-item .img-boxs{
    height: calc(100vw * 250 / 1920);
    overflow: hidden;
  }
  .kxcb-boxs .kxcb-kuwz-item .img-boxs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .kxcb-boxs .kpwz-wrap{
    padding:calc(100vw * 20 / 1920) calc(100vw * 20 / 1920) calc(100vw * 30 / 1920) calc(100vw * 20 / 1920);
    background: url(kxcb-icon01.png) 95% 90% no-repeat;
  }
  .kxcb-boxs .kpwz-wrap .kpwz-title{
    font-size: calc(100vw * 18 / 1920);
      line-height:calc(100vw * 26 / 1920);
      color: #000000;
    padding-left: calc(100vw * 15 / 1920);
    white-space: nowrap;
    text-overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    border-left: 1px solid #0080ff;
    transition: all ease 0.25s;
  }
  .kxcb-boxs .kpwz-wrap .kpwz-des{
    font-size: calc(100vw * 16 / 1920);
      line-height: calc(100vw * 30 / 1920);
      color: #555555;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin:18px 0;
    transition: all ease 0.25s;
  }
  .kxcb-boxs .kpwz-wrap .kpwz-time{
    font-size:calc(100vw * 16 / 1920);
      line-height: calc(100vw * 30 / 1920);
      color: #000000;
    transition: all ease 0.25s;
  }
  .kxcb-boxs .kxcb-kuwz-item a:hover .kpwz-wrap{
    background: #5488e5;
  }
  .kxcb-boxs .kxcb-kuwz-item a:hover .kpwz-wrap .kpwz-title{
    color: #fff;
    border-left: 1px solid #fff;
  }
  .kxcb-boxs .kxcb-kuwz-item a:hover .kpwz-wrap .kpwz-time{
    color: #fff;
  }
  .kxcb-boxs .kxcb-kuwz-item a:hover .kpwz-wrap .kpwz-des{
    color: #91d4ff;
  }
  .kxcb-boxs .kxcb-item{
    display: flex;
  }
  .kxcb-boxs .kxcb-item .index-title{
    width: calc(100vw * 220 / 1920);
  }
  .kxcb-boxs .kxcb-item-wrap{
    flex: 1;
  }
  .kxcb-boxs .kxcb-mod-02{
    background: url(kxcb-bg02.png) top center no-repeat;
    background-size: cover;
  }
  .kxcb-boxs .kpdt-right-item{
    
  }
  .kxcb-boxs .kpdt-right-item li{
    border-bottom: 1px solid #e7e7e7;
    margin-top: calc(100vw * 20 / 1920);
  }
  .kxcb-boxs .kpdt-right-item li a{
    font-size: calc(100vw * 18 / 1920);
      font-weight: bold;
      color: #000000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding: calc(100vw * 10 / 1920);
    transition: all ease 0.25s;
  }
  .kxcb-boxs .kpdt-right-item li a .kpdt-time{
    font-size: 14px;
    color: #333;
    margin-top: 5px;
  }
  .kxcb-boxs .kpdt-right-item li.active a .kpdt-time{
    color: #fff;
  }
  .kxcb-boxs .kxcb-kpdt-right{
    width: calc(100vw * 560 / 1920);
    position: absolute;
    right: 0;
    top: calc(100vw * -30 / 1920);
  }
  .kxcb-boxs .kxcb-kpdt-item{
    position: relative;
    padding-right: calc(100vw * 560 / 1920);
    min-height: calc(100vw * 400 / 1920);
  }
  .kxcb-boxs .kpdt-right-item li.active{
    background: #5488e5;
    box-shadow: 5px 4px 0px 0px 
          rgba(84, 136, 229, 0.34);
      border-radius: calc(100vw * 10 / 1920);
    padding:4px;
    margin-top: 0;
  }
  .kxcb-boxs .kpdt-right-item li.active a{
    border:1px dashed #fff;
    color: #fff;
    padding: calc(100vw * 10 / 1920);
  }
  .kxcb-boxs .kpdt-right-item li.active a:hover{
    color: #fff;
  }
  .kxcb-boxs .kpdt-right-item li a:hover{
    color: #0080ff;
  }
  .kxcb-boxs .kxcb-kpdt-left{
    width: calc(100vw * 750 / 1920);
  }
  .kxcb-boxs .kxcb-kpdt-left .kpdt-list.active{
    display: block;
  }
  .kxcb-boxs .kxcb-kpdt-left .kpdt-list{
    display: none;
    border-radius: calc(100vw *15 / 1920);
      border: solid 1px #e4e4e4;
    padding: calc(100vw * 15 / 1920);
    position: relative;
    z-index: 2;
  }
  .kxcb-boxs .kxcb-kpdt-left .kpdt-list:after{
    content: '';
    display: inline-block;
    width:calc(100vw * 755 / 1920);
    height: calc(100vw * 460 / 1920);
    background: #fff;
    position: absolute;
    left: calc(100vw * -67 / 1920);
    border-radius: calc(100vw * 15 / 1920);
    bottom: calc(100vw * -50 / 1920);
    z-index: -1;
  }
  .kxcb-boxs .kxcb-kpdt-left .kpdt-list .img-boxs img{
    width: 100%;
    height: calc(100vw * 450 / 1920);
    object-fit: cover;
  }
  .kxcb-boxs .kpdt-list-boxs{
    position: absolute;
    left: calc(100vw * 15 / 1920);
    bottom: calc(100vw * -50 / 1920);
    width: calc(100vw * 560 / 1920);
    height: calc(100vw * 170 / 1920);
    background: rgba(255,255,255,0.7);
    border-top-right-radius:5px;
    padding: calc(100vw * 20 / 1920) calc(100vw * 15 / 1920);
  }
  .kxcb-boxs .kxcb-kpdt-left .kpdt-list .kpdt-title{
    font-size: calc(100vw * 20 / 1920);
      line-height:calc(100vw * 32 / 1920);
      color: #000000;
  }
  .kxcb-boxs .kxcb-kpdt-left .kpdt-list .kpdt-time{
    font-size: calc(100vw * 16 / 1920);
      line-height:calc(100vw * 30 / 1920);
      color: #000000;
    margin-top: calc(100vw * 10 / 1920);
  }
  .kxcb-boxs .kxcb-mod-04{
    background: url(kxcb2025-bg03.png) bottom center no-repeat;
    background-size: 100% auto;
    position: relative;
    overflow: hidden;
  }
  .kxcb-boxs .kphd-boxs{
    margin-top: calc(100vw * 40 / 1920);
  }
  .kxcb-boxs .kphd-boxs a{
    border-radius: 5px;
    display: block;
    position: relative;
  }
  .kxcb-boxs .kphd-boxs a:after{
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #c5d6f6;
    border-radius: 5px;
    top: calc(100vw * 9 / 1920);
    left:calc(100vw * 9 / 1920);
    position: absolute;
    z-index: -1;
  }
  .kxcb-boxs .kphd-boxs .img-boxs{
    height: calc(100vw * 200 / 1920);
    border:1px solid #f0f1f2;
  }
  .kxcb-boxs .kphd-boxs .img-boxs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .kxcb-boxs .kphd-boxs .kphd-title{
    font-size: calc(100vw * 18 / 1920);
      line-height: calc(100vw * 34 / 1920);
      color: #000000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all ease 0.25s;
  }
  .kxcb-boxs .kphd-boxst{
    border:1px solid #9cace1;
    border-top: none;
    padding: calc(100vw * 20 / 1920);
    background: #fff;
    border-radius: 5px;
  }
  .kxcb-boxs .kphd-boxs .kphd-time{
    margin:calc(100vw * 15 / 1920) 0 calc(100vw * 10 / 1920) 0;
  }
  .kxcb-boxs .kphd-boxs .kphd-time span{
    font-size:calc(100vw * 16 / 1920);
      line-height: calc(100vw * 22 / 1920);
      letter-spacing: 0px;
      color: #247ed3;
    background: #e9f2fb;
    padding:calc(100vw * 6 / 1920) calc(100vw * 15 / 1920);
    display: inline-block;
    border-radius: calc(100vw * 20 / 1920);
  }
  .kxcb-boxs .kphd-boxs .kphd-des{
    font-size: calc(100vw * 16 / 1920);
      line-height: calc(100vw * 28 / 1920);
      color: #555555;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .kxcb-boxs .kphd-boxs a:hover .kphd-boxst .kphd-title{
    color: #0080ff;
  }
  .kxcb-boxs .kxcb-mod-05{
    background: url(kxcb2025-bg04.png) bottom center no-repeat;
    background-size: 100% auto;
    position: relative;
    overflow: hidden;
  }
  .kxcb-boxs .kxcb-mod-05 .index-title{
    position: absolute;
  }
  .kxcb-boxs .sjjt-tab .rczp-box{
    background: #4c88e6;
    padding: calc(100vw * 20 / 1920) calc(100vw * 15 / 1920);
    border-radius: 5px;
    overflow: hidden;
  }
  .kxcb-boxs .sjjt-tab .rczp-box .rc-data{
    background: url(kxcb-icon02.png) right center no-repeat;
    background-size:contain;
  }
  .kxcb-boxs .sjjt-tab .rczp-box .rc-des{
    font-size: calc(100vw * 16 / 1920);
    overflow: hidden;
    color: #fff;
    margin-top: calc(100vw * 12 / 1920);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .kxcb-boxs .sjjt-tab .rczp-box .rc-title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .kxcb-boxs .sjjt-tab{
    width: calc(100vw * 460 / 1920);
  }
  .kxcb-boxs .sjjt-tab li:first-child{
    margin-bottom: calc(100vw * 25 / 1920);
  }
  .kxcb-boxs .sjjt-boxs{
    width: 100%;
    display: flex;
    align-items: flex-end;
  }
  .kxcb-boxs .sjjt-switch{
    flex: 1;
    padding-left: calc(100vw * 60 / 1920);
  } 
  .kxcb-boxs .sjjt-switch a{
    display: none;
    position: relative;
  }
  .kxcb-boxs .sjjt-switch a:after{
    content: '';
    display: inline-block;
    width: calc(100vw * 75 / 1920);
    height: calc(100vw * 75 / 1920);
    background: url(kxcb-icon02.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    top: calc(100vw * 30 / 1920);
    right: calc(100vw * 30 / 1920);
  }
  .kxcb-boxs .sjjt-switch a.active{
    display:block;
  }
  .kxcb-boxs .sjjt-switch a .img-boxs{
    height: calc(100vw * 520 / 1920);
    border-radius: 5px;
    overflow: hidden;
  }
  .kxcb-boxs .sjjt-switch a .img-boxs img{
    width: 100%;
    height: 100%;
  }
  .kxcb-boxs .kxcb-mod-06{
    background: url(kxcb-icon03.png) top left no-repeat;
    background-size: auto;
  }
  .kxcb-boxs .kxjjs-boxs .img-boxs{
    width: calc(100vw * 180 / 1920);
    height: calc(100vw * 180 / 1920);
    border-radius: 50%;
    position: relative;
    text-align: left;
  }
  .kxcb-boxs .kxjjs-boxs a{
    display: block;
    padding:10px 15px 30px 15px;
    box-shadow: 0px 2px 4px 0px 
        rgba(161, 161, 162, 0.38);
    border-bottom: 4px solid #4c88e6;
    border-radius: 5px;
    overflow: hidden;
  }
  .kxcb-boxs .kxjjs-boxs .img-boxs img{
    max-width: calc(100vw * 160 / 1920);
    height: calc(100vw * 160 / 1920);
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
  }
  .kxcb-boxs .kxjjs-boxs .img-boxs:after{
    content: '';
    position: absolute;
    width: calc(100vw * 180 / 1920);
    height: calc(100vw * 180 / 1920);
    background: #deebf6;
    border-radius: 50%;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .kxcb-boxs .kxjjs-boxs .img-boxs{
    margin: 0 auto;
    padding-top: calc(100vw * 20 / 1920);
  }
  .kxcb-boxs .kxjjs-boxs .kxjjs-name{
    text-align: center;
    padding-bottom: calc(100vw * 20 / 1920);
    position: relative;
    font-size:calc(100vw * 22 / 1920);
    color: #333333;
  }
  .kxcb-boxs .kxjjs-boxs .kxjjs-name:after{
    content: '';
    display: inline-block;
    width: calc(100vw * 55 / 1920);
    height: 2px;
    background: #247ed3;
    left: 50%;
    bottom: calc(100vw * 10 / 1920);
    position: absolute;
    transform: translateX(-50%);
  }
  .kxcb-boxs .kxjjs-boxs .kxjjs-des{
    color: #555555;
    font-size: calc(100vw * 16 / 1920);
    line-height: calc(100vw * 28 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    min-height:calc(100vw * 115 / 1920);
  }
  .kxcb-boxs .jwx-boxs{
    padding-top: calc(100vw * 30 / 1920);
    padding-bottom: calc(100vw * 30 / 1920);
    position: relative;
    height: calc(100vw * 390 / 1920);
    overflow: hidden;
  }
  .kxcb-boxs .swiper-buttons{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    z-index: 9;
    cursor: pointer;
    background: url(im2025-icon14.png) center center no-repeat;
  }
  .kxcb-boxs .swiper-buttons.quiker-prev{
    top: 0;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
  }
  .kxcb-boxs .swiper-buttons.quiker-next{
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #kpqk-wswjw{
    height: 100%;
  }
  .kxcb-boxs .jwx-boxs a{
    display: block;
    height: 100%;
    padding-bottom: calc(100vw * 15 / 1920);
    padding-left: calc(100vw * 35 / 1920);
    position: relative;
    border-left: 1px solid #d0d0d0;
    margin-left: calc(100vw * 10 / 1920);
  }
  .kxcb-boxs .jwx-boxs a:after{
    content: '';
    display: inline-block;
    width: calc(100vw * 13 / 1920);
    height: calc(100vw * 13 / 1920);
    border-radius: 50%;
    background: #247ed3;
    position: absolute;
    left: -6.5px;
    top: calc(100vw * 8 / 1920);
  }
  .kxcb-boxs .jwx-boxs .jwx-time{
    font-size: calc(100vw * 18 / 1920);
    color: #000;
  }
  .kxcb-boxs .jwx-boxs .jwx-time span{
    font-weight: 700;
    font-size: calc(100vw * 20 / 1920);
    padding-right: 10px;
  }
  .kxcb-boxs .jwx-boxs .jwx-title{
    font-size: calc(100vw * 16 / 1920);
    color: #666;
    margin-top: calc(100vw * 10 / 1920);
  }
  .kxcb-boxs .kxcb-mod-07{
    background: #f3f5f9;
  }
  .kxcb-boxs #kpqk-scroll{
    width: 115%;
  }
  .kxcb-boxs .kpqk-boxs .kpqk-wrap{
    display: none;
    background: url(kxcb2025-bg05.png) center right no-repeat;
    background-size: cover;
  }
  .kxcb-boxs .kpqk-boxs .swiper-slide{
    width: 20%;
  }
  .kxcb-boxs .kpqk-boxs .swiper-slide-active{
    width: 40%;
  }
  .kxcb-boxs .kpqk-boxs .swiper-slide-active .kpqk-wrap{
    display: block;
  }
  .kxcb-boxs .kpqk-boxs .swiper-slide-active .kpqk-wraps{
    width: 100%;
    display: flex;
  }
  .kxcb-boxs{
    overflow-x: hidden;
  }
  .kxcb-boxs .kpqk-boxs .swiper-slide-active .kpqk-wraps .img-boxs{
    width: 50%;
  }
  .kxcb-boxs .kpqk-boxs  .img-boxs img{
    width: 100%;
  }
  .kxcb-boxs .kpqk-boxs .swiper-slide-active .kpqk-wrap{
    width: 50%;
    padding: calc(100vw * 45 / 1920) calc(100vw * 40 / 1920);
  }
  .kxcb-boxs .kpqk-boxs .kpqk-wrap .kpqk-title{
    font-size: calc(100vw * 22 / 1920);
      line-height: calc(100vw * 34 / 1920);
      letter-spacing: 0px;
      color: #000000;
  }
  .kxcb-boxs .kpqk-boxs .kpqk-wrap .kpqk-des{
    font-size: calc(100vw * 16 / 1920);
      line-height:calc(100vw * 30 / 1920);
      color: #555555;
    margin-top: calc(100vw * 30 / 1920);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .kxcb-boxs .kpqk-boxs .kpqk-wrap .kpqk-more{
    margin-top: calc(100vw * 50 / 1920);
  }
  .kxcb-boxs .kpqk-pages{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .kxcb-boxs .kpqk-pages span{
    display: inline-block;
    width: calc(100vw * 45 / 1920);
    height: calc(100vw * 45 / 1920);
    background: url(ibpzw2024-icon-45.png) center center no-repeat;
    background-size: cover;
  }
  .kxcb-boxs .kpqk-pages span.kpqk-prev{
    transform: rotateY(180deg);
    margin-right: calc(100vw * 40 / 1920);
  }
  .kxcb-boxs .wsw-boxs .kpqk-wraps{
    border-radius: 5px;
    overflow: hidden;
    display: block;
  }
  .kxcb-boxs .wsw-boxs .kpqk-wraps .img-boxs{
    width: 100%;
    height: calc(100vw * 385 / 1920);
    overflow: hidden;
  }
  .kxcb-boxs .wsw-boxs .kpqk-wraps .img-boxs img{
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .kxcb-boxs .wsw-boxs .kpqk-wraps .wsw-title{
    text-align: center;
    background: #fff;
    overflow: hidden;
    font-size: calc(100vw * 18 / 1920);
      line-height: calc(100vw * 34 / 1920);
      letter-spacing: 0px;
      color: #555555;
    padding: 8px 5px;
  }
  .kxcb-boxs .kxcb-mod-08{
    background: url(kxcb2025-bg06.png) bottom right no-repeat;
    background-size: 100% auto;
  }
  
  .peoples .qch-name{
    text-align: center;
    font-size: calc(100vw * 32 / 1920);
    padding-bottom: calc(100vw * 15 / 1920);
    position: relative;
    margin-bottom: calc(100vw * 30 / 1920);
  }
  .peoples .qch-name:after{
    content: '';
    display: inline-block;
    width: calc(100vw * 40 / 1920);
    height: 4px;
    background: #0319A0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  
  
  .gkjdbox{
    overflow-x: hidden;
  }
  .gkjdbox .container{
    width: 82%;
  }
  .gkjdbox .aside-item{
    top: calc(100vw * -110 / 1920);
  }
  .gkjdbox .aside-item .aside-list li{
    /* min-width:270px; */
  }
  .gkjdbox .gkjian-wrap{
    padding-left: calc(100vw * 280 / 1920);
    background: #fff;
    margin-top: calc(100vw * 40 / 1920);
  }
  .gkjdbox .gkjian-wrap .gkjj-top{
    padding-left: calc(100vw * 40 / 1920);
  }
  .gkjdbox .szzc{
    display: flex;
  }
  .gkjdbox .szzc .img-box{
    width: calc(100vw * 175 / 1920);
  }
  .gkjdbox .szzc .img-box img{
    width: 100%;
    max-width: 100%;
  }
  .gkjdbox .gkjian-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .gkjdbox .gkjian-title span{
    font-weight: 600;
    font-size: calc(100vw * 28 / 1920);
    color: #444444;
    position: relative;
    display: inline-block;
    padding-top: calc(100vw * 15 / 1920);
  }
  .gkjdbox .gkjian-title span:after{
    content: '';
    display: inline-block;
    width: calc(100vw * 45 / 1920);
    height: calc(100vw * 5 / 1920);
    background: #4B3FC2;
    position: absolute;
    top: 0;
    left: 0;
  }
  .gkjdbox .gkjian-title a{
    font-weight: 400;
    font-size: calc(100vw * 16 / 1920);
    color: #444444;
  }
  .gkjdbox .szzc .szzc-box{
    flex: 1;
    padding-left: calc(100vw * 35 / 1920);
  }
  .gkjdbox .szzc .szzc-des{
    font-weight: 400;
    font-size: calc(100vw * 16 / 1920);
    color: #444444;
    line-height: calc(100vw * 28 / 1920);
    text-indent:calc(100vw * 32 / 1920);
    margin-top: calc(100vw * 20 / 1920);
  }
  .gkjdbox .skjj{
    margin-top: calc(100vw * 40 / 1920);
    display: flex;
    align-items:center;
    flex-direction: row-reverse;
  }
  .gkjdbox .skjj .skjj-img{
    width: calc(100vw * 505 / 1920);
    position: relative;
    padding: calc(100vw * 10 / 1920);
    z-index: 2;
  }
  .gkjdbox .skjj .skjj-img:after,.gkjdbox .skjj .skjj-img:before{
    content: '';
    width:calc(100vw * 100 / 1920);
    height: calc(100vw * 100 / 1920);
    z-index: -1;
    background: #4B3FC2;
    position: absolute;
    display: inline-block;
  }
  .gkjdbox .skjj .skjj-img:after{
    top: 0;
    right: 0;
  }
  .gkjdbox .skjj .skjj-img:before{
    bottom: 0;
    left: 0;
  }
  .gkjdbox .skjj .skjj-boxs{
    flex: 1;
    margin-right: calc(100vw * 30 / 1920);
  }
  .gkjdbox .skjj .skjj-boxs .skjj-des{
    font-weight: 400;
    font-size: calc(100vw * 16 / 1920);
    color: #444444;
    line-height: calc(100vw * 28 / 1920);
    text-indent: calc(100vw * 32 / 1920);
    margin-top: calc(100vw * 20 / 1920);
  }
  .gkjdbox .gkjj-lishi{
    min-height: calc(100vw * 550 / 1920);
    position: relative;
  }
  .gkjdbox .gkjj-lishi:after{
    content: '';
    display: inline-block;
    width: 115%;
    height: 100%;
    background: url(z2025-jkjj01.png) top center no-repeat;
    background-size: cover;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
  }
  .gkjdbox .gkjj-lishi:before{
    content: '';
    display: inline-block;
    width: 115%;
    height: calc(100vw * 300 / 1920);
    position: absolute;
    background: #4B3FC2;
    left: 0;
    bottom: 0;
    z-index: 1;
  }
  .gkjdbox .gkjj-lishi{
    margin-top: calc(100vw * 30 / 1920);
  }
  .gkjdbox .lishi-box{
    position: relative;
    z-index: 5;
    padding: calc(100vw * 30 / 1920) calc(100vw * 40 / 1920);
    padding-bottom: calc(100vw * 70 / 1920);
  }
  /* .gkjdbox .gkjj-lishi .swiper-slide{
    width: 165px !important;
  } */
  .gkjdbox .gkjj-lishi .swiper-slide .history-img{
    width: 100%;
    height: calc(100vw * 130 / 1920);
  }
  .gkjdbox .gkjj-lishi .swiper-slide .history-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .gkjdbox .gkjj-lishi .swiper-slide .history-des{
    display: none;
    width: 300%;
  }
  .gkjdbox .gkjj-lishi .gallery-history-top{
    margin-top: calc(100vw * 30 / 1920);
  }
  .gkjdbox .gkjj-lishi .swiper-slide.swiper-slide-active .history-des{
    display: block;
    border-right: 1px solid #fff;
    padding-right: calc(100vw * 40 / 1920);
  }
  /* .gkjdbox .gkjj-lishi .swiper-slide.swiper-slide-active{
    width: 300px !important;
  } */
  .gkjdbox .gkjj-lishi .swiper-slide.swiper-slide-active .history-img{
    width: 100%;
    height: calc(100vw * 250 / 1920);
  }
  .gkjdbox .gkjj-lishi .swiper-slide.swiper-slide-active .history-img img{
    width: 100%;
    height: 100%;
    object-fit: cover !important;
  }
  .gkjdbox .gkjj-xrld{
    padding-top: calc(100vw * 30 / 1920);
    background: #FBFBFB;
    position: relative;
    padding: calc(100vw * 50 / 1920) calc(100vw * 40 / 1920);
  }
  .gkjdbox .swiper-slide .year-boxs .year:after{
    display: none;
  }
  .gkjdbox .swiper-slide .year-boxs{
    padding-bottom: calc(100vw * 30 / 1920);
    position: relative;
    text-align: center;
  }
  .gkjdbox .swiper-slide .history-img{
    margin-bottom: calc(100vw * 30 / 1920);
  }
  .gkjdbox .swiper-slide{
    padding: 0 calc(100vw * 10 / 1920);
  }
  .gkjdbox .swiper-slide .year-boxs:after{
    content: '';
    display: inline-block;
    height: 1px;
    width: 110%;
    background: #fff;
    position: absolute;
    left: 0;
    top: calc(100vw * 20 / 1920);
    z-index: -1;
  }
  .gkjdbox .swiper-slide .year-boxs .year:before{
    display: none;
  }
  .gkjdbox .gkjj-xrld:after{
    content: '';
    display: inline-block;
    width: 50%;
    height: 100%;
    position: absolute;
    background: #FBFBFB;
    right: -50%;
    top: 0;
  }
  .gkjdbox .top-other{
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: left;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: calc(100vw * 165 / 1920);
  }
  .explore-IBP-content .gkjdbox .top-other{
    right: calc(100vw * 180 / 1920);
    bottom: calc(100vw * 50 / 1920);
  }
  .explore-IBP-content .gkjdbox .top-other .scroll-page{
    font-size: calc(100vw * 20 / 1920);
  }
  .explore-IBP-content .gkjdbox .top-other .scroll-page span:first-child{
    font-size: calc(100vw * 20 / 1920);
    color:#B8EA43;
  }
  .gkjdbox .top-other .swiper-buttons{
    width:calc(100vw * 36 / 1920);
    height:calc(100vw * 36 / 1920);
    border: 1px solid #4B3FC2;
    color: #333;
    text-align: center;
    line-height: calc(100vw * 36 / 1920);
    transition: all ease 0.25s;
  }
  .gkjdbox .top-other .scroll-prev{
    border-radius: 4px 0px 0px 4px;
    background: #B8EA43;
  }
  .gkjdbox .top-other .scroll-next{
    border-radius: 0px 4px 4px 0px;
    background: #F4F0EC;
  }
  .gkjdbox .top-other .swiper-buttons:after{
    display: none;
  }
  .gkjdbox .top-other .scroll-page {
    color: #fff;
    position: static;
    width: auto;
    font-size: calc(100vw * 24 / 1920);
  }
  .gkjdbox .top-other .scroll-page span {
    display: inline-block;
  }
  .gkjdbox .top-other .scroll-page span:first-child {
    color: #fff;
    font-size: calc(100vw * 24 / 1920);
  }
  .gkjdbox .gkjj-xrld .xrld-item{
    display: flex;
    flex-wrap: wrap;
    gap: calc(100vw * 50 / 1920);
    margin-top: calc(100vw * 30 / 1920);
    justify-content: space-between;
    width: 100%;
  }
  .gkjdbox .gkjj-xrld .xrld-list{
    width: calc((100% - 4 * calc(100vw * 50 / 1920)) / 5);
  }
  .gkjdbox .gkjj-xrld .xrld-list a{
    display: block;
    padding-left: calc(100vw * 20 / 1920);
    padding-right: calc(100vw * 20 / 1920);
    padding-bottom: calc(100vw * 20 / 1920);
    background: url(z2025-jkjj02.png) center bottom no-repeat;
    background-size: 100% auto;
  }
  .gkjdbox .gkjj-xrld .xrld-list .xrld-name{
    font-size: calc(100vw * 20 / 1920);
    font-weight: 700;
    padding-top: calc(100vw * 15 / 1920);
  }
  .gkjdbox .gkjj-xrld .xrld-list .xrld-zc{
    font-size: calc(100vw * 16 / 1920);
    margin-top: calc(100vw * 10 / 1920);
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .gkjdbox .gkjj-channels{
    margin-top: calc(100vw * 60 / 1920);
  }
  .gkjdbox .gkjj-chan-item{
    display: flex;
    gap: calc(100vw * 30 / 1920);
    flex-wrap: wrap;
  }
  .gkjdbox .gkjj-channels .gkjj-chan-list{
    width: calc((100% - 5 * calc(100vw * 30 / 1920)) / 5);
    position: relative;
    min-height: calc(100vw * 110 / 1920);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    overflow: hidden;
    background-color:rgba(2,21,108,0.8);
  }
  .gkjdbox .gkjj-channels .gkjj-chan-list:nth-child(1){
    background-image: url(z2025-jkjj03.png);
  }
  .gkjdbox .gkjj-channels .gkjj-chan-list:nth-child(2){
    background-image: url(z2025-jkjj04.png);
  }
  .gkjdbox .gkjj-channels .gkjj-chan-list:nth-child(3){
    background-image: url(z2025-jkjj05.png);
  }
  .gkjdbox .gkjj-channels .gkjj-chan-list:nth-child(4){
    background-image: url(z2025-jkjj06.png);
  }
  .gkjdbox .gkjj-channels .gkjj-chan-list:nth-child(5){
    background-image: url(z2025-jkjj07.png);
  }
  .gkjdbox .gkjj-channels .gkjj-chan-list:nth-child(6){
    background-image: url(z2025-jkjj08.png);
  }
  .gkjdbox .gkjj-channels .gkjj-chan-list:nth-child(7){
    background-image: url(z2025-jkjj09.png);
  }
  .gkjdbox .gkjj-channels .gkjj-chan-list:nth-child(8){
    background-image: url(z2025-jkjj10.png);
  }
  .gkjdbox .gkjj-channels .gkjj-chan-list a{
    font-weight: 600;
    font-size: calc(100vw * 24 / 1920);
    color: #FFFFFF;
    line-height: calc(100vw * 33 / 1920);
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  .gkjdbox .gkjj-channels .gkjj-chan-list a:after{
    content: '';
    display: inline-block;
    width: calc(100vw * 30 / 1920);
    height: calc(100vw * 20 / 1920);
    background: url(z2025-jkjj11.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    bottom: calc(100vw * -30 / 1920);
    right: 5px;
  }
  .gkjdbox .gkjj-xxbs{
    margin-top: calc(100vw * 40 / 1920);
    position: relative;
    padding:calc(100vw * 30 / 1920) calc(100vw * 45 / 1920) calc(100vw * 50 / 1920) calc(100vw * 40 / 1920);
    z-index: 2;
  }
  .gkjdbox .gkjj-xxbs:after{
    content: '';
    width: 115%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background: url(z2025-jkjj12.png) top center no-repeat;
    background-size: cover;
    z-index: -1;
  }
  .gkjdbox .gkjj-xxbs .xxbx-wrap{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  .gkjdbox .gkjj-xxbs .img-boxs{
    width: calc(100vw * 270 / 1920);
  }
  .gkjdbox .gkjj-xxbs .img-boxs img{
    width: 100%;
    max-width: 100%;
  }
  .gkjdbox .gkjj-xxbs .xxbx-text{
    font-weight: 400;
    font-size: calc(100vw * 16 / 1920);
    color: #444444;
    line-height: calc(100vw * 28 / 1920);
    margin-top: calc(100vw * 15 / 1920);
    padding-right: calc(100vw * 50 / 1920);
  }
  .gkjdbox .gkjj-yqfm{
    padding: calc(100vw * 45 / 1920) calc(100vw * 40 / 1920);
  }
  .gkjdbox .gkjj-yqfm .yqfm-imgs{
    display: flex;
    flex-wrap: wrap;
    gap: calc(100vw * 20 / 1920);
    margin-top: calc(100vw * 20 / 1920);
  }
  .gkjdbox .gkjj-yqfm .yqfm-imgs .yqfm-item{
    width: calc((100% - 3 * calc(100vw * 20 / 1920)) / 4);
  }
  .gkjdbox .gkjj-yqfm .yqfm-item{
    display: flex;
    flex-wrap: wrap;
    gap: calc(100vw * 20 / 1920);
  }
  .gkjdbox .gkjj-yqfm .yqfm-item img{
    border-radius: 5px;
    overflow: hidden;
    object-fit: cover;
  }
  .gkjdbox .gkjj-lxwm{
    background: #FBFBFB;
    position: relative;
    padding: calc(100vw * 40 / 1920);
  }
  .gkjdbox .gkjj-lxwm:after{
    content: '';
    display: inline-block;
    width: 50%;
    height: 100%;
    position: absolute;
    background: #FBFBFB;
    right: -50%;
    top: 0;
  }
  .gkjdbox .gkjj-lxwm .lxwm-boxs{
    display: flex;
    align-items: flex-start;
  }
  .gkjdbox .gkjj-lxwm .gkjian-title{
    width: calc(100vw * 300 / 1920);
  }
  .gkjdbox .gkjj-lxwm .lxwm-wrap{
    flex: 1;
  }
  .gkjdbox .gkjj-lxwm .lxwm-wrap p{
    font-weight: 400;
    font-size: calc(100vw * 16 / 1920);
    color: #444444;
    line-height: calc(100vw * 40 / 1920);
    text-align: left;
    padding-left: calc(100vw * 50 / 1920);
  }
  .gkjdbox .gkjj-lxwm .lxwm-wrap .add{
    background: url(z2025-jkjj17.png) left center no-repeat;
    background-size: calc(100vw * 30 / 1920) calc(100vw * 30 / 1920);
  }
  .gkjdbox .gkjj-lxwm .lxwm-wrap .tel{
    background: url(z2025-jkjj18.png) left center no-repeat;
    background-size: calc(100vw * 30 / 1920) calc(100vw * 30 / 1920);
  }
  .gkjdbox .gkjj-lxwm .lxwm-wrap .fix{
    background: url(z2025-jkjj19.png) left center no-repeat;
    background-size: calc(100vw * 30 / 1920) calc(100vw * 30 / 1920);
  }
  .gkjdbox .gkjj-lxwm .lxwm-wrap .email{
    background: url(z2025-jkjj20.png) left center no-repeat;
    background-size: calc(100vw * 30 / 1920) calc(100vw * 30 / 1920);
  }
  
  .kxcb-boxs .timeline {
      position: relative;
      max-width: calc(100vw * 1000 / 1920);
      margin: 0 auto;
  }
  
  .kxcb-boxs .timeline::after {
      content: '';
      position: absolute;
      width: 6px;
      background-color: rgba(52, 152, 219, 0.3);
      top: 0;
      bottom: 0;
      left: 50%;
      margin-left: -3px;
      border-radius: 10px;
      z-index: -1;
  }
  .kxcb-boxs .timeline-item {
      padding: 30px 40px;
      position: relative;
      width: 50%;
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.5s ease;
  }
  .kxcb-boxs .timeline-item.visible {
      opacity: 1;
      transform: translateY(0);
  }
  .kxcb-boxs .timeline-item:nth-child(odd) {
      left: 0;
  }
  .kxcb-boxs .timeline-item:nth-child(even) {
      left: 50%;
  }
  .kxcb-boxs .timeline-content {
      padding: 25px;
      background-color: white;
      border-radius: 12px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease;
      border: 1px solid rgba(0, 0, 0, 0.05);
      position: relative;
  }
  .kxcb-boxs .timeline-content:hover {
      transform: translateY(-7px);
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
  }
  .kxcb-boxs .year {
      position: absolute;
      top: -25px;
      font-size: 1.8rem;
      font-weight: 800;
      color: #3498db;
      text-shadow: 0 0 10px rgba(52, 152, 219, 0.2);
      background: white;
      padding: 8px 15px;
      border-radius: 30px;
      box-shadow: 0 5px 15px rgba(52, 152, 219, 0.2);
      z-index: 10;
      border: 2px solid #3498db;
  }
  .kxcb-boxs .timeline-item:nth-child(odd) .year {
      right: -90px;
  }
  .kxcb-boxs .timeline-item:nth-child(even) .year {
      left: -90px;
  }
  .kxcb-boxs .timeline-item:nth-child(even) .timeline-title{
    text-align: right;
  }
  .kxcb-boxs .timeline-img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      border-radius: 10px;
      margin: 15px 0;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
  }
  .kxcb-boxs .timeline-img:hover {
      transform: scale(1.03);
  }
  .kxcb-boxs .timeline-title {
      font-size: 1.6rem;
      margin-bottom: 10px;
      color: #2c3e50;
      font-weight: 600;
  }
  .kxcb-boxs .timeline-desc {
      font-size: 1.4rem;
      line-height: 1.6;
      color: #5d6d7e;
  }
  @media screen and (max-width: 768px) {
      .kxcb-boxs .timeline::after {
          left: 31px;
      }
      .kxcb-boxs .timeline-item {
          width: 100%;
          padding-left: 70px;
          padding-right: 25px;
      }
      .kxcb-boxs .timeline-item:nth-child(even) {
          left: 0;
      }
      .kxcb-boxs .timeline-item:nth-child(odd) .year,
      .kxcb-boxs .timeline-item:nth-child(even) .year {
          left: 15px;
          right: auto;
          top: -15px;
          font-size: 1.5rem;
      }
      .kxcb-boxs .timeline-item:nth-child(odd)::after,
      .kxcb-boxs .timeline-item:nth-child(even)::after {
          left: 19px;
      }
  }
  .kxcb-boxs .timeline-item:nth-child(1) { transition-delay: 0.1s; }
  .kxcb-boxs .timeline-item:nth-child(2) { transition-delay: 0.3s; }
  .kxcb-boxs .timeline-item:nth-child(3) { transition-delay: 0.5s; }
  .kxcb-boxs .timeline-item:nth-child(4) { transition-delay: 0.7s; }
  .kxcb-boxs .timeline-item:nth-child(5) { transition-delay: 0.9s; }
  
    /* 模态框样式 */
  #imageModal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      z-index: 999999;
      opacity: 0;
      transition: opacity 0.3s ease;
  }
  
  #imageModal.active {
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 1;
  }
  
  #imageModal .modal-content {
      background: white;
      width: 90%;
      max-width: 800px;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
      transform: scale(0.9);
      transition: transform 0.3s ease;
  }
  
  .modal.active .modal-content {
      transform: scale(1);
  }
  
  #imageModal .modal-header {
      background: #02156c;
      color: white;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  #imageModal .modal-header:after,#imageModal .modal-header:before{
    display:none;
  }
  #imageModal .modal-year {
      font-size: 20px;
      font-weight: bold;
  }
  
  #imageModal .close-btn {
      background: none;
      border: none;
      color: white;
      font-size: 28px;
      cursor: pointer;
      line-height: 1;
  }
  
  #imageModal .modal-body {
      padding: 20px;
      display: flex;
      flex-direction: column;
      gap: 20px;
  }
  
  #imageModal .modal-image {
      flex: 1;
      overflow: hidden;
      border-radius: 8px;
  }
  
  #imageModal .modal-image img {
      width: 100%;
      max-height: 450px;
      object-fit: contain;
  }
  
  #imageModal .modal-info {
      flex: 1;
  }
  
  #imageModal .modal-title {
      font-size:20px;
      color: #2c3e50;
      margin-bottom: 10px;
  }
  
  #imageModal .modal-description {
      line-height: 1.6;
      color: #5d6d7e;
      font-size: 18px;
  }