@font-face {
    font-family: 'syst';
    src: url('../fonts/sy.otf');
  }
  
  @font-face {
    font-family: 'syst2';
    src: url('../fonts/sy2.otf');
  }
  
  @font-face {
    font-family: 'syst3';
    src: url('../fonts/sy3.otf');
  }
  
  .fm {
    font-family: 'syst';
  }
  
  .fm2 {
    font-family: 'syst2';
  }
  
  .u26 li .time,
  .u34 li .time,
  .news-tit,
  .ban6 .name,
  .u33 li .tit,
  .sy-title3 .name-tab,
  .sy_ban4 .swiper-slide .tp p,
  .sy-overview .svg .svg-item .num span,
  .gw-box .gw-item .item .tit,
  .sy-overview .sy-tab2 .tab-item {
    font-family: 'syst';
    font-weight: 600;
  }
  
  .u33 li .tit {
    font-family: 'syst3';
    font-weight: 800;
  }
  
  .js-list .txt {
    word-break: break-word;
  }
  
  .clear {
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 0px;
  }
  
  .line-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  
  .img_d {
    overflow: hidden;
  }
  
  .img_d:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  
  .m-30 {
    margin-top: 30px;
  }
  
  .m-0 {
    margin-top: 0px !important;
  }
  
  .ban3 .swiper-slide p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  
  .ban3 .swiper-slide p.line-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  
  @media only screen and (max-width: 1680px) {
    .wal {
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
    }
  
    .m-30 {
      margin-top: 0.3rem;
    }
  }
  
  body {
    line-height: 1.7;
  }
  
  ::-webkit-scrollbar-thumb {
    opacity: 1;
  }
  
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 10px;
    opacity: 0;
  }
  
  ::-webkit-scrollbar-track {
    background: none;
    border: none;
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-button {
    height: 0;
    display: none;
  }
  
  ::-webkit-scrollbar-button:hover {
    background-color: #999999;
  }
  
  body .g-head a .close {
    display: none;
  }
  
  body .g-head a.navA .ss2 {
    margin: 0 0.15rem;
    width: 1px;
    height: 0.25rem;
    background-color: #fff;
    opacity: 0.3;
  }
  
  body.navShow a.navA .ss,
  body.navShow a.navA .open {
    display: none;
  }
  
  body.navShow a.navA .close {
    display: block;
  }
  
  .search-mode {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }
  
  .search-mode .nav-ss {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .search-mode .nav-ss .close-btn {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    cursor: pointer;
  }
  
  .search-mode .nav-ss .close-btn img {
    width: 100%;
    height: 100%;
  }
  
  .search-mode .nav-ss .search-box {
    width: 50vw;
    height: 0.6rem;
    display: flex;
    align-items: center;
  }
  
  .search-mode .nav-ss .search-box .inp {
    width: 100%;
    height: 0.6rem;
    background-color: #fff;
    padding: 0 0.2rem;
    font-size: 0.18rem;
  }
  
  .search-mode .nav-ss .search-box .submit {
    width: 1.2rem;
    height: 0.6rem;
    background-color: #c9151e;
    color: #fff;
    font-size: 0.18rem;
    cursor: pointer;
  }
  
  @media only screen and (max-width: 800px) {
    .search-mode {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.8);
      z-index: 9999;
    }
  
    .search-mode .nav-ss {
      position: absolute;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .search-mode .nav-ss .close-btn {
      position: absolute;
      right: 0.5rem;
      top: 0.5rem;
      width: 0.5rem;
      height: 0.5rem;
      cursor: pointer;
    }
  
    .search-mode .nav-ss .close-btn img {
      width: 100%;
      height: 100%;
    }
  
    .search-mode .nav-ss .search-box {
      width: 80vw;
      height: 0.8rem;
      display: flex;
      align-items: center;
    }
  
    .search-mode .nav-ss .search-box .inp {
      width: 100%;
      height: 0.8rem;
      background-color: #fff;
      padding: 0 0.2rem;
      font-size: 0.24rem;
    }
  
    .search-mode .nav-ss .search-box .submit {
      width: 1.2rem;
      height: 0.8rem;
      background-color: #c9151e;
      color: #fff;
      font-size: 0.24rem;
      cursor: pointer;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .g-nav2 .nv2 {
      height: 100vh;
      position: relative;
      padding-top: 1.8rem;
      color: #fff;
    }
  
    .g-nav2 .nv2 a {
      color: #fff;
    }
  
    .g-nav2 .nav-box {
      display: flex;
      height: 72vh;
      overflow-y: auto;
    }
  
    .g-nav2 .nav-box .nav-left {
      flex: 1;
      width: 100%;
      display: flex;
      border-right: 1px solid rgba(255, 255, 255, 0.4);
    }
  
    .g-nav2 .nav-box .nv-tab1 {
      width: 215px;
    }
  
    .g-nav2 .nav-box .nv-tab1 li {
      font-size: 24px;
      font-weight: 600;
      opacity: 0.4;
      margin-bottom: 40px;
    }
  
    .g-nav2 .nav-box .nv-tab1 li:hover,
    .g-nav2 .nav-box .nv-tab1 li.on {
      opacity: 1;
    }
  
    .g-nav2 .nav-box .nv-tab1 li:last-child {
      margin-bottom: 0;
    }
  
    .g-nav2 .nav-box .nv2-item {
      display: none;
      overflow: hidden;
    }
  
    .g-nav2 .nav-box .nv2-item.on {
      display: block;
    }
  
    .g-nav2 .nav-box .nv3-item {
      display: none;
      overflow: hidden;
    }
  
    .g-nav2 .nav-box .nv3-item.on {
      display: block;
    }
  
    .g-nav2 .nav-box .nv-tab2 {
      width: 270px;
      margin-right: 120px;
      font-size: 18px;
    }
  
    .g-nav2 .nav-box .nv-tab2 .tit {
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      padding-bottom: 10px;
      margin-bottom: 30px;
    }
  
    .g-nav2 .nav-box .nv-tab2 li {
      width: 240px;
      opacity: 0.4 !important;
    }
  
    .g-nav2 .nav-box .nv-tab2 li a {
      line-height: 50px;
    }
  
    .g-nav2 .nav-box .nv-tab2 li:hover,
    .g-nav2 .nav-box .nv-tab2 li.on {
      opacity: 1 !important;
    }
  
    .g-nav2 .nav-box .nv-tab2 li:hover a,
    .g-nav2 .nav-box .nv-tab2 li.on a {
      position: relative;
    }
  
    .g-nav2 .nav-box .nv-tab2 li:hover a::after,
    .g-nav2 .nav-box .nv-tab2 li.on a::after {
      content: '';
      position: absolute;
      background: url(../imagesicon-rjt.png) no-repeat center;
      background-size: contain;
      width: 18px;
      height: 14px;
      top: 3px;
      right: -22px;
    }
  
    .g-nav2 .nav-box .nv-tab3 {
      margin-right: 85px;
    }
  
    .g-nav2 .nav-box .nv-tab3 li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
  
    .g-nav2 .nav-box .nv-tab3 li:hover a::after,
    .g-nav2 .nav-box .nv-tab3 li.on a::after {
      background-image: url(../imagesnv-right.png);
      width: 13px;
      right: -25px;
    }
  
    .g-nav2 .nav-box .nav-right {
      width: 640px;
      padding-left: 65px;
    }
  
    .g-nav2 .nav-box .nav-right .item {
      margin-bottom: 25px;
      display: flex;
      align-items: flex-end;
    }
  
    .g-nav2 .nav-box .nav-right .item .name {
      font-size: 18px;
    }
  
    .g-nav2 .nav-box .nav-right .item .name img {
      width: 20px;
      height: 20px;
      object-fit: contain;
      margin-right: 10px;
    }
  
    .g-nav2 .nav-box .nav-right .item .name2 {
      margin-left: 15px;
      font-size: 14px;
      opacity: 0.4;
    }
  
    .g-nav2 .nav-box .nav-right .item .name2:hover {
      opacity: 1;
    }
  
    .g-nav2 .nav-box .tab-link {
      margin-top: 50px;
      display: flex;
      justify-content: space-between;
    }
  
    .g-nav2 .nav-box .tab-item {
      width: 260px;
      font-size: 18px;
      margin-bottom: 25px;
    }
  
    .g-nav2 .nav-box .tab-item .tit {
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      padding-bottom: 10px;
      margin-bottom: 15px;
    }
  
    .g-nav2 .nav-box .tab-item a {
      display: block;
      opacity: 0.4;
      padding-bottom: 5px;
      margin-bottom: 10px;
    }
  
    .g-nav2 .nav-box .tab-item a:hover {
      opacity: 1;
    }
  
    .g-nav2 .nav-box .tab-item span {
      font-size: 14px;
    }
  
    .g-nav2 .nav-box .tab-item .link {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
  
    .g-nav2 .nav-bottom {
      height: calc(26vh - 1.8rem);
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .g-nav2 .nav-bottom .search-txt {
      display: flex;
      align-items: center;
    }
  
    .g-nav2 .nav-bottom .search-txt p {
      font-size: 24px;
      font-weight: 600;
    }
  
    .g-nav2 .nav-bottom .search-txt a {
      margin-left: 20px;
      font-size: 18px;
      opacity: 0.4;
    }
  
    .g-nav2 .nav-bottom .search-txt a:hover {
      opacity: 1;
    }
  
    .g-nav2 .nav-bottom .search-ipt {
      border: 1px solid #fff;
      width: 375px;
      height: 40px;
      font-size: 16px;
      display: flex;
      align-items: center;
      padding: 0 18px;
    }
  
    .g-nav2 .nav-bottom .search-ipt input {
      font-size: 16px;
      width: 265px;
    }
  
    .g-nav2 .nav-bottom .search-ipt img {
      cursor: pointer;
      width: 20px;
      height: 20px;
    }
  }
  
  @media only screen and (min-width: 1000px) and (max-width: 1680px) {
    .g-nav2 .nv2 {
      height: 100vh;
      position: relative;
      padding-top: 1.8rem;
      color: #fff;
      overflow-y: auto;
    }
  
    .g-nav2 .nv2 a {
      color: #fff;
    }
  
    .g-nav2 .nav-box {
      display: flex;
      min-height: 74vh;
    }
  
    .g-nav2 .nav-box .nav-left {
      flex: 1;
      width: 100%;
      display: flex;
      border-right: 1px solid rgba(255, 255, 255, 0.4);
    }
  
    .g-nav2 .nav-box .nv-tab1 {
      width: 2.15rem;
    }
  
    .g-nav2 .nav-box .nv-tab1 li {
      font-size: 0.24rem;
      font-weight: 600;
      opacity: 0.4;
      margin-bottom: 0.4rem;
    }
  
    .g-nav2 .nav-box .nv-tab1 li:hover,
    .g-nav2 .nav-box .nv-tab1 li.on {
      opacity: 1;
    }
  
    .g-nav2 .nav-box .nv-tab1 li:last-child {
      margin-bottom: 0;
    }
  
    .g-nav2 .nav-box .nv2-item {
      display: none;
      overflow: hidden;
    }
  
    .g-nav2 .nav-box .nv2-item.on {
      display: block;
    }
  
    .g-nav2 .nav-box .nv3-item {
      display: none;
      overflow: hidden;
    }
  
    .g-nav2 .nav-box .nv3-item.on {
      display: block;
    }
  
    .g-nav2 .nav-box .nv-tab2 {
      width: 2.7rem;
      margin-right: 1.2rem;
      font-size: 0.18rem;
    }
  
    .g-nav2 .nav-box .nv-tab2 .tit {
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      padding-bottom: 0.1rem;
      margin-bottom: 0.3rem;
    }
  
    .g-nav2 .nav-box .nv-tab2 li {
      width: 2.4rem;
      opacity: 0.4 !important;
    }
  
    .g-nav2 .nav-box .nv-tab2 li a {
      line-height: 0.5rem;
    }
  
    .g-nav2 .nav-box .nv-tab2 li:hover,
    .g-nav2 .nav-box .nv-tab2 li.on {
      opacity: 1 !important;
    }
  
    .g-nav2 .nav-box .nv-tab2 li:hover a,
    .g-nav2 .nav-box .nv-tab2 li.on a {
      position: relative;
    }
  
    .g-nav2 .nav-box .nv-tab2 li:hover a::after,
    .g-nav2 .nav-box .nv-tab2 li.on a::after {
      content: '';
      position: absolute;
      background: url(../imagesicon-rjt.png) no-repeat center;
      background-size: contain;
      width: 0.18rem;
      height: 0.14rem;
      top: 0.03rem;
      right: -0.22rem;
    }
  
    .g-nav2 .nav-box .nv-tab3 {
      margin-right: 0.85rem;
    }
  
    .g-nav2 .nav-box .nv-tab3 li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
  
    .g-nav2 .nav-box .nv-tab3 li:hover a::after,
    .g-nav2 .nav-box .nv-tab3 li.on a::after {
      background-image: url(../imagesnv-right.png);
      width: 0.13rem;
      right: -0.25rem;
    }
  
    .g-nav2 .nav-box .nav-right {
      width: 6.4rem;
      padding-left: 0.65rem;
    }
  
    .g-nav2 .nav-box .nav-right .item {
      margin-bottom: 0.25rem;
      display: flex;
      align-items: flex-end;
    }
  
    .g-nav2 .nav-box .nav-right .item .name {
      font-size: 0.18rem;
    }
  
    .g-nav2 .nav-box .nav-right .item .name img {
      width: 0.2rem;
      height: 0.2rem;
      object-fit: contain;
      margin-right: 0.1rem;
    }
  
    .g-nav2 .nav-box .nav-right .item .name2 {
      margin-left: 0.15rem;
      font-size: 0.14rem;
      opacity: 0.4;
    }
  
    .g-nav2 .nav-box .nav-right .item .name2:hover {
      opacity: 1;
    }
  
    .g-nav2 .nav-box .tab-link {
      margin-top: 0.5rem;
      display: flex;
      justify-content: space-between;
    }
  
    .g-nav2 .nav-box .tab-item {
      width: 2.6rem;
      font-size: 0.18rem;
      margin-bottom: 0.25rem;
    }
  
    .g-nav2 .nav-box .tab-item .tit {
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      padding-bottom: 0.1rem;
      margin-bottom: 0.15rem;
    }
  
    .g-nav2 .nav-box .tab-item a {
      display: block;
      opacity: 0.4;
      padding-bottom: 0.05rem;
      margin-bottom: 0.1rem;
    }
  
    .g-nav2 .nav-box .tab-item a:hover {
      opacity: 1;
    }
  
    .g-nav2 .nav-box .tab-item span {
      font-size: 0.14rem;
    }
  
    .g-nav2 .nav-box .tab-item .link {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
  
    .g-nav2 .nav-bottom {
      min-height: calc(26vh - 1.8rem);
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0;
    }
  
    .g-nav2 .nav-bottom .search-txt {
      display: flex;
      align-items: center;
    }
  
    .g-nav2 .nav-bottom .search-txt p {
      font-size: 0.24rem;
      font-weight: 600;
    }
  
    .g-nav2 .nav-bottom .search-txt a {
      margin-left: 0.2rem;
      font-size: 0.18rem;
      opacity: 0.4;
    }
  
    .g-nav2 .nav-bottom .search-txt a:hover {
      opacity: 1;
    }
  
    .g-nav2 .nav-bottom .search-ipt {
      border: 1px solid #fff;
      width: 3.75rem;
      height: 0.4rem;
      font-size: 0.16rem;
      display: flex;
      align-items: center;
      padding: 0 0.18rem;
    }
  
    .g-nav2 .nav-bottom .search-ipt input {
      font-size: 0.16rem;
      width: 2.65rem;
    }
  
    .g-nav2 .nav-bottom .search-ipt img {
      cursor: pointer;
      width: 0.2rem;
      height: 0.2rem;
    }
  }
  
  .g-nav2 .nv2-item .nav-u1 .nav-u2 {
    display: none;
  }
  
  @media only screen and (max-width: 800px) {
    .g-nav2 .nv2 {
      height: 100vh;
      position: relative;
      padding-top: 1.38rem;
      color: #fff;
    }
  
    .g-nav2 .nv2 a {
      color: #fff;
    }
  
    .g-nav2 .nav-box {
      height: 65vh;
      overflow-y: auto;
    }
  
    .g-nav2 .nav-box .nv-tab1 {
      display: none;
      width: 100%;
    }
  
    .g-nav2 .nav-box .nv-tab1 li {
      font-size: 16px;
      opacity: 0.4;
      margin-bottom: 10px;
      margin-right: 10px;
    }
  
    .g-nav2 .nav-box .nv-tab1 li:hover,
    .g-nav2 .nav-box .nv-tab1 li.on {
      opacity: 1;
    }
  
    .g-nav2 .nav-box .nv2-item .nav-u1 {
      padding: 0 15px;
    }
  
    .g-nav2 .nav-box .nv2-item .nav-u1 p.on {
      opacity: 1;
    }
  
    .g-nav2 .nav-box .nv2-item .nav-u1 p.on a {
      position: relative;
    }
  
    .g-nav2 .nav-box .nv2-item .nav-u1 p.on a::after {
      content: '';
      position: absolute;
      background: url(../imagesicon-rjt.png) no-repeat center;
      background-size: contain;
      width: 12px;
      height: 12px;
      top: 2px;
      right: -22px;
      transform: rotate(90deg);
    }
  
    .g-nav2 .nav-box .nv2-item .nav-u2 {
      padding: 0 15px;
    }
  
    .g-nav2 .nav-box .nv3-item {
      display: none;
      overflow: hidden;
    }
  
    .g-nav2 .nav-box .nv-tab2 {
      width: 100%;
      font-size: 16px;
      margin-bottom: 20px;
    }
  
    .g-nav2 .nav-box .nv-tab2 .tit {
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      padding-bottom: 10px;
      margin-bottom: 10px;
      position: relative;
    }
  
    .g-nav2 .nav-box .nv-tab2 .tit::after {
      content: '';
      position: absolute;
      background: url(../imagesicon-rjt.png) no-repeat center;
      background-size: contain;
      width: 12px;
      height: 12px;
      top: 10px;
      right: 22px;
    }
  
    .g-nav2 .nav-box .nv-tab2 .tit.on::after {
      transform: rotate(90deg);
    }
  
    .g-nav2 .nav-box .nv-tab2 li {
      width: 100%;
      opacity: 0.4;
      font-size: 14px;
    }
  
    .g-nav2 .nav-box .nv-tab2 li a {
      line-height: 40px;
    }
  
    .g-nav2 .nav-box .nv-tab2 li:hover,
    .g-nav2 .nav-box .nv-tab2 li.on {
      opacity: 1;
    }
  
    .g-nav2 .nav-box .nv-tab2 li:hover a,
    .g-nav2 .nav-box .nv-tab2 li.on a {
      position: relative;
    }
  
    .g-nav2 .nav-box .nv-tab2 li:hover a::after,
    .g-nav2 .nav-box .nv-tab2 li.on a::after {
      content: '';
      position: absolute;
      background: url(../imagesicon-rjt.png) no-repeat center;
      background-size: contain;
      width: 12px;
      height: 12px;
      top: 2px;
      right: -22px;
    }
  
    .g-nav2 .nav-box .nv-tab3 li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
  
    .g-nav2 .nav-box .nv-tab3 li:hover a::after,
    .g-nav2 .nav-box .nv-tab3 li.on a::after {
      background-image: url(../imagesnv-right.png);
      width: 13px;
      right: -25px;
    }
  
    .g-nav2 .nav-box .nav-u2,
    .g-nav2 .nav-box .nav-u1 {
      display: none;
    }
  
    .g-nav2 .nav-box .nav-u2.on,
    .g-nav2 .nav-box .nav-u1.on {
      display: block;
    }
  
    .g-nav2 .nav-box .nav-right {
      width: 100%;
    }
  
    .g-nav2 .nav-box .nav-right .item {
      margin-bottom: 10px;
    }
  
    .g-nav2 .nav-box .nav-right .item .name {
      display: block;
      font-size: 16px;
    }
  
    .g-nav2 .nav-box .nav-right .item .name img {
      width: 15px;
      height: 15px;
      object-fit: contain;
      margin-right: 10px;
    }
  
    .g-nav2 .nav-box .nav-right .item .name2 {
      margin-right: 10px;
      font-size: 12px;
      opacity: 0.4;
    }
  
    .g-nav2 .nav-box .nav-right .item .name2:hover {
      opacity: 1;
    }
  
    .g-nav2 .nav-box .tab-link {
      margin-top: 10px;
    }
  
    .g-nav2 .nav-box .tab-item {
      width: 100%;
      font-size: 16px;
      margin-bottom: 10px;
    }
  
    .g-nav2 .nav-box .tab-item .tit {
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      padding-bottom: 5px;
      margin-bottom: 10px;
    }
  
    .g-nav2 .nav-box .tab-item a {
      font-size: 12px;
      display: block;
      opacity: 0.4;
      padding-bottom: 5px;
      margin-bottom: 5px;
    }
  
    .g-nav2 .nav-box .tab-item a:hover {
      opacity: 1;
    }
  
    .g-nav2 .nav-box .tab-item span {
      font-size: 12px;
    }
  
    .g-nav2 .nav-box .tab-item .link {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
  
    .g-nav2 .nav-bottom {
      height: calc(34vh - 1.38rem);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
  
    .g-nav2 .nav-bottom .search-txt {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
  
    .g-nav2 .nav-bottom .search-txt p {
      font-size: 16px;
      font-weight: 600;
    }
  
    .g-nav2 .nav-bottom .search-txt a {
      margin-left: 10px;
      font-size: 12px;
      opacity: 0.4;
    }
  
    .g-nav2 .nav-bottom .search-txt a:hover {
      opacity: 1;
    }
  
    .g-nav2 .nav-bottom .btn-list {
      width: 100%;
    }
  
    .g-nav2 .nav-bottom .search-ipt {
      border: 1px solid #fff;
      width: 100%;
      height: 40px;
      font-size: 16px;
      display: flex;
      align-items: center;
      padding: 0 18px;
    }
  
    .g-nav2 .nav-bottom .search-ipt input {
      font-size: 16px;
      width: 265px;
      flex: 1;
    }
  
    .g-nav2 .nav-bottom .search-ipt img {
      cursor: pointer;
      width: 20px;
      height: 20px;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .footer {
      position: relative;
      background: url(../imagesfoot/bg.jpg) no-repeat center;
      background-size: cover;
      padding-top: 60px;
    }
  
    .footer .oa {
      position: absolute;
      top: -60px;
      right: 0;
    }
  
    .footer .oa .wal {
      width: calc((100vw - 1600px) / 2 + 1600px);
      padding-left: 55px;
      max-width: none;
      position: relative;
      border-top-left-radius: 72px;
      border-bottom-left-radius: 72px;
      background-color: #f4f4f4;
      display: flex;
      align-items: center;
      height: 120px;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
    }
  
    .footer .oa .icon {
      display: flex;
      align-items: center;
    }
  
    .footer .oa .icon img {
      width: 86px;
      height: 70px;
    }
  
    .footer .oa .tit {
      font-size: 26px;
      margin-left: 75px;
      padding-right: 80px;
      font-weight: 600;
      border-right: 1px solid #d7d7d9;
    }
  
    .footer .oa .link {
      font-size: 22px;
      margin: 0 50px;
    }
  
    .footer .oa .link-list {
      font-size: 18px;
      cursor: pointer;
      position: relative;
    }
  
    .footer .oa .link-list .oa-list {
      display: none;
      background-color: #fff;
      border-radius: 8px;
      position: absolute;
      left: 50%;
      margin-left: -100px;
      width: 200px;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
      z-index: 5;
    }
  
    .footer .oa .link-list .oa-list a {
      padding: 12px;
      width: 100%;
      display: block;
      text-align: center;
    }
  
    .footer .oa .link-list:hover .oa-list {
      display: block;
    }
  
    .footer .tp {
      display: flex;
      align-items: center;
      height: 270px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
  
    .footer .tp .foot-logo {
      display: flex;
      align-items: center;
      height: 270px;
      margin-right: 70px;
    }
  
    .footer .tp .foot-logo img {
      width: 635px;
    }
  
    .footer .foot-link {
      flex: 1;
      width: 100%;
      height: 270px;
      padding: 40px 0;
      padding-left: 60px;
      border-left: 1px solid rgba(255, 255, 255, 0.15);
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
  
    .footer .foot-link .link-item {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 62px;
      height: 62px;
      border-radius: 10px;
      background-color: rgba(255, 255, 255, 0.2);
      margin-right: 34px;
    }
  
    .footer .foot-link .link-item:nth-child(9) {
      margin-right: 0;
    }
  
    .footer .foot-link .link-item a {
      display: block;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .footer .foot-link .link-item a img {
      width: 40px;
      height: 40px;
      object-fit: contain;
    }
  
    .footer .foot-link .link-item .img1 {
      display: block;
    }
  
    .footer .foot-link .link-item .img2 {
      display: none;
    }
  
    .footer .foot-link .link-item .ewm-box {
      display: none;
      position: absolute;
      top: 75px;
      left: 50%;
      margin-left: -68px;
      width: 136px;
      padding: 13px;
      background-color: #fff;
      text-align: center;
      line-height: 1.2;
      border-radius: 3px;
      z-index: 2;
    }
  
    .footer .foot-link .link-item .ewm-box img {
      width: 110px;
      height: 110px;
    }
  
    .footer .foot-link .link-item .ewm-box::after {
      content: '';
      width: 25px;
      height: 11px;
      position: absolute;
      top: -10px;
      left: 50%;
      margin-left: -12.5px;
      background: url(../imagesfoot/sjx.png) no-repeat center;
    }
  
    .footer .foot-link .link-item:hover {
      background-color: #fff;
    }
  
    .footer .foot-link .link-item:hover .img2 {
      display: block;
    }
  
    .footer .foot-link .link-item:hover .img1 {
      display: none;
    }
  
    .footer .foot-link .link-item:hover .ewm-box {
      display: block;
    }
  
    .footer .bt {
      height: 150px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: rgba(255, 255, 255, 0.6);
    }
  
    .footer .bt .adr {
      display: flex;
      align-items: center;
      font-size: 14px;
    }
  
    .footer .bt .adr p {
      margin-right: 40px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .footer {
      position: relative;
      background: url(../imagesfoot/bg.jpg) no-repeat center;
      background-size: cover;
      padding-top: 0.6rem;
    }
  
    .footer .oa {
      position: absolute;
      top: -0.6rem;
      right: 0;
    }
  
    .footer .oa .wal {
      width: calc((100vw - 16rem) / 2 + 16rem);
      padding-left: 0.55rem;
      max-width: none;
      position: relative;
      border-top-left-radius: 0.72rem;
      border-bottom-left-radius: 0.72rem;
      background-color: #f4f4f4;
      display: flex;
      align-items: center;
      height: 1.2rem;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
    }
  
    .footer .oa .icon {
      display: flex;
      align-items: center;
    }
  
    .footer .oa .icon img {
      width: 0.86rem;
      height: 0.7rem;
    }
  
    .footer .oa .tit {
      font-size: 0.26rem;
      margin-left: 0.75rem;
      padding-right: 0.8rem;
      font-weight: 600;
      border-right: 1px solid #d7d7d9;
    }
  
    .footer .oa .link {
      font-size: 0.22rem;
      margin: 0 0.5rem;
    }
  
    .footer .oa .link-list {
      font-size: 0.18rem;
      cursor: pointer;
      position: relative;
    }
  
    .footer .oa .link-list .oa-list {
      display: none;
      background-color: #fff;
      border-radius: 0.08rem;
      position: absolute;
      left: 50%;
      margin-left: -1rem;
      width: 200px;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
      z-index: 5;
    }
  
    .footer .oa .link-list .oa-list a {
      padding: 0.12rem;
      width: 100%;
      display: block;
      text-align: center;
    }
  
    .footer .oa .link-list:hover .oa-list {
      display: block;
    }
  
    .footer .tp {
      display: flex;
      align-items: center;
      height: 2.7rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
  
    .footer .tp .foot-logo {
      display: flex;
      align-items: center;
      height: 2.7rem;
      margin-right: 0.7rem;
    }
  
    .footer .tp .foot-logo img {
      width: 6.35rem;
    }
  
    .footer .foot-link {
      flex: 1;
      width: 100%;
      height: 2.7rem;
      padding: 0.4rem 0;
      padding-left: 0.6rem;
      border-left: 1px solid rgba(255, 255, 255, 0.15);
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
  
    .footer .foot-link .link-item {
      position: relative;
      width: 0.62rem;
      height: 0.62rem;
      border-radius: 0.1rem;
      background-color: rgba(255, 255, 255, 0.2);
      margin-right: 0.34rem;
    }
  
    .footer .foot-link .link-item:nth-child(9) {
      margin-right: 0;
    }
  
    .footer .foot-link .link-item a {
      display: block;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .footer .foot-link .link-item a img {
      width: 0.4rem;
      height: 0.4rem;
      object-fit: contain;
    }
  
    .footer .foot-link .link-item .img1 {
      display: block;
    }
  
    .footer .foot-link .link-item .img2 {
      display: none;
    }
  
    .footer .foot-link .link-item .ewm-box {
      display: none;
      position: absolute;
      top: 0.75rem;
      left: 50%;
      margin-left: -0.68rem;
      width: 1.36rem;
      padding: 0.13rem;
      background-color: #fff;
      text-align: center;
      line-height: 1.2;
      border-radius: 3px;
      z-index: 2;
    }
  
    .footer .foot-link .link-item .ewm-box img {
      width: 1.1rem;
      height: 1.1rem;
    }
  
    .footer .foot-link .link-item .ewm-box::after {
      content: '';
      width: 0.25rem;
      height: 0.1rem;
      position: absolute;
      top: -0.1rem;
      left: 50%;
      margin-left: -0.125rem;
      background: url(../imagesfoot/sjx.png) no-repeat center;
      background-size: 100%;
    }
  
    .footer .foot-link .link-item:hover {
      background-color: #fff;
    }
  
    .footer .foot-link .link-item:hover .img2 {
      display: block;
    }
  
    .footer .foot-link .link-item:hover .img1 {
      display: none;
    }
  
    .footer .foot-link .link-item:hover .ewm-box {
      display: block;
    }
  
    .footer .bt {
      height: 1.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: rgba(255, 255, 255, 0.6);
    }
  
    .footer .bt .adr {
      display: flex;
      align-items: center;
      font-size: 0.14rem;
    }
  
    .footer .bt .adr p {
      margin-right: 0.4rem;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .footer {
      position: relative;
      background: url(../imagesfoot/bg.jpg) no-repeat center;
      background-size: cover;
    }
  
    .footer .oa {
      width: 100%;
      background-color: #f4f4f4;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
    }
  
    .footer .oa .wal {
      padding: 15px;
      position: relative;
    }
  
    .footer .oa .icon {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
    }
  
    .footer .oa .icon img {
      width: 40px;
    }
  
    .footer .oa .tit {
      margin-left: 30px;
      font-size: 0.3rem;
      font-weight: 600;
    }
  
    .footer .oa .link {
      font-size: 0.24rem;
      display: inline-block;
      width: 45%;
    }
  
    .footer .oa .link-list {
      font-size: 18px;
      cursor: pointer;
      position: relative;
      display: inline-block;
      width: 45%;
    }
  
    .footer .oa .link-list .oa-list {
      display: none;
      background-color: #fff;
      border-radius: 8px;
      position: absolute;
      left: 50%;
      margin-left: -100px;
      width: 200px;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
      z-index: 5;
    }
  
    .footer .oa .link-list .oa-list a {
      padding: 12px;
      width: 100%;
      display: block;
      text-align: center;
    }
  
    .footer .oa .link-list:hover .oa-list {
      display: block;
    }
  
    .footer .tp {
      margin-top: 30px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
  
    .footer .tp .foot-logo {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .footer .tp .foot-logo img {
      width: 80%;
    }
  
    .footer .foot-link {
      flex: 1;
      width: 100%;
      padding: 10px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
  
    .footer .foot-link .link-item {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 45px;
      height: 45px;
      border-radius: 10px;
      background-color: rgba(255, 255, 255, 0.2);
      margin: 10px;
    }
  
    .footer .foot-link .link-item a {
      display: block;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .footer .foot-link .link-item a img {
      width: 30px;
      height: 30px;
      object-fit: contain;
    }
  
    .footer .foot-link .link-item .img1 {
      display: block;
    }
  
    .footer .foot-link .link-item .img2 {
      display: none;
    }
  
    .footer .foot-link .link-item .ewm-box {
      display: none;
      position: absolute;
      top: 75px;
      left: 50%;
      margin-left: -68px;
      width: 136px;
      padding: 13px;
      background-color: #fff;
      text-align: center;
      line-height: 1.2;
      border-radius: 3px;
      z-index: 2;
    }
  
    .footer .foot-link .link-item .ewm-box img {
      width: 110px;
      height: 110px;
    }
  
    .footer .foot-link .link-item .ewm-box::after {
      content: '';
      width: 25px;
      height: 11px;
      position: absolute;
      top: -10px;
      left: 50%;
      margin-left: -12.5px;
      background: url(../imagesfoot/sjx.png) no-repeat center;
    }
  
    .footer .foot-link .link-item:hover {
      background-color: #fff;
    }
  
    .footer .foot-link .link-item:hover .img2 {
      display: block;
    }
  
    .footer .foot-link .link-item:hover .img1 {
      display: none;
    }
  
    .footer .foot-link .link-item:hover .ewm-box {
      display: block;
    }
  
    .footer .bt {
      padding: 20px;
      text-align: center;
      color: rgba(255, 255, 255, 0.6);
      font-size: 0.24rem;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .fy1 {
      width: 100%;
      float: left;
      line-height: 35px;
      font-size: 14px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .fy1 a {
      min-width: 35px;
      display: inline-block;
      border: solid 1px #dddddd;
      padding: 0px 10px;
      border-radius: 3px;
      margin: 0px 5px;
      background-color: transparent;
      box-sizing: border-box;
    }
  
    .jump {
      margin-left: 10px;
    }
  
    .jump input {
      margin: 0 5px;
      height: 37px;
      width: 35px;
      border: 1px solid #dddddd;
      border-radius: 3px;
      text-align: center;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .fy1 {
      width: 100%;
      float: left;
      line-height: 0.35rem;
      font-size: 0.14rem;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .fy1 a {
      min-width: 0.35rem;
      display: inline-block;
      border: solid 1px #dddddd;
      padding: 0px 0.1rem;
      border-radius: 3px;
      margin: 0px 0.05rem;
      background-color: transparent;
      box-sizing: border-box;
    }
  
    .jump {
      margin-left: 0.1rem;
    }
  
    .jump input {
      margin: 0 0.05rem;
      height: 0.37rem;
      width: 0.35rem;
      border: 1px solid #dddddd;
      border-radius: 0.03rem;
      text-align: center;
      font-size: 0.14rem;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .fy1 {
      width: 102%;
      float: left;
      margin-left: -1%;
    }
  
    .fy1 a {
      float: left;
      display: none;
      border: solid 1px #dddddd;
      padding: 0px 10px;
      margin-left: 3px;
    }
  
    .fy1 a.cd_sx {
      display: block;
      width: 48%;
      margin: 0px 1%;
      text-align: center;
      padding: 8px 0px;
    }
  
    .jump {
      display: none;
    }
  }
  
  .fy1 a:hover,
  .fy1 a.on {
    background: #c9151e;
    color: #ffffff;
    border: solid 1px #c9151e;
  }
  
  @media only screen and (min-width: 1680px) {
    .sy_ban {
      height: 100vh;
    }
  
    .sy_ban .swiper-slide video,
    .sy_ban .swiper-slide img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  
    .sy_ban .swiper-button-next {
      background: url(../imagessw-right.png) no-repeat center;
      background-size: contain;
      width: 54px;
      right: 0.4rem;
      left: auto;
      opacity: 0.6;
    }
  
    .sy_ban .swiper-button-next:hover {
      opacity: 1;
    }
  
    .sy_ban .swiper-button-prev {
      background: url(../imagessw-left.png) no-repeat center;
      background-size: contain;
      width: 54px;
      right: auto;
      left: 0.4rem;
      opacity: 0.6;
    }
  
    .sy_ban .swiper-button-prev:hover {
      opacity: 1;
    }
  
    .sy_ban .swiper-slide .txtk {
      position: absolute;
      left: 0;
      /* margin-left: -600px; */
      width: 100%;
      bottom: 0px;
      color: #fff;
      /* background-color: rgba(204, 0, 0, .5); */
      padding: 0px 236px 40px 35px;
      height: 230px;
      display: -webkit-box;
      -webkit-box-orient: horizontal;
      -webkit-box-pack: center;
      -webkit-box-align: center;
      z-index: 2;
      text-align: left;
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
      padding-top: 5vh;
    }
  
    .sy_ban .swiper-slide .txtk h1 {
      display: block;
      /* line-height:140px; */
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      width: 100%;
      height: 9vh;
      font-size: 50px;
      font-weight: 300;
      padding-left: 60px;
    }
  
    .sy_ban .swiper-pagination-bullet {
      width: 0.14rem;
      height: 0.14rem;
      line-height: 24px;
      margin: 0 10px;
      background-color: #fff;
    }
  
    .sy_ban .swiper-pagination-bullet-active {
      display: block;
      position: relative;
    }
  
    .sy_ban .sw-btn1 {
      position: absolute;
      right: 0;
      bottom: 65px;
      width: auto;
      padding: 0 50px;
      margin-right: 40px;
      height: 24px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      text-align: right;
    }
  
    .sy_ban .sw-btn1 .sw-page {
      position: relative;
      width: auto;
      display: flex;
      align-items: center;
      height: 24px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .sy_ban {
      height: 100vh;
    }
  
    .sy_ban .swiper-slide video,
    .sy_ban .swiper-slide img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  
    .sy_ban .swiper-button-next {
      background: url(../imagessw-right.png) no-repeat center;
      background-size: contain;
      width: 0.54rem;
      right: 0.4rem;
      left: auto;
      opacity: 0.6;
    }
  
    .sy_ban .swiper-button-next:hover {
      opacity: 1;
    }
  
    .sy_ban .swiper-button-prev {
      background: url(../imagessw-left.png) no-repeat center;
      background-size: contain;
      width: 0.54rem;
      right: auto;
      left: 0.4rem;
      opacity: 0.6;
    }
  
    .sy_ban .swiper-button-prev:hover {
      opacity: 1;
    }
  
    .sy_ban .swiper-slide .txtk {
      position: absolute;
      left: 0;
      /* margin-left: -600px; */
      width: 100%;
      bottom: 0px;
      color: #fff;
      /* background-color: rgba(204, 0, 0, .5); */
      padding: 0px 2.36rem 0.4rem 0.35rem;
      height: 2.3rem;
      display: -webkit-box;
      -webkit-box-orient: horizontal;
      -webkit-box-pack: center;
      -webkit-box-align: center;
      z-index: 2;
      text-align: left;
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
      padding-top: 5vh;
    }
  
    .sy_ban .swiper-slide .txtk h1 {
      display: block;
      /* line-height:140px; */
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      width: 100%;
      height: 9vh;
      font-size: 0.5rem;
      font-weight: 300;
      padding-left: 0.6rem;
    }
  
    .sy_ban .swiper-pagination-bullet {
      width: 0.14rem;
      height: 0.14rem;
      margin: 0 0.1rem;
      background-color: #fff;
    }
  
    .sy_ban .swiper-pagination-bullet-active {
      display: block;
      position: relative;
    }
  
    .sy_ban .sw-btn1 {
      position: absolute;
      right: 0;
      bottom: 0.65rem;
      width: auto;
      padding: 0 0.5rem;
      margin-right: 0.4rem;
      height: 0.24rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      text-align: right;
    }
  
    .sy_ban .sw-btn1 .sw-page {
      position: relative;
      width: auto;
      display: flex;
      align-items: center;
      height: 0.24rem;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .sy_ban {
      height: 4rem;
    }
  
    .sy_ban .swiper-slide video,
    .sy_ban .swiper-slide img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  
    .sy_ban .swiper-slide .txtk {
      position: absolute;
      left: 0;
      /* margin-left: -600px; */
      width: 100%;
      bottom: 0px;
      color: #fff;
      /* background-color: rgba(204, 0, 0, .5); */
      padding: 0.2rem;
      padding-bottom: 0.7rem;
      height: 1rem;
      display: -webkit-box;
      -webkit-box-orient: horizontal;
      -webkit-box-pack: center;
      -webkit-box-align: center;
      z-index: 2;
      text-align: left;
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
      padding-top: 5vh;
    }
  
    .sy_ban .swiper-slide .txtk h1 {
      display: block;
      /* line-height:140px; */
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      width: 100%;
      height: 1rem;
      font-size: 0.34rem;
      font-weight: 400;
    }
  
    .sy_ban .swiper-slide .txtk p.h1 {
      display: block;
      line-height: 0.4rem;
      width: 100%;
      font-size: 0.3rem;
    }
  
    .sy_ban .sw-btn1 {
      display: none;
    }
  
    .sw-prev2,
    .sw-next2,
    .sy_ban .swiper-pagination-bullet {
      display: none;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .sy-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 50px;
    }
  
    .sy-title .name {
      display: inline-block;
    }
  
    .sy-title .name p {
      font-size: 34px;
      font-weight: 600;
    }
  
    .sy-title .name span {
      font-size: 14px;
      color: #c3c4c7;
    }
  
    .sy-title .name .line {
      margin-top: 10px;
      position: relative;
      border-bottom: 1px solid #c3c4c7;
    }
  
    .sy-title .name .line::after {
      content: '';
      width: 30px;
      height: 4px;
      bottom: 0;
      left: 0;
      background-color: #c9151e;
      position: absolute;
    }
  
    .sy-title .more {
      opacity: 0.8;
      font-size: 0.18rem;
      color: #c9151e;
    }
  
    .sy-title .more:hover {
      opacity: 1;
    }
  
    .sy-news {
      padding-top: 80px;
    }
  
    .sy-news .wal {
      display: flex;
      justify-content: space-between;
    }
  
    .sy-news .news {
      width: 1000px;
    }
  
    .sy-news .news-item1 {
      position: relative;
      margin-bottom: 45px;
      width: 1000px;
      height: 575px;
    }
  
    .sy-news .news-item1 .imgk {
      width: 1000px;
      height: 575px;
      position: relative;
    }
  
    .sy-news .news-item1 .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .sy-news .news-item1 .imgk::after {
      content: '';
      position: absolute;
      height: 200px;
      width: 100%;
      left: 0;
      bottom: 0;
      background: url(../imagesbg10.png) repeat-x;
    }
  
    .sy-news .news-item1 .txt {
      width: 90%;
      position: absolute;
      bottom: 30px;
      left: 5%;
      color: #fff;
    }
  
    .sy-news .news-item1 .txt .time {
      font-size: 15px;
    }
  
    .sy-news .news-item1 .txt .name {
      font-size: 26px;
      font-weight: 600;
    }
  
    .sy-news .news-item1 .txt .line {
      margin: 15px 0;
      position: relative;
      border-bottom: 1px solid rgba(255, 255, 255, 0.49);
      transition: all 1.5s;
    }
  
    .sy-news .news-item1 .txt .line::after {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      border-radius: 8px;
      background-color: #eeb04d;
      left: 0;
      top: -3px;
    }
  
    .sy-news .news-item1 .txt .jj {
      font-size: 15px;
    }
  
    .sy-news .news-item1:hover .txt .line::after {
      transform: translateX(900px);
    }
  
    .sy-news .news-list {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .sy-news .news-list .news-item {
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
    }
  
    .sy-news .news-list .news-item .imgk {
      width: 302px;
      height: 188px;
    }
  
    .sy-news .news-list .news-item .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .sy-news .news-list .news-item .txt {
      width: 302px;
      height: 120px;
      position: relative;
      padding: 15px;
    }
  
    .sy-news .news-list .news-item .txt .name {
      font-size: 18px;
    }
  
    .sy-news .news-list .news-item .txt .time {
      position: absolute;
      right: 15px;
      bottom: 15px;
      color: #999;
      font-size: 14px;
    }
  
    .sy-news .tz {
      width: 525px;
    }
  
    .sy-news .zp-item1 {
      margin-bottom: 10px;
    }
  
    .sy-news .zp-item1 a {
      width: 525px;
      height: 95px;
      background: url(../imagesimages/li.jpg) no-repeat center;
      background-size: cover;
      display: flex;
      align-items: center;
      padding: 20px 20px;
    }
  
    .sy-news .zp-item1 a .time {
      text-align: center;
      color: #c9151e;
    }
  
    .sy-news .zp-item1 a .time p {
      font-size: 34px;
      font-weight: 600;
      line-height: 34px;
    }
  
    .sy-news .zp-item1 a .time span {
      font-size: 15px;
      line-height: 15px;
    }
  
    .sy-news .zp-item1 a .name {
      flex: 1;
      width: 100%;
      padding-left: 20px;
      font-size: 18px;
    }
  
    .sy-news .mt20 {
      margin-top: 15px;
    }
  
    .sy-news .u1 li {
      position: relative;
    }
  
    .sy-news .u1 li a {
      width: 484px;
      height: 95px;
      display: flex;
      align-items: center;
      padding: 20px;
      border-bottom: 1px dashed #e5e5e5;
    }
  
    .sy-news .u1 li a .time {
      text-align: center;
      color: #c9151e;
    }
  
    .sy-news .u1 li a .time p {
      font-size: 34px;
      font-weight: 600;
      line-height: 34px;
    }
  
    .sy-news .u1 li a .time span {
      font-size: 15px;
      line-height: 15px;
    }
  
    .sy-news .u1 li a .name {
      flex: 1;
      width: 100%;
      padding-left: 20px;
      font-size: 18px;
    }
  
    .sy-news .u1 li:hover .circle {
      display: none;
      border: 0 solid #000;
    }
  
    .sy-news .u1 li:hover .circle:after {
      content: '';
      position: absolute;
      left: -7px;
      top: -7px;
      width: 24px;
      height: 24px;
      background: url(../imagesli-on.png) no-repeat center;
      background-size: 100%;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .sy-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 0.5rem;
    }
  
    .sy-title .name {
      display: inline-block;
    }
  
    .sy-title .name p {
      font-size: 0.34rem;
      font-weight: 600;
    }
  
    .sy-title .name span {
      font-size: 0.14rem;
      color: #c3c4c7;
    }
  
    .sy-title .name .line {
      margin-top: 0.1rem;
      position: relative;
      border-bottom: 1px solid #c3c4c7;
    }
  
    .sy-title .name .line::after {
      content: '';
      width: 0.3rem;
      height: 0.04rem;
      bottom: 0;
      left: 0;
      background-color: #c9151e;
      position: absolute;
    }
  
    .sy-title .more {
      opacity: 0.8;
      font-size: 0.18rem;
      color: #c9151e;
    }
  
    .sy-title .more:hover {
      opacity: 1;
    }
  
    .sy-news {
      padding-top: 0.8rem;
    }
  
    .sy-news .wal {
      display: flex;
      justify-content: space-between;
    }
  
    .sy-news .news {
      width: 10rem;
    }
  
    .sy-news .news-item1 {
      position: relative;
      margin-bottom: 0.45rem;
      width: 10rem;
      height: 5.75rem;
    }
  
    .sy-news .news-item1 .imgk {
      width: 10rem;
      height: 5.75rem;
      position: relative;
    }
  
    .sy-news .news-item1 .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .sy-news .news-item1 .imgk::after {
      content: '';
      position: absolute;
      height: 2rem;
      width: 100%;
      left: 0;
      bottom: 0;
      background: url(../imagesbg10.png) repeat-x;
    }
  
    .sy-news .news-item1 .txt {
      width: 90%;
      position: absolute;
      bottom: 0.3rem;
      left: 5%;
      color: #fff;
    }
  
    .sy-news .news-item1 .txt .time {
      font-size: 0.15rem;
    }
  
    .sy-news .news-item1 .txt .name {
      font-size: 0.26rem;
      font-weight: 600;
    }
  
    .sy-news .news-item1 .txt .line {
      margin: 0.15rem 0;
      position: relative;
      border-bottom: 1px solid rgba(255, 255, 255, 0.49);
      transition: all 1.5s;
    }
  
    .sy-news .news-item1 .txt .line::after {
      position: absolute;
      content: '';
      width: 0.08rem;
      height: 0.08rem;
      border-radius: 0.08rem;
      background-color: #eeb04d;
      left: 0;
      top: -0.03rem;
    }
  
    .sy-news .news-item1 .txt .jj {
      font-size: 0.15rem;
    }
  
    .sy-news .news-item1:hover .txt .line::after {
      transform: translateX(9rem);
    }
  
    .sy-news .news-list {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .sy-news .news-list .news-item {
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
    }
  
    .sy-news .news-list .news-item .imgk {
      width: 3.02rem;
      height: 1.88rem;
    }
  
    .sy-news .news-list .news-item .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .sy-news .news-list .news-item .txt {
      width: 3.02rem;
      height: 1.2rem;
      position: relative;
      padding: 0.15rem;
    }
  
    .sy-news .news-list .news-item .txt .name {
      font-size: 0.18rem;
    }
  
    .sy-news .news-list .news-item .txt .time {
      position: absolute;
      right: 0.15rem;
      bottom: 0.15rem;
      color: #999;
      font-size: 0.14rem;
    }
  
    .sy-news .tz {
      width: 5.25rem;
    }
  
    .sy-news .zp-item1 {
      margin-bottom: 0.1rem;
    }
  
    .sy-news .zp-item1 a {
      width: 5.25rem;
      height: 0.95rem;
      background: url(../imagesimages/li.jpg) no-repeat center;
      background-size: cover;
      display: flex;
      align-items: center;
      padding: 0.2rem;
    }
  
    .sy-news .zp-item1 a .time {
      text-align: center;
      color: #c9151e;
    }
  
    .sy-news .zp-item1 a .time p {
      font-size: 0.34rem;
      font-weight: 600;
      line-height: 0.34rem;
    }
  
    .sy-news .zp-item1 a .time span {
      font-size: 0.15rem;
      line-height: 0.15rem;
    }
  
    .sy-news .zp-item1 a .name {
      flex: 1;
      width: 100%;
      padding-left: 0.2rem;
      font-size: 0.18rem;
    }
  
    .sy-news .mt20 {
      margin-top: 0.15rem;
    }
  
    .sy-news .u1 li {
      position: relative;
    }
  
    .sy-news .u1 li a {
      width: 4.84rem;
      height: 0.95rem;
      display: flex;
      align-items: center;
      padding: 0.2rem;
      border-bottom: 1px dashed #e5e5e5;
    }
  
    .sy-news .u1 li a .time {
      text-align: center;
      color: #c9151e;
    }
  
    .sy-news .u1 li a .time p {
      font-size: 0.34rem;
      font-weight: 600;
      line-height: 0.34rem;
    }
  
    .sy-news .u1 li a .time span {
      font-size: 0.15rem;
      line-height: 0.15rem;
    }
  
    .sy-news .u1 li a .name {
      flex: 1;
      width: 100%;
      padding-left: 0.2rem;
      font-size: 0.18rem;
    }
  
    .sy-news .u1 li:hover .circle {
      display: none;
      border: 0 solid #000;
    }
  
    .sy-news .u1 li:hover .circle:after {
      content: '';
      position: absolute;
      left: -0.07rem;
      top: -0.07rem;
      width: 0.24rem;
      height: 0.24rem;
      background: url(../imagesli-on.png) no-repeat center;
      background-size: 100%;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .more {
      font-size: 0.2rem;
    }
  
    .sy-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 0.5rem;
    }
  
    .sy-title .name {
      display: inline-block;
    }
  
    .sy-title .name p {
      font-size: 0.34rem;
      font-weight: 600;
    }
  
    .sy-title .name span {
      font-size: 0.2rem;
      color: #c3c4c7;
    }
  
    .sy-title .name .line {
      margin-top: 0.1rem;
      position: relative;
      border-bottom: 1px solid #c3c4c7;
    }
  
    .sy-title .name .line::after {
      content: '';
      width: 0.3rem;
      height: 0.04rem;
      bottom: 0;
      left: 0;
      background-color: #c9151e;
      position: absolute;
    }
  
    .sy-title .more {
      opacity: 0.8;
      font-size: 0.2rem;
      color: #c9151e;
    }
  
    .sy-title .more:hover {
      opacity: 1;
    }
  
    .sy-news {
      padding-top: 0.5rem;
    }
  
    .sy-news .news {
      width: 100%;
    }
  
    .sy-news .news-item1 {
      position: relative;
      margin-bottom: 0.25rem;
      width: 100%;
      height: 4rem;
    }
  
    .sy-news .news-item1 .imgk {
      width: 100%;
      height: 4rem;
      position: relative;
    }
  
    .sy-news .news-item1 .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .sy-news .news-item1 .imgk::after {
      content: '';
      position: absolute;
      height: 2rem;
      width: 100%;
      left: 0;
      bottom: 0;
      background: url(../imagesbg10.png) repeat-x;
      background-size: 100% 100%;
    }
  
    .sy-news .news-item1 .txt {
      width: 90%;
      position: absolute;
      bottom: 0.3rem;
      left: 5%;
      color: #fff;
    }
  
    .sy-news .news-item1 .txt .time {
      font-size: 0.24rem;
    }
  
    .sy-news .news-item1 .txt .name {
      font-size: 0.28rem;
      font-weight: 600;
    }
  
    .sy-news .news-item1 .txt .line {
      margin: 0.15rem 0;
      position: relative;
      border-bottom: 1px solid rgba(255, 255, 255, 0.49);
      transition: all 1.5s;
    }
  
    .sy-news .news-item1 .txt .line::after {
      position: absolute;
      content: '';
      width: 0.08rem;
      height: 0.08rem;
      border-radius: 0.08rem;
      background-color: #eeb04d;
      left: 0;
      top: -0.03rem;
    }
  
    .sy-news .news-item1 .txt .jj {
      font-size: 0.24rem;
    }
  
    .sy-news .news-list .news-item {
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
      width: 100%;
      margin-bottom: 15px;
    }
  
    .sy-news .news-list .news-item .imgk {
      width: 100%;
      height: 4.31rem;
    }
  
    .sy-news .news-list .news-item .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .sy-news .news-list .news-item .txt {
      width: 100%;
      height: 1.4rem;
      position: relative;
      padding: 0.15rem;
    }
  
    .sy-news .news-list .news-item .txt .name {
      font-size: 0.26rem;
    }
  
    .sy-news .news-list .news-item .txt .time {
      position: absolute;
      right: 0.15rem;
      bottom: 0.15rem;
      color: #999;
      font-size: 0.24rem;
    }
  
    .sy-news .tz {
      width: 100%;
      margin-top: 0.25rem;
    }
  
    .sy-news .zp-item1 {
      margin-bottom: 0.1rem;
    }
  
    .sy-news .zp-item1 a {
      width: 100%;
      height: 0.95rem;
      background: url(../imagesimages/li.jpg) no-repeat center;
      background-size: cover;
      display: flex;
      align-items: center;
      padding: 0.2rem;
    }
  
    .sy-news .zp-item1 a .time {
      text-align: center;
      color: #c9151e;
    }
  
    .sy-news .zp-item1 a .time p {
      font-size: 0.34rem;
      font-weight: 600;
      line-height: 0.34rem;
    }
  
    .sy-news .zp-item1 a .time span {
      font-size: 0.2rem;
      line-height: 0.15rem;
      display: block;
    }
  
    .sy-news .zp-item1 a .name {
      flex: 1;
      width: 100%;
      padding-left: 0.2rem;
      font-size: 0.24rem;
    }
  
    .sy-news .mt20 {
      margin-top: 0.15rem;
    }
  
    .sy-news .u1 {
      margin-bottom: 0.3rem;
    }
  
    .sy-news .u1 li {
      position: relative;
    }
  
    .sy-news .u1 li a {
      width: 100%;
      height: 0.95rem;
      display: flex;
      align-items: center;
      padding: 0.2rem;
      border-bottom: 1px dashed #e5e5e5;
    }
  
    .sy-news .u1 li a .time {
      text-align: center;
      color: #c9151e;
    }
  
    .sy-news .u1 li a .time p {
      font-size: 0.34rem;
      font-weight: 600;
      line-height: 0.34rem;
    }
  
    .sy-news .u1 li a .time span {
      font-size: 0.2rem;
      line-height: 0.15rem;
      display: block;
    }
  
    .sy-news .u1 li a .name {
      flex: 1;
      width: 100%;
      padding-left: 0.2rem;
      font-size: 0.24rem;
    }
  
    .sy-news .u1 li:hover .circle {
      display: none;
      border: 0 solid #000;
    }
  
    .sy-news .u1 li:hover .circle:after {
      content: '';
      position: absolute;
      left: -0.07rem;
      top: -0.07rem;
      width: 0.24rem;
      height: 0.24rem;
      background: url(../imagesli-on.png) no-repeat center;
      background-size: 100%;
    }
  }
  
  @keyframes ani_scale1 {
    0% {
      transform: translate(-50%, -50%) scale(0.1);
      opacity: 1;
    }
  
    70% {
      transform: translate(-50%, -50%) scale(0.3);
      opacity: 1;
    }
  
    100% {
      transform: translate(-50%, -50%) scale(0.5);
      opacity: 0;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .sy-student {
      padding-top: 80px;
      padding-bottom: 75px;
      background: url(../imagesimages/bg1.jpg) no-repeat center top;
      background-size: 1480px 100%;
    }
  
    .sy-title2 {
      position: relative;
    }
  
    .sy-title2 .name {
      text-align: center;
    }
  
    .sy-title2 .name p {
      font-size: 34px;
      font-weight: 600;
    }
  
    .sy-title2 .name span {
      color: #c3c4c7;
      font-size: 14px;
    }
  
    .sy-title2 .name .line {
      margin: 0 auto;
      margin-top: 10px;
      width: 152px;
      height: 1px;
      background-color: #c3c4c7;
      position: relative;
    }
  
    .sy-title2 .name .line::after {
      position: absolute;
      content: '';
      width: 30px;
      height: 4px;
      background-color: #c9151e;
      left: 50%;
      bottom: -1px;
      margin-left: -15px;
    }
  
    .sy-title2 .sy-more {
      position: absolute;
      display: flex;
      align-items: center;
      right: 0;
      top: 50%;
      font-size: 0.18rem;
    }
  
    .sy-title2 .sy-more .work {
      font-size: 18px;
      color: #c9151e;
      margin-right: 40px;
      text-decoration: underline;
    }
  
    .sy-title2 .sy-more .work img {
      height: 16px;
      margin-left: 5px;
      transition: all 0.5s;
    }
  
    .sy-title2 .sy-more .work:hover img {
      transform: translateX(10px);
    }
  
    .sy-title2 .sy-more .more {
      opacity: 0.8;
      color: #c9151e;
    }
  
    .sy-title2 .sy-more .more:hover {
      opacity: 1;
    }
  
    .sy-title3 {
      position: relative;
    }
  
    .sy-title3 .name-tab {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .sy-title3 .name-tab .name-item {
      font-size: 20px;
      font-weight: 600;
      color: #777;
      cursor: pointer;
    }
  
    .sy-title3 .name-tab .name-item.on {
      font-size: 26px;
      color: #c9151e;
    }
  
    .sy-title3 .name-tab i {
      margin: 0 50px;
    }
  
    .sy-title3 .name-tab i img {
      width: 16px;
      height: 29px;
    }
  
    .sy-title3 .sy-more {
      position: absolute;
      right: 0;
      display: flex;
      top: 10px;
    }
  
    .sy-title3 .sy-more .more {
      opacity: 0.8;
      color: #c9151e;
      font-size: 0.18rem;
    }
  
    .sy-title3 .sy-more .more:hover {
      opacity: 1;
    }
  
    .sy_ban2 {
      width: 818px;
      height: 512px;
      position: relative;
      margin: 0 !important;
    }
  
    .sy_ban2 .swiper-slide {
      position: relative;
    }
  
    .sy_ban2 .swiper-slide .imgk {
      width: 818px;
      height: 512px;
    }
  
    .sy_ban2 .swiper-slide .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .sy_ban2 .swiper-slide .imgk::after {
      content: '';
      position: absolute;
      height: 200px;
      width: 100%;
      left: 0;
      bottom: 0;
      background: url(../imagesbg10.png) repeat-x;
    }
  
    .sy_ban2 .swiper-slide .txt {
      width: 90%;
      position: absolute;
      bottom: 30px;
      left: 5%;
      color: #fff;
    }
  
    .sy_ban2 .swiper-slide .txt .time {
      font-size: 15px;
    }
  
    .sy_ban2 .swiper-slide .txt p {
      font-size: 26px;
      font-weight: 600;
    }
  
    .sy_ban2 .swiper-slide .txt .line {
      margin: 15px 0;
      position: relative;
      border-bottom: 1px solid rgba(255, 255, 255, 0.49);
      transition: all 1.5s;
    }
  
    .sy_ban2 .swiper-slide .txt .line::after {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      border-radius: 8px;
      background-color: #eeb04d;
      left: 0;
      top: -3px;
    }
  
    .sy_ban2 .swiper-slide:hover .txt .line::after {
      transform: translateX(736px);
    }
  
    .sy_ban2 .sw-page2 {
      width: auto;
      left: auto;
      right: 20px;
    }
  
    .sy_ban2 .sw-page2 .swiper-pagination-bullet {
      background-color: #fff;
      opacity: 0.7;
    }
  
    .sy_ban2 .sw-page2 .swiper-pagination-bullet-active {
      background-color: #c9151e;
    }
  
    .sy_ban2 .swiper-button-next {
      background: url(../imagessw-right2.png) no-repeat center;
      background-size: 100% 100%;
      width: 54px;
      height: 54px;
      right: 0.4rem;
      left: auto;
      opacity: 0.6;
      border-radius: 50%;
    }
  
    .sy_ban2 .swiper-button-next:hover {
      background-color: #fff;
      opacity: 1;
    }
  
    .sy_ban2 .swiper-button-prev {
      background: url(../imagessw-left2.png) no-repeat center;
      background-size: 100% 100%;
      width: 54px;
      height: 54px;
      right: auto;
      left: 0.4rem;
      opacity: 0.6;
      border-radius: 50%;
    }
  
    .sy_ban2 .swiper-button-prev:hover {
      background-color: #fff;
      opacity: 1;
    }
  
    .yd {
      width: 100%;
      padding-top: 80px;
      display: flex;
      justify-content: space-between;
    }
  
    .u2 {
      width: 720px;
    }
  
    .u2 li:last-child {
      margin-bottom: 0 !important;
    }
  
    .u2 li a {
      display: block;
      padding-top: 0px;
    }
  
    .u2 li .time {
      display: none;
    }
  
    .u2 li .name {
      position: relative;
      display: flex;
      align-items: center;
    }
  
    .u2 li .name p {
      font-size: 18px;
      flex: 1;
      width: 100%;
      padding-left: 20px;
      padding-right: 10px;
      color: #333;
    }
  
    .u2 li .name span {
      color: #999;
      font-size: 14px;
    }
  
    .u2 li .name::after {
      width: 8px;
      height: 8px;
      border-radius: 8px;
      background-color: #c9151e;
      content: '';
      position: absolute;
      left: 0;
      top: 10px;
    }
  
    .u2 li .jj {
      display: none;
      color: #333;
    }
  
    .u2 li .line {
      margin-top: 20px;
      position: relative;
      border-bottom: 1px solid transparent;
      transition: all 0.5s;
    }
  
    .u2 li .line::after {
      content: '';
      position: absolute;
      top: -6px;
      left: 600px;
      width: 13px;
      height: 13px;
      background-color: transparent;
      border-radius: 50%;
    }
  
    .u2 li.on {
      margin-bottom: 20px;
    }
  
    .u2 li.on a {
      padding-top: 20px;
    }
  
    .u2 li.on .time {
      font-size: 16px;
      color: #c9151e;
      display: block;
    }
  
    .u2 li.on .name {
      margin: 15px 0;
    }
  
    .u2 li.on .name::after {
      display: none;
    }
  
    .u2 li.on .name p {
      padding-left: 0;
      font-size: 22px;
      font-weight: 600;
    }
  
    .u2 li.on .name span {
      display: none;
    }
  
    .u2 li.on .jj {
      display: block;
      font-size: 14px;
      line-height: 2;
    }
  
    .u2 li.on .line {
      border-bottom: 1px solid #e9d9c2;
    }
  
    .u2 li.on .line::after {
      content: '';
      background-color: #c9151e;
      transform: translateX(120px);
    }
  
    .ban3-box .ban3 {
      display: none;
    }
  
    .ban3-box .ban3.on {
      display: block;
    }
  
    .ban3 {
      max-width: 1480px;
      margin: 0 auto;
      margin-top: 75px;
      position: relative;
    }
  
    .ban3 .wal {
      position: relative;
    }
  
    .ban3 .swiper-slide .imgk {
      width: 100%;
      height: 234px;
    }
  
    .ban3 .swiper-slide .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .ban3 .swiper-slide p {
      margin: 30px 0;
      height: 63px;
      font-size: 20px;
      margin-bottom: 30px;
      font-weight: 600;
    }
  
    .ban3 .swiper-slide p.line-1 {
      height: 30px;
      -webkit-line-clamp: 1;
    }
  
    .ban3 .swiper-slide .time {
      padding-left: 30px;
      font-size: 16px;
      margin-bottom: 10px;
      position: relative;
      color: #333;
    }
  
    .ban3 .swiper-slide .time::after {
      content: '';
      position: absolute;
      left: 0;
      top: 5px;
      background: url(../imagestime1.png) no-repeat center;
      background-size: contain;
      width: 16px;
      height: 16px;
    }
  
    .ban3 .swiper-slide .ad::after {
      background-image: url(../imagesad1.png);
    }
  
    .ban3 .swiper-slide:hover .time::after {
      background-image: url(../imagestime2.png);
    }
  
    .ban3 .swiper-slide:hover .ad::after {
      background-image: url(../imagesad2.png);
    }
  
    .ban3 .swiper-button-next {
      background: url(./img/sw-right3-2025.png) no-repeat center;
      background-size: contain;
      width: 45px;
      right: -55px;
      left: auto;
      top: 120px;
    }
  
    .ban3 .swiper-button-prev {
      background: url(./img/sw-left3-2025.png) no-repeat center;
      background-size: contain;
      width: 45px;
      right: auto;
      left: -55px;
      top: 120px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .sy-student {
      padding-top: 0.8rem;
      padding-bottom: 0.75rem;
      background: url(../imagesimages/bg1.jpg) no-repeat center top;
      background-size: 19.2rem;
    }
  
    .sy-title2 {
      position: relative;
    }
  
    .sy-title2 .name {
      text-align: center;
    }
  
    .sy-title2 .name p {
      font-size: 0.34rem;
      font-weight: 600;
    }
  
    .sy-title2 .name span {
      color: #c3c4c7;
      font-size: 0.14rem;
    }
  
    .sy-title2 .name .line {
      margin: 0 auto;
      margin-top: 0.1rem;
      width: 1.52rem;
      height: 1px;
      background-color: #c3c4c7;
      position: relative;
    }
  
    .sy-title2 .name .line::after {
      position: absolute;
      content: '';
      width: 0.3rem;
      height: 0.04rem;
      background-color: #c9151e;
      left: 50%;
      bottom: -1px;
      margin-left: -0.15rem;
    }
  
    .sy-title2 .sy-more {
      position: absolute;
      display: flex;
      align-items: center;
      right: 0;
      top: 50%;
    }
  
    .sy-title2 .sy-more .work {
      font-size: 0.18rem;
      color: #c9151e;
      margin-right: 0.4rem;
      text-decoration: underline;
    }
  
    .sy-title2 .sy-more .work img {
      height: 0.16rem;
      margin-left: 0.05rem;
      transition: all 0.5s;
    }
  
    .sy-title2 .sy-more .work:hover img {
      transform: translateX(10px);
    }
  
    .sy-title2 .sy-more .more {
      opacity: 0.8;
      color: #c9151e;
      font-size: 0.18rem;
    }
  
    .sy-title2 .sy-more .more:hover {
      opacity: 1;
    }
  
    .sy-title3 {
      position: relative;
    }
  
    .sy-title3 .name-tab {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .sy-title3 .name-tab .name-item {
      font-size: 0.2rem;
      font-weight: 600;
      color: #777;
      cursor: pointer;
    }
  
    .sy-title3 .name-tab .name-item.on {
      font-size: 0.26rem;
      color: #c9151e;
    }
  
    .sy-title3 .name-tab i {
      margin: 0 0.5rem;
    }
  
    .sy-title3 .name-tab i img {
      width: 0.16rem;
      height: 0.29rem;
    }
  
    .sy-title3 .sy-more {
      position: absolute;
      right: 0;
      display: flex;
      top: 0.1rem;
    }
  
    .sy-title3 .sy-more .more {
      opacity: 0.8;
      color: #c9151e;
      font-size: 0.18rem;
    }
  
    .sy-title3 .sy-more .more:hover {
      opacity: 1;
    }
  
    .sy_ban2 {
      width: 8.18rem;
      height: 5.12rem;
      position: relative;
      margin: 0 !important;
    }
  
    .sy_ban2 .swiper-slide {
      position: relative;
    }
  
    .sy_ban2 .swiper-slide .imgk {
      width: 8.18rem;
      height: 5.12rem;
    }
  
    .sy_ban2 .swiper-slide .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .sy_ban2 .swiper-slide .imgk::after {
      content: '';
      position: absolute;
      height: 2rem;
      width: 100%;
      left: 0;
      bottom: 0;
      background: url(../imagesbg10.png) repeat-x;
    }
  
    .sy_ban2 .swiper-slide .txt {
      width: 90%;
      position: absolute;
      bottom: 0.3rem;
      left: 5%;
      color: #fff;
    }
  
    .sy_ban2 .swiper-slide .txt .time {
      font-size: 0.15rem;
    }
  
    .sy_ban2 .swiper-slide .txt p {
      font-size: 0.26rem;
      font-weight: 600;
    }
  
    .sy_ban2 .swiper-slide .txt .line {
      margin: 0.15rem 0;
      position: relative;
      border-bottom: 1px solid rgba(255, 255, 255, 0.49);
      transition: all 1.5s;
    }
  
    .sy_ban2 .swiper-slide .txt .line::after {
      position: absolute;
      content: '';
      width: 0.08rem;
      height: 0.08rem;
      border-radius: 0.08rem;
      background-color: #eeb04d;
      left: 0;
      top: -0.03rem;
    }
  
    .sy_ban2 .swiper-slide:hover .txt .line::after {
      transform: translateX(7.36rem);
    }
  
    .sy_ban2 .sw-page2 {
      width: auto;
      left: auto;
      right: 0.2rem;
    }
  
    .sy_ban2 .sw-page2 .swiper-pagination-bullet {
      background-color: #fff;
      opacity: 0.7;
    }
  
    .sy_ban2 .sw-page2 .swiper-pagination-bullet-active {
      background-color: #c9151e;
    }
  
    .sy_ban2 .swiper-button-next {
      background: url(../imagessw-right2.png) no-repeat center;
      background-size: 100% 100%;
      width: 0.54rem;
      height: 0.54rem;
      right: 0.4rem;
      left: auto;
      opacity: 0.6;
      border-radius: 50%;
    }
  
    .sy_ban2 .swiper-button-next:hover {
      background-color: #fff;
      opacity: 1;
    }
  
    .sy_ban2 .swiper-button-prev {
      background: url(../imagessw-left2.png) no-repeat center;
      background-size: 100% 100%;
      width: 0.54rem;
      height: 0.54rem;
      right: auto;
      left: 0.4rem;
      opacity: 0.6;
      border-radius: 50%;
    }
  
    .sy_ban2 .swiper-button-prev:hover {
      background-color: #fff;
      opacity: 1;
    }
  
    .yd {
      width: 100%;
      padding-top: 0.8rem;
      display: flex;
      justify-content: space-between;
    }
  
    .u2 {
      width: 7.2rem;
    }
  
    .u2 li:last-child {
      margin-bottom: 0 !important;
    }
  
    .u2 li a {
      display: block;
      padding-top: 0px;
    }
  
    .u2 li .time {
      display: none;
    }
  
    .u2 li .name {
      position: relative;
      display: flex;
      align-items: center;
    }
  
    .u2 li .name p {
      font-size: 0.18rem;
      flex: 1;
      width: 100%;
      padding-left: 0.2rem;
      padding-right: 0.1rem;
      color: #333;
    }
  
    .u2 li .name span {
      color: #999;
      font-size: 0.14rem;
    }
  
    .u2 li .name::after {
      width: 0.08rem;
      height: 0.08rem;
      border-radius: 0.08rem;
      background-color: #c9151e;
      content: '';
      position: absolute;
      left: 0;
      top: 0.1rem;
    }
  
    .u2 li .jj {
      display: none;
      color: #333;
    }
  
    .u2 li .line {
      margin-top: 0.2rem;
      position: relative;
      border-bottom: 1px solid transparent;
      transition: all 0.5s;
    }
  
    .u2 li .line::after {
      content: '';
      position: absolute;
      top: -0.06rem;
      left: 6rem;
      width: 0.13rem;
      height: 0.13rem;
      background-color: transparent;
      border-radius: 50%;
    }
  
    .u2 li.on {
      margin-bottom: 0.2rem;
    }
  
    .u2 li.on a {
      padding-top: 0.2rem;
    }
  
    .u2 li.on .time {
      font-size: 0.16rem;
      color: #c9151e;
      display: block;
    }
  
    .u2 li.on .name {
      margin: 0.15rem 0;
    }
  
    .u2 li.on .name::after {
      display: none;
    }
  
    .u2 li.on .name p {
      padding-left: 0;
      font-size: 0.22rem;
      font-weight: 600;
    }
  
    .u2 li.on .name span {
      display: none;
    }
  
    .u2 li.on .jj {
      display: block;
      font-size: 0.14rem;
      line-height: 2;
    }
  
    .u2 li.on .line {
      border-bottom: 1px solid #e9d9c2;
    }
  
    .u2 li.on .line::after {
      content: '';
      background-color: #c9151e;
      transform: translateX(1.2rem);
    }
  
    .ban3-box .ban3 {
      display: none;
    }
  
    .ban3-box .ban3.on {
      display: block;
    }
  
    .ban3 {
      max-width: 19.2rem;
      margin: 0 auto;
      margin-top: 0.75rem;
      position: relative;
    }
  
    .ban3 .wal {
      position: relative;
    }
  
    .ban3 .swiper-slide .imgk {
      width: 100%;
      height: 2.34rem;
    }
  
    .ban3 .swiper-slide .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .ban3 .swiper-slide p {
      margin: 0.3rem 0;
      height: 0.63rem;
      font-size: 0.2rem;
      margin-bottom: 0.3rem;
      font-weight: 600;
    }
  
    .ban3 .swiper-slide p.line-1 {
      height: 0.3rem;
      -webkit-line-clamp: 1;
    }
  
    .ban3 .swiper-slide .time {
      color: #333;
      padding-left: 0.3rem;
      font-size: 0.16rem;
      margin-bottom: 0.1rem;
      position: relative;
    }
  
    .ban3 .swiper-slide .time::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0.05rem;
      background: url(../imagestime1.png) no-repeat center;
      background-size: contain;
      width: 0.16rem;
      height: 0.16rem;
    }
  
    .ban3 .swiper-slide .ad::after {
      background-image: url(../imagesad1.png);
    }
  
    .ban3 .swiper-slide:hover .time::after {
      background-image: url(../imagestime2.png);
    }
  
    .ban3 .swiper-slide:hover .ad::after {
      background-image: url(../imagesad2.png);
    }
  
    .ban3 .swiper-button-next {
      background: url(../imagessw-right3.png) no-repeat center;
      background-size: contain;
      width: 0.45rem;
      right: -0.55rem;
      left: auto;
      top: 1.2rem;
    }
  
    .ban3 .swiper-button-prev {
      background: url(../imagessw-left3.png) no-repeat center;
      background-size: contain;
      width: 0.45rem;
      right: auto;
      left: -0.55rem;
      top: 1.2rem;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .sy-student {
      padding-top: 0.5rem;
      padding-bottom: 0.35rem;
      background: url(../imagesimages/bg1.jpg) no-repeat center top;
      background-size: 19.2rem;
    }
  
    .sy-title2 {
      position: relative;
    }
  
    .sy-title2 .name {
      text-align: center;
    }
  
    .sy-title2 .name p {
      font-size: 0.34rem;
      font-weight: 600;
    }
  
    .sy-title2 .name span {
      color: #c3c4c7;
      font-size: 0.14rem;
    }
  
    .sy-title2 .name .line {
      margin: 0 auto;
      margin-top: 0.1rem;
      width: 1.52rem;
      height: 1px;
      background-color: #c3c4c7;
      position: relative;
    }
  
    .sy-title2 .name .line::after {
      position: absolute;
      content: '';
      width: 0.3rem;
      height: 0.04rem;
      background-color: #c9151e;
      left: 50%;
      bottom: -1px;
      margin-left: -0.15rem;
    }
  
    .sy-title2 .sy-more {
      position: absolute;
      display: flex;
      align-items: center;
      right: 0;
      top: 50%;
    }
  
    .sy-title2 .sy-more .work {
      font-size: 0.2rem;
      color: #c9151e;
      margin-right: 0.2rem;
      text-decoration: underline;
    }
  
    .sy-title2 .sy-more .work img {
      height: 0.14rem;
      margin-left: 0.05rem;
    }
  
    .sy-title2 .sy-more .more {
      opacity: 0.8;
      color: #c9151e;
      font-size: 0.2rem;
    }
  
    .sy-title2 .sy-more .more:hover {
      opacity: 1;
    }
  
    .sy-title3 {
      position: relative;
    }
  
    .sy-title3 .name-tab {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .sy-title3 .name-tab .name-item {
      font-size: 0.22rem;
      font-weight: 600;
      color: #777;
      cursor: pointer;
    }
  
    .sy-title3 .name-tab .name-item.on {
      font-size: 0.28rem;
      color: #c9151e;
    }
  
    .sy-title3 .name-tab i {
      margin: 0 0.25rem;
    }
  
    .sy-title3 .name-tab i img {
      width: 0.16rem;
      height: 0.29rem;
    }
  
    .sy-title3 .sy-more {
      position: absolute;
      right: 0;
      display: flex;
      top: 0.1rem;
    }
  
    .sy-title3 .sy-more .more {
      opacity: 0.8;
      color: #c9151e;
      font-size: 0.2rem;
    }
  
    .sy-title3 .sy-more .more:hover {
      opacity: 1;
    }
  
    .sy_ban2 {
      width: 100%;
      position: relative;
      margin: 0 !important;
    }
  
    .sy_ban2 .swiper-slide {
      position: relative;
    }
  
    .sy_ban2 .swiper-slide .imgk {
      width: 100%;
      height: 4.31rem;
    }
  
    .sy_ban2 .swiper-slide .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .sy_ban2 .swiper-slide .imgk::after {
      content: '';
      position: absolute;
      height: 2rem;
      width: 100%;
      left: 0;
      bottom: 0;
      background: url(../imagesbg10.png) repeat-x;
    }
  
    .sy_ban2 .swiper-slide .txt {
      width: 90%;
      position: absolute;
      bottom: 0.3rem;
      left: 5%;
      color: #fff;
    }
  
    .sy_ban2 .swiper-slide .txt .time {
      font-size: 0.15rem;
    }
  
    .sy_ban2 .swiper-slide .txt p {
      font-size: 0.26rem;
      font-weight: 600;
    }
  
    .sy_ban2 .swiper-slide .txt .line {
      margin: 0.15rem 0;
      position: relative;
      border-bottom: 1px solid rgba(255, 255, 255, 0.49);
      transition: all 1.5s;
    }
  
    .sy_ban2 .swiper-slide .txt .line::after {
      position: absolute;
      content: '';
      width: 0.08rem;
      height: 0.08rem;
      border-radius: 0.08rem;
      background-color: #eeb04d;
      left: 0;
      top: -0.03rem;
    }
  
    .sy_ban2 .sw-page2 {
      width: auto;
      left: auto;
      right: 0.2rem;
      bottom: 0.1rem;
    }
  
    .sy_ban2 .sw-page2 .swiper-pagination-bullet {
      background-color: #fff;
      opacity: 0.7;
      width: 0.1rem;
      height: 0.1rem;
    }
  
    .sy_ban2 .sw-page2 .swiper-pagination-bullet-active {
      background-color: #c9151e;
    }
  
    .sy_ban2 .swiper-button-next {
      display: none;
      background: url(../imagessw-right2.png) no-repeat center;
      background-size: contain;
      width: 0.54rem;
      right: 0.4rem;
      left: auto;
    }
  
    .sy_ban2 .swiper-button-prev {
      display: none;
      background: url(../imagessw-left2.png) no-repeat center;
      background-size: contain;
      width: 0.54rem;
      right: auto;
      left: 0.4rem;
    }
  
    .yd {
      width: 100%;
      padding-top: 0.4rem;
      justify-content: space-between;
    }
  
    .u2 {
      width: 100%;
    }
  
    .u2 li:last-child {
      margin-bottom: 0 !important;
    }
  
    .u2 li a {
      display: block;
      padding-top: 0px;
    }
  
    .u2 li .time {
      display: none;
    }
  
    .u2 li .name {
      position: relative;
      display: flex;
      align-items: center;
    }
  
    .u2 li .name p {
      font-size: 0.26rem;
      flex: 1;
      width: 100%;
      padding-left: 0.2rem;
      padding-right: 0.1rem;
      color: #333;
    }
  
    .u2 li .name span {
      color: #999;
      font-size: 0.22rem;
    }
  
    .u2 li .name::after {
      width: 0.08rem;
      height: 0.08rem;
      border-radius: 0.08rem;
      background-color: #c9151e;
      content: '';
      position: absolute;
      left: 0;
      top: 0.1rem;
    }
  
    .u2 li .jj {
      display: none;
      color: #333;
    }
  
    .u2 li .line {
      margin-top: 0.2rem;
      position: relative;
      border-bottom: 1px solid transparent;
      transition: all 0.5s;
    }
  
    .u2 li .line::after {
      content: '';
      position: absolute;
      top: -0.06rem;
      left: 0;
      width: 0.13rem;
      height: 0.13rem;
      background-color: transparent;
      border-radius: 50%;
    }
  
    .u2 li.on {
      margin-bottom: 0.2rem;
    }
  
    .u2 li.on a {
      padding-top: 0.2rem;
    }
  
    .u2 li.on .time {
      font-size: 0.22rem;
      color: #c9151e;
      display: block;
    }
  
    .u2 li.on .name {
      margin: 0.15rem 0;
    }
  
    .u2 li.on .name::after {
      display: none;
    }
  
    .u2 li.on .name p {
      padding-left: 0;
      font-size: 0.26rem;
      font-weight: 600;
    }
  
    .u2 li.on .name span {
      display: none;
    }
  
    .u2 li.on .jj {
      display: block;
      font-size: 0.22rem;
      line-height: 2;
    }
  
    .u2 li.on .line {
      border-bottom: 1px solid #e9d9c2;
    }
  
    .u2 li.on .line::after {
      content: '';
      background-color: #c9151e;
    }
  
    .ban3-box .ban3 {
      display: none;
    }
  
    .ban3-box .ban3.on {
      display: block;
    }
  
    .ban3 {
      max-width: 100%;
      margin: 0 auto;
      margin-top: 0.35rem;
      position: relative;
    }
  
    .ban3 .wal {
      position: relative;
    }
  
    .ban3 .swiper-slide .imgk {
      width: 100%;
      height: 2.06rem;
    }
  
    .ban3 .swiper-slide .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .ban3 .swiper-slide p {
      font-weight: 600;
      margin: 0.3rem 0;
      height: 0.63rem;
      font-size: 0.24rem;
      line-height: 1.43;
      margin-bottom: 0.3rem;
    }
  
    .ban3 .swiper-slide p.line-1 {
      height: 0.3rem;
      -webkit-line-clamp: 1;
    }
  
    .ban3 .swiper-slide .time {
      color: #333;
      padding-left: 0.3rem;
      font-size: 0.2rem;
      margin-bottom: 0.1rem;
      position: relative;
    }
  
    .ban3 .swiper-slide .time::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0.1rem;
      background: url(../imagestime1.png) no-repeat center;
      background-size: contain;
      width: 0.16rem;
      height: 0.16rem;
    }
  
    .ban3 .swiper-slide .ad::after {
      background-image: url(../imagesad1.png);
    }
  
    .ban3 .swiper-button-next {
      display: none;
      background: url(../imagessw-right3.png) no-repeat center;
      background-size: contain;
      width: 0.45rem;
      right: -0.55rem;
      left: auto;
      top: 1.2rem;
    }
  
    .ban3 .swiper-button-prev {
      display: none;
      background: url(../imagessw-left3.png) no-repeat center;
      background-size: contain;
      width: 0.45rem;
      right: auto;
      left: -0.55rem;
      top: 1.2rem;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .sy-stu2 {
      background: url(../imagesbg3.png) no-repeat center bottom;
      background-size: 1480px;
      padding-bottom: 270px;
    }
  
    .sy-teacher {

      background: url(../images/bg420250707-01.png) no-repeat center top;
      background-size: 1480px;
    }
  
    .wal2 {
      background: url(../images/sw-line20250707-02.png) no-repeat center top;
      background-size: 1480px;
      margin-top: -30px;
    }
  
    .sy_ban4 {
      position: relative;
      padding-top: 70px;
    }
  
    .sy_ban4 .sw-btn {
      position: absolute;
      top: 0;
      right: 210px;
    }
  
    .sy_ban4 .sw-btn .swiper-button-next {
      background: url(../images/sw-right3-20250709.png) no-repeat center;
      background-size: contain;
      width: 48px;
      right: 0;
      top: 0;
      margin: 0;
    }
  
    .sy_ban4 .sw-btn .swiper-button-prev {
      background: url(../images/sw-left3-20250709.png) no-repeat center;
      background-size: contain;
      width: 48px;
      left: -120px;
      top: 0;
      margin: 0;
    }
  
    .sy_ban4 .swiper-slide .tp {
      display: flex;
      align-items: center;
      position: relative;
      justify-content: space-between;
    }
  
    .sy_ban4 .swiper-slide .tp p {
      font-size: 40px;
    }
  
    .sy_ban4 .swiper-slide .tp p span {
      font-size: 26px;
      padding-left: 15px;
    }
  
    .sy_ban4 .swiper-slide .tp .wz {
      font-size: 20px;
    }
  
    .sy_ban4 .swiper-slide .tp .line {
      width: 250px;
      height: 1px;
      background-color: #c3c4c7;
      position: relative;
      margin-bottom: 20px;
    }
  
    .sy_ban4 .swiper-slide .tp .line::after {
      content: '';
      position: absolute;
      left: 0;
      top: -4px;
      width: 30px;
      height: 4px;
      background-color: #0a4d83;
    }
  
    .sy_ban4 .swiper-slide .tp .imgk {
      border-radius: 50%;
      padding: 10px;
      background-color: #fff;
      box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.1);
    }
  
    .sy_ban4 .swiper-slide .tp .imgk img {
      width: 250px;
      height: 250px;
      border-radius: 50%;
      object-fit: cover;
      object-position: top center;
    }
  
    .sy_ban4 .swiper-slide .jj {
      color: #333;
      padding: 0 50px;
      padding-top: 20px;
    }
  
    .sy_ban4 .swiper-slide .jj .name {
      font-size: 22px;
    }
  
    .sy_ban4 .swiper-slide .jj .txt {
      margin-top: 10px;
      font-size: 16px;
      height: 107px;
      line-height: 2.2;
    }
  
    .sy_ban4 .swiper-slide-active {
      padding-left: 130px;
      padding-right: 50px;
    }
  
    .sy_ban4 .swiper-slide-active .jj {
      padding-left: 0;
    }
  
    .sy_ban4 .swiper-slide-next {
      padding-left: 50px;
      padding-right: 130px;
    }
  
    .sy_ban4 .swiper-slide-next .tp .name {
      position: absolute;
      right: 0;
    }
  
    .sy_ban4 .swiper-slide-next .tp .imgk {
      float: left;
    }
  
    .sy_ban5 {
      overflow: hidden;
      height: 350px;
      position: relative;
    }
  
    .sy_ban5 .ban-item {
      float: left;
    }
  
    .sy_ban5 .ban-item .imgk {
      position: relative;
      display: inline-block;
      border-radius: 50%;
      padding: 10px;
      background-color: #fcf6f6;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
    }
  
    .sy_ban5 .ban-item .imgk img {
      width: 105px;
      height: 105px;
      border-radius: 50%;
      object-fit: cover;
      object-position: top center;
    }
  
    .sy_ban5 .ban-item:nth-child(1) .imgk::after,
    .sy_ban5 .ban-item:nth-child(2) .imgk::after {
      content: '';
      width: 145px;
      height: 145px;
      position: absolute;
      border: 1px dashed #ddcec0;
      border-radius: 50%;
      left: -11px;
      top: -11px;
    }
  
    .sy_ban5 .ban-item .name {
      margin-top: 20px;
      font-size: 20px;
      text-align: center;
    }
  
    .sy_ban5 .ban-item:nth-child(1) {
      position: absolute;
      left: 147px;
      top: 80px;
    }
  
    .sy_ban5 .ban-item:nth-child(2) {
      position: absolute;
      left: 425px;
      top: 132px;
    }
  
    .sy_ban5 .ban-item:nth-child(3) {
      position: absolute;
      left: 737px;
      top: 100px;
    }
  
    .sy_ban5 .ban-item:nth-child(4) {
      position: absolute;
      left: 1040px;
      top: 65px;
    }
  
    .sy_ban5 .ban-item:nth-child(5) {
      position: absolute;
      left: 1350px;
      top: 40px;
    }
  
    .sy_ban5 .ban-item:nth-child(n + 6) {
      display: none;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .sy-stu2 {
      background: url(../imagesbg3.png) no-repeat center bottom;
      background-size: 19.2rem;
      padding-bottom: 2.7rem;
    }
  
    .sy-teacher {

      background: url(../imagesbg4.png) no-repeat center top;
      background-size: 19.2rem;
    }
  
    .wal2 {
      background: url(../imagessw-line.png) no-repeat center top;
      background-size: 19.2rem;
      margin-top: -0.3rem;
    }
  
    .sy_ban4 {
      position: relative;
      padding-top: 0.7rem;
    }
  
    .sy_ban4 .sw-btn {
      position: absolute;
      top: 0;
      right: 2.1rem;
    }
  
    .sy_ban4 .sw-btn .swiper-button-next {
      background: url(../images/sw-right3-20250709.png) no-repeat center;
      background-size: contain;
      width: 0.48rem;
      right: 0;
      top: 0;
      margin: 0;
    }
  
    .sy_ban4 .sw-btn .swiper-button-prev {
      background: url(../images/sw-left3-20250709.png) no-repeat center;
      background-size: contain;
      width: 0.48rem;
      left: -1.2rem;
      top: 0;
      margin: 0;
    }
  
    .sy_ban4 .swiper-slide .tp {
      display: flex;
      align-items: center;
      position: relative;
      justify-content: space-between;
    }
  
    .sy_ban4 .swiper-slide .tp p {
      font-size: 0.4rem;
    }
  
    .sy_ban4 .swiper-slide .tp p span {
      font-size: 0.28rem;
      padding-left: 0.15rem;
    }
  
    .sy_ban4 .swiper-slide .tp .wz {
      font-size: 0.2rem;
    }
  
    .sy_ban4 .swiper-slide .tp .line {
      width: 2.5rem;
      height: 1px;
      background-color: #c3c4c7;
      position: relative;
      margin-bottom: 0.2rem;
    }
  
    .sy_ban4 .swiper-slide .tp .line::after {
      content: '';
      position: absolute;
      left: 0;
      top: -0.04rem;
      width: 0.3rem;
      height: 0.04rem;
      background-color: #c9151e;
    }
  
    .sy_ban4 .swiper-slide .tp .imgk {
      border-radius: 50%;
      padding: 0.1rem;
      background-color: #fff;
      box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.1);
    }
  
    .sy_ban4 .swiper-slide .tp .imgk img {
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 50%;
      object-fit: cover;
      object-position: top center;
    }
  
    .sy_ban4 .swiper-slide .jj {
      color: #333;
      padding: 0 0.5rem;
      padding-top: 0.2rem;
    }
  
    .sy_ban4 .swiper-slide .jj .name {
      font-size: 0.22rem;
    }
  
    .sy_ban4 .swiper-slide .jj .txt {
      margin-top: 0.1rem;
      font-size: 0.16rem;
      height: 1.07rem;
      line-height: 2.2;
    }
  
    .sy_ban4 .swiper-slide-active {
      padding-left: 1.3rem;
      padding-right: 0.5rem;
    }
  
    .sy_ban4 .swiper-slide-active .jj {
      padding-left: 0;
    }
  
    .sy_ban4 .swiper-slide-next {
      padding-left: 0.5rem;
      padding-right: 1.3rem;
    }
  
    .sy_ban4 .swiper-slide-next .tp .name {
      position: absolute;
      right: 0;
    }
  
    .sy_ban4 .swiper-slide-next .tp .imgk {
      float: left;
    }
  
    .sy_ban5 {
      overflow: hidden;
      height: 3.5rem;
      position: relative;
    }
  
    .sy_ban5 .ban-item {
      float: left;
    }
  
    .sy_ban5 .ban-item .imgk {
      position: relative;
      display: inline-block;
      border-radius: 50%;
      padding: 0.1rem;
      background-color: #fcf6f6;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
    }
  
    .sy_ban5 .ban-item .imgk img {
      width: 1.05rem;
      height: 1.05rem;
      border-radius: 50%;
      object-fit: cover;
      object-position: top center;
    }
  
    .sy_ban5 .ban-item:nth-child(1) .imgk::after,
    .sy_ban5 .ban-item:nth-child(2) .imgk::after {
      content: '';
      width: 1.45rem;
      height: 1.45rem;
      position: absolute;
      border: 1px dashed #ddcec0;
      border-radius: 50%;
      left: -0.11rem;
      top: -0.11rem;
    }
  
    .sy_ban5 .ban-item .name {
      margin-top: 0.2rem;
      font-size: 0.2rem;
      text-align: center;
    }
  
    .sy_ban5 .ban-item:nth-child(1) {
      position: absolute;
      left: 1.47rem;
      top: 0.8rem;
    }
  
    .sy_ban5 .ban-item:nth-child(2) {
      position: absolute;
      left: 4.25rem;
      top: 1.32rem;
    }
  
    .sy_ban5 .ban-item:nth-child(3) {
      position: absolute;
      left: 7.37rem;
      top: 1rem;
    }
  
    .sy_ban5 .ban-item:nth-child(4) {
      position: absolute;
      left: 10.4rem;
      top: 0.65rem;
    }
  
    .sy_ban5 .ban-item:nth-child(5) {
      position: absolute;
      left: 13.5rem;
      top: 0.4rem;
    }
  
    .sy_ban5 .ban-item:nth-child(n + 6) {
      display: none;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .sy-stu2 {
      background: url(../imagesbg3.png) no-repeat center bottom;
      background-size: 19.2rem;
      padding-bottom: 2rem;
    }
  
    .sy-teacher {

      background: url(../imagesbg4.png) no-repeat center top;
      background-size: 19.2rem;
    }
  
    .wal2 {
      background: url(../imagessw-line.png) no-repeat center;
      background-size: 100%;
    }
  
    .sy_ban4 {
      position: relative;
      padding-top: 1rem;
    }
  
    .sy_ban4 .sw-btn {
      position: absolute;
      top: 0;
      right: 0rem;
    }
  
    .sy_ban4 .sw-btn .swiper-button-next {
      background: url(../images/sw-right3.png) no-repeat center;
      background-size: contain;
      width: 0.48rem;
      right: 0;
      top: 0;
      margin: 0;
    }
  
    .sy_ban4 .sw-btn .swiper-button-prev {
      background: url(../images/sw-left3.png) no-repeat center;
      background-size: contain;
      width: 0.48rem;
      left: -1.2rem;
      top: 0;
      margin: 0;
    }
  
    .sy_ban4 .swiper-slide .tp {
      width: 100%;
      display: flex;
      align-items: center;
      position: relative;
      justify-content: space-between;
    }
  
    .sy_ban4 .swiper-slide .tp p {
      font-size: 0.32rem;
    }
  
    .sy_ban4 .swiper-slide .tp p span {
      font-size: 0.2rem;
      padding-left: 0.15rem;
    }
  
    .sy_ban4 .swiper-slide .tp .wz {
      font-size: 0.22rem;
    }
  
    .sy_ban4 .swiper-slide .tp .line {
      width: 2rem;
      height: 1px;
      background-color: #c3c4c7;
      position: relative;
      margin-bottom: 0.2rem;
    }
  
    .sy_ban4 .swiper-slide .tp .line::after {
      content: '';
      position: absolute;
      left: 0;
      top: -0.04rem;
      width: 0.3rem;
      height: 0.04rem;
      background-color: #c9151e;
    }
  
    .sy_ban4 .swiper-slide .tp .imgk {
      border-radius: 50%;
      padding: 0.1rem;
      background-color: #fff;
      box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.1);
    }
  
    .sy_ban4 .swiper-slide .tp .imgk img {
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      object-fit: cover;
      object-position: top center;
    }
  
    .sy_ban4 .swiper-slide .jj {
      padding-top: 0.2rem;
    }
  
    .sy_ban4 .swiper-slide .jj .name {
      font-size: 0.24rem;
    }
  
    .sy_ban4 .swiper-slide .jj .txt {
      margin-top: 0.1rem;
      font-size: 0.22rem;
      height: 1.5rem;
      line-height: 2.2;
    }
  
    .sy_ban4 .swiper-slide-active {
      padding-left: 0.3rem;
      padding-right: 0.3rem;
    }
  
    .sy_ban4 .swiper-slide-active .clear {
      display: none;
    }
  
    .sy_ban4 .swiper-slide-next {
      padding-left: 0.5rem;
      padding-right: 1.3rem;
    }
  
    .sy_ban4 .swiper-slide-next .tp .name {
      position: absolute;
      right: 0;
    }
  
    .sy_ban4 .swiper-slide-next .tp .imgk {
      float: left;
    }
  
    .sy_ban5 {
      overflow: hidden;
      height: 2.5rem;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .sy_ban5 .ban-item {
      float: left;
      padding: 0.12rem;
    }
  
    .sy_ban5 .ban-item .imgk {
      position: relative;
      display: inline-block;
      border-radius: 50%;
      padding: 0.1rem;
      background-color: #fcf6f6;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
    }
  
    .sy_ban5 .ban-item .imgk img {
      width: 0.7rem;
      height: 0.7rem;
      border-radius: 50%;
      object-fit: cover;
      object-position: top center;
    }
  
    .sy_ban5 .ban-item:nth-child(1) .imgk::after {
      content: '';
      width: 1rem;
      height: 1rem;
      position: absolute;
      border: 1px dashed #ddcec0;
      border-radius: 50%;
      left: -0.06rem;
      top: -0.06rem;
    }
  
    .sy_ban5 .ban-item .name {
      margin-top: 0.2rem;
      font-size: 0.22rem;
      text-align: center;
    }
  
    .sy_ban5 .ban-item:nth-child(n + 6) {
      display: none;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .sy-find {
      padding-top: 0.4rem;
      padding-bottom: 80px;
    }
  
    .sy-find .sy-r6 {
      width: 120px;
      position: absolute;
      right: 0;
      top: 25px;
    }
  
    .sy-find .sy-r6 .sw-btn {
      position: absolute;
      top: 0;
      left: 0px;
    }
  
    .sy-find .sy-r6 .sw-btn .swiper-button-next {
      background: url(../imagessw-right3.png) no-repeat center;
      background-size: contain;
      width: 48px;
      right: 0;
      top: 0;
      margin: 0;
    }
  
    .sy-find .sy-r6 .sw-btn .swiper-button-prev {
      background: url(../imagessw-left3.png) no-repeat center;
      background-size: contain;
      width: 48px;
      left: -120px;
      top: 0;
      margin: 0;
    }
  
    .ban6 .sy_ban6 {
      display: none;
    }
  
    .ban6 .sy_ban6.on {
      display: block;
    }
  
    .ban6 .sy-title3 {
      margin-bottom: 75px;
    }
  
    .ban6 .name {
      font-size: 22px;
      margin-bottom: 10px;
      color: #c9151e;
    }
  
    .ban6 .swiper-slide {
      width: 4.12rem;
    }
  
    .ban6 .swiper-slide .imgk {
      width: 4.12rem;
      height: 2.57rem;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .sy-find {
      padding-top: 0.4rem;
      padding-bottom: 0.8rem;
    }
  
    .sy-find .sy-r6 {
      width: 1.2rem;
      position: absolute;
      right: 0;
      top: 0.25rem;
    }
  
    .sy-find .sy-r6 .sw-btn {
      position: absolute;
      top: 0;
      left: 0;
    }
  
    .sy-find .sy-r6 .sw-btn .swiper-button-next {
      background: url(../imagessw-right3.png) no-repeat center;
      background-size: contain;
      width: 0.48rem;
      right: 0;
      top: 0;
      margin: 0;
    }
  
    .sy-find .sy-r6 .sw-btn .swiper-button-prev {
      background: url(../imagessw-left3.png) no-repeat center;
      background-size: contain;
      width: 0.48rem;
      left: -1.2rem;
      top: 0;
      margin: 0;
    }
  
    .ban6 .sy_ban6 {
      display: none;
    }
  
    .ban6 .sy_ban6.on {
      display: block;
    }
  
    .ban6 .sy-title3 {
      margin-bottom: 0.75rem;
    }
  
    .ban6 .name {
      font-size: 0.22rem;
      margin-bottom: 10px;
      color: #c9151e;
    }
  
    .ban6 .swiper-slide {
      width: 4.12rem;
    }
  
    .ban6 .swiper-slide .imgk {
      width: 4.12rem;
      height: 2.57rem;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .sy-find {
      padding-bottom: 1rem;
    }
  
    .sy-find .sy-r6 {
      position: absolute;
      top: 0.3rem;
      right: 0;
      width: 1rem;
    }
  
    .sy-find .sy-r6 .sw-btn {
      position: absolute;
      top: 0;
      left: 0;
    }
  
    .sy-find .sy-r6 .sw-btn .swiper-button-next {
      background: url(../imagessw-right3.png) no-repeat center;
      background-size: contain;
      width: 0.48rem;
      right: 0;
      top: 0;
      margin: 0;
    }
  
    .sy-find .sy-r6 .sw-btn .swiper-button-prev {
      background: url(../imagessw-left3.png) no-repeat center;
      background-size: contain;
      width: 0.48rem;
      left: -1.2rem;
      top: 0;
      margin: 0;
    }
  
    .sy-find .sy-r6 .more {
      padding-top: 0.2rem;
    }
  
    .ban6 {
      position: relative;
    }
  
    .ban6 .sy_ban6 {
      display: none;
    }
  
    .ban6 .sy_ban6.on {
      display: block;
    }
  
    .ban6 .sy-title3 {
      margin-bottom: 0.35rem;
    }
  
    .ban6 .name {
      font-size: 0.22rem;
      margin-bottom: 10px;
      color: #c9151e;
    }
  
    .ban6 .swiper-slide {
      width: 100%;
    }
  
    .ban6 .swiper-slide .imgk {
      width: 100%;
      height: 2.31rem;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .sy-overview {
      background: url(../imagesimages/bg4.jpg) no-repeat center;
      background-size: 1480px 100%;
      padding-top: 80px;
      padding-bottom: 30px;
    }
  
    .sy-overview .sy-title2 {
      color: #fff;
    }
  
    .sy-overview .sy-title2 span {
      color: #fff;
    }
  
    .sy-overview .sy-title2 .line,
    .sy-overview .sy-title2 .line::after {
      background-color: #fff;
    }
  
    .sy-overview .sy-title2 a {
      color: #fff !important;
    }
  
    .sy-overview .sy-tab2 {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 75px;
      margin-top: 65px;
    }
  
    .sy-overview .sy-tab2 .tab-item {
      margin: 0 20px;
      width: 140px;
      height: 32px;
      font-size: 18px;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.15);
      color: #fff;
      line-height: 32px;
      cursor: pointer;
    }
  
    .sy-overview .sy-tab2 .tab-item.on {
      background-color: #bc8569;
    }
  
    .sy-overview .sy-tab1-1 {
      text-align: center;
    }
  
    .sy-overview .sy-tab1-1 video {
      margin-bottom: 50px;
      width: 1000px;
      height: 530px;
      object-fit: cover;
    }
  
    .sy-overview .sy-tab1-1,
    .sy-overview .sy-tab1 {
      display: none;
    }
  
    .sy-overview .sy-tab1-1.on,
    .sy-overview .sy-tab1.on {
      display: block;
    }
  
    .sy-overview .svg {
      padding: 0 100px;
    }
  
    .sy-overview .svg .svg-item {
      width: 237px;
      float: left;
      margin-bottom: 106px;
      margin-right: 150px;
    }
  
    .sy-overview .svg .svg-item:nth-child(4n) {
      margin-right: 0;
    }
  
    .sy-overview .svg .svg-item .icon {
      padding-left: 32px;
      padding-top: 35px;
      display: flex;
      align-items: center;
      color: #fff;
      position: relative;
    }
  
    .sy-overview .svg .svg-item .icon::after {
      position: absolute;
      content: '';
      width: 146px;
      height: 141px;
      background: url(../imagesicon-line1.png) no-repeat center;
      left: 0;
      top: 0;
    }
  
    .sy-overview .svg .svg-item .icon p {
      width: 110px;
      font-size: 18px;
    }
  
    .sy-overview .svg .svg-item .num {
      font-size: 16px;
      position: relative;
      padding-left: 57px;
      padding-right: 20px;
      color: #fff;
      line-height: 1.3;
      display: inline-block;
    }
  
    .sy-overview .svg .svg-item .num span {
      margin-right: 10px;
      color: #ecc792;
      font-size: 56px;
    }
  
    .sy-overview .svg .svg-item .num::before {
      content: '';
      position: absolute;
      left: 40px;
      top: 30px;
      width: 10px;
      height: 1px;
      background-color: #fff;
    }
  
    .sy-overview .svg .svg-item .num::after {
      content: '';
      position: absolute;
      right: -15px;
      top: 30px;
      width: 15px;
      height: 1px;
      background-color: #fff;
    }
  
    .sy-overview .svg .svg-item:hover svg line,
    .sy-overview .svg .svg-item:hover svg path,
    .sy-overview .svg .svg-item:hover svg polygon,
    .sy-overview .svg .svg-item:hover svg polyline {
      stroke: #e0bb8b !important;
      stroke-dasharray: var(--length);
      stroke-dashoffset: var(--length);
      animation: dash 0.8s linear forwards;
    }
  
    .sy-overview .svg .svg-item:hover .icon::after {
      background-image: url(../imagesicon-line2.png);
    }
  
    .sy-overview .svg img,
    .sy-overview .svg svg {
      width: 80px;
      height: 80px;
      transition: all 0.3s ease-in-out;
      overflow-clip-margin: border-box;
      padding: 5px;
      fill: none !important;
    }
  
    .sy-overview .svg img line,
    .sy-overview .svg svg line,
    .sy-overview .svg img path,
    .sy-overview .svg svg path,
    .sy-overview .svg img polygon,
    .sy-overview .svg svg polygon,
    .sy-overview .svg img polyline,
    .sy-overview .svg svg polyline {
      fill: none !important;
      stroke: #fff !important;
      stroke-width: 1 !important;
      stroke-linecap: round !important;
      stroke-miterlimit: 10 !important;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .sy-overview {
      background: url(../imagesimages/bg4.jpg) no-repeat center;
      background-size: 19.2rem 100%;
      padding-top: 0.8rem;
      padding-bottom: 0.3rem;
    }
  
    .sy-overview .sy-title2 {
      color: #fff;
    }
  
    .sy-overview .sy-title2 span {
      color: #fff;
    }
  
    .sy-overview .sy-title2 .line,
    .sy-overview .sy-title2 .line::after {
      background-color: #fff;
    }
  
    .sy-overview .sy-title2 a {
      color: #fff !important;
    }
  
    .sy-overview .sy-tab2 {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0.75rem;
      margin-top: 0.65rem;
    }
  
    .sy-overview .sy-tab2 .tab-item {
      margin: 0 0.2rem;
      width: 1.4rem;
      height: 0.32rem;
      font-size: 0.18rem;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.15);
      color: #fff;
      line-height: 0.32rem;
      cursor: pointer;
    }
  
    .sy-overview .sy-tab2 .tab-item.on {
      background-color: #bc8569;
    }
  
    .sy-overview .sy-tab1-1 {
      text-align: center;
    }
  
    .sy-overview .sy-tab1-1 video {
      margin-bottom: 0.5rem;
      width: 10rem;
      height: 5.3rem;
      object-fit: cover;
    }
  
    .sy-overview .sy-tab1-1,
    .sy-overview .sy-tab1 {
      display: none;
    }
  
    .sy-overview .sy-tab1-1.on,
    .sy-overview .sy-tab1.on {
      display: block;
    }
  
    .sy-overview .svg {
      padding: 0 1rem;
    }
  
    .sy-overview .svg .svg-item {
      width: 2.37rem;
      float: left;
      margin-bottom: 1.06rem;
      margin-right: 1.5rem;
    }
  
    .sy-overview .svg .svg-item:nth-child(4n) {
      margin-right: 0;
    }
  
    .sy-overview .svg .svg-item .icon {
      padding-left: 0.32rem;
      padding-top: 0.35rem;
      display: flex;
      align-items: center;
      color: #fff;
      position: relative;
    }
  
    .sy-overview .svg .svg-item .icon::after {
      position: absolute;
      content: '';
      width: 1.46rem;
      height: 1.41rem;
      background: url(../imagesicon-line1.png) no-repeat center;
      background-size: 100%;
      left: 0;
      top: 0;
    }
  
    .sy-overview .svg .svg-item .icon p {
      width: 1.1rem;
      font-size: 0.18rem;
    }
  
    .sy-overview .svg .svg-item .num {
      font-size: 0.16rem;
      position: relative;
      padding-left: 0.57rem;
      padding-right: 0.2rem;
      color: #fff;
      line-height: 1.3;
      display: inline-block;
    }
  
    .sy-overview .svg .svg-item .num span {
      margin-right: 0.1rem;
      color: #ecc792;
      font-size: 0.56rem;
    }
  
    .sy-overview .svg .svg-item .num::before {
      content: '';
      position: absolute;
      left: 0.4rem;
      top: 0.3rem;
      width: 0.1rem;
      height: 1px;
      background-color: #fff;
    }
  
    .sy-overview .svg .svg-item .num::after {
      content: '';
      position: absolute;
      right: -0.15rem;
      top: 0.3rem;
      width: 0.15rem;
      height: 1px;
      background-color: #fff;
    }
  
    .sy-overview .svg .svg-item:hover svg line,
    .sy-overview .svg .svg-item:hover svg path,
    .sy-overview .svg .svg-item:hover svg polygon,
    .sy-overview .svg .svg-item:hover svg polyline {
      stroke: #e0bb8b !important;
      stroke-dasharray: var(--length);
      stroke-dashoffset: var(--length);
      animation: dash 0.8s linear forwards;
    }
  
    .sy-overview .svg .svg-item:hover .icon::after {
      background-image: url(../imagesicon-line2.png);
    }
  
    .sy-overview .svg img,
    .sy-overview .svg svg {
      width: 0.8rem;
      height: 0.8rem;
      transition: all 0.3s ease-in-out;
      overflow-clip-margin: border-box;
      padding: 0.05rem;
      fill: none !important;
    }
  
    .sy-overview .svg img line,
    .sy-overview .svg svg line,
    .sy-overview .svg img path,
    .sy-overview .svg svg path,
    .sy-overview .svg img polygon,
    .sy-overview .svg svg polygon,
    .sy-overview .svg img polyline,
    .sy-overview .svg svg polyline {
      fill: none !important;
      stroke: #fff !important;
      stroke-width: 1 !important;
      stroke-linecap: round !important;
      stroke-miterlimit: 10 !important;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .sy-overview {
      background: url(../imagesimages/bg4.jpg) no-repeat center;
      background-size: 19.2rem 100%;
      padding-top: 0.5rem;
      padding-bottom: 0.15rem;
    }
  
    .sy-overview .sy-title2 {
      color: #fff;
    }
  
    .sy-overview .sy-title2 span {
      color: #fff;
    }
  
    .sy-overview .sy-title2 .line,
    .sy-overview .sy-title2 .line::after {
      background-color: #fff;
    }
  
    .sy-overview .sy-title2 a {
      color: #fff !important;
    }
  
    .sy-overview .sy-tab2 {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0.35rem;
      margin-top: 0.35rem;
    }
  
    .sy-overview .sy-tab2 .tab-item {
      margin: 0 0.2rem;
      width: 1.4rem;
      height: 0.32rem;
      font-size: 0.16rem;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.15);
      color: #fff;
      line-height: 0.32rem;
      cursor: pointer;
    }
  
    .sy-overview .sy-tab2 .tab-item.on {
      background-color: #bc8569;
    }
  
    .sy-overview .sy-tab1-1 {
      text-align: center;
    }
  
    .sy-overview .sy-tab1-1 video {
      width: 100%;
      height: 4rem;
      object-fit: cover;
    }
  
    .sy-overview .sy-tab1-1,
    .sy-overview .sy-tab1 {
      display: none;
    }
  
    .sy-overview .sy-tab1-1.on,
    .sy-overview .sy-tab1.on {
      display: block;
    }
  
    .sy-overview .svg {
      padding: 0 8%;
    }
  
    .sy-overview .svg .svg-item {
      width: 50%;
      float: left;
      margin-bottom: 0.7rem;
    }
  
    .sy-overview .svg .svg-item .icon {
      padding-left: 0.32rem;
      padding-top: 0.35rem;
      display: flex;
      align-items: center;
      color: #fff;
      position: relative;
    }
  
    .sy-overview .svg .svg-item .icon::after {
      position: absolute;
      content: '';
      width: 1.46rem;
      height: 1.41rem;
      background: url(../imagesicon-line1.png) no-repeat center;
      background-size: 100%;
      left: 0;
      top: 0;
    }
  
    .sy-overview .svg .svg-item .icon p {
      width: 1.4rem;
      font-size: 0.24rem;
      margin-left: 0.1rem;
      margin-top: 0.1rem;
      height: 0.7rem;
    }
  
    .sy-overview .svg .svg-item .num {
      font-size: 0.16rem;
      position: relative;
      padding-left: 0.65rem;
      padding-right: 0.2rem;
      color: #fff;
      line-height: 1.3;
      display: inline-block;
    }
  
    .sy-overview .svg .svg-item .num span {
      margin-right: 0.1rem;
      color: #ecc792;
      font-size: 0.56rem;
    }
  
    .sy-overview .svg .svg-item .num::before {
      content: '';
      position: absolute;
      left: 0.45rem;
      top: 0.3rem;
      width: 0.1rem;
      height: 1px;
      background-color: #fff;
    }
  
    .sy-overview .svg .svg-item .num::after {
      content: '';
      position: absolute;
      right: -0.15rem;
      top: 0.3rem;
      width: 0.15rem;
      height: 1px;
      background-color: #fff;
    }
  
    .sy-overview .svg .svg-item:hover svg line,
    .sy-overview .svg .svg-item:hover svg path,
    .sy-overview .svg .svg-item:hover svg polygon,
    .sy-overview .svg .svg-item:hover svg polyline {
      stroke: #e0bb8b !important;
      stroke-dasharray: var(--length);
      stroke-dashoffset: var(--length);
      animation: dash 0.8s linear forwards;
    }
  
    .sy-overview .svg .svg-item:hover .icon::after {
      background-image: url(../imagesicon-line2.png);
    }
  
    .sy-overview .svg img,
    .sy-overview .svg svg {
      width: 0.8rem;
      height: 0.8rem;
      transition: all 0.3s ease-in-out;
      overflow-clip-margin: border-box;
      padding: 0.05rem;
      fill: none !important;
    }
  
    .sy-overview .svg img line,
    .sy-overview .svg svg line,
    .sy-overview .svg img path,
    .sy-overview .svg svg path,
    .sy-overview .svg img polygon,
    .sy-overview .svg svg polygon,
    .sy-overview .svg img polyline,
    .sy-overview .svg svg polyline {
      fill: none !important;
      stroke: #fff !important;
      stroke-width: 1 !important;
      stroke-linecap: round !important;
      stroke-miterlimit: 10 !important;
    }
  }
  
  @keyframes dash {
    to {
      stroke-dashoffset: 0;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .sy-medium {
      padding-bottom: 200px;
      background: url(../imagesimages/bg5.jpg) no-repeat center;
      background-size: 1480px 100%;
      padding-top: 80px;
    }
  
    .sy-medium .tit {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 10px;
    }
  
    .sy-medium .tit p {
      font-size: 33px;
      font-weight: 600;
    }
  
    .sy-medium .tit .more {
      font-size: 14px;
      color: #c3c4c7;
    }
  
    .sy-medium .tit .more:hover {
      color: #c9151e;
    }
  
    .u3 {
      margin-top: 75px;
      display: flex;
      justify-content: space-between;
      margin-bottom: 100px;
    }
  
    .u3 li {
      width: 515px;
    }
  
    .u3 li .imgk {
      width: 515px;
      height: 321px;
    }
  
    .u3 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u3 li .txt {
      height: 190px;
      padding: 20px 30px;
      background-color: #fff;
    }
  
    .u3 li .txt .name {
      font-size: 18px;
    }
  
    .u3 li .txt .line {
      margin: 20px 0;
      position: relative;
      width: 100%;
      height: 1px;
      background-color: #e2e2e4;
      transition: all 0.5s;
    }
  
    .u3 li .txt .line::after {
      position: absolute;
      content: '';
      left: 0;
      top: -3px;
      width: 8px;
      height: 8px;
      border-radius: 8px;
      background-color: #eeb04d;
    }
  
    .u3 li .txt .jj {
      height: 84px;
      font-size: 14px;
      line-height: 2;
      color: #666;
      display: none;
    }
  
    .u3 li .bt {
      margin-top: 40px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  
    .u3 li .bt img {
      height: 51px;
    }
  
    .u3 li .bt .time {
      font-size: 14px;
      color: #666;
    }
  
    .u3 li:hover {
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
    }
  
    .u3 li:hover .txt {
      color: #c9151e;
    }
  
    .u3 li:hover .txt .line::after {
      transform: translateX(50px);
    }
  
    .u4 li {
      float: left;
      width: 320px;
      margin-right: 106px;
      border-bottom: 1px solid #e7e7e7;
      font-size: 18px;
      padding: 15px 0;
    }
  
    .u4 li:nth-child(4n) {
      margin-right: 0;
    }
  
    .u4 li a {
      display: block;
      width: 100%;
      height: 100%;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .sy-medium {
      padding-bottom: 2rem;
      background: url(../imagesimages/bg5.jpg) no-repeat center;
      background-size: 19.2rem 100%;
      padding-top: 0.8rem;
    }
  
    .sy-medium .tit {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 0.1rem;
    }
  
    .sy-medium .tit p {
      font-size: 0.33rem;
      font-weight: 600;
    }
  
    .sy-medium .tit .more {
      font-size: 0.14rem;
      color: #c3c4c7;
    }
  
    .sy-medium .tit .more:hover {
      color: #c9151e;
    }
  
    .u3 {
      margin-top: 0.75rem;
      display: flex;
      justify-content: space-between;
      margin-bottom: 1rem;
    }
  
    .u3 li {
      width: 5.15rem;
    }
  
    .u3 li .imgk {
      width: 5.15rem;
      height: 3.21rem;
    }
  
    .u3 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u3 li .txt {
      height: 1.9rem;
      padding: 0.2rem 0.3rem;
      background-color: #fff;
    }
  
    .u3 li .txt .name {
      font-size: 0.18rem;
    }
  
    .u3 li .txt .line {
      margin: 0.2rem 0;
      position: relative;
      width: 100%;
      height: 1px;
      background-color: #e2e2e4;
      transition: all 0.5s;
    }
  
    .u3 li .txt .line::after {
      position: absolute;
      content: '';
      left: 0;
      top: -0.03rem;
      width: 0.08rem;
      height: 0.08rem;
      border-radius: 0.08rem;
      background-color: #eeb04d;
    }
  
    .u3 li .txt .jj {
      height: 0.84rem;
      font-size: 0.14rem;
      line-height: 2;
      color: #666;
      display: none;
    }
  
    .u3 li .bt {
      margin-top: 0.4rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  
    .u3 li .bt img {
      height: 0.51rem;
    }
  
    .u3 li .bt .time {
      font-size: 0.14rem;
      color: #666;
    }
  
    .u3 li:hover {
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
    }
  
    .u3 li:hover .txt {
      color: #c9151e;
    }
  
    .u3 li:hover .txt .line::after {
      transform: translateX(0.5rem);
    }
  
    .u4 li {
      float: left;
      width: 3.2rem;
      margin-right: 1.06rem;
      border-bottom: 1px solid #e7e7e7;
      font-size: 0.18rem;
      padding: 0.15rem 0;
    }
  
    .u4 li:nth-child(4n) {
      margin-right: 0;
    }
  
    .u4 li a {
      display: block;
      width: 100%;
      height: 100%;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .sy-medium {
      padding-bottom: 0.5rem;
      background: url(../imagesimages/bg5.jpg) no-repeat center;
      background-size: 19.2rem 100%;
      padding-top: 0.5rem;
    }
  
    .sy-medium .tit {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 0.1rem;
    }
  
    .sy-medium .tit p {
      font-size: 0.33rem;
      font-weight: 600;
    }
  
    .sy-medium .tit .more {
      font-size: 0.2rem;
      color: #c3c4c7;
    }
  
    .sy-medium .tit .more:hover {
      color: #c9151e;
    }
  
    .u3 {
      margin-top: 0.35rem;
      margin-bottom: 0.5rem;
    }
  
    .u3 li {
      width: 100%;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
      margin-bottom: 0.3rem;
    }
  
    .u3 li .imgk {
      width: 100%;
      height: 4.31rem;
    }
  
    .u3 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u3 li .txt {
      height: 1.9rem;
      padding: 0.2rem 0.3rem;
      background-color: #fff;
    }
  
    .u3 li .txt .name {
      font-size: 0.26rem;
    }
  
    .u3 li .txt .line {
      margin: 0.2rem 0;
      position: relative;
      width: 100%;
      height: 1px;
      background-color: #e2e2e4;
      transition: all 0.5s;
    }
  
    .u3 li .txt .line::after {
      position: absolute;
      content: '';
      left: 0;
      top: -0.03rem;
      width: 0.08rem;
      height: 0.08rem;
      border-radius: 0.08rem;
      background-color: #eeb04d;
    }
  
    .u3 li .txt .jj {
      height: 0.9rem;
      font-size: 0.22rem;
      line-height: 2;
      color: #666;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      display: none;
    }
  
    .u3 li .bt {
      margin-top: 0.3rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  
    .u3 li .bt img {
      height: 0.51rem;
    }
  
    .u3 li .bt .time {
      font-size: 0.2rem;
      color: #666;
    }
  
    .u3 li:hover .txt {
      color: #c9151e;
    }
  
    .u3 li:hover .txt .line::after {
      transform: translateX(0.5rem);
    }
  
    .u4 li {
      float: left;
      width: 48%;
      margin-right: 4%;
      border-bottom: 1px solid #e7e7e7;
      font-size: 0.24rem;
      padding: 0.15rem 0;
    }
  
    .u4 li:nth-child(2n) {
      margin-right: 0;
    }
  
    .u4 li a {
      display: block;
      width: 100%;
      height: 100%;
    }
  }
  
  /* nynav 公共 */
  @media only screen and (min-width: 1680px) {
    .ny-topbg {
      position: relative;
    }
  
    .ny-topbg .nbimg {
      width: 100%;
    }
  
    .ny-topbg .wal {
      position: relative;
    }
  
    .ny-topbg .nb-tit {
      position: absolute;
      bottom: 260px;
      left: 0;
      font-size: 44px;
      color: #fff;
    }
  
    .ny-topbg .bread {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 220px;
      display: flex;
      align-items: center;
    }
  
    .ny-topbg .bread .home {
      margin-right: 10px;
    }
  
    .ny-topbg .bread .home img {
      width: 20px;
    }
  
    .ny-topbg .bread .lj {
      font-size: 16px;
    }
  
    .ny-topbg .bread .lj a {
      color: #fff;
      margin-right: 5px;
    }
  
    .ny-topbg .bread .lj a:hover {
      color: #eeb04d;
    }
  
    .ejlm_wl {
      display: none;
    }
  
    .ejlm_pc {
      width: 100%;
      position: absolute;
      left: 0;
      top: -45px;
    }
  
    .ejlm_pc .ejlm {
      position: absolute;
      left: 0;
      width: calc((100vw - 1600px) / 2 + 1080px);
      background-color: #c9151e;
      height: 89px;
      top: 0;
    }
  
    .ejlm_pc .ejlm::after {
      content: '';
      position: absolute;
      right: -40px;
      top: 0;
      background: url(../imagesimages/nynv.png) no-repeat center;
      background-size: 100% 100%;
      width: 40px;
      height: 89px;
    }
  
    .ejlm_pc .flex {
      height: 89px;
      align-items: center;
    }
  
    .ejlm_pc .flex li {
      position: relative;
      margin-right: 60px;
      border-bottom: 1px solid transparent;
    }
  
    .ejlm_pc .flex li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 10px 0;
      font-size: 18px;
      color: #fff;
    }
  
    .ejlm_pc .flex li.active,
    .ejlm_pc .flex li:hover {
      border-bottom: 1px solid #fff;
    }
  
    .ejlm_pc .flex li.active::after,
    .ejlm_pc .flex li:hover::after {
      position: absolute;
      content: '';
      left: 50%;
      bottom: 0;
      margin-left: -7px;
      width: 15px;
      height: 6px;
      background: url(../imagesfoot-sjx.png) no-repeat center;
      background-size: 100%;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .ny-topbg {
      position: relative;
    }
  
    .ny-topbg .nbimg {
      width: 100%;
    }
  
    .ny-topbg .wal {
      position: relative;
    }
  
    .ny-topbg .nb-tit {
      position: absolute;
      bottom: 2.6rem;
      left: 0;
      font-size: 0.44rem;
      color: #fff;
    }
  
    .ny-topbg .bread {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 2.2rem;
      display: flex;
      align-items: center;
    }
  
    .ny-topbg .bread .home {
      margin-right: 0.1rem;
    }
  
    .ny-topbg .bread .home img {
      width: 0.2rem;
    }
  
    .ny-topbg .bread .lj {
      font-size: 0.16rem;
    }
  
    .ny-topbg .bread .lj a {
      color: #fff;
      margin-right: 0.05rem;
    }
  
    .ny-topbg .bread .lj a:hover {
      color: #eeb04d;
    }
  
    .ejlm_wl {
      display: none;
    }
  
    .ejlm_pc {
      width: 100%;
      position: absolute;
      left: 0;
      top: -0.45rem;
    }
  
    .ejlm_pc .ejlm {
      position: absolute;
      left: 0;
      width: calc((100vw - 16rem) / 2 + 10.8rem);
      background-color: #c9151e;
      height: 0.89rem;
      top: 0;
    }
  
    .ejlm_pc .ejlm::after {
      content: '';
      position: absolute;
      right: -0.4rem;
      top: 0;
      background: url(../imagesimages/nynv.png) no-repeat center;
      background-size: 100% 100%;
      width: 0.4rem;
      height: 0.89rem;
    }
  
    .ejlm_pc .wl {
      display: none;
    }
  
    .ejlm_pc .flex {
      height: 0.89rem;
      align-items: center;
    }
  
    .ejlm_pc .flex li {
      position: relative;
      margin-right: 0.6rem;
      border-bottom: 1px solid transparent;
    }
  
    .ejlm_pc .flex li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 0.1rem 0;
      font-size: 0.18rem;
      color: #fff;
    }
  
    .ejlm_pc .flex li.active,
    .ejlm_pc .flex li:hover {
      border-bottom: 1px solid #fff;
    }
  
    .ejlm_pc .flex li.active::after,
    .ejlm_pc .flex li:hover::after {
      position: absolute;
      content: '';
      left: 50%;
      bottom: 0;
      margin-left: -0.07rem;
      width: 0.15rem;
      height: 0.06rem;
      background: url(../imagesfoot-sjx.png) no-repeat center;
      background-size: 100%;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .ny-topbg {
      position: relative;
      height: 3.5rem;
    }
  
    .ny-topbg>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .ny-topbg .wal {
      position: relative;
    }
  
    .ny-topbg .nb-tit {
      position: absolute;
      bottom: 50px;
      left: 0;
      font-size: 26px;
      color: #fff;
    }
  
    .ejlm_pc h2 {
      width: 100%;
      color: #fff;
      height: 0.6rem;
      line-height: 0.6rem;
      font-size: 0.22rem !important;
      padding: 0 0.2rem;
      background: #c9151e;
    }
  
    .ejlm_pc h2::after {
      width: 25px;
      height: 25px;
      background: url(../images/m_n_nav_right.svg) no-repeat;
      background-size: 100%;
      left: auto;
      right: 0.2rem;
      top: 50%;
      margin-top: -12.5px;
      bottom: auto;
    }
  
    .ejlm_wl ul li a {
      font-size: 0.28rem;
      line-height: 0.8rem;
      border-bottom: 1px solid #f0dfdf;
    }
  
    .ejlm_wl {
      display: block;
      /* margin: 0.4rem 0 0; */
      padding-bottom: 0.2rem;
    }
  
    .ejlm_pc,
    .ban::after,
    .ban .yjlm,
    .ban .imged::after {
      display: none;
    }
  
    .ejlm_wl .wal {
      margin: 0;
    }
  
    .ejlm_wl h2 {
      width: 100%;
      color: #fff;
      height: 0.8rem;
      line-height: 0.8rem;
      font-size: 0.3rem !important;
      padding: 0 0.2rem;
      background: #c9151e;
      position: relative;
    }
  
    .ejlm_wl h2::after {
      content: '';
      position: absolute;
      background: url(../imagesicon-sz.png) no-repeat center;
      background-size: contain;
      width: 0.22rem;
      height: 0.11rem;
      right: 0.3rem;
      top: 0.35rem;
    }
  
    .ejlm_wl ul {
      box-shadow: 0px 0.16rem 0.29rem 0px rgba(69, 10, 66, 0.11);
      background: #fff;
      padding: 0.1rem 0;
      display: none;
    }
  
    .ejlm_wl li {
      font-size: 0.24rem;
      line-height: 0.4rem;
      position: relative;
    }
  
    .ejlm_wl li a {
      color: #333;
      transition: 0.5s;
      display: block;
      padding: 0 0.3rem;
      line-height: 2;
    }
  
    .ejlm_wl li.active a:after {
      opacity: 1;
    }
  
    .ejlm_wl li.active a,
    .ejlm_wl li:hover a {
      color: #c9151e;
    }
  }
  
  .ny1 {
    background-image: url(../imagesimages/nybg1.png), url(../imagesimages/nybg3.jpg), url(../imagesimages/nybg.jpg);
    background-position: right top, center bottom, center center;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 9.1rem auto, 100% auto, contain;
    position: relative;
    min-height: 100vh;
  }
  
  .ny2 {
    background-image: url(../imagesimages/nybg3.jpg), url(../imagesimages/nybg.jpg);
    background-position: center bottom, center center;
    background-repeat: no-repeat, repeat;
    background-size: 100% auto, contain;
    position: relative;
    min-height: 100vh;
  }
  
  .ny3 {
    background-image: url(../imagesimages/nybg4.jpg), url(../imagesimages/nybg6.jpg), url(../imagesimages/nybg5.jpg);
    background-position: right top, center bottom, center center;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: auto 5.07rem, 100% auto, contain;
    position: relative;
    min-height: 100vh;
  }
  
  .ny4 {
    background-image: url(../imagesimages/nybg.jpg);
    background-position: center center;
    background-repeat: repeat;
    background-size: contain;
    position: relative;
    min-height: 100vh;
  }
  
  .ny5 {
    background-image: url(../imagesimages/nybg7.png), url(../imagesimages/nybg.png), url(../imagesimages/nybg.jpg);
    background-position: right 1rem, center bottom, center center;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 6.99rem auto, 100% auto, contain;
    position: relative;
    min-height: 100vh;
  }
  
  .ny6 {
    background-image: url(../imagesimages/nybg7.png), url(../imagesimages/nybg6.jpg), url(../imagesimages/nybg5.jpg);
    background-position: right top, center bottom, center center;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 9.1rem auto, 100% auto, contain;
    position: relative;
    min-height: 100vh;
  }
  
  .ny7 {
    background-image: url(../imagesimages/nybg4.jpg), url(../imagesimages/nybg5.jpg);
    background-position: right top, center center;
    background-repeat: no-repeat, repeat;
    background-size: auto 5.07rem, contain;
    position: relative;
    min-height: 100vh;
  }
  
  .ny8 {
    background-color: #f5f5f5;
    position: relative;
    min-height: 100vh;
  }
  
  @media only screen and (min-width: 1680px) {
    .ny-box {
      padding-top: 130px;
      padding-bottom: 140px;
    }
  
    .ny-box.ny-box-top {
      padding-top: 95px;
    }
  
    .ny-box1 {
      width: 1200px;
      margin: 0 auto;
    }
  
    .ny-box2 {
      width: 1400px;
      margin: 0 auto;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .ny-box {
      padding-top: 1.35rem;
      padding-bottom: 1.4rem;
    }
  
    .ny-box.ny-box-top {
      padding-top: 0.95rem;
    }
  
    .ny-box1 {
      width: 12rem;
      margin: 0 auto;
    }
  
    .ny-box2 {
      width: 14rem;
      margin: 0 auto;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .ny-box {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
  
    .ny-box1 {
      margin: 0 auto;
    }
  
    .ny-box2 {
      margin: 0 auto;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .xyjs .imgs {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 50px;
    }
  
    .xyjs .imgs img:nth-child(1) {
      width: 627px;
    }
  
    .xyjs .imgs img:nth-child(2) {
      width: 521px;
    }
  
    .xyjs p {
      line-height: 2;
      font-size: 18px;
    }
  
    .ny-left {
      width: 330px;
      float: left;
      background: #c9151e;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
    }
  
    .ny-left .tit {
      width: 100%;
      height: 120px;
      background: url(../imagesimages/nytop.jpg) no-repeat center;
      background-size: 100% 100%;
      padding-left: 60px;
      line-height: 120px;
      font-size: 30px;
      font-weight: 500;
      color: #fff;
    }
  
    .ny-left .ny-list {
      width: 310px;
      min-height: 60vh;
      margin-left: 20px;
      font-size: 18px;
      position: relative;
      background: url(../imagesimages/nyleft3.jpg) no-repeat right bottom #fff;
      padding-bottom: 20px;
    }
  
    .ny-left .ny-list::after {
      content: '';
      width: 100%;
      height: 20px;
      left: 0;
      bottom: -20px;
      position: absolute;
    }
  
    .ny-left .ny-list li {
      position: relative;
    }
  
    .ny-left .ny-list li h2 {
      position: relative;
      font-weight: 400;
      font-size: 18px;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      height: 70px;
      padding-left: 40px;
      padding-right: 25px;
      border-bottom: 1px solid #f0dfdf;
    }
  
    .ny-left .ny-list li a:hover {
      color: #c9151e;
      font-weight: 600;
    }
  
    .ny-left .ny-list li.on h2 a {
      color: #c9151e;
      font-weight: 600;
    }
  
    .ny-left .ny-list li .has {
      cursor: pointer;
    }
  
    .ny-left .ny-list li .has::after {
      content: '';
      background: url(../imagesnv-sel.png) no-repeat center;
      width: 18px;
      height: 18px;
      position: absolute;
      right: 25px;
      top: 25px;
    }
  
    .ny-left .ny-list li.on .has::after {
      transform: rotate(180deg);
    }
  
    .ny-left .ny-list li.on dl {
      display: block;
    }
  
    .ny-left .ny-list dl {
      border-bottom: 1px solid #f0dfdf;
      display: none;
    }
  
    .ny-left .ny-list dl dd {
      font-size: 16px;
      font-weight: 400;
      margin: 20px 0;
      padding-left: 40px;
    }
  
    .ny-left .ny-list dl dd a {
      color: #666;
      padding-left: 15px;
      position: relative;
    }
  
    .ny-left .ny-list dl dd a::after {
      content: '';
      position: absolute;
      left: 0;
      top: 5px;
      width: 5px;
      height: 5px;
      border: 1px solid #e67177;
      border-radius: 5px;
    }
  
    .ny-left .ny-list dl dd.on a {
      color: #c9151e;
    }
  
    .ny-right {
      float: right;
      width: 1200px;
    }
  
    .ny-right .ny-tit {
      margin-top: 30px;
      font-size: 32px;
      padding-bottom: 25px;
      border-bottom: 1px solid #c9151e;
    }
  
    .u5 {
      margin-top: 45px;
    }
  
    .u5 li {
      margin-bottom: 35px;
      box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    }
  
    .u5 li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 27px 37px;
      background: url(../imagesimages/li-img.jpg) #fff no-repeat right bottom;
      display: flex;
    }
  
    .u5 li .imgk {
      width: 1.9rem;
      height: 2.4rem;
    }
  
    .u5 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u5 li .info {
      width: 100%;
      flex: 1;
      padding-left: 28px;
    }
  
    .u5 li .name {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }
  
    .u5 li .name p {
      color: #c9151e;
      font-size: 28px;
      margin-right: 35px;
    }
  
    .u5 li .name span {
      font-size: 18px;
    }
  
    .u5 li .icon {
      width: 100%;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
    }
  
    .u5 li .icon p {
      margin-right: 20px;
      font-size: 18px;
      display: flex;
      align-items: center;
      word-break: keep-all;
      width: auto;
    }
  
    .u5 li .icon p img {
      height: 17px;
      margin-right: 5px;
    }
  
    .u5 li .txt {
      border-top: 1px solid #eeeeee;
      padding-top: 15px;
      font-size: 18px;
    }
  
    .bx-tit {
      font-size: 40px;
      font-weight: 600;
    }
  
    .bx-box1 {
      display: flex;
      align-items: center;
      margin-top: 20px;
      margin-bottom: 75px;
    }
  
    .bx-box1 .l {
      border-right: 1px solid #eec1c1;
      padding-right: 60px;
    }
  
    .bx-box1 .l .imgk {
      margin-left: 35px;
    }
  
    .bx-box1 .l .imgk img {
      width: 631px;
      height: 457px;
    }
  
    .bx-box1 .l .list {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 40px;
    }
  
    .bx-box1 .l .list .item {
      font-size: 18px;
      padding-left: 40px;
      position: relative;
      line-height: 18px;
    }
  
    .bx-box1 .l .list .item::after {
      width: 16px;
      height: 16px;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
    }
  
    .bx-box1 .l .list .item:nth-child(1)::after {
      background-color: #c20000;
    }
  
    .bx-box1 .l .list .item:nth-child(2)::after {
      background-color: #13c39d;
    }
  
    .bx-box1 .l .list .item:nth-child(3)::after {
      background-color: #edc58d;
    }
  
    .bx-box1 .l .tip {
      font-size: 18px;
      color: #999999;
    }
  
    .bx-box1 .l .tip span {
      color: #ce0000;
    }
  
    .bx-box1 .r {
      padding-left: 60px;
      width: 100%;
      flex: 1;
    }
  
    .u8 {
      display: flex;
      flex-wrap: wrap;
    }
  
    .u8 li {
      width: 50%;
      line-height: 1;
      padding: 27px 0;
      border-bottom: 1px dashed #d3d3d3;
    }
  
    .u8 li .b {
      display: flex;
      align-items: center;
      padding-right: 20px;
    }
  
    .u8 li .name {
      width: 100%;
      flex: 1;
      padding-right: 20px;
      font-size: 18px;
      line-height: 1.3;
    }
  
    .u8 li .num {
      color: #c9151e;
      font-size: 14px;
    }
  
    .u8 li .num span {
      font-size: 34px;
    }
  
    .u8 li:nth-child(2n-1) .b {
      border-right: 1px solid #d3d3d3;
    }
  
    .u8 li:nth-child(2n) {
      padding-left: 20px;
    }
  
    .bx-box2 {
      background: url(../imagesbximg2.jpg) no-repeat top center;
      padding: 1px 160px;
      margin-bottom: 90px;
      margin-top: 50px;
    }
  
    .bx-box2 .tit {
      text-align: center;
      font-size: 30px;
      color: #fff;
      font-weight: 600;
      margin-top: 110px;
      margin-bottom: 45px;
    }
  
    .bx-tab {
      box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
    }
  
    .bx-tab .tab1 {
      width: 100%;
      font-size: 18px;
      text-align: center;
      background-color: #fff;
      border-collapse: collapse;
    }
  
    .bx-tab .tab1 th {
      background-color: #c90014;
      color: #fff;
      height: 65px;
      padding: 20px;
      border: 0 solid #ddd;
      font-size: 20px;
    }
  
    .bx-tab .tab1 tbody tr:nth-child(2n-1) {
      background-color: #fff;
    }
  
    .bx-tab .tab1 tbody tr:last-child td {
      border-bottom: 0 solid #000;
    }
  
    .bx-tab .tab1 tbody tr td {
      min-height: 65px;
      padding: 20px;
      border: 0px solid #ddd;
      border-bottom: 1px dashed #ddd;
      color: #666666;
    }
  
    .bx-tab .tab1 tbody tr td:nth-child(2) {
      width: auto;
      text-align: center;
    }
  
    .bx-tab .tab1 tbody tr td:nth-child(1) {
      width: 300px;
      background-color: #fdf5f6;
      color: #c9151e;
    }
  
    .u9 {
      margin-top: 50px;
      margin-bottom: 90px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .u9 li {
      width: 520px;
      height: 389px;
      padding: 50px 55px;
      background-color: #fff;
    }
  
    .u9 .icon img {
      height: 59px;
    }
  
    .u9 .tit {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  
    .u9 .tit .name {
      font-size: 26px;
      font-weight: 600;
    }
  
    .u9 .tit p {
      color: #c9151e;
      font-size: 20px;
    }
  
    .u9 .tit p span {
      font-size: 64px;
    }
  
    .u9 .list {
      border-top: 1px solid #ececec;
      display: flex;
      flex-wrap: wrap;
    }
  
    .u9 .list .item {
      width: 50%;
      font-size: 18px;
      margin-top: 30px;
    }
  
    .bx-bg {
      background: url(../imagesbxbg.png) no-repeat center bottom;
      background-size: 1480px;
      padding-bottom: 630px;
    }
  
    .bx-bg2 {
      margin-top: -460px;
    }
  
    .bx-box4 {
      display: flex;
      justify-content: space-between;
      color: #fff;
      margin-top: 50px;
      line-height: 1.3;
    }
  
    .bx-box4 .l {
      width: 810px;
    }
  
    .bx-box4 .l .item1 {
      height: 322px;
      background: url(../imagesbx1.jpg) no-repeat center;
      padding: 50px 30px;
    }
  
    .bx-box4 .l .item1 .tit {
      font-size: 30px;
      margin-bottom: 50px;
    }
  
    .bx-box4 .l .item1 .list {
      display: flex;
      flex-wrap: wrap;
    }
  
    .bx-box4 .l .item1 .list li {
      width: 50%;
      font-size: 18px;
      margin-bottom: 22px;
      padding-left: 15px;
      position: relative;
    }
  
    .bx-box4 .l .item1 .list li::after {
      content: '';
      width: 7px;
      height: 7px;
      background: #fff;
      border-radius: 50%;
      left: 0;
      top: 7px;
      position: absolute;
    }
  
    .bx-box4 .l .items {
      margin-top: 32px;
      display: flex;
      justify-content: space-between;
    }
  
    .bx-box4 .l .items .item2 {
      width: 390px;
      height: 323px;
      padding: 50px 30px;
      background: url(../imagesbx2.jpg) no-repeat center;
    }
  
    .bx-box4 .l .items .item2:nth-child(2) {
      background-image: url(../imagesbx3.jpg);
    }
  
    .bx-box4 .l .items .tit {
      font-size: 30px;
      margin-bottom: 30px;
    }
  
    .bx-box4 .l .items .list {
      display: flex;
      flex-wrap: wrap;
    }
  
    .bx-box4 .l .items .list li {
      margin-right: 20px;
      font-size: 18px;
      margin-bottom: 22px;
      padding-left: 15px;
      position: relative;
    }
  
    .bx-box4 .l .items .list li::after {
      content: '';
      width: 7px;
      height: 7px;
      background: #fff;
      border-radius: 50%;
      left: 0;
      top: 7px;
      position: absolute;
    }
  
    .bx-box4 .r {
      width: 760px;
      height: 676px;
      background: url(../imagesbx4.jpg) no-repeat center;
      padding: 50px 35px;
    }
  
    .bx-box4 .r .tits {
      margin-bottom: 70px;
      margin-top: 30px;
      font-size: 30px;
      font-size: 26px;
    }
  
    .bx-box4 .r .tits span {
      opacity: 0.5;
    }
  
    .bx-box4 .r .item3 {
      display: flex;
      align-items: center;
      border-top: 1px solid #e07a7f;
      border-bottom: 1px solid #e07a7f;
      padding: 20px 0;
    }
  
    .bx-box4 .r .item3 .tit {
      padding: 0 60px;
      width: 256px;
      font-size: 26px;
    }
  
    .bx-box4 .r .item3 .tit span {
      font-size: 20px;
      opacity: 0.8;
    }
  
    .bx-box4 .r .item3 .list {
      padding-left: 32px;
      border-left: 1px solid #e07a7f;
    }
  
    .bx-box4 .r .item3 .list li {
      font-size: 18px;
      margin-bottom: 30px;
    }
  
    .bx-box4 .r .item3 .list li:last-child {
      margin-bottom: 0;
    }
  
    .bx-box5 {
      margin-top: 50px;
      margin-bottom: 50px;
    }
  
    .bx-tit2 {
      margin-top: 20px;
      font-size: 26px;
      font-weight: 600;
    }
  
    .tab3 .tab1 {
      border: 1px solid #c9151e;
    }
  
    .tab3 .tab1 th {
      border: 0px solid #000 !important;
    }
  
    .tab3 .tab1 tbody tr td:nth-child(2) {
      text-align: center;
      width: auto;
    }
  
    .tab3 .tab1 tbody tr td:nth-child(1) {
      border-left: 0px;
    }
  
    .tab3 .tab1 tbody tr td:last-child {
      border-right: 0px solid #000;
    }
  
    .tab3 .tab1 tbody tr:last-child td {
      border-bottom: 0px solid #000;
    }
  
    .bx-box6 .tab3 {
      margin-top: 30px;
    }
  
    .bx-tit3 {
      margin-top: 90px;
      margin-bottom: 50px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .xyjs .imgs {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 0.5rem;
    }
  
    .xyjs .imgs img:nth-child(1) {
      width: 6.27rem;
    }
  
    .xyjs .imgs img:nth-child(2) {
      width: 5.21rem;
    }
  
    .xyjs p {
      font-size: 18px;
      line-height: 2;
    }
  
    .ny-left {
      width: 3.3rem;
      float: left;
      background: #c9151e;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
    }
  
    .ny-left .tit {
      width: 100%;
      height: 1.2rem;
      background: url(../imagesimages/nytop.jpg) no-repeat center;
      background-size: 100% 100%;
      padding-left: 0.6rem;
      line-height: 1.2rem;
      font-size: 0.3rem;
      font-weight: 500;
      color: #fff;
    }
  
    .ny-left .ny-list {
      width: 3.1rem;
      min-height: 60vh;
      margin-left: 0.2rem;
      font-size: 0.18rem;
      position: relative;
      background: url(../imagesimages/nyleft3.jpg) no-repeat right bottom #fff;
      background-size: cover;
      padding-bottom: 0.2rem;
    }
  
    .ny-left .ny-list::after {
      content: '';
      width: 100%;
      height: 0.2rem;
      left: 0;
      bottom: -0.2rem;
      position: absolute;
    }
  
    .ny-left .ny-list li {
      position: relative;
    }
  
    .ny-left .ny-list li h2 {
      position: relative;
      font-weight: 400;
      font-size: 0.18rem;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      height: 0.7rem;
      padding-left: 0.4rem;
      padding-right: 0.25rem;
      border-bottom: 1px solid #f0dfdf;
    }
  
    .ny-left .ny-list li a:hover {
      color: #c9151e;
      font-weight: 600;
    }
  
    .ny-left .ny-list li.on h2 a {
      color: #c9151e;
      font-weight: 600;
    }
  
    .ny-left .ny-list li .has {
      cursor: pointer;
    }
  
    .ny-left .ny-list li .has::after {
      content: '';
      background: url(../imagesnv-sel.png) no-repeat center;
      background-size: 100%;
      width: 0.18rem;
      height: 0.18rem;
      position: absolute;
      right: 0.25rem;
      top: 0.25rem;
    }
  
    .ny-left .ny-list li.on .has::after {
      transform: rotate(180deg);
    }
  
    .ny-left .ny-list li.on dl {
      display: block;
    }
  
    .ny-left .ny-list dl {
      border-bottom: 1px solid #f0dfdf;
      display: none;
    }
  
    .ny-left .ny-list dl dd {
      font-size: 0.16rem;
      font-weight: 400;
      margin: 0.2rem 0;
      padding-left: 0.4rem;
    }
  
    .ny-left .ny-list dl dd a {
      color: #666;
      padding-left: 0.15rem;
      position: relative;
    }
  
    .ny-left .ny-list dl dd a::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0.05rem;
      width: 0.05rem;
      height: 0.05rem;
      border: 1px solid #e67177;
      border-radius: 0.05rem;
    }
  
    .ny-left .ny-list dl dd.on a {
      color: #c9151e;
    }
  
    .ny-right {
      float: right;
      width: 12rem;
    }
  
    .ny-right .ny-tit {
      margin-top: 0.3rem;
      font-size: 0.32rem;
      padding-bottom: 0.25rem;
      border-bottom: 1px solid #c9151e;
    }
  
    .u5 {
      margin-top: 0.45rem;
    }
  
    .u5 li {
      margin-bottom: 0.35rem;
      box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    }
  
    .u5 li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 0.27rem 0.37rem;
      background: url(../imagesimages/li-img.jpg) #fff no-repeat right bottom;
      display: flex;
    }
  
    .u5 li .imgk {
      width: 1.9rem;
      height: 2.4rem;
    }
  
    .u5 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u5 li .info {
      width: 100%;
      flex: 1;
      padding-left: 0.28rem;
    }
  
    .u5 li .name {
      display: flex;
      align-items: center;
      margin-bottom: 0.1rem;
    }
  
    .u5 li .name p {
      color: #c9151e;
      font-size: 0.28rem;
      margin-right: 0.35rem;
    }
  
    .u5 li .name span {
      font-size: 0.18rem;
    }
  
    .u5 li .icon {
      width: 100%;
      margin-bottom: 0.1rem;
      display: flex;
      align-items: center;
    }
  
    .u5 li .icon p {
      margin-right: 0.2rem;
      font-size: 0.18rem;
      display: flex;
      align-items: center;
      word-break: keep-all;
      width: auto;
    }
  
    .u5 li .icon p img {
      height: 0.17rem;
      margin-right: 0.05rem;
    }
  
    .u5 li .txt {
      border-top: 1px solid #eeeeee;
      padding-top: 0.15rem;
      font-size: 0.18rem;
    }
  
    .bx-tit {
      font-size: 0.4rem;
      font-weight: 600;
    }
  
    .bx-box1 {
      display: flex;
      align-items: center;
      margin-top: 0.2rem;
      margin-bottom: 0.75rem;
    }
  
    .bx-box1 .l {
      border-right: 1px solid #eec1c1;
      padding-right: 0.6rem;
    }
  
    .bx-box1 .l .imgk {
      margin-left: 0.35rem;
    }
  
    .bx-box1 .l .imgk img {
      width: 6.31rem;
      height: 4.57rem;
    }
  
    .bx-box1 .l .list {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 0.4rem;
    }
  
    .bx-box1 .l .list .item {
      font-size: 0.18rem;
      padding-left: 0.4rem;
      position: relative;
      line-height: 0.18rem;
    }
  
    .bx-box1 .l .list .item::after {
      width: 0.16rem;
      height: 0.16rem;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
    }
  
    .bx-box1 .l .list .item:nth-child(1)::after {
      background-color: #c20000;
    }
  
    .bx-box1 .l .list .item:nth-child(2)::after {
      background-color: #13c39d;
    }
  
    .bx-box1 .l .list .item:nth-child(3)::after {
      background-color: #edc58d;
    }
  
    .bx-box1 .l .tip {
      font-size: 0.18rem;
      color: #999999;
    }
  
    .bx-box1 .l .tip span {
      color: #ce0000;
    }
  
    .bx-box1 .r {
      padding-left: 0.6rem;
      width: 100%;
      flex: 1;
    }
  
    .u8 {
      display: flex;
      flex-wrap: wrap;
    }
  
    .u8 li {
      width: 50%;
      line-height: 1;
      padding: 0.27rem 0;
      border-bottom: 1px dashed #d3d3d3;
    }
  
    .u8 li .b {
      display: flex;
      align-items: center;
      padding-right: 0.2rem;
    }
  
    .u8 li .name {
      width: 100%;
      flex: 1;
      padding-right: 0.2rem;
      font-size: 0.18rem;
      line-height: 1.3;
    }
  
    .u8 li .num {
      color: #c9151e;
      font-size: 0.14rem;
    }
  
    .u8 li .num span {
      font-size: 0.34rem;
    }
  
    .u8 li:nth-child(2n-1) .b {
      border-right: 1px solid #d3d3d3;
    }
  
    .u8 li:nth-child(2n) {
      padding-left: 0.2rem;
    }
  
    .bx-box2 {
      background: url(../imagesbximg2.jpg) no-repeat top center;
      background-size: contain;
      padding: 1px 1.6rem;
      margin-bottom: 0.9rem;
      margin-top: 0.5rem;
    }
  
    .bx-box2 .tit {
      text-align: center;
      font-size: 0.3rem;
      color: #fff;
      font-weight: 600;
      margin-top: 1.1rem;
      margin-bottom: 0.45rem;
    }
  
    .bx-tab {
      box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
    }
  
    .bx-tab .tab1 {
      width: 100%;
      font-size: 0.18rem;
      text-align: center;
      background-color: #fff;
      border-collapse: collapse;
    }
  
    .bx-tab .tab1 th {
      background-color: #c90014;
      color: #fff;
      height: 0.65rem;
      padding: 0.2rem;
      border: 0 solid #ddd;
      font-size: 0.2rem;
    }
  
    .bx-tab .tab1 tbody tr:nth-child(2n-1) {
      background-color: #fff;
    }
  
    .bx-tab .tab1 tbody tr:last-child td {
      border-bottom: 0 solid #000;
    }
  
    .bx-tab .tab1 tbody tr td {
      min-height: 0.65rem;
      padding: 0.2rem;
      border: 0px solid #ddd;
      border-bottom: 1px dashed #ddd;
      color: #666666;
    }
  
    .bx-tab .tab1 tbody tr td:nth-child(2) {
      width: auto;
      text-align: center;
    }
  
    .bx-tab .tab1 tbody tr td:nth-child(1) {
      width: 3rem;
      background-color: #fdf5f6;
      color: #c9151e;
    }
  
    .u9 {
      margin-top: 0.5rem;
      margin-bottom: 0.9rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .u9 li {
      width: 5.2rem;
      height: 3.89rem;
      padding: 0.5rem 0.55rem;
      background-color: #fff;
    }
  
    .u9 .icon img {
      height: 0.59rem;
    }
  
    .u9 .tit {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  
    .u9 .tit .name {
      font-size: 0.26rem;
      font-weight: 600;
    }
  
    .u9 .tit p {
      color: #c9151e;
      font-size: 0.2rem;
    }
  
    .u9 .tit p span {
      font-size: 0.64rem;
    }
  
    .u9 .list {
      border-top: 1px solid #ececec;
      display: flex;
      flex-wrap: wrap;
    }
  
    .u9 .list .item {
      width: 50%;
      font-size: 0.18rem;
      margin-top: 0.3rem;
    }
  
    .bx-bg {
      background: url(../imagesbxbg.png) no-repeat center bottom;
      background-size: 19.2rem;
      padding-bottom: 6.3rem;
    }
  
    .bx-bg2 {
      margin-top: -4.6rem;
    }
  
    .bx-box4 {
      display: flex;
      justify-content: space-between;
      color: #fff;
      margin-top: 0.5rem;
      line-height: 1.3;
    }
  
    .bx-box4 .l {
      width: 8.1rem;
    }
  
    .bx-box4 .l .item1 {
      height: 3.22rem;
      background: url(../imagesbx1.jpg) no-repeat center;
      padding: 0.5rem 0.3rem;
    }
  
    .bx-box4 .l .item1 .tit {
      font-size: 0.3rem;
      margin-bottom: 0.5rem;
    }
  
    .bx-box4 .l .item1 .list {
      display: flex;
      flex-wrap: wrap;
    }
  
    .bx-box4 .l .item1 .list li {
      width: 50%;
      font-size: 0.18rem;
      margin-bottom: 0.22rem;
      padding-left: 0.15rem;
      position: relative;
    }
  
    .bx-box4 .l .item1 .list li::after {
      content: '';
      width: 0.07rem;
      height: 0.07rem;
      background: #fff;
      border-radius: 50%;
      left: 0;
      top: 0.07rem;
      position: absolute;
    }
  
    .bx-box4 .l .items {
      margin-top: 0.32rem;
      display: flex;
      justify-content: space-between;
    }
  
    .bx-box4 .l .items .item2 {
      width: 3.9rem;
      height: 3.23rem;
      padding: 0.5rem 0.3rem;
      background: url(../imagesbx2.jpg) no-repeat center;
    }
  
    .bx-box4 .l .items .item2:nth-child(2) {
      background-image: url(../imagesbx3.jpg);
    }
  
    .bx-box4 .l .items .tit {
      font-size: 0.3rem;
      margin-bottom: 0.3rem;
    }
  
    .bx-box4 .l .items .list {
      display: flex;
      flex-wrap: wrap;
    }
  
    .bx-box4 .l .items .list li {
      margin-right: 0.2rem;
      font-size: 0.18rem;
      margin-bottom: 0.22rem;
      padding-left: 0.15rem;
      position: relative;
    }
  
    .bx-box4 .l .items .list li::after {
      content: '';
      width: 0.07rem;
      height: 0.07rem;
      background: #fff;
      border-radius: 50%;
      left: 0;
      top: 0.07rem;
      position: absolute;
    }
  
    .bx-box4 .r {
      width: 7.6rem;
      height: 6.76rem;
      background: url(../imagesbx4.jpg) no-repeat center;
      padding: 0.5rem 0.35rem;
    }
  
    .bx-box4 .r .tits {
      margin-bottom: 0.7rem;
      margin-top: 0.3rem;
      font-size: 0.3rem;
      font-size: 0.26rem;
    }
  
    .bx-box4 .r .tits span {
      opacity: 0.5;
    }
  
    .bx-box4 .r .item3 {
      display: flex;
      align-items: center;
      border-top: 1px solid #e07a7f;
      border-bottom: 1px solid #e07a7f;
      padding: 0.2rem 0;
    }
  
    .bx-box4 .r .item3 .tit {
      padding: 0 0.6rem;
      width: 2.56rem;
      font-size: 0.26rem;
    }
  
    .bx-box4 .r .item3 .tit span {
      font-size: 0.2rem;
      opacity: 0.8;
    }
  
    .bx-box4 .r .item3 .list {
      padding-left: 0.32rem;
      border-left: 1px solid #e07a7f;
    }
  
    .bx-box4 .r .item3 .list li {
      font-size: 0.18rem;
      margin-bottom: 0.3rem;
    }
  
    .bx-box4 .r .item3 .list li:last-child {
      margin-bottom: 0;
    }
  
    .bx-box5 {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
  
    .bx-tit2 {
      margin-top: 0.2rem;
      font-size: 0.26rem;
      font-weight: 600;
    }
  
    .tab3 .tab1 {
      border: 1px solid #c9151e;
    }
  
    .tab3 .tab1 th {
      border: 0px solid #000 !important;
    }
  
    .tab3 .tab1 tbody tr td:nth-child(2) {
      text-align: center;
      width: auto;
    }
  
    .tab3 .tab1 tbody tr td:nth-child(1) {
      border-left: 0px;
    }
  
    .tab3 .tab1 tbody tr td:last-child {
      border-right: 0px solid #000;
    }
  
    .tab3 .tab1 tbody tr:last-child td {
      border-bottom: 0px solid #000;
    }
  
    .bx-box6 .tab3 {
      margin-top: 0.3rem;
    }
  
    .bx-tit3 {
      margin-top: 0.9rem;
      margin-bottom: 0.5rem;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .xyjs .imgs {
      margin-bottom: 0.5rem;
    }
  
    .xyjs .imgs img {
      width: 100%;
      margin-bottom: 0.3rem;
    }
  
    .xyjs p {
      line-height: 2;
      font-size: 0.28rem;
    }
  
    .ny-left {
      width: 100%;
      background: #c9151e;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
    }
  
    .ny-left .tit {
      width: 100%;
      height: 0.8rem;
      background: url(../imagesimages/nytop.jpg) no-repeat center;
      background-size: cover;
      text-align: center;
      line-height: 0.8rem;
      font-size: 0.3rem;
      font-weight: 600;
      color: #fff;
      position: relative;
    }
  
    .ny-left .tit::after {
      content: '';
      position: absolute;
      background: url(../imagesicon-sz.png) no-repeat center;
      background-size: contain;
      width: 0.22rem;
      height: 0.11rem;
      right: 0.3rem;
      top: 0.35rem;
    }
  
    .ny-left .ny-list {
      display: none;
      width: 100%;
      font-size: 0.28rem;
      position: relative;
      background: url(../imagesimages/nyleft3.jpg) no-repeat right bottom #fff;
      padding-bottom: 0.2rem;
    }
  
    .ny-left .ny-list::after {
      content: '';
      width: 100%;
      height: 0.2rem;
      left: 0;
      bottom: -0.2rem;
      position: absolute;
    }
  
    .ny-left .ny-list li {
      position: relative;
    }
  
    .ny-left .ny-list li h2 {
      position: relative;
      font-weight: 400;
      font-size: 0.28rem;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      height: 0.8rem;
      padding-left: 0.4rem;
      padding-right: 0.45rem;
      border-bottom: 1px solid #f0dfdf;
    }
  
    .ny-left .ny-list li.on h2 a {
      color: #c9151e;
      font-weight: 600;
    }
  
    .ny-left .ny-list li .has {
      cursor: pointer;
    }
  
    .ny-left .ny-list li .has::after {
      content: '';
      background: url(../imagesnv-sel.png) no-repeat center;
      background-size: 100%;
      width: 0.18rem;
      height: 0.18rem;
      position: absolute;
      right: 0.25rem;
      top: 0.25rem;
    }
  
    .ny-left .ny-list li.on .has::after {
      transform: rotate(180deg);
    }
  
    .ny-left .ny-list li.on dl {
      display: block;
    }
  
    .ny-left .ny-list dl {
      border-bottom: 1px solid #f0dfdf;
      display: none;
    }
  
    .ny-left .ny-list dl dd {
      font-size: 0.24rem;
      font-weight: 400;
      margin: 0.2rem 0;
      padding-left: 0.4rem;
    }
  
    .ny-left .ny-list dl dd a {
      padding-left: 0.15rem;
      position: relative;
    }
  
    .ny-left .ny-list dl dd a::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0.08rem;
      width: 0.05rem;
      height: 0.05rem;
      border: 1px solid #e67177;
      border-radius: 0.05rem;
    }
  
    .ny-left .ny-list dl dd.on a {
      color: #c9151e;
    }
  
    .ny-right {
      float: right;
      width: 100%;
    }
  
    .ny-right .ny-tit {
      margin-top: 0.3rem;
      font-size: 0.34rem;
      padding-bottom: 0.25rem;
      border-bottom: 1px solid #c9151e;
    }
  
    .u5 {
      margin-top: 0.45rem;
    }
  
    .u5 li {
      margin-bottom: 0.35rem;
      box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    }
  
    .u5 li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 0.27rem 0.37rem;
      background: url(../imagesimages/li-img.jpg) #fff no-repeat right bottom;
    }
  
    .u5 li .imgk {
      width: 1.9rem;
      height: 2.4rem;
      margin: 0 auto;
      margin-bottom: 10px;
    }
  
    .u5 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u5 li .info {
      width: 100%;
      flex: 1;
      padding-left: 0.28rem;
    }
  
    .u5 li .name {
      display: flex;
      align-items: center;
      margin-bottom: 0.1rem;
    }
  
    .u5 li .name p {
      color: #c9151e;
      font-size: 0.28rem;
      margin-right: 0.35rem;
    }
  
    .u5 li .name span {
      font-size: 0.24rem;
    }
  
    .u5 li .icon {
      width: 100%;
      margin-bottom: 0.1rem;
    }
  
    .u5 li .icon p {
      margin-right: 0.2rem;
      font-size: 0.24rem;
      display: flex;
      align-items: center;
    }
  
    .u5 li .icon p img {
      height: 0.17rem;
      margin-right: 0.05rem;
    }
  
    .u5 li .txt {
      border-top: 1px solid #eeeeee;
      padding-top: 0.15rem;
      font-size: 0.24rem;
    }
  
    .bx-tit {
      font-size: 0.4rem;
      font-weight: 600;
    }
  
    .bx-box1 {
      margin-top: 0.2rem;
      margin-bottom: 0.75rem;
    }
  
    .bx-box1 .l .imgk {
      margin-left: 0.35rem;
    }
  
    .bx-box1 .l .imgk img {
      width: 6.31rem;
      height: 4.57rem;
    }
  
    .bx-box1 .l .list {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 0.4rem;
    }
  
    .bx-box1 .l .list .item {
      font-size: 0.24rem;
      padding-left: 0.4rem;
      position: relative;
      line-height: 0.24rem;
    }
  
    .bx-box1 .l .list .item::after {
      width: 0.16rem;
      height: 0.16rem;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
    }
  
    .bx-box1 .l .list .item:nth-child(1)::after {
      background-color: #c20000;
    }
  
    .bx-box1 .l .list .item:nth-child(2)::after {
      background-color: #13c39d;
    }
  
    .bx-box1 .l .list .item:nth-child(3)::after {
      background-color: #edc58d;
    }
  
    .bx-box1 .l .tip {
      font-size: 0.24rem;
      color: #999999;
    }
  
    .bx-box1 .l .tip span {
      color: #ce0000;
    }
  
    .bx-box1 .r {
      width: 100%;
      flex: 1;
    }
  
    .u8 {
      display: flex;
      flex-wrap: wrap;
    }
  
    .u8 li {
      width: 50%;
      line-height: 1;
      padding: 0.27rem 0;
      border-bottom: 1px dashed #d3d3d3;
    }
  
    .u8 li .b {
      display: flex;
      align-items: center;
      padding-right: 0.2rem;
    }
  
    .u8 li .name {
      width: 100%;
      flex: 1;
      padding-right: 0.2rem;
      font-size: 0.24rem;
      line-height: 1.3;
    }
  
    .u8 li .num {
      color: #c9151e;
      font-size: 0.24rem;
    }
  
    .u8 li .num span {
      font-size: 0.34rem;
    }
  
    .u8 li:nth-child(2n-1) .b {
      border-right: 1px solid #d3d3d3;
    }
  
    .u8 li:nth-child(2n) {
      padding-left: 0.2rem;
    }
  
    .bx-box2 {
      background: url(../imagesbximg2.jpg) no-repeat top center;
      background-size: contain;
      padding: 1px 0.4rem;
      margin-bottom: 0.5rem;
      margin-top: 0.3rem;
    }
  
    .bx-box2 .tit {
      text-align: center;
      font-size: 0.3rem;
      color: #fff;
      font-weight: 600;
      margin-top: 0.3rem;
      margin-bottom: 0.3rem;
    }
  
    .bx-tab {
      box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
    }
  
    .bx-tab .tab1 {
      width: 100%;
      font-size: 0.24rem;
      text-align: center;
      background-color: #fff;
      border-collapse: collapse;
    }
  
    .bx-tab .tab1 th {
      background-color: #c90014;
      color: #fff;
      height: 0.65rem;
      padding: 0.2rem;
      border: 0 solid #ddd;
      font-size: 0.26rem;
    }
  
    .bx-tab .tab1 tbody tr:nth-child(2n-1) {
      background-color: #fff;
    }
  
    .bx-tab .tab1 tbody tr:last-child td {
      border-bottom: 0 solid #000;
    }
  
    .bx-tab .tab1 tbody tr td {
      min-height: 0.65rem;
      padding: 0.2rem;
      border: 0px solid #ddd;
      border-bottom: 1px dashed #ddd;
      color: #666666;
    }
  
    .bx-tab .tab1 tbody tr td:nth-child(2) {
      width: auto;
      text-align: center;
    }
  
    .bx-tab .tab1 tbody tr td:nth-child(1) {
      width: 3rem;
      background-color: #fdf5f6;
      color: #c9151e;
    }
  
    .u9 {
      margin-top: 0.3rem;
      margin-bottom: 0.5rem;
    }
  
    .u9 li {
      width: 100%;
      padding: 0.5rem 0.55rem;
      margin-bottom: 0.2rem;
      background-color: #fff;
    }
  
    .u9 .icon img {
      height: 0.59rem;
    }
  
    .u9 .tit {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  
    .u9 .tit .name {
      font-size: 0.26rem;
      font-weight: 600;
    }
  
    .u9 .tit p {
      color: #c9151e;
      font-size: 0.24rem;
    }
  
    .u9 .tit p span {
      font-size: 0.64rem;
    }
  
    .u9 .list {
      border-top: 1px solid #ececec;
      display: flex;
      flex-wrap: wrap;
    }
  
    .u9 .list .item {
      width: 50%;
      font-size: 0.24rem;
      margin-top: 0.3rem;
    }
  
    .bx-bg {
      background: url(../imagesbxbg.png) no-repeat center bottom;
      background-size: 19.2rem;
      padding-bottom: 6.3rem;
    }
  
    .bx-bg2 {
      margin-top: -4.6rem !important;
    }
  
    .bx-box4 {
      color: #fff;
      margin-top: 0.3rem;
      line-height: 1.3;
    }
  
    .bx-box4 .l {
      width: 100%;
    }
  
    .bx-box4 .l .item1 {
      background: url(../imagesbx1.jpg) no-repeat center;
      padding: 0.5rem 0.15rem;
    }
  
    .bx-box4 .l .item1 .tit {
      font-size: 0.3rem;
      margin-bottom: 0.5rem;
    }
  
    .bx-box4 .l .item1 .list {
      display: flex;
      flex-wrap: wrap;
    }
  
    .bx-box4 .l .item1 .list li {
      width: 50%;
      font-size: 0.22rem;
      margin-bottom: 0.22rem;
      padding-left: 0.15rem;
      position: relative;
    }
  
    .bx-box4 .l .item1 .list li::after {
      content: '';
      width: 0.07rem;
      height: 0.07rem;
      background: #fff;
      border-radius: 50%;
      left: 0;
      top: 0.1rem;
      position: absolute;
    }
  
    .bx-box4 .l .items {
      margin-top: 0.32rem;
      display: flex;
      justify-content: space-between;
      margin-bottom: 0.3rem;
    }
  
    .bx-box4 .l .items .item2 {
      width: 48%;
      padding: 0.3rem 0.15rem;
      background: url(../imagesbx2.jpg) no-repeat center;
      background-size: cover;
    }
  
    .bx-box4 .l .items .item2:nth-child(2) {
      background-image: url(../imagesbx3.jpg);
    }
  
    .bx-box4 .l .items .tit {
      font-size: 0.3rem;
      margin-bottom: 0.3rem;
    }
  
    .bx-box4 .l .items .list {
      display: flex;
      flex-wrap: wrap;
    }
  
    .bx-box4 .l .items .list li {
      margin-right: 0.2rem;
      font-size: 0.24rem;
      margin-bottom: 0.22rem;
      padding-left: 0.15rem;
      position: relative;
    }
  
    .bx-box4 .l .items .list li::after {
      content: '';
      width: 0.07rem;
      height: 0.07rem;
      background: #fff;
      border-radius: 50%;
      left: 0;
      top: 0.12rem;
      position: absolute;
    }
  
    .bx-box4 .r {
      width: 100%;
      background: url(../imagesbx4.jpg) no-repeat center;
      padding: 0.5rem 0.35rem;
    }
  
    .bx-box4 .r .tits {
      margin-bottom: 0.7rem;
      margin-top: 0.3rem;
      font-size: 0.3rem;
      font-size: 0.26rem;
    }
  
    .bx-box4 .r .tits span {
      opacity: 0.5;
    }
  
    .bx-box4 .r .item3 {
      display: flex;
      align-items: center;
      border-top: 1px solid #e07a7f;
      border-bottom: 1px solid #e07a7f;
      padding: 0.2rem 0;
    }
  
    .bx-box4 .r .item3 .tit {
      padding: 0 0.4rem;
      width: 2.56rem;
      font-size: 0.26rem;
    }
  
    .bx-box4 .r .item3 .tit span {
      font-size: 0.26rem;
      opacity: 0.8;
    }
  
    .bx-box4 .r .item3 .list {
      width: 100%;
      flex: 1;
      padding-left: 0.32rem;
      border-left: 1px solid #e07a7f;
    }
  
    .bx-box4 .r .item3 .list li {
      font-size: 0.24rem;
      margin-bottom: 0.3rem;
    }
  
    .bx-box4 .r .item3 .list li:last-child {
      margin-bottom: 0;
    }
  
    .bx-box5 {
      margin-top: 0.3rem;
      margin-bottom: 0.5rem;
    }
  
    .bx-tit2 {
      margin-top: 0.1rem;
      font-size: 0.28rem;
      font-weight: 600;
    }
  
    .tab3 .tab1 {
      border: 1px solid #c9151e;
      font-size: 0.24rem;
    }
  
    .tab3 .tab1 th {
      border: 0px solid #000 !important;
    }
  
    .tab3 .tab1 tbody tr td:nth-child(2) {
      text-align: center;
      width: auto;
    }
  
    .tab3 .tab1 tbody tr td:nth-child(1) {
      border-left: 0px;
    }
  
    .tab3 .tab1 tbody tr td:last-child {
      border-right: 0px solid #000;
    }
  
    .tab3 .tab1 tbody tr:last-child td {
      border-bottom: 0px solid #000;
    }
  
    .bx-box6 .tab3 {
      margin-top: 0.3rem;
    }
  
    .bx-tit3 {
      margin-top: 0.9rem;
      margin-bottom: 0.5rem;
    }
  }
  
  .u7.u71 li .time {
    background: url(../imagesu71.png) no-repeat center;
    background-size: 100% 100%;
    border: none;
    transition: all 0.5s;
  }
  
  .u7.u71 li:hover .time {
    border: none;
    background-image: url(../imagesu72.png);
  }
  
  @media only screen and (min-width: 1680px) {
    .u7 {
      margin-top: 45px;
    }
  
    .u7 li {
      box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
      margin-bottom: 30px;
      transition: all 0.5s;
    }
  
    .u7 li a {
      display: block;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      padding: 24px 22px;
      background: url(../imagesimages/li-img2.png) #fff no-repeat;
      background-position: 97% bottom;
    }
  
    .u7 li .time {
      border: 1px solid #ca1a22;
      width: 70px;
      height: 70px;
      text-align: center;
    }
  
    .u7 li .time p {
      font-size: 32px;
      color: #fff;
      background-color: #ca1a22;
      line-height: 45px;
    }
  
    .u7 li .time span {
      color: #333;
      font-size: 14px;
    }
  
    .u7 li .tit {
      font-size: 20px;
      font-weight: 600;
      width: 100%;
      flex: 1;
      padding-left: 35px;
    }
  
    .u7 li .go {
      height: 70px;
      border-left: 1px solid rgba(255, 255, 255, 0.4);
      display: flex;
      display: none;
      align-items: center;
      padding-left: 45px;
      padding-right: 15px;
    }
  
    .u7 li .go img {
      width: 24px;
    }
  
    .u7 li:hover {
      border-bottom-right-radius: 60px;
    }
  
    .u7 li:hover a {
      background: url(../imagesimages/li-img3.png) #c9151e no-repeat;
      background-position: 97% bottom;
      border-bottom-right-radius: 60px;
    }
  
    .u7 li:hover .time {
      border: 1px solid #fff;
    }
  
    .u7 li:hover .time p {
      color: #c9151e;
      background-color: #fff;
    }
  
    .u7 li:hover .time span {
      color: #fff;
    }
  
    .u7 li:hover .tit {
      color: #fff;
    }
  
    .u7 li:hover .go {
      margin-left: 20px;
      display: flex;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .u7 {
      margin-top: 0.45rem;
    }
  
    .u7 li {
      box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
      transition: all 0.5s;
      margin-bottom: 0.3rem;
    }
  
    .u7 li a {
      display: block;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      padding: 0.24rem 0.22rem;
      background: url(../imagesimages/li-img2.png) #fff no-repeat;
      background-position: 97% bottom;
    }
  
    .u7 li .time {
      border: 1px solid #ca1a22;
      width: 0.7rem;
      height: 0.7rem;
      text-align: center;
    }
  
    .u7 li .time p {
      font-size: 0.32rem;
      color: #fff;
      background-color: #ca1a22;
      line-height: 0.45rem;
    }
  
    .u7 li .time span {
      color: #333;
      font-size: 0.14rem;
    }
  
    .u7 li .tit {
      font-size: 0.2rem;
      font-weight: 600;
      width: 100%;
      flex: 1;
      padding-left: 0.35rem;
    }
  
    .u7 li .go {
      height: 0.7rem;
      border-left: 1px solid rgba(255, 255, 255, 0.4);
      display: flex;
      display: none;
      align-items: center;
      padding-left: 0.45rem;
      padding-right: 0.15rem;
    }
  
    .u7 li .go img {
      width: 0.24rem;
    }
  
    .u7 li:hover {
      border-bottom-right-radius: 0.6rem;
    }
  
    .u7 li:hover a {
      background: url(../imagesimages/li-img3.png) #c9151e no-repeat;
      background-position: 97% bottom;
      border-bottom-right-radius: 0.6rem;
    }
  
    .u7 li:hover .time {
      border: 1px solid #fff;
    }
  
    .u7 li:hover .time p {
      color: #c9151e;
      background-color: #fff;
    }
  
    .u7 li:hover .time span {
      color: #fff;
    }
  
    .u7 li:hover .tit {
      color: #fff;
    }
  
    .u7 li:hover .go {
      margin-left: 0.2rem;
      display: flex;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .u7 {
      margin-top: 0.45rem;
    }
  
    .u7 li {
      box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
      margin-bottom: 0.3rem;
    }
  
    .u7 li a {
      display: block;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      padding: 0.24rem 0.22rem;
      background: url(../imagesimages/li-img2.png) #fff no-repeat;
      background-position: 97% bottom;
    }
  
    .u7 li .time {
      border: 1px solid #ca1a22;
      width: 0.9rem;
      height: 0.9rem;
      text-align: center;
    }
  
    .u7 li .time p {
      font-size: 0.32rem;
      color: #fff;
      background-color: #ca1a22;
      line-height: 0.5rem;
    }
  
    .u7 li .time span {
      color: #333;
      font-size: 0.2rem;
      vertical-align: text-top;
      line-height: 1.2;
    }
  
    .u7 li .tit {
      font-size: 0.24rem;
      font-weight: 600;
      width: 100%;
      flex: 1;
      padding-left: 0.35rem;
    }
  
    .u7 li .go {
      display: none;
    }
  
    .u7 li:hover a {
      background: url(../imagesimages/li-img2.png) #c9151e no-repeat;
      background-position: 97% bottom;
    }
  
    .u7 li:hover .time {
      border: 1px solid #fff;
    }
  
    .u7 li:hover .time p {
      color: #c9151e;
      background-color: #fff;
    }
  
    .u7 li:hover .time span {
      color: #fff;
    }
  
    .u7 li:hover .tit {
      color: #fff;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .u6 {
      margin-top: 45px;
    }
  
    .u6 li {
      margin-bottom: 25px;
      box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    }
  
    .u6 li .tit {
      font-size: 22px;
      font-weight: 600;
      padding: 0 50px;
      color: #fff;
      height: 75px;
      background-image: linear-gradient(to right, #c9151e, #f9f8fb);
      display: flex;
      align-items: center;
    }
  
    .u6 li .tit img {
      width: 27px;
      margin-right: 10px;
    }
  
    .u6 li dl {
      background-color: #fff;
      padding: 20px 50px;
    }
  
    .u6 li dl dd {
      border-bottom: 1px solid #eee;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 18px;
      padding: 15px;
    }
  
    .u6 li dl dd .name {
      width: 100%;
      flex: 1;
      padding: 0 20px;
    }
  
    .u6 li dl dd:last-child {
      border-bottom: 0 solid #000;
    }
  
    .ky-tab-tit {
      font-size: 22px;
      margin: 20px 0;
    }
  
    .tab1 {
      width: 100%;
      font-size: 18px;
      text-align: center;
      background-color: #fff;
      border-collapse: collapse;
    }
  
    .tab1 th {
      background-color: #c90014;
      color: #fff;
      height: 65px;
      padding: 20px;
      border: 1px solid #ddd;
    }
  
    .tab1 tbody tr:nth-child(2n-1) {
      background-color: #faf4f5;
    }
  
    .tab1 tbody tr td {
      min-height: 65px;
      padding: 20px;
      border: 1px solid #ddd;
    }
  
    .tab1 tbody tr td:nth-child(2) {
      text-align: left;
      width: 625px;
    }
  
    .tab2 {
      margin-top: 45px;
    }
  
    .tab2 tbody tr td:nth-child(2) {
      width: auto;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .u6 {
      margin-top: 0.45rem;
    }
  
    .u6 li {
      margin-bottom: 0.25rem;
      box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    }
  
    .u6 li .tit {
      font-size: 0.22rem;
      font-weight: 600;
      padding: 0 0.5rem;
      color: #fff;
      height: 0.75rem;
      background-image: linear-gradient(to right, #c9151e, #f9f8fb);
      display: flex;
      align-items: center;
    }
  
    .u6 li .tit img {
      width: 0.27rem;
      margin-right: 0.1rem;
    }
  
    .u6 li dl {
      background-color: #fff;
      padding: 0.2rem 0.5rem;
    }
  
    .u6 li dl dd {
      border-bottom: 1px solid #eee;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 0.18rem;
      padding: 0.15rem;
    }
  
    .u6 li dl dd .name {
      width: 100%;
      flex: 1;
      padding: 0 0.2rem;
    }
  
    .u6 li dl dd:last-child {
      border-bottom: 0 solid #000;
    }
  
    .ky-tab-tit {
      font-size: 0.22rem;
      margin: 0.2rem 0;
    }
  
    .tab1 {
      width: 100%;
      font-size: 0.18rem;
      text-align: center;
      background-color: #fff;
      border-collapse: collapse;
    }
  
    .tab1 th {
      background-color: #c90014;
      color: #fff;
      height: 0.65rem;
      padding: 0.2rem;
      border: 1px solid #ddd;
    }
  
    .tab1 tbody tr:nth-child(2n-1) {
      background-color: #faf4f5;
    }
  
    .tab1 tbody tr td {
      min-height: 0.65rem;
      padding: 0.2rem;
      border: 1px solid #ddd;
    }
  
    .tab1 tbody tr td:nth-child(2) {
      text-align: left;
      width: 6.25rem;
    }
  
    .tab2 {
      margin-top: 0.45rem;
    }
  
    .tab2 tbody tr td:nth-child(2) {
      width: auto;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .u6 {
      margin-top: 0.45rem;
    }
  
    .u6 li {
      margin-bottom: 0.25rem;
      box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    }
  
    .u6 li .tit {
      font-size: 0.26rem;
      font-weight: 600;
      padding: 0 0.3rem;
      color: #fff;
      height: 0.75rem;
      background-image: linear-gradient(to right, #c9151e, #f9f8fb);
      display: flex;
      align-items: center;
    }
  
    .u6 li .tit img {
      width: 0.27rem;
      margin-right: 0.1rem;
    }
  
    .u6 li dl {
      background-color: #fff;
      padding: 0.2rem 0.2rem;
    }
  
    .u6 li dl dd {
      border-bottom: 1px solid #eee;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 0.24rem;
      padding: 0.15rem;
    }
  
    .u6 li dl dd .name {
      padding: 0 0.2rem;
      padding-left: 0;
    }
  
    .u6 li dl dd:last-child {
      border-bottom: 0 solid #000;
    }
  
    .ky-tab-tit {
      font-size: 0.26rem;
      margin: 0.2rem 0;
    }
  
    .ky-table {
      width: 100%;
      overflow-x: auto;
    }
  
    .ky-table .tab1 {
      width: 800px;
    }
  
    .tab1 {
      width: 100%;
      font-size: 0.24rem;
      text-align: center;
      background-color: #fff;
      border-collapse: collapse;
    }
  
    .tab1 th {
      background-color: #c90014;
      color: #fff;
      height: 0.65rem;
      padding: 0.2rem;
      border: 1px solid #ddd;
    }
  
    .tab1 tbody tr:nth-child(2n-1) {
      background-color: #faf4f5;
    }
  
    .tab1 tbody tr td {
      min-height: 0.65rem;
      padding: 0.2rem;
      border: 1px solid #ddd;
    }
  
    .tab1 tbody tr td:nth-child(2) {
      text-align: left;
    }
  
    .tab2 {
      margin-top: 0.45rem;
    }
  
    .tab2 tbody tr td:nth-child(2) {
      width: auto;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .lsyg .detail {
      padding: 0 54px;
    }
  
    .lsyg .detail .name {
      text-align: center;
      font-size: 40px;
      margin-bottom: 30px;
    }
  
    .lsyg .detail .ls-list {
      position: relative;
    }
  
    .lsyg .detail .ls-list .line1 {
      position: relative;
      left: 740px;
      height: 1870px;
      border-left: 1px dashed #c4c5c8;
      margin-top: 100px;
      width: 69px;
    }
  
    .lsyg .detail .ls-list .line1 img {
      position: absolute;
      display: block;
      width: 68px;
      height: 68px;
      margin-left: -34px;
      margin-top: -68px;
    }
  
    .lsyg .detail .ls-list .line2 {
      position: absolute;
      top: 880px;
      width: 740px;
      height: 26px;
      border-bottom: 1px dashed #c4c5c8;
    }
  
    .lsyg .detail .ls-list .line2 img {
      position: absolute;
      right: -13px;
      display: block;
      width: 26px;
      height: 26px;
      margin-left: 0;
      margin-top: 13px;
    }
  
    .lsyg .detail .ls-list .line2::after {
      content: '';
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #c90014;
      position: absolute;
      left: 0;
      bottom: -5px;
    }
  
    .lsyg .detail .ls-list .line3 {
      position: absolute;
      top: 980px;
      left: 740px;
      width: 740px;
      height: 26px;
      border-bottom: 1px dashed #c4c5c8;
    }
  
    .lsyg .detail .ls-list .line3 img {
      position: absolute;
      left: -13px;
      display: block;
      width: 26px;
      height: 26px;
      margin-left: 0;
      margin-top: 13px;
    }
  
    .lsyg .detail .ls-list .line3::after {
      content: '';
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #c90014;
      position: absolute;
      right: 0;
      bottom: -5px;
    }
  
    .lsyg .detail .ls-list .ls-item {
      width: 740px;
      position: absolute;
    }
  
    .lsyg .detail .ls-list .ls-item .imgk img {
      width: 520px;
      margin-bottom: 70px;
    }
  
    .lsyg .detail .ls-list .ls-item .time {
      display: block;
      width: 200px;
      height: 200px;
      background: url(../images/icon-ls3.png) no-repeat center;
      text-align: center;
      font-size: 28px;
      color: #fff;
      position: absolute;
    }
  
    .lsyg .detail .ls-list .ls-item .time p {
      margin-top: 75px;
      margin-bottom: 10px;
    }
  
    .lsyg .detail .ls-list .ls-item .tit {
      color: #c90014;
      font-size: 24px;
      margin-bottom: 35px;
    }
  
    .lsyg .detail .ls-list .ls-item .info {
      line-height: 1.75;
      font-size: 18px;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(1) {
      left: 0;
      top: 0;
      text-align: right;
      padding-right: 50px;
      padding-bottom: 30px;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(1) .time {
      right: 50px;
      top: 400px;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(2) {
      right: 0;
      top: 180px;
      padding-left: 50px;
      padding-bottom: 30px;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(2) .time {
      left: 120px;
      top: 300px;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(3) {
      top: 950px;
      left: 0;
      text-align: right;
      padding-right: 50px;
      padding-top: 30px;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(3) .time {
      right: 50px;
      top: 350px;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(4) {
      top: 1050px;
      right: 0;
      padding-left: 50px;
      padding-bottom: 30px;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(4) .time {
      left: 90px;
      top: 300px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .lsyg .detail {
      padding: 0 0.54rem;
    }
  
    .lsyg .detail .name {
      text-align: center;
      font-size: 0.4rem;
      margin-bottom: 0.3rem;
    }
  
    .lsyg .detail .ls-list {
      position: relative;
    }
  
    .lsyg .detail .ls-list .line1 {
      position: relative;
      left: 7.4rem;
      height: 18.7rem;
      border-left: 1px dashed #c4c5c8;
      margin-top: 1rem;
      width: 0.69rem;
    }
  
    .lsyg .detail .ls-list .line1 img {
      position: absolute;
      display: block;
      width: 0.68rem;
      height: 0.68rem;
      margin-left: -0.34rem;
      margin-top: -0.68rem;
    }
  
    .lsyg .detail .ls-list .line2 {
      position: absolute;
      top: 8.8rem;
      width: 7.4rem;
      height: 0.26rem;
      border-bottom: 1px dashed #c4c5c8;
    }
  
    .lsyg .detail .ls-list .line2 img {
      position: absolute;
      right: -0.13rem;
      display: block;
      width: 0.26rem;
      height: 0.26rem;
      margin-left: 0;
      margin-top: 0.13rem;
    }
  
    .lsyg .detail .ls-list .line2::after {
      content: '';
      width: 0.1rem;
      height: 0.1rem;
      border-radius: 50%;
      background-color: #c90014;
      position: absolute;
      left: 0;
      bottom: -0.05rem;
    }
  
    .lsyg .detail .ls-list .line3 {
      position: absolute;
      top: 9.8rem;
      left: 7.4rem;
      width: 7.4rem;
      height: 0.26rem;
      border-bottom: 1px dashed #c4c5c8;
    }
  
    .lsyg .detail .ls-list .line3 img {
      position: absolute;
      left: -0.13rem;
      display: block;
      width: 0.26rem;
      height: 0.26rem;
      margin-left: 0;
      margin-top: 0.13rem;
    }
  
    .lsyg .detail .ls-list .line3::after {
      content: '';
      width: 0.1rem;
      height: 0.1rem;
      border-radius: 50%;
      background-color: #c90014;
      position: absolute;
      right: 0;
      bottom: -0.05rem;
    }
  
    .lsyg .detail .ls-list .ls-item {
      width: 7.4rem;
      position: absolute;
    }
  
    .lsyg .detail .ls-list .ls-item .imgk img {
      width: 5.2rem;
      margin-bottom: 0.7rem;
    }
  
    .lsyg .detail .ls-list .ls-item .time {
      display: block;
      width: 2rem;
      height: 2rem;
      background: url(../images/icon-ls3.png) no-repeat center;
      background-size: 100% 100%;
      text-align: center;
      font-size: 0.28rem;
      color: #fff;
      position: absolute;
    }
  
    .lsyg .detail .ls-list .ls-item .time p {
      margin-top: 0.65rem;
      margin-bottom: 0.1rem;
    }
  
    .lsyg .detail .ls-list .ls-item .time img {
      width: 0.7rem;
    }
  
    .lsyg .detail .ls-list .ls-item .tit {
      color: #c90014;
      font-size: 0.24rem;
      margin-bottom: 0.35rem;
    }
  
    .lsyg .detail .ls-list .ls-item .info {
      line-height: 1.75;
      font-size: 0.18rem;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(1) {
      left: 0;
      top: 0;
      text-align: right;
      padding-right: 0.5rem;
      padding-bottom: 0.3rem;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(1) .time {
      right: 0.5rem;
      top: 4rem;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(2) {
      right: 0;
      top: 1.8rem;
      padding-left: 0.5rem;
      padding-bottom: 0.3rem;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(2) .time {
      left: 1.2rem;
      top: 3rem;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(3) {
      top: 9.5rem;
      left: 0;
      text-align: right;
      padding-right: 0.5rem;
      padding-top: 0.3rem;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(3) .time {
      right: 0.5rem;
      top: 3.5rem;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(4) {
      top: 10.5rem;
      right: 0;
      padding-left: 0.5rem;
      padding-bottom: 0.3rem;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(4) .time {
      left: 0.9rem;
      top: 3rem;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .lsyg .detail {
      padding: 20px;
    }
  
    .lsyg .detail .name {
      text-align: center;
      font-size: 22px;
      margin-bottom: 30px;
    }
  
    .lsyg .detail .ls-list {
      position: relative;
    }
  
    .lsyg .detail .ls-list .line1 {
      display: none;
      position: relative;
      left: 740px;
      height: 1770px;
      border-left: 1px dashed #c4c5c8;
      margin-top: 100px;
      width: 68px;
    }
  
    .lsyg .detail .ls-list .line1 img {
      position: absolute;
      display: block;
      width: 68px;
      height: 68px;
      margin-left: -34px;
      margin-top: -68px;
    }
  
    .lsyg .detail .ls-list .line2 {
      display: none;
      position: absolute;
      top: 820px;
      width: 740px;
      height: 26px;
      border-bottom: 1px dashed #c4c5c8;
    }
  
    .lsyg .detail .ls-list .line2 img {
      position: absolute;
      right: -13px;
      display: block;
      width: 26px;
      height: 26px;
      margin-left: 0;
      margin-top: 13px;
    }
  
    .lsyg .detail .ls-list .line2::after {
      content: '';
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #c90014;
      position: absolute;
      left: 0;
      bottom: -5px;
    }
  
    .lsyg .detail .ls-list .line3 {
      display: none;
      position: absolute;
      top: 880px;
      left: 740px;
      width: 740px;
      height: 26px;
      border-bottom: 1px dashed #c4c5c8;
    }
  
    .lsyg .detail .ls-list .line3 img {
      position: absolute;
      left: -13px;
      display: block;
      width: 26px;
      height: 26px;
      margin-left: 0;
      margin-top: 13px;
    }
  
    .lsyg .detail .ls-list .line3::after {
      content: '';
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #c90014;
      position: absolute;
      right: 0;
      bottom: -5px;
    }
  
    .lsyg .detail .ls-list .ls-item {
      margin-bottom: 50px;
      position: relative;
      width: 100%;
    }
  
    .lsyg .detail .ls-list .ls-item .imgk {
      max-width: 520px;
    }
  
    .lsyg .detail .ls-list .ls-item .imgk img {
      width: 100%;
    }
  
    .lsyg .detail .ls-list .ls-item .time {
      display: block;
      width: 120px;
      height: 120px;
      background: url(../images/icon-ls3.png) no-repeat center;
      background-size: contain;
      text-align: center;
      font-size: 20px;
      color: #fff;
      margin-top: -130px;
      position: relative;
      padding-top: 1px;
    }
  
    .lsyg .detail .ls-list .ls-item .time p {
      margin-top: 35px;
    }
  
    .lsyg .detail .ls-list .ls-item .time img {
      width: 50px;
    }
  
    .lsyg .detail .ls-list .ls-item .tit {
      color: #c90014;
      font-size: 20px;
      margin-bottom: 20px;
      margin-top: 30px;
    }
  
    .lsyg .detail .ls-list .ls-item .info {
      line-height: 1.75;
      font-size: 14px;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(1) {
      text-align: right;
    }
  
    .lsyg .detail .ls-list .ls-item:nth-child(3) {
      text-align: right;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .ls2 .detail {
      min-height: auto;
      padding-bottom: 100px;
    }
  
    .ls2 .detail .ls-list {
      padding-top: 180px;
    }
  
    .ls2 .detail .ls-list .line1 {
      position: absolute;
      height: 100%;
      top: 0;
    }
  
    .ls2 .detail .ls-list .line1 .year {
      position: absolute;
      width: 65px;
      height: 65px;
      background-color: #c90014;
      color: #fff;
      font-size: 18px;
      text-align: center;
      line-height: 65px;
      border-radius: 32.5px;
      bottom: 0;
      left: -32.5px;
      box-shadow: 0 0 5px 3px rgba(201, 0, 20, 0.3);
    }
  
    .ls2 .detail .ls-item2 {
      width: 740px;
      position: relative;
      text-align: right;
      padding-right: 70px;
      margin-top: -30px;
    }
  
    .ls2 .detail .ls-item2 i {
      position: absolute;
      display: block;
      width: 50px;
      height: 16px;
      z-index: 2;
    }
  
    .ls2 .detail .ls-item2 .year {
      color: #c90014;
      font-size: 20px;
      margin-bottom: 20px;
    }
  
    .ls2 .detail .ls-item2 .txt {
      font-size: 18px;
      line-height: 2.5;
    }
  
    .ls2 .detail .ls-item2 .txt li {
      position: relative;
      padding-left: 15px;
    }
  
    .ls2 .detail .ls-item2 .txt li::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0.15rem;
      width: 0.07rem;
      height: 0.07rem;
      border-radius: 0.06rem;
      background: #333;
    }
  
    .ls2 .detail .ls-item2:nth-child(2n) {
      padding-right: 0;
      padding-left: 70px;
      text-align: left;
      margin-left: 740px;
    }
  
    .ls2 .detail .ls-item2:nth-child(2n) i {
      background: url(../images/icon-ls5.png) no-repeat center;
      left: -10px;
      top: 5px;
    }
  
    .ls2 .detail .ls-item2:nth-child(2n-1) i {
      background: url(../images/icon-ls4.png) no-repeat center;
      right: -10px;
      top: 5px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .ls2 .detail {
      min-height: auto;
      padding-bottom: 1rem;
    }
  
    .ls2 .detail .ls-list {
      padding-top: 1.8rem;
    }
  
    .ls2 .detail .ls-list .line1 {
      position: absolute;
      height: 100%;
      top: 0;
    }
  
    .ls2 .detail .ls-list .line1 .year {
      position: absolute;
      width: 0.65rem;
      height: 0.65rem;
      background-color: #c90014;
      color: #fff;
      font-size: 0.18rem;
      text-align: center;
      line-height: 0.65rem;
      border-radius: 0.325rem;
      bottom: 0;
      left: -0.325rem;
      box-shadow: 0 0 5px 3px rgba(201, 0, 20, 0.3);
    }
  
    .ls2 .detail .ls-item2 {
      width: 7.4rem;
      position: relative;
      text-align: right;
      padding-right: 0.7rem;
      margin-top: -0.3rem;
    }
  
    .ls2 .detail .ls-item2 i {
      position: absolute;
      display: block;
      width: 50px;
      height: 0.16rem;
      z-index: 2;
    }
  
    .ls2 .detail .ls-item2 .year {
      color: #c90014;
      font-size: 0.2rem;
      margin-bottom: 0.2rem;
    }
  
    .ls2 .detail .ls-item2 .txt {
      font-size: 0.18rem;
      line-height: 2.5;
    }
  
    .ls2 .detail .ls-item2 .txt li {
      position: relative;
      padding-left: 15px;
    }
  
    .ls2 .detail .ls-item2 .txt li::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0.15rem;
      width: 0.07rem;
      height: 0.07rem;
      border-radius: 0.06rem;
      background: #333;
    }
  
    .ls2 .detail .ls-item2:nth-child(2n) {
      padding-right: 0;
      padding-left: 0.7rem;
      text-align: left;
      margin-left: 7.4rem;
    }
  
    .ls2 .detail .ls-item2:nth-child(2n) i {
      background: url(../images/icon-ls5.png) no-repeat center left;
      background-size: contain;
      left: -0.1rem;
      top: 0.05rem;
    }
  
    .ls2 .detail .ls-item2:nth-child(2n-1) i {
      background: url(../images/icon-ls4.png) no-repeat center right;
      background-size: contain;
      right: -0.1rem;
      top: 0.05rem;
    }
  }
  
  @media only screen and (max-width: 800px) {
  
    .ls2 .detail,
    .ls3 .detail {
      min-height: auto;
      padding-bottom: 50px;
    }
  
    .ls2 .detail .ls-list,
    .ls3 .detail .ls-list {
      padding-top: 20px;
    }
  
    .ls2 .detail .ls-list .line1,
    .ls3 .detail .ls-list .line1 {
      position: absolute;
      height: 100%;
      top: 0;
    }
  
    .ls2 .detail .ls-list .line1 .year,
    .ls3 .detail .ls-list .line1 .year {
      position: absolute;
      width: 65px;
      height: 65px;
      background-color: #c90014;
      color: #fff;
      font-size: 16px;
      text-align: center;
      line-height: 65px;
      border-radius: 32.5px;
      bottom: 0;
      left: -32.5px;
      box-shadow: 0 0 5px 3px rgba(201, 0, 20, 0.3);
    }
  
    .ls2 .detail .ls-item2,
    .ls3 .detail .ls-item2 {
      width: 100%;
      position: relative;
      margin-bottom: 40px;
    }
  
    .ls2 .detail .ls-item2 i,
    .ls3 .detail .ls-item2 i {
      display: none;
    }
  
    .ls2 .detail .ls-item2 .year,
    .ls3 .detail .ls-item2 .year {
      color: #c90014;
      font-size: 16px;
      margin-bottom: 20px;
    }
  
    .ls2 .detail .ls-item2 .txt,
    .ls3 .detail .ls-item2 .txt {
      font-size: 14px;
      line-height: 2;
    }
  
    .ls2 .detail .ls-item2 .txt li,
    .ls3 .detail .ls-item2 .txt li {
      position: relative;
      padding-left: 15px;
    }
  
    .ls2 .detail .ls-item2 .txt li::after,
    .ls3 .detail .ls-item2 .txt li::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0.15rem;
      width: 0.07rem;
      height: 0.07rem;
      border-radius: 0.06rem;
      background: #333;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .ls3 .detail {
      min-height: auto;
      padding-bottom: 100px;
    }
  
    .ls3 .detail .ls-list {
      padding-top: 180px;
    }
  
    .ls3 .detail .ls-list .line1 {
      position: absolute;
      height: 100%;
      top: 0;
      left: 45px;
    }
  
    .ls3 .detail .ls-list .line1 .year {
      position: absolute;
      width: 65px;
      height: 65px;
      background-color: #c90014;
      color: #fff;
      font-size: 18px;
      text-align: center;
      line-height: 65px;
      border-radius: 32.5px;
      bottom: 0;
      left: -32.5px;
      box-shadow: 0 0 5px 3px rgba(201, 0, 20, 0.3);
    }
  
    .ls3 .detail .ls-item2 {
      width: 1200px;
      position: relative;
      text-align: right;
      padding-right: 70px;
      margin-top: 30px;
    }
  
    .ls3 .detail .ls-item2 i {
      position: absolute;
      display: block;
      width: 50px;
      height: 16px;
      z-index: 2;
    }
  
    .ls3 .detail .ls-item2 .year {
      color: #c90014;
      font-size: 18px;
      margin-bottom: 20px;
    }
  
    .ls3 .detail .ls-item2 .txt {
      font-size: 16px;
      line-height: 2.5;
    }
  
    .ls3 .detail .ls-item2 .txt li {
      position: relative;
      padding-left: 15px;
    }
  
    .ls3 .detail .ls-item2 .txt li::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0.15rem;
      width: 0.07rem;
      height: 0.07rem;
      border-radius: 0.06rem;
      background: #333;
    }
  
    .ls3 .detail .ls-item2:nth-child(1) {
      margin-top: -30px;
    }
  
    .ls3 .detail .ls-item2:nth-child(n) {
      padding-right: 0;
      padding-left: 70px;
      text-align: left;
      margin-left: 46px;
    }
  
    .ls3 .detail .ls-item2:nth-child(n) i {
      background: url(../images/icon-ls5.png) no-repeat center;
      left: -10px;
      top: 5px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .ls3 .detail {
      min-height: auto;
      padding-bottom: 1rem;
    }
  
    .ls3 .detail .ls-list {
      padding-top: 1.8rem;
    }
  
    .ls3 .detail .ls-list .line1 {
      position: absolute;
      height: 100%;
      top: 0;
      left: 0.45rem;
    }
  
    .ls3 .detail .ls-list .line1 .year {
      position: absolute;
      width: 0.65rem;
      height: 0.65rem;
      background-color: #c90014;
      color: #fff;
      font-size: 0.18rem;
      text-align: center;
      line-height: 0.65rem;
      border-radius: 0.325rem;
      bottom: 0;
      left: -0.325rem;
      box-shadow: 0 0 5px 3px rgba(201, 0, 20, 0.3);
    }
  
    .ls3 .detail .ls-item2 {
      width: 12rem;
      position: relative;
      text-align: right;
      padding-right: 0.7rem;
      margin-top: 0.3rem;
    }
  
    .ls3 .detail .ls-item2 i {
      position: absolute;
      display: block;
      width: 0.5rem;
      height: 0.16rem;
      z-index: 2;
    }
  
    .ls3 .detail .ls-item2 .year {
      color: #c90014;
      font-size: 0.18rem;
      margin-bottom: 0.2rem;
    }
  
    .ls3 .detail .ls-item2 .txt {
      font-size: 0.16rem;
      line-height: 2.5;
    }
  
    .ls3 .detail .ls-item2 .txt li {
      position: relative;
      padding-left: 15px;
    }
  
    .ls3 .detail .ls-item2 .txt li::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0.15rem;
      width: 0.07rem;
      height: 0.07rem;
      border-radius: 0.06rem;
      background: #333;
    }
  
    .ls3 .detail .ls-item2:nth-child(1) {
      margin-top: -0.3rem;
    }
  
    .ls3 .detail .ls-item2:nth-child(n) {
      padding-right: 0;
      padding-left: 0.7rem;
      text-align: left;
      margin-left: 0.46rem;
    }
  
    .ls3 .detail .ls-item2:nth-child(n) i {
      background: url(../images/icon-ls5.png) no-repeat center;
      background-size: contain;
      left: -0.1rem;
      top: 0.05rem;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .ls-tab {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .ls-tab li {
      width: 160px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      margin: 10px 20px;
    }
  
    .ls-tab li a {
      font-size: 20px;
      display: block;
      width: 100%;
      height: 100%;
      color: #cd1816;
      border: 1px solid #cd1816;
    }
  
    .ls-tab li.on a,
    .ls-tab li:hover a {
      background-color: #cd1816;
      color: #e6d18d;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .ls-tab {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .ls-tab li {
      width: 1.6rem;
      height: 0.5rem;
      line-height: 0.5rem;
      text-align: center;
      margin: 0.1rem 0.2rem;
    }
  
    .ls-tab li a {
      font-size: 0.2rem;
      display: block;
      width: 100%;
      height: 100%;
      color: #cd1816;
      border: 1px solid #cd1816;
    }
  
    .ls-tab li.on a,
    .ls-tab li:hover a {
      background-color: #cd1816;
      color: #e6d18d;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .ls-tab {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .ls-tab li {
      width: 100px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      margin: 10px;
    }
  
    .ls-tab li a {
      font-size: 14px;
      display: block;
      width: 100%;
      height: 100%;
      color: #cd1816;
      border: 1px solid #cd1816;
    }
  
    .ls-tab li.on a,
    .ls-tab li:hover a {
      background-color: #cd1816;
      color: #e6d18d;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .u10 {
      padding-top: 34px;
    }
  
    .u10 li {
      margin-bottom: 100px;
      position: relative;
    }
  
    .u10 li::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      background-color: #c9151e;
    }
  
    .u10 li a {
      width: 100%;
      height: 100%;
      position: relative;
      display: flex;
      background-color: #f6eeee;
      padding: 30px 55px 35px 22px;
      z-index: 1;
    }
  
    .u10 li:hover::after {
      left: 10px;
      top: 10px;
    }
  
    .u10 li:hover .imgk img {
      transform: scale(1.1);
    }
  
    .u10 li .imgk {
      overflow: hidden;
      margin-top: -64px;
    }
  
    .u10 li .imgk img {
      width: 250px;
      height: 315px;
      object-fit: cover;
    }
  
    .u10 li .info {
      width: 100%;
      flex: 1;
      padding-left: 45px;
    }
  
    .u10 li .info .name {
      font-size: 28px;
      font-weight: 600;
      margin-bottom: 10px;
    }
  
    .u10 li .info .zw {
      font-size: 18px;
      color: #c9151e;
      margin-bottom: 10px;
    }
  
    .u10 li .info .txt {
      padding-top: 15px;
      font-size: 18px;
      border-top: 1px solid #ddd;
      color: #333;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .u10 {
      padding-top: 0.34rem;
    }
  
    .u10 li {
      margin-bottom: 1rem;
      position: relative;
    }
  
    .u10 li::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      background-color: #c9151e;
    }
  
    .u10 li a {
      width: 100%;
      height: 100%;
      position: relative;
      display: flex;
      background-color: #f6eeee;
      padding: 0.3rem 0.55rem 0.35rem 0.22rem;
      z-index: 1;
    }
  
    .u10 li:hover::after {
      left: 0.1rem;
      top: 0.1rem;
    }
  
    .u10 li:hover .imgk img {
      transform: scale(1.1);
    }
  
    .u10 li .imgk {
      overflow: hidden;
      margin-top: -0.64rem;
    }
  
    .u10 li .imgk img {
      width: 2.5rem;
      height: 3.15rem;
      object-fit: cover;
    }
  
    .u10 li .info {
      width: 100%;
      flex: 1;
      padding-left: 0.45rem;
    }
  
    .u10 li .info .name {
      font-size: 0.28rem;
      font-weight: 600;
      margin-bottom: 0.1rem;
    }
  
    .u10 li .info .zw {
      font-size: 0.18rem;
      color: #c9151e;
      margin-bottom: 0.1rem;
    }
  
    .u10 li .info .txt {
      padding-top: 0.15rem;
      font-size: 0.18rem;
      border-top: 1px solid #ddd;
      color: #333;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .u10 li {
      margin-bottom: 0.3rem;
      position: relative;
    }
  
    .u10 li a {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      background-color: #f6eeee;
      padding: 0.3rem 0.55rem 0.35rem 0.22rem;
      z-index: 1;
    }
  
    .u10 li .imgk {
      text-align: center;
    }
  
    .u10 li .imgk img {
      width: 2rem;
      height: 2.6rem;
      object-fit: cover;
    }
  
    .u10 li .info {
      width: 100%;
      flex: 1;
      padding-left: 0.25rem;
      text-align: center;
    }
  
    .u10 li .info .name {
      font-size: 0.3rem;
      font-weight: 600;
      margin-bottom: 0.1rem;
    }
  
    .u10 li .info .zw {
      font-size: 0.26rem;
      color: #c9151e;
      margin-bottom: 0.1rem;
    }
  
    .u10 li .info .txt {
      text-align: left;
      padding-top: 0.15rem;
      font-size: 0.24rem;
      border-top: 1px solid #ddd;
      color: #333;
    }
  
    .u10 li .info .txt p {
      display: flex;
      text-align: justify;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .u11 {
      padding-top: 0;
    }
  
    .u11 li a {
      background: url(../imagesimages/ys-bg.jpg) #f6eeee no-repeat center right;
    }
  
    .u11 li .imgk {
      margin-top: 0;
    }
  
    .u11 li .info .name {
      color: #c9151e;
    }
  
    .u11 li .info .zw {
      color: #333;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .u11 {
      padding-top: 0;
    }
  
    .u11 li a {
      background: url(../imagesimages/ys-bg.jpg) #f6eeee no-repeat center right;
      background-size: auto 100%;
    }
  
    .u11 li .imgk {
      margin-top: 0;
    }
  
    .u11 li .info .name {
      color: #c9151e;
    }
  
    .u11 li .info .zw {
      color: #333;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .u11 {
      padding-top: 0;
    }
  
    .u11 li a {
      background: url(../imagesimages/ys-bg.jpg) #f6eeee no-repeat center right;
    }
  
    .u11 li .imgk {
      margin-top: 0;
    }
  
    .u11 li .info .name {
      color: #c9151e;
    }
  
    .u11 li .info .zw {
      color: #333;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .sz-tab1 {
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid #e4e4e4;
      margin-bottom: 70px;
    }
  
    .sz-tab1 .item {
      font-size: 22px;
      font-weight: 600;
      position: relative;
      cursor: pointer;
      padding-bottom: 10px;
      margin: 0 62px;
    }
  
    .sz-tab1 .item.on {
      color: #c9151e;
      border-bottom: 2px solid #c9151e;
    }
  
    .sz-tab1 .item.on::after {
      position: absolute;
      content: '';
      background: url(../imagesrsjx.png) no-repeat center;
      width: 11px;
      height: 6px;
      left: 50%;
      margin-left: -6px;
      bottom: 0;
    }
  
    .sz-tab2 {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .sz-tab2 .item {
      cursor: pointer;
      margin: 0 15px;
      width: 260px;
      height: 55px;
      line-height: 55px;
      border: 1px dashed #ffc8cb;
      font-size: 18px;
      text-align: center;
    }
  
    .sz-tab2 .item.on {
      color: #fff;
      border: 1px solid #e8e3e3;
      background-color: #c9151e;
    }
  
    .sz-boxs {
      margin-top: 45px;
    }
  
    .sz-box {
      border: 1px solid #ffc8cb;
      background-color: #fff;
      padding: 70px 90px;
    }
  
    .sz-tab3 {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 50px;
    }
  
    .sz-tab3 li {
      cursor: pointer;
      padding: 0 15px;
      height: 40px;
      color: #666666;
      border: 1px solid #e8e6e5;
      border-radius: 5px;
      text-align: center;
      line-height: 40px;
      font-size: 18px;
      margin: 0 2px;
      margin-bottom: 5px;
    }
  
    .sz-tab3 li.on {
      background-color: #c9151e;
      color: #fff;
    }
  
    .name-list {
      border-top: 1px solid #e8e6e5;
      font-size: 18px;
      display: flex;
      flex-wrap: wrap;
      padding-top: 20px;
      padding-bottom: 10px;
    }
  
    .name-list.name-list2 li {
      width: 130px;
      margin-right: 17.5px;
      margin-bottom: 15px;
    }
  
    .name-list.name-list2 li:nth-child(8n) {
      margin-right: 17.5px;
    }
  
    .name-list.name-list2 li:nth-child(7n) {
      margin-right: 0;
    }
  
    .name-list li {
      width: 129px;
      margin-right: 55px;
      margin-bottom: 15px;
    }
  
    .name-list li:nth-child(8n) {
      margin-right: 0;
    }
  
    .name-list li a:hover {
      color: #c9151e;
      text-decoration: underline;
    }
  
    .sz-tab4 {
      border-bottom: 1px solid #e1e1e1;
      margin-bottom: 30px;
      position: relative;
    }
  
    .sz-tab4 .md {
      position: absolute;
      top: -2rem;
    }
  
    .sz-tab4 .sz-tit {
      font-size: 30px;
      text-align: center;
      margin-bottom: 30px;
      font-weight: 600;
      color: #c9151e;
    }
  
    .sz-tab4 .sz-name {
      font-size: 22px;
      color: #c9151e;
    }
  
    .sz-tab4 .name-list {
      border-top: 0 solid #000;
    }
  
    .sz-tab-ss {
      display: flex;
      align-items: center;
      margin: 0 auto;
      margin-bottom: 0.4rem;
      width: 70%;
      height: 50px;
    }
  
    .sz-tab-ss .ipt {
      flex: 1;
      width: 100%;
      height: 100%;
      margin-right: 20px;
      border: 1px solid #c9151e;
      border-radius: 8px;
      overflow: hidden;
    }
  
    .sz-tab-ss .ipt input {
      font-size: 20px;
      width: 100%;
      height: 100%;
      padding: 0 15px;
      background-color: #fff;
      color: #333;
    }
  
    .sz-tab-ss .btn {
      cursor: pointer;
      width: 150px;
      height: 100%;
      background-color: #c9151e;
      color: #fff;
      text-align: center;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
    }
  
    .sz-tab-ss .btn img {
      display: inline-block;
      margin-right: 10px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .sz-tab1 {
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid #e4e4e4;
      margin-bottom: 0.7rem;
    }
  
    .sz-tab1 .item {
      font-size: 0.22rem;
      font-weight: 600;
      position: relative;
      cursor: pointer;
      padding-bottom: 0.1rem;
      margin: 0 0.62rem;
    }
  
    .sz-tab1 .item.on {
      color: #c9151e;
      border-bottom: 2px solid #c9151e;
    }
  
    .sz-tab1 .item.on::after {
      position: absolute;
      content: '';
      background: url(../imagesrsjx.png) no-repeat center;
      width: 0.11rem;
      height: 0.06rem;
      left: 50%;
      margin-left: -0.06rem;
      bottom: 0;
    }
  
    .sz-tab2 {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .sz-tab2 .item {
      cursor: pointer;
      margin: 0 0.15rem;
      width: 2.6rem;
      height: 0.55rem;
      line-height: 0.55rem;
      border: 1px dashed #ffc8cb;
      font-size: 0.18rem;
      text-align: center;
    }
  
    .sz-tab2 .item.on {
      color: #fff;
      border: 1px solid #e8e3e3;
      background-color: #c9151e;
    }
  
    .sz-boxs {
      margin-top: 0.45rem;
    }
  
    .sz-box {
      border: 1px solid #ffc8cb;
      background-color: #fff;
      padding: 0.7rem 0.9rem;
    }
  
    .sz-tab3 {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 0.5rem;
    }
  
    .sz-tab3 li {
      cursor: pointer;
      padding: 0 0.15rem;
      height: 0.4rem;
      color: #666666;
      border: 1px solid #e8e6e5;
      border-radius: 0.05rem;
      text-align: center;
      line-height: 0.4rem;
      font-size: 0.18rem;
      margin: 0 0.02rem;
      margin-bottom: 0.05rem;
    }
  
    .sz-tab3 li.on {
      background-color: #c9151e;
      color: #fff;
    }
  
    .name-list {
      border-top: 1px solid #e8e6e5;
      font-size: 0.18rem;
      display: flex;
      flex-wrap: wrap;
      padding-top: 0.2rem;
      padding-bottom: 0.1rem;
    }
  
    .name-list.name-list2 li {
      width: 1.3rem;
      margin-right: 0.175rem;
      margin-bottom: 0.15rem;
    }
  
    .name-list.name-list2 li:nth-child(8n) {
      margin-right: 0.175rem;
    }
  
    .name-list.name-list2 li:nth-child(7n) {
      margin-right: 0;
    }
  
    .name-list li {
      width: 1.29rem;
      margin-right: 0.55rem;
      margin-bottom: 0.15rem;
    }
  
    .name-list li:nth-child(8n) {
      margin-right: 0;
    }
  
    .name-list li a:hover {
      color: #c9151e;
      text-decoration: underline;
    }
  
    .sz-tab4 {
      border-bottom: 1px solid #e1e1e1;
      margin-bottom: 0.3rem;
      position: relative;
    }
  
    .sz-tab4 .md {
      position: absolute;
      top: -2rem;
    }
  
    .sz-tab4 .sz-tit {
      font-size: 0.3rem;
      text-align: center;
      margin-bottom: 0.3rem;
      font-weight: 600;
      color: #c9151e;
    }
  
    .sz-tab4 .sz-name {
      color: #c9151e;
      font-size: 0.22rem;
    }
  
    .sz-tab4 .name-list {
      border-top: 0 solid #000;
    }
  
    .sz-tab-ss {
      display: flex;
      align-items: center;
      margin: 0 auto;
      margin-bottom: 0.4rem;
      width: 70%;
      height: 0.5rem;
    }
  
    .sz-tab-ss .ipt {
      flex: 1;
      width: 100%;
      height: 100%;
      margin-right: 0.2rem;
      border: 1px solid #c9151e;
      border-radius: 0.08rem;
      overflow: hidden;
    }
  
    .sz-tab-ss .ipt input {
      font-size: 0.2rem;
      width: 100%;
      height: 100%;
      padding: 0 0.15rem;
      background-color: #fff;
      color: #333;
    }
  
    .sz-tab-ss .btn {
      cursor: pointer;
      width: 1.5rem;
      height: 100%;
      background-color: #c9151e;
      color: #fff;
      text-align: center;
      border-radius: 0.08rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.2rem;
    }
  
    .sz-tab-ss .btn img {
      display: inline-block;
      margin-right: 0.1rem;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .sz-tab1 {
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid #e4e4e4;
      margin-bottom: 0.3rem;
    }
  
    .sz-tab1 .item {
      font-size: 0.26rem;
      font-weight: 600;
      position: relative;
      cursor: pointer;
      padding-bottom: 0.1rem;
      margin: 0 0.32rem;
    }
  
    .sz-tab1 .item.on {
      color: #c9151e;
      border-bottom: 2px solid #c9151e;
    }
  
    .sz-tab1 .item.on::after {
      position: absolute;
      content: '';
      background: url(../imagesrsjx.png) no-repeat center;
      background-size: contain;
      width: 0.2rem;
      height: 0.1rem;
      left: 50%;
      margin-left: -0.1rem;
      bottom: -1px;
    }
  
    .sz-tab2 {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .sz-tab2 .item {
      cursor: pointer;
      margin: 0 0.05rem;
      width: 2.6rem;
      height: 0.55rem;
      line-height: 0.55rem;
      border: 1px dashed #ffc8cb;
      font-size: 0.24rem;
      text-align: center;
    }
  
    .sz-tab2 .item.on {
      color: #fff;
      border: 1px solid #e8e3e3;
      background-color: #c9151e;
    }
  
    .sz-boxs {
      margin-top: 0.45rem;
    }
  
    .sz-box {
      border: 1px solid #ffc8cb;
      background-color: #fff;
      padding: 0.3rem 0.3rem;
      margin-top: 0.2rem;
    }
  
    .sz-tab3 {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 0.3rem;
    }
  
    .sz-tab3 li {
      cursor: pointer;
      padding: 0 0.15rem;
      height: 0.6rem;
      color: #666666;
      border: 1px solid #e8e6e5;
      border-radius: 0.05rem;
      text-align: center;
      line-height: 0.6rem;
      font-size: 0.26rem;
      margin: 0 0.1rem;
      margin-bottom: 0.15rem;
    }
  
    .sz-tab3 li.on {
      background-color: #c9151e;
      color: #fff;
    }
  
    .name-list {
      border-top: 1px solid #e8e6e5;
      font-size: 0.24rem;
      display: flex;
      flex-wrap: wrap;
      padding-top: 0.2rem;
      padding-bottom: 0.1rem;
    }
  
    .name-list li {
      font-size: 0.28rem;
      padding: 0 0.2rem;
      padding-left: 0;
      width: 33%;
      margin-bottom: 0.15rem;
    }
  
    .name-list li a:hover {
      color: #c9151e;
      text-decoration: underline;
    }
  
    .sz-tab4 {
      border-bottom: 1px solid #e1e1e1;
      margin-bottom: 0.3rem;
      position: relative;
    }
  
    .sz-tab4 .md {
      position: absolute;
      top: -2rem;
    }
  
    .sz-tab4 .sz-tit {
      font-size: 0.3rem;
      text-align: center;
      margin-bottom: 0.3rem;
      font-weight: 600;
      color: #c9151e;
    }
  
    .sz-tab4 .sz-name {
      color: #c9151e;
      font-size: 0.28rem;
    }
  
    .sz-tab4 .name-list {
      border-top: 0 solid #000;
    }
  
    .sz-tab-ss {
      display: flex;
      align-items: center;
      margin: 0 auto;
      margin-bottom: 0.4rem;
      width: 100%;
      height: 0.7rem;
    }
  
    .sz-tab-ss .ipt {
      flex: 1;
      width: 100%;
      height: 100%;
      margin-right: 0.2rem;
      border: 1px solid #c9151e;
      border-radius: 0.08rem;
      overflow: hidden;
    }
  
    .sz-tab-ss .ipt input {
      font-size: 0.28rem;
      width: 100%;
      height: 100%;
      padding: 0 0.15rem;
      background-color: #fff;
      color: #333;
    }
  
    .sz-tab-ss .btn {
      cursor: pointer;
      width: 1.5rem;
      height: 100%;
      background-color: #c9151e;
      color: #fff;
      text-align: center;
      border-radius: 0.08rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.24rem;
    }
  
    .sz-tab-ss .btn img {
      display: inline-block;
      margin-right: 0.1rem;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .u12 {
      margin-top: 45px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  
    .u12 li {
      width: 780px;
      border-left: 4px solid #e29792;
      box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.03);
      margin-bottom: 30px;
      transition: all 0.5s;
    }
  
    .u12 li a {
      display: block;
      width: 100%;
      height: 100%;
      display: flex;
      padding: 33px 35px;
      background: url(../imagesimages/li-img5.png) #fff no-repeat;
      background-position: 98% bottom;
    }
  
    .u12 li .time {
      border: 1px solid #ca1a22;
      width: 97px;
      height: 97px;
      text-align: center;
    }
  
    .u12 li .time p {
      font-size: 42px;
      font-weight: 600;
      color: #fff;
      background-color: #ca1a22;
      line-height: 63px;
    }
  
    .u12 li .time span {
      color: #333;
      font-size: 16px;
      line-height: 34px;
    }
  
    .u12 li .tit {
      font-size: 22px;
      font-weight: 600;
      width: 100%;
      flex: 1;
      padding-left: 35px;
    }
  
    .u12 li .go {
      height: 97px;
      border-left: 1px solid #f9f1f1;
      display: flex;
      margin-left: 20px;
      align-items: center;
      padding-left: 45px;
      padding-right: 15px;
      transition: all 0.5s;
    }
  
    .u12 li .go img {
      width: 24px;
    }
  
    .u12 li .go i {
      transition: all 0.5s;
      width: 24px;
      height: 16px;
      background: url(../imagesgo2.png) no-repeat center;
      background-size: 100%;
    }
  
    .u12 li:hover {
      border-bottom-right-radius: 60px;
      border-left: 4px solid #c9151e;
    }
  
    .u12 li:hover a {
      background: url(../imagesimages/li-img4.png) #c9151e no-repeat;
      background-position: 98% bottom;
      border-bottom-right-radius: 60px;
    }
  
    .u12 li:hover .time {
      border: 1px solid #fff;
    }
  
    .u12 li:hover .time p {
      color: #c9151e;
      background-color: #fff;
    }
  
    .u12 li:hover .time span {
      color: #fff;
    }
  
    .u12 li:hover .tit {
      color: #fff;
    }
  
    .u12 li:hover .go {
      display: flex;
      border-left: 1px solid rgba(255, 255, 255, 0.3);
    }
  
    .u12 li:hover .go i {
      background-image: url(../imagesgo.png);
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .u12 {
      margin-top: 0.45rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  
    .u12 li {
      width: 7.8rem;
      border-left: 0.04rem solid #e29792;
      box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.03);
      margin-bottom: 0.3rem;
      transition: all 0.5s;
    }
  
    .u12 li a {
      display: block;
      width: 100%;
      height: 100%;
      display: flex;
      padding: 0.33rem 0.35rem;
      background: url(../imagesimages/li-img5.png) #fff no-repeat;
      background-position: 98% bottom;
      background-size: auto 1.17rem;
    }
  
    .u12 li .time {
      border: 1px solid #ca1a22;
      width: 0.97rem;
      height: 0.97rem;
      text-align: center;
    }
  
    .u12 li .time p {
      font-size: 0.42rem;
      font-weight: 600;
      color: #fff;
      background-color: #ca1a22;
      line-height: 0.63rem;
    }
  
    .u12 li .time span {
      color: #333;
      font-size: 0.16rem;
      line-height: 0.34rem;
    }
  
    .u12 li .tit {
      font-size: 0.22rem;
      font-weight: 600;
      width: 100%;
      flex: 1;
      padding-left: 0.35rem;
    }
  
    .u12 li .go {
      height: 0.97rem;
      border-left: 1px solid #f9f1f1;
      display: flex;
      margin-left: 0.2rem;
      align-items: center;
      padding-left: 0.45rem;
      padding-right: 0.15rem;
      transition: all 0.5s;
    }
  
    .u12 li .go img {
      width: 0.24rem;
    }
  
    .u12 li .go i {
      transition: all 0.5s;
      width: 0.24rem;
      height: 0.16rem;
      background: url(../imagesgo2.png) no-repeat center;
      background-size: 100%;
    }
  
    .u12 li:hover {
      border-bottom-right-radius: 0.6rem;
      border-left: 0.04rem solid #c9151e;
    }
  
    .u12 li:hover a {
      background: url(../imagesimages/li-img4.png) #c9151e no-repeat;
      background-position: 98% bottom;
      background-size: auto 1.17rem;
      border-bottom-right-radius: 0.6rem;
    }
  
    .u12 li:hover .time {
      border: 1px solid #fff;
    }
  
    .u12 li:hover .time p {
      color: #c9151e;
      background-color: #fff;
    }
  
    .u12 li:hover .time span {
      color: #fff;
    }
  
    .u12 li:hover .tit {
      color: #fff;
    }
  
    .u12 li:hover .go {
      display: flex;
      border-left: 1px solid rgba(255, 255, 255, 0.3);
    }
  
    .u12 li:hover .go i {
      background-image: url(../imagesgo.png);
    }
  }
  
  @media only screen and (max-width: 800px) {
    .u12 {
      margin-top: 0.45rem;
    }
  
    .u12 li {
      box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.05);
      margin-bottom: 0.3rem;
    }
  
    .u12 li a {
      display: block;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      padding: 0.3rem;
      background: url(../imagesimages/li-img5.png) #fff no-repeat;
      background-position: 98% bottom;
      background-size: auto 1.2rem;
    }
  
    .u12 li .time {
      border: 1px solid #ca1a22;
      width: 0.9rem;
      height: 0.9rem;
      text-align: center;
    }
  
    .u12 li .time p {
      font-size: 0.4rem;
      color: #fff;
      background-color: #ca1a22;
      line-height: 0.52rem;
    }
  
    .u12 li .time span {
      color: #333;
      font-size: 0.22rem;
      vertical-align: text-top;
      line-height: 1.2;
    }
  
    .u12 li .tit {
      font-size: 0.24rem;
      font-weight: 600;
      width: 100%;
      flex: 1;
      padding-left: 0.35rem;
    }
  
    .u12 li .go {
      height: 0.97rem;
      border-left: 1px solid #f9f1f1;
      display: flex;
      margin-left: 0.2rem;
      align-items: center;
      padding-left: 0.45rem;
      padding-right: 0.15rem;
      transition: all 0.5s;
    }
  
    .u12 li .go img {
      width: 0.24rem;
    }
  
    .u12 li .go i {
      transition: all 0.5s;
      width: 0.24rem;
      height: 0.16rem;
      background: url(../imagesgo2.png) no-repeat center;
      background-size: 100%;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .kygk p {
      font-size: 18px;
    }
  
    .kygk img {
      margin: 0 auto;
      margin-bottom: 20px;
      display: flex;
    }
  
    .kygk span {
      display: block;
      text-align: center;
      margin-bottom: 20px;
      font-weight: 600;
      font-size: 20px;
    }
  
    .u13 {
      margin-top: 50px;
    }
  
    .u13 li {
      float: left;
      width: 393px;
      height: 298px;
      margin-right: 10px;
      margin-bottom: 10px;
    }
  
    .u13 li:nth-child(3n) {
      margin-right: 0;
    }
  
    .u13 li .imgk {
      width: 100%;
      height: 100%;
    }
  
    .u13 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u13 li a {
      position: relative;
      width: 100%;
      height: 100%;
      display: block;
    }
  
    .u13 li .tit {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 30px;
      text-align: center;
      background: rgba(0, 0, 0, 0.4);
      font-size: 20px;
      font-weight: 600;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      color: #fff;
      transition: all 0.5s;
    }
  
    .u13 li:hover .tit {
      align-items: flex-end;
      justify-content: flex-start;
      width: 100%;
      height: 100%;
      background: url(../imagesbg20.png) repeat center;
      font-size: 16px;
      left: 0;
      bottom: 0;
      top: auto;
      text-align: left;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .kygk p {
      font-size: 0.18rem;
    }
  
    .kygk img {
      margin: 0 auto;
      margin-bottom: 0.2rem;
      display: flex;
    }
  
    .kygk span {
      display: block;
      text-align: center;
      margin-bottom: 0.2rem;
      font-weight: 600;
      font-size: 0.2rem;
    }
  
    .u13 {
      margin-top: 0.5rem;
    }
  
    .u13 li {
      float: left;
      width: 3.93rem;
      height: 2.98rem;
      margin-right: 0.1rem;
      margin-bottom: 0.1rem;
    }
  
    .u13 li:nth-child(3n) {
      margin-right: 0;
    }
  
    .u13 li .imgk {
      width: 100%;
      height: 100%;
    }
  
    .u13 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u13 li a {
      position: relative;
      width: 100%;
      height: 100%;
      display: block;
    }
  
    .u13 li .tit {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.3rem;
      text-align: center;
      background: rgba(0, 0, 0, 0.4);
      font-size: 0.2rem;
      font-weight: 600;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      color: #fff;
      transition: all 0.5s;
    }
  
    .u13 li:hover .tit {
      align-items: flex-end;
      justify-content: flex-start;
      width: 100%;
      height: 100%;
      background: url(../imagesbg20.png) repeat center;
      font-size: 0.16rem;
      left: 0;
      bottom: 0;
      top: auto;
      text-align: left;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .kygk p {
      font-size: 0.28rem;
    }
  
    .kygk img {
      margin: 0 auto;
      margin-bottom: 0.2rem;
      display: flex;
    }
  
    .kygk span {
      display: block;
      text-align: center;
      margin-bottom: 0.2rem;
      font-weight: 600;
      font-size: 0.3rem;
    }
  
    .u13 {
      margin-top: 0.3rem;
    }
  
    .u13 li {
      float: left;
      width: 49%;
      height: 2.5rem;
      margin-right: 2%;
      margin-bottom: 0.15rem;
    }
  
    .u13 li .imgk {
      width: 100%;
      height: 100%;
    }
  
    .u13 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u13 li:nth-child(2n) {
      margin-right: 0;
    }
  
    .u13 li a {
      position: relative;
      width: 100%;
      height: 100%;
      display: block;
    }
  
    .u13 li .tit {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.3rem;
      text-align: center;
      background: rgba(0, 0, 0, 0.4);
      font-size: 0.26rem;
      font-weight: 600;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      color: #fff;
      transition: all 0.5s;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .u14 {
      margin-bottom: 30px;
    }
  
    .u14 li {
      border-bottom: 1px solid #dfc3c3;
    }
  
    .u14 li a {
      padding: 50px 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
    }
  
    .u14 li .imgk {
      width: 319px;
      height: 239px;
    }
  
    .u14 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u14 li .info {
      width: 100%;
      flex: 1;
      padding-left: 70px;
      padding-right: 190px;
    }
  
    .u14 li .go {
      width: 58px;
      height: 57px;
      background: url(../imagesdj2.png) no-repeat center;
    }
  
    .u14 li .tit {
      font-size: 22px;
      font-weight: 600;
      margin-bottom: 15px;
      color: #333;
    }
  
    .u14 li .time {
      font-size: 14px;
      position: relative;
      padding-left: 30px;
      color: #999;
      margin-bottom: 20px;
    }
  
    .u14 li .time::after {
      position: absolute;
      content: '';
      width: 16px;
      height: 15px;
      background: url(../imagestime3.png) no-repeat center;
      left: 0;
      top: 2px;
    }
  
    .u14 li .txt {
      font-size: 18px;
      color: #666;
    }
  
    .u14 li a {
      padding: 50px 57px;
    }
  
    .u14 li .info {
      padding-right: 100px;
    }
  
    .u14 li:hover {
      color: #fff;
      background: url(../imagesimages/img20.jpg) no-repeat center;
      background-size: 100% 100%;
    }
  
    .u14 li:hover .time {
      color: #fff;
    }
  
    .u14 li:hover .time::after {
      background-image: url(../imagestime4.png);
    }
  
    .u14 li:hover .tit {
      color: #fff;
    }
  
    .u14 li:hover .txt {
      color: #fff;
    }
  
    .u14 li:hover .go {
      background-image: url(../imagesdj1.png);
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .u14 {
      margin-bottom: 0.3rem;
    }
  
    .u14 li {
      border-bottom: 1px solid #dfc3c3;
    }
  
    .u14 li a {
      padding: 0.5rem 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
    }
  
    .u14 li .imgk {
      width: 3.19rem;
      height: 2.39rem;
    }
  
    .u14 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u14 li .info {
      width: 100%;
      flex: 1;
      padding-left: 0.7rem;
      padding-right: 1.9rem;
    }
  
    .u14 li .go {
      width: 0.58rem;
      height: 0.57rem;
      background: url(../imagesdj2.png) no-repeat center;
      background-size: contain;
    }
  
    .u14 li .tit {
      font-size: 0.22rem;
      font-weight: 600;
      margin-bottom: 0.15rem;
      color: #333;
    }
  
    .u14 li .time {
      font-size: 0.14rem;
      position: relative;
      padding-left: 0.3rem;
      color: #999;
      margin-bottom: 0.2rem;
    }
  
    .u14 li .time::after {
      position: absolute;
      content: '';
      width: 0.16rem;
      height: 0.15rem;
      background: url(../imagestime3.png) no-repeat center;
      background-size: contain;
      left: 0;
      top: 0.02rem;
    }
  
    .u14 li .txt {
      font-size: 0.18rem;
      color: #666;
    }
  
    .u14 li a {
      padding: 0.5rem 0.57rem;
    }
  
    .u14 li .info {
      padding-right: 1rem;
    }
  
    .u14 li:hover {
      color: #fff;
      background: url(../imagesimages/img20.jpg) no-repeat center;
      background-size: 100% 100%;
    }
  
    .u14 li:hover .time {
      color: #fff;
    }
  
    .u14 li:hover .time::after {
      background-image: url(../imagestime4.png);
    }
  
    .u14 li:hover .tit {
      color: #fff;
    }
  
    .u14 li:hover .txt {
      color: #fff;
    }
  
    .u14 li:hover .go {
      background-image: url(../imagesdj1.png);
    }
  }
  
  @media only screen and (max-width: 800px) {
    .u14 {
      margin-bottom: 0.3rem;
    }
  
    .u14 li {
      border-bottom: 1px solid #dfc3c3;
    }
  
    .u14 li a {
      padding: 0.5rem 0;
      width: 100%;
      height: 100%;
      display: block;
    }
  
    .u14 li .imgk {
      width: 100%;
      height: 5rem;
    }
  
    .u14 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u14 li .info {
      width: 100%;
      flex: 1;
      padding: 0.1rem;
    }
  
    .u14 li .go {
      display: none;
    }
  
    .u14 li .tit {
      font-size: 0.3rem;
      font-weight: 600;
      margin-bottom: 0.1rem;
    }
  
    .u14 li .time {
      font-size: 0.24rem;
      position: relative;
      padding-left: 0.35rem;
      color: #999;
      margin-bottom: 0.2rem;
    }
  
    .u14 li .time::after {
      position: absolute;
      content: '';
      width: 0.24rem;
      height: 0.24rem;
      background: url(../imagestime3.png) no-repeat center;
      background-size: contain;
      left: 0;
      top: 0.06rem;
    }
  
    .u14 li .txt {
      font-size: 0.26rem;
      color: #666;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .u15 {
      margin-top: 50px;
    }
  
    .u15 li a {
      padding: 38px 0;
    }
  
    .u15 li .imgk {
      width: 240px;
      height: 180px;
    }
  
    .u15 li .info {
      padding-left: 50px;
      padding-right: 140px;
    }
  
    .u15 li .time {
      margin-bottom: 10px;
    }
  
    .u15 li:hover a {
      padding: 38px 40px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .u15 {
      margin-top: 0.5rem;
    }
  
    .u15 li a {
      padding: 0.38rem 0;
    }
  
    .u15 li .imgk {
      width: 2.4rem;
      height: 1.8rem;
    }
  
    .u15 li .info {
      padding-left: 0.5rem;
      padding-right: 1.4rem;
    }
  
    .u15 li .time {
      margin-bottom: 0.1rem;
    }
  
    .u15 li:hover a {
      padding: 0.38rem 0.4rem;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .u16 {
      margin-top: 50px;
    }
  
    .u16 li {
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.08);
      margin-bottom: 40px;
      background-color: #fff;
    }
  
    .u16 li a {
      display: flex;
      height: 100%;
      width: 100%;
      align-items: center;
    }
  
    .u16 li .imgk {
      width: 413px;
      height: 309px;
    }
  
    .u16 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u16 li .info {
      width: 100%;
      flex: 1;
      padding: 35px;
    }
  
    .u16 li .info .name {
      font-size: 22px;
      margin-bottom: 10px;
    }
  
    .u16 li .info .jj {
      font-size: 18px;
      border-bottom: 1px solid #eeeeee;
    }
  
    .u16 li .info .jj .tit {
      color: #333;
    }
  
    .u16 li .info .jj p {
      color: #999;
      margin-bottom: 25px;
    }
  
    .u16 li .info .view {
      margin-top: 17px;
      width: 108px;
      height: 26px;
      font-size: 14px;
      color: #fff;
      background-color: #c9151e;
      border-radius: 13px;
      padding: 0 15px;
      display: flex;
      align-items: center;
    }
  
    .u16 li .info .view img {
      margin-left: 5px;
      width: 16px;
      transition: all 0.5s;
    }
  
    .u16 li:hover .info img {
      transform: translateX(5px);
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .u16 {
      margin-top: 0.5rem;
    }
  
    .u16 li {
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.08);
      margin-bottom: 0.4rem;
      background-color: #fff;
    }
  
    .u16 li a {
      display: flex;
      height: 100%;
      width: 100%;
      align-items: center;
    }
  
    .u16 li .imgk {
      width: 4.13rem;
      height: 3.09rem;
    }
  
    .u16 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u16 li .info {
      width: 100%;
      flex: 1;
      padding: 0.35rem;
    }
  
    .u16 li .info .name {
      font-size: 0.22rem;
      margin-bottom: 0.1rem;
    }
  
    .u16 li .info .jj {
      font-size: 0.18rem;
      border-bottom: 1px solid #eeeeee;
    }
  
    .u16 li .info .jj .tit {
      color: #333;
    }
  
    .u16 li .info .jj p {
      color: #999;
      margin-bottom: 0.25rem;
    }
  
    .u16 li .info .view {
      margin-top: 0.17rem;
      width: 1.08rem;
      height: 0.26rem;
      font-size: 0.14rem;
      color: #fff;
      background-color: #c9151e;
      border-radius: 0.13rem;
      padding: 0 0.15rem;
      display: flex;
      align-items: center;
    }
  
    .u16 li .info .view img {
      margin-left: 0.05rem;
      width: 0.16rem;
      transition: all 0.5s;
    }
  
    .u16 li:hover .info img {
      transform: translateX(5px);
    }
  }
  
  @media only screen and (max-width: 800px) {
    .u16 {
      margin-top: 0.5rem;
    }
  
    .u16 li {
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.08);
      margin-bottom: 0.4rem;
      background-color: #fff;
    }
  
    .u16 li a {
      display: block;
      height: 100%;
      width: 100%;
    }
  
    .u16 li .imgk {
      width: 100%;
      height: 5.2rem;
    }
  
    .u16 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u16 li .info {
      width: 100%;
      flex: 1;
      padding: 0.3rem;
    }
  
    .u16 li .info .name {
      font-size: 0.3rem;
      margin-bottom: 0.1rem;
    }
  
    .u16 li .info .jj {
      font-size: 0.24rem;
      border-bottom: 1px solid #eeeeee;
    }
  
    .u16 li .info .jj .tit {
      color: #333;
    }
  
    .u16 li .info .jj p {
      color: #999;
      margin-bottom: 0.25rem;
    }
  
    .u16 li .info .view {
      margin-top: 0.17rem;
      font-size: 0.22rem;
      color: #fff;
      background-color: #c9151e;
      border-radius: 0.5rem;
      padding: 0.05rem 0.24rem;
      display: inline-flex;
      align-items: center;
    }
  
    .u16 li .info .view img {
      margin-left: 0.05rem;
      width: 0.16rem;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .gj-box {
      margin-top: 50px;
    }
  
    .qs {
      margin-bottom: 50px;
      font-size: 18px;
    }
  
    .qs .p1 {
      font-weight: 600;
      margin-bottom: 5px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .gj-box {
      margin-top: 0.5rem;
    }
  
    .qs {
      margin-bottom: 0.5rem;
      font-size: 0.18rem;
    }
  
    .qs .p1 {
      font-weight: 600;
      margin-bottom: 0.05rem;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .gj-box {
      margin-top: 0.3rem;
    }
  
    .qs {
      margin-bottom: 0.5rem;
      font-size: 0.26rem;
    }
  
    .qs .p1 {
      font-size: 0.3rem;
      font-weight: 600;
      margin-bottom: 0.05rem;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .u17 li {
      float: left;
      width: 288px;
      background-color: #f1f1f1;
      margin-right: 40px;
      margin-bottom: 35px;
    }
  
    .u17 li:nth-child(5n) {
      margin-right: 0;
    }
  
    .u17 li a {
      width: 100%;
      height: 100%;
      display: block;
      padding: 12px;
      text-align: center;
    }
  
    .u17 li .imgk {
      width: 262px;
      height: 344px;
    }
  
    .u17 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u17 li .name {
      font-size: 24px;
      margin-top: 10px;
      margin-bottom: 5px;
    }
  
    .u17 li p {
      font-size: 15px;
      color: #666666;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .u17 li {
      float: left;
      width: 2.88rem;
      background-color: #f1f1f1;
      margin-right: 0.4rem;
      margin-bottom: 0.35rem;
    }
  
    .u17 li:nth-child(5n) {
      margin-right: 0;
    }
  
    .u17 li a {
      width: 100%;
      height: 100%;
      display: block;
      padding: 0.12rem;
      text-align: center;
    }
  
    .u17 li .imgk {
      width: 2.62rem;
      height: 3.44rem;
    }
  
    .u17 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u17 li .name {
      font-size: 0.24rem;
      margin-top: 0.1rem;
      margin-bottom: 0.05rem;
    }
  
    .u17 li p {
      font-size: 0.15rem;
      color: #666666;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .u17 li {
      float: left;
      width: 49%;
      background-color: #f1f1f1;
      margin-right: 2%;
      margin-bottom: 0.35rem;
    }
  
    .u17 li:nth-child(2n) {
      margin-right: 0;
    }
  
    .u17 li a {
      width: 100%;
      height: 100%;
      display: block;
      padding: 0.12rem;
      text-align: center;
    }
  
    .u17 li .imgk {
      margin: 0 auto;
      width: 2.62rem;
      height: 3.44rem;
    }
  
    .u17 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u17 li .name {
      font-size: 0.3rem;
      margin-top: 0.1rem;
      margin-bottom: 0.05rem;
    }
  
    .u17 li p {
      font-size: 0.24rem;
      color: #666666;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .sec .ss-ipt {
      margin: 0 auto;
      width: 1300px;
    }
  
    .sec .ss-ipt .s-ipt {
      margin-bottom: 20px;
      width: 1300px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 1px solid #c9151e;
      border-radius: 10px;
      overflow: hidden;
    }
  
    .sec .ss-ipt .ipt {
      flex: 1;
      width: 100%;
      height: 100%;
    }
  
    .sec .ss-ipt .ipt input {
      font-size: 20px;
      width: 100%;
      height: 100%;
      padding: 0 15px;
      background-color: #fff;
      color: #333;
    }
  
    .sec .ss-ipt .btn {
      cursor: pointer;
      width: 180px;
      height: 100%;
      background-color: #c9151e;
      color: #fff;
      text-align: center;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
    }
  
    .sec .ss-ipt .btn img {
      display: inline-block;
      margin-right: 10px;
    }
  
    .sec .ss-txt {
      display: flex;
      align-items: center;
      font-size: 18px;
    }
  
    .sec .ss-txt a {
      opacity: 0.4;
      margin-left: 30px;
    }
  
    .sec .ss-txt a:hover {
      opacity: 1;
    }
  
    .sec .ss-tab {
      margin-top: 45px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }
  
    .sec .ss-tab li {
      cursor: pointer;
      font-size: 20px;
      width: 100px;
      height: 40px;
      border-radius: 8px;
      text-align: center;
      line-height: 40px;
      margin-right: 0.5rem;
    }
  
    .sec .ss-tab li:last-child {
      margin-right: 0;
    }
  
    .sec .ss-tab li:hover,
    .sec .ss-tab li.on {
      background-color: #c9151e;
      color: #fff;
    }
  
    .sec .search-info {
      margin-top: 20px;
      padding: 55px 42px;
      background-color: #f6f6f6;
      border-top: 1px solid #c9151e;
    }
  
    .sec .per-info .per-item {
      float: left;
      width: 742px;
      background-color: #fff;
      padding: 25px;
      margin-right: 20px;
      margin-bottom: 30px;
    }
  
    .sec .per-info .per-item:nth-child(2n) {
      margin-right: 0;
    }
  
    .sec .per-info .per-item a {
      display: flex;
      width: 100%;
      height: 100%;
    }
  
    .sec .per-info .per-item .imgk {
      width: 175px;
      height: 244px;
    }
  
    .sec .per-info .per-item .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .sec .per-info .per-item .info {
      width: 100%;
      flex: 1;
      margin-left: 22px;
    }
  
    .sec .per-info .per-item .info .name {
      display: flex;
      align-items: flex-end;
      font-size: 18px;
      margin-bottom: 5px;
    }
  
    .sec .per-info .per-item .info .name p {
      margin-right: 20px;
      color: #c9151e;
    }
  
    .sec .per-info .per-item .info .name p span {
      margin-right: 20px;
      font-size: 24px;
      font-weight: 600;
    }
  
    .sec .per-info .per-item .info .jj {
      border-top: 1px solid #dfdfdf;
      padding-top: 10px;
      font-size: 18px;
    }
  
    .sec .per-info .per-item .info .jj p {
      margin-top: 10px;
      word-break: break-all;
    }
  
    .sec .per-info .per-item:hover {
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.08);
    }
  
    .sec .ss-list li {
      border-bottom: 1px dashed #e1e1e1;
    }
  
    .sec .ss-list li a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      min-height: 86px;
      padding: 10px 20px;
      color: #333;
    }
  
    .sec .ss-list li img {
      width: 25px;
      height: 17px;
    }
  
    .sec .ss-list li .tit {
      width: 100%;
      flex: 1;
      padding: 0 22px;
      font-size: 20px;
    }
  
    .sec .ss-list li .type {
      display: inline-block;
      background: #dcc19c;
      padding: 2px 10px;
      border-radius: 30px;
      font-size: 16px;
      color: #fff;
      margin-left: 15px;
    }
  
    .sec .ss-list li .time {
      font-size: 18px;
    }
  
    .sec .ss-list li:hover {
      background-color: #fff;
    }
  
    .sec .ss-list li:hover .tit {
      font-weight: 600;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .sec .ss-ipt {
      margin: 0 auto;
      width: 13rem;
    }
  
    .sec .ss-ipt .s-ipt {
      margin-bottom: 0.2rem;
      width: 13rem;
      height: 0.6rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 1px solid #c9151e;
      border-radius: 0.1rem;
      overflow: hidden;
    }
  
    .sec .ss-ipt .ipt {
      flex: 1;
      width: 100%;
      height: 100%;
    }
  
    .sec .ss-ipt .ipt input {
      font-size: 0.2rem;
      width: 100%;
      height: 100%;
      padding: 0 0.15rem;
      background-color: #fff;
      color: #333;
    }
  
    .sec .ss-ipt .btn {
      cursor: pointer;
      width: 1.8rem;
      height: 100%;
      background-color: #c9151e;
      color: #fff;
      text-align: center;
      border-radius: 0.08rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.26rem;
    }
  
    .sec .ss-ipt .btn img {
      width: 0.26rem;
      display: inline-block;
      margin-right: 0.1rem;
    }
  
    .sec .ss-txt {
      display: flex;
      align-items: center;
      font-size: 0.18rem;
    }
  
    .sec .ss-txt a {
      opacity: 0.4;
      margin-left: 0.3rem;
    }
  
    .sec .ss-txt a:hover {
      opacity: 1;
    }
  
    .sec .ss-tab {
      margin-top: 0.45rem;
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }
  
    .sec .ss-tab li {
      cursor: pointer;
      font-size: 0.2rem;
      width: 1rem;
      height: 0.4rem;
      border-radius: 0.08rem;
      text-align: center;
      line-height: 0.4rem;
      margin-right: 0.5rem;
    }
  
    .sec .ss-tab li:last-child {
      margin-right: 0;
    }
  
    .sec .ss-tab li:hover,
    .sec .ss-tab li.on {
      background-color: #c9151e;
      color: #fff;
    }
  
    .sec .search-info {
      margin-top: 0.2rem;
      padding: 0.55rem 0.42rem;
      background-color: #f6f6f6;
      border-top: 1px solid #c9151e;
    }
  
    .sec .per-info .per-item {
      float: left;
      width: 7.42rem;
      background-color: #fff;
      padding: 0.25rem;
      margin-right: 0.2rem;
      margin-bottom: 0.3rem;
    }
  
    .sec .per-info .per-item:nth-child(2n) {
      margin-right: 0;
    }
  
    .sec .per-info .per-item a {
      display: flex;
      width: 100%;
      height: 100%;
    }
  
    .sec .per-info .per-item .imgk {
      width: 1.75rem;
      height: 2.44rem;
    }
  
    .sec .per-info .per-item .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .sec .per-info .per-item .info {
      width: 100%;
      flex: 1;
      margin-left: 0.22rem;
    }
  
    .sec .per-info .per-item .info .name {
      display: flex;
      align-items: flex-end;
      font-size: 0.18rem;
      margin-bottom: 0.05rem;
    }
  
    .sec .per-info .per-item .info .name p {
      margin-right: 0.2rem;
      color: #c9151e;
    }
  
    .sec .per-info .per-item .info .name p span {
      margin-right: 0.2rem;
      font-size: 0.24rem;
      font-weight: 600;
    }
  
    .sec .per-info .per-item .info .jj {
      border-top: 1px solid #dfdfdf;
      padding-top: 0.1rem;
      font-size: 0.18rem;
    }
  
    .sec .per-info .per-item .info .jj p {
      margin-top: 0.1rem;
      word-break: break-all;
    }
  
    .sec .per-info .per-item:hover {
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.08);
    }
  
    .sec .ss-list li {
      border-bottom: 1px dashed #e1e1e1;
    }
  
    .sec .ss-list li a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      min-height: 0.86rem;
      padding: 0.1rem 0.2rem;
      color: #333;
    }
  
    .sec .ss-list li img {
      width: 0.25rem;
      height: 0.17rem;
    }
  
    .sec .ss-list li .tit {
      width: 100%;
      flex: 1;
      padding: 0 0.22rem;
      font-size: 0.2rem;
    }
  
    .sec .ss-list li .type {
      display: inline-block;
      background: #dcc19c;
      padding: 2px 0.1rem;
      border-radius: 0.3rem;
      font-size: 0.16rem;
      color: #fff;
      margin-left: 0.15rem;
    }
  
    .sec .ss-list li .time {
      font-size: 0.18rem;
    }
  
    .sec .ss-list li:hover {
      background-color: #fff;
    }
  
    .sec .ss-list li:hover .tit {
      font-weight: 600;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .sec .ss-ipt {
      margin: 0 auto;
      width: 100%;
    }
  
    .sec .ss-ipt .s-ipt {
      margin-bottom: 0.2rem;
      width: 100%;
      height: 0.6rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 1px solid #c9151e;
      border-radius: 0.1rem;
      overflow: hidden;
    }
  
    .sec .ss-ipt .ipt {
      flex: 1;
      width: 100%;
      height: 100%;
    }
  
    .sec .ss-ipt .ipt input {
      font-size: 0.24rem;
      width: 100%;
      height: 100%;
      padding: 0 0.15rem;
      background-color: #fff;
      color: #333;
    }
  
    .sec .ss-ipt .btn {
      cursor: pointer;
      width: 1.8rem;
      height: 100%;
      background-color: #c9151e;
      color: #fff;
      text-align: center;
      border-radius: 0.08rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.26rem;
    }
  
    .sec .ss-ipt .btn img {
      width: 0.26rem;
      display: inline-block;
      margin-right: 0.1rem;
    }
  
    .sec .ss-txt {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      font-size: 0.24rem;
    }
  
    .sec .ss-txt a {
      opacity: 0.4;
      margin-left: 0.2rem;
    }
  
    .sec .ss-txt a:hover {
      opacity: 1;
    }
  
    .sec .ss-tab {
      margin-top: 0.45rem;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
  
    .sec .ss-tab li {
      margin-bottom: 10px;
      cursor: pointer;
      font-size: 0.24rem;
      width: 1.35rem;
      height: 0.6rem;
      border-radius: 0.08rem;
      text-align: center;
      line-height: 0.6rem;
    }
  
    .sec .ss-tab li.on {
      background-color: #c9151e;
      color: #fff;
    }
  
    .sec .search-info {
      margin-top: 0.2rem;
      padding: 0.3rem;
      background-color: #f6f6f6;
      border-top: 1px solid #c9151e;
    }
  
    .sec .per-info .per-item {
      float: left;
      width: 100%;
      background-color: #fff;
      padding: 0.25rem;
      margin-bottom: 0.3rem;
    }
  
    .sec .per-info .per-item a {
      display: flex;
      width: 100%;
      height: 100%;
    }
  
    .sec .per-info .per-item .imgk {
      width: 1.75rem;
      height: 2.44rem;
    }
  
    .sec .per-info .per-item .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .sec .per-info .per-item .info {
      width: 100%;
      flex: 1;
      margin-left: 0.22rem;
    }
  
    .sec .per-info .per-item .info .name {
      font-size: 0.24rem;
      margin-bottom: 0.05rem;
    }
  
    .sec .per-info .per-item .info .name p {
      margin-right: 0.2rem;
      color: #c9151e;
    }
  
    .sec .per-info .per-item .info .name p span {
      margin-right: 0.2rem;
      font-size: 0.28rem;
      font-weight: 600;
    }
  
    .sec .per-info .per-item .info .jj {
      border-top: 1px solid #dfdfdf;
      padding-top: 0.1rem;
      font-size: 0.24rem;
    }
  
    .sec .per-info .per-item .info .jj p {
      margin-top: 0.1rem;
      word-break: break-all;
    }
  
    .sec .per-info .per-item:hover {
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.08);
    }
  
    .sec .ss-list li {
      border-bottom: 1px dashed #e1e1e1;
    }
  
    .sec .ss-list li a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      min-height: 0.86rem;
      padding: 0.1rem 0.2rem;
      color: #333;
    }
  
    .sec .ss-list li img {
      width: 0.25rem;
      height: 0.17rem;
    }
  
    .sec .ss-list li .tit {
      width: 100%;
      flex: 1;
      padding: 0 0.22rem;
      font-size: 0.26rem;
    }
  
    .sec .ss-list li .type {
      display: inline-block;
      background: #dcc19c;
      padding: 1px 0.1rem;
      border-radius: 0.3rem;
      font-size: 0.2rem;
      color: #fff;
      margin-left: 0.15rem;
    }
  
    .sec .ss-list li .time {
      font-size: 0.24rem;
    }
  
    .sec .ss-list li:hover {
      background-color: #fff;
    }
  
    .sec .ss-list li:hover .tit {
      font-weight: 600;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .jsjj {
      width: 1465px;
      margin: 0 auto;
    }
  
    .js-info {
      display: flex;
      align-items: center;
      padding: 43px 55px;
      background: url(../imagesjsinfo.jpg) no-repeat center;
      background-size: 100% 100%;
    }
  
    .js-info .imgk {
      width: 196px;
      height: 255px;
      position: relative;
    }
  
    .js-info .imgk::after {
      content: '';
      position: absolute;
      left: -10px;
      bottom: -10px;
      width: 100%;
      height: 100%;
      background: url(../imagesjsbg.jpg) no-repeat center;
      background-size: 100% 100%;
    }
  
    .js-info .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: relative;
      z-index: 2;
    }
  
    .js-info .txt {
      width: 100%;
      flex: 1;
      padding-left: 40px;
    }
  
    .js-info .txt .tit {
      margin-bottom: 10px;
      display: flex;
      align-items: flex-end;
    }
  
    .js-info .txt .tit p {
      font-size: 28px;
      margin-right: 20px;
    }
  
    .js-info .txt .tit span {
      font-size: 20px;
    }
  
    .js-info .txt .detail {
      font-size: 16px;
    }
  
    .js-info .txt .detail p {
      margin-bottom: 5px;
      word-break: break-all;
    }
  
    .js-box {
      margin-top: 45px;
    }
  
    .js-box .js-tab {
      display: flex;
    }
  
    .js-box .js-tab .item {
      margin-right: 10px;
      background: url(../imagesjs-tab1_03.jpg) no-repeat center;
      background-size: 100% 100%;
      font-size: 22px;
      font-weight: 600;
      color: #fff;
      height: 60px;
      line-height: 60px;
      width: 238px;
      text-align: center;
      cursor: pointer;
    }
  
    .js-box .js-tab .item:last-child {
      margin-right: 0;
    }
  
    .js-box .js-tab .item.on {
      background-image: url(../imagesjs-tab2_03.jpg);
    }
  
    .js-box .js-box-item {
      display: none;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.05);
      padding: 50px 70px;
      background-color: #fff;
      line-height: 2;
    }
  
    .js-box .js-box-item.on {
      display: block;
    }
  
    .js-box .js-box-item p {
      font-size: 18px;
    }
  
    .js-list .js-item {
      margin-top: 45px;
    }
  
    .js-list .js-item .tit {
      height: 42px;
      font-size: 20px;
      color: #fff;
      font-weight: 600;
      line-height: 42px;
      border-top: 1px solid #e4757b;
      background-color: #ebebeb;
      cursor: pointer;
      position: relative;
    }
  
    .js-list .js-item .tit p {
      background: url(../imagesjs-i1.png) no-repeat center;
      background-size: 100% 100%;
      display: inline-block;
      height: 42px;
      padding-left: 24px;
      padding-right: 25px;
      position: relative;
      left: 0;
      top: -2px;
      font-size: 20px;
    }
  
    .js-list .js-item .tit::after {
      position: absolute;
      content: '';
      right: 15px;
      top: 15px;
      transition: all 0.2s;
      width: 17px;
      height: 11px;
      background: url(../imagesjs-t.png) no-repeat center;
      background-size: 100% 100%;
    }
  
    .js-list .js-item .tit.on::after {
      transform: scale(-1);
    }
  
    .js-list .js-item .detail {
      display: none;
      padding: 20px 0;
      font-size: 18px;
    }
  
    .js-list .js-item .detail.on {
      display: block;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .jsjj {
      width: 14.65rem;
      margin: 0 auto;
    }
  
    .js-info {
      display: flex;
      align-items: center;
      padding: 0.43rem 0.55rem;
      background: url(../imagesjsinfo.jpg) no-repeat center;
      background-size: 100% 100%;
    }
  
    .js-info .imgk {
      width: 1.96rem;
      height: 2.55rem;
      position: relative;
    }
  
    .js-info .imgk::after {
      content: '';
      position: absolute;
      left: -0.1rem;
      bottom: -0.1rem;
      width: 100%;
      height: 100%;
      background: url(../imagesjsbg.jpg) no-repeat center;
      background-size: 100% 100%;
    }
  
    .js-info .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: relative;
      z-index: 2;
    }
  
    .js-info .txt {
      width: 100%;
      flex: 1;
      padding-left: 0.4rem;
    }
  
    .js-info .txt .tit {
      margin-bottom: 0.1rem;
      display: flex;
      align-items: flex-end;
    }
  
    .js-info .txt .tit p {
      font-size: 0.28rem;
      margin-right: 0.2rem;
    }
  
    .js-info .txt .tit span {
      font-size: 0.2rem;
    }
  
    .js-info .txt .detail {
      font-size: 0.16rem;
    }
  
    .js-info .txt .detail p {
      margin-bottom: 0.05rem;
      word-break: break-all;
    }
  
    .js-box {
      margin-top: 0.45rem;
    }
  
    .js-box .js-tab {
      display: flex;
    }
  
    .js-box .js-tab .item {
      margin-right: 0.1rem;
      background: url(../imagesjs-tab1_03.jpg) no-repeat center;
      background-size: 100% 100%;
      font-size: 0.22rem;
      font-weight: 600;
      color: #fff;
      height: 0.6rem;
      line-height: 0.6rem;
      width: 2.38rem;
      text-align: center;
      cursor: pointer;
    }
  
    .js-box .js-tab .item:last-child {
      margin-right: 0;
    }
  
    .js-box .js-tab .item.on {
      background-image: url(../imagesjs-tab2_03.jpg);
    }
  
    .js-box .js-box-item {
      display: none;
      font-size: 0.18rem;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.05);
      padding: 0.5rem 0.7rem;
      background-color: #fff;
      line-height: 2;
    }
  
    .js-box .js-box-item.on {
      display: block;
    }
  
    .js-list .js-item {
      margin-top: 0.45rem;
    }
  
    .js-list .js-item .tit {
      height: 0.42rem;
      font-size: 0.2rem;
      color: #fff;
      font-weight: 600;
      line-height: 0.42rem;
      border-top: 1px solid #e4757b;
      background-color: #ebebeb;
      cursor: pointer;
      position: relative;
    }
  
    .js-list .js-item .tit p {
      background: url(../imagesjs-i1.png) no-repeat center;
      background-size: 100% 100%;
      display: inline-block;
      height: 0.42rem;
      padding-left: 0.24rem;
      padding-right: 0.25rem;
      position: relative;
      left: 0;
      top: -0.02rem;
      font-size: 0.2rem;
    }
  
    .js-list .js-item .tit::after {
      position: absolute;
      content: '';
      right: 0.15rem;
      top: 0.15rem;
      transition: all 0.2s;
      width: 0.17rem;
      height: 0.11rem;
      background: url(../imagesjs-t.png) no-repeat center;
      background-size: 100% 100%;
    }
  
    .js-list .js-item .tit.on::after {
      transform: scale(-1);
    }
  
    .js-list .js-item .detail {
      display: none;
      padding: 0.2rem 0;
      font-size: 0.18rem;
    }
  
    .js-list .js-item .detail.on {
      display: block;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .jsjj {
      background-color: #fff;
      padding: 0.3rem;
    }
  
    .js-info {
      display: flex;
      align-items: center;
      padding: 0.3rem;
      background: url(../imagesjsinfo.jpg) no-repeat center;
      background-size: 100% 100%;
    }
  
    .js-info .imgk {
      width: 1.96rem;
      height: 2.55rem;
      position: relative;
    }
  
    .js-info .imgk::after {
      content: '';
      position: absolute;
      left: -0.1rem;
      bottom: -0.1rem;
      width: 100%;
      height: 100%;
      background: url(../imagesjsbg.jpg) no-repeat center;
      background-size: 100% 100%;
    }
  
    .js-info .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: relative;
      z-index: 2;
    }
  
    .js-info .txt {
      width: 100%;
      flex: 1;
      padding-left: 0.3rem;
    }
  
    .js-info .txt .tit {
      margin-bottom: 0.1rem;
      display: flex;
      align-items: flex-end;
    }
  
    .js-info .txt .tit p {
      font-size: 0.28rem;
      margin-right: 0.2rem;
    }
  
    .js-info .txt .tit span {
      font-size: 0.22rem;
    }
  
    .js-info .txt .detail {
      font-size: 0.22rem;
    }
  
    .js-info .txt .detail p {
      margin-bottom: 0.05rem;
      word-break: break-all;
    }
  
    .js-box {
      margin-top: 0.45rem;
    }
  
    .js-box .js-tab {
      display: flex;
      justify-content: space-between;
    }
  
    .js-box .js-tab .item {
      background: url(../imagesjs-tab1_03.jpg) no-repeat center;
      background-size: 100% 100%;
      font-size: 0.22rem;
      font-weight: 600;
      color: #fff;
      height: 0.6rem;
      line-height: 0.6rem;
      width: 2.38rem;
      text-align: center;
      cursor: pointer;
    }
  
    .js-box .js-tab .item.on {
      background-image: url(../imagesjs-tab2_03.jpg);
    }
  
    .js-box .js-box-item {
      display: none;
      font-size: 0.24rem;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.05);
      padding: 0.3rem;
      background-color: #fff;
      line-height: 2;
    }
  
    .js-box .js-box-item.on {
      display: block;
    }
  
    .js-list .js-item {
      margin-top: 0.3rem;
    }
  
    .js-list .js-item .tit {
      height: 0.5rem;
      font-size: 0.24rem;
      color: #fff;
      font-weight: 600;
      line-height: 0.5rem;
      border-top: 1px solid #e4757b;
      background-color: #ebebeb;
      cursor: pointer;
      position: relative;
    }
  
    .js-list .js-item .tit p {
      background: url(../imagesjs-i1.png) no-repeat center;
      background-size: 100% 100%;
      display: inline-block;
      height: 0.5rem;
      padding-left: 0.24rem;
      padding-right: 0.25rem;
      position: relative;
      left: 0;
      top: -0.02rem;
      font-size: 0.24rem;
    }
  
    .js-list .js-item .tit::after {
      position: absolute;
      content: '';
      right: 0.15rem;
      top: 0.18rem;
      transition: all 0.2s;
      width: 0.17rem;
      height: 0.11rem;
      background: url(../imagesjs-t.png) no-repeat center;
      background-size: 100% 100%;
    }
  
    .js-list .js-item .tit.on::after {
      transform: scale(-1);
    }
  
    .js-list .js-item .detail {
      display: none;
      padding: 0.2rem 0;
      font-size: 0.24rem;
    }
  
    .js-list .js-item .detail.on {
      display: block;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .ny-search {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .ny-search.ny-search2 .sel select {
      background-image: url(../imagessel2.png);
    }
  
    .ny-search.ny-search2 .ss {
      background-color: #c9151e;
    }
  
    .ny-search .sel select {
      width: 320px;
      padding: 0 15px;
      background: url(../imagessel.png) no-repeat 95% center;
      height: 54px;
      border: 1px solid #d3d3d3;
      border-radius: 6px;
      -webkit-appearance: none;
      outline: none;
      font-size: 18px;
    }
  
    .ny-search .sel.sel3 select {
      width: 475px;
    }
  
    .ny-search .ipt input {
      padding: 0 15px;
      border: 1px solid #d3d3d3;
      width: 728px;
      height: 54px;
      font-size: 18px;
      border-radius: 6px;
    }
  
    .ny-search .ss {
      cursor: pointer;
      font-size: 18px;
      color: #fff;
      text-align: center;
      width: 158px;
      height: 54px;
      line-height: 54px;
      background-color: #c9151e;
      border-radius: 6px;
    }
  
    .ss4,
    .ss3 {
      margin-bottom: 20px;
    }
  
    .ss4 span,
    .ss3 span {
      font-size: 26px;
    }
  
    .ss4 .sel2,
    .ss3 .sel2 {
      position: relative;
    }
  
    .ss4 .sel2::after,
    .ss3 .sel2::after {
      content: '*';
      position: absolute;
      right: -15px;
      top: 8px;
      font-size: 28px;
      color: #c9151e;
    }
  
    .ss4 .ipt2 input,
    .ss3 .ipt2 input {
      width: 1228px;
    }
  
    .xy-ml {
      margin-top: 90px;
    }
  
    .xy-ml .ml-box {
      background-color: #fff;
      position: relative;
      padding: 70px 60px 0 60px;
      border: 1px solid #c9151e;
      margin-bottom: 90px;
    }
  
    .xy-ml .ml-box:last-child {
      margin-bottom: 0;
    }
  
    .xy-ml .ml-box .tit {
      position: absolute;
      top: -40px;
      left: -1px;
      width: 1600px;
      height: 60px;
      line-height: 60px;
      font-size: 18px;
      font-weight: 600;
      color: #fff;
      background: url(../imagesml.png) no-repeat center;
      background-size: 100% 100%;
      padding: 0 30px;
    }
  
    .xy-ml .ml-box .tit span {
      margin-right: 60px;
    }
  
    .xy-ml .ml-box .ml-list {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
  
    .xy-ml .ml-box .item {
      margin-bottom: 40px;
      margin-right: 29px;
      width: 155px;
      line-height: 30px;
      font-size: 18px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .ny-search {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .ny-search.ny-search2 .sel select {
      background-image: url(../imagessel2.png);
    }
  
    .ny-search.ny-search2 .ss {
      background-color: #c9151e;
    }
  
    .ny-search .sel select {
      width: 3.2rem;
      padding: 0 0.15rem;
      background: url(../imagessel.png) no-repeat 95% center #fff;
      height: 0.54rem;
      border: 1px solid #d3d3d3;
      border-radius: 0.06rem;
      -webkit-appearance: none;
      outline: none;
      font-size: 0.18rem;
    }
  
    .ny-search .sel.sel3 select {
      width: 4.75rem;
    }
  
    .ny-search .ipt input {
      padding: 0 0.15rem;
      border: 1px solid #d3d3d3;
      width: 7.28rem;
      height: 0.54rem;
      font-size: 0.18rem;
      border-radius: 0.06rem;
      background-color: #fff;
    }
  
    .ny-search .ss {
      cursor: pointer;
      font-size: 0.18rem;
      color: #fff;
      text-align: center;
      width: 1.58rem;
      height: 0.54rem;
      line-height: 0.54rem;
      background-color: #c9151e;
      border-radius: 0.06rem;
    }
  
    .ss4,
    .ss3 {
      margin-bottom: 0.2rem;
    }
  
    .ss4 span,
    .ss3 span {
      font-size: 0.26rem;
    }
  
    .ss4 .sel2,
    .ss3 .sel2 {
      position: relative;
    }
  
    .ss4 .sel2::after,
    .ss3 .sel2::after {
      content: '*';
      position: absolute;
      right: -0.15rem;
      top: 0.08rem;
      font-size: 0.28rem;
      color: #c9151e;
    }
  
    .ss4 .ipt2 input,
    .ss3 .ipt2 input {
      width: 12.28rem;
    }
  
    .xy-ml {
      margin-top: 0.9rem;
    }
  
    .xy-ml .ml-box {
      background-color: #fff;
      position: relative;
      padding: 0.7rem 0.6rem 0 0.6rem;
      border: 1px solid #c9151e;
      margin-bottom: 0.9rem;
    }
  
    .xy-ml .ml-box:last-child {
      margin-bottom: 0;
    }
  
    .xy-ml .ml-box .tit {
      position: absolute;
      top: -0.4rem;
      left: -1px;
      width: 16rem;
      height: 0.6rem;
      line-height: 0.6rem;
      font-size: 0.18rem;
      font-weight: 600;
      color: #fff;
      background: url(../imagesml.png) no-repeat center;
      background-size: 100% 100%;
      padding: 0 0.3rem;
    }
  
    .xy-ml .ml-box .tit span {
      margin-right: 0.6rem;
    }
  
    .xy-ml .ml-box .ml-list {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
  
    .xy-ml .ml-box .item {
      margin-bottom: 0.4rem;
      margin-right: 0.29rem;
      width: 1.55rem;
      line-height: 0.3rem;
      font-size: 0.18rem;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .ny-search.ny-search2 .sel select {
      background-image: url(../imagessel2.png);
    }
  
    .ny-search.ny-search2 .ss {
      background-color: #c9151e;
    }
  
    .ny-search .sel select {
      width: 100%;
      padding: 0 0.15rem;
      background: url(../imagessel.png) no-repeat 95% center;
      height: 0.65rem;
      border: 1px solid #d3d3d3;
      border-radius: 0.06rem;
      -webkit-appearance: none;
      outline: none;
      font-size: 0.24rem;
      margin-bottom: 10px;
    }
  
    .ny-search .ipt input {
      padding: 0 0.15rem;
      border: 1px solid #d3d3d3;
      width: 100%;
      height: 0.65rem;
      font-size: 0.24rem;
      border-radius: 0.06rem;
      margin-bottom: 10px;
    }
  
    .ny-search .ss {
      cursor: pointer;
      font-size: 0.24rem;
      color: #fff;
      text-align: center;
      width: 2rem;
      height: 0.65rem;
      line-height: 0.65rem;
      background-color: #c9151e;
      border-radius: 0.06rem;
    }
  
    .ss4,
    .ss3 {
      margin-bottom: 0.2rem;
    }
  
    .ss4 span,
    .ss3 span {
      font-size: 0.28rem;
    }
  
    .ss4 .sel2,
    .ss3 .sel2 {
      position: relative;
    }
  
    .ss4 .sel2::after,
    .ss3 .sel2::after {
      content: '*';
      position: absolute;
      right: -0.15rem;
      top: 0.05rem;
      font-size: 0.28rem;
      color: #c9151e;
    }
  
    .xy-ml {
      margin-top: 0.7rem;
    }
  
    .xy-ml .ml-box {
      background-color: #fff;
      position: relative;
      padding: 0.5rem 0.3rem 0 0.3rem;
      border: 1px solid #c9151e;
      margin-bottom: 0.5rem;
    }
  
    .xy-ml .ml-box:last-child {
      margin-bottom: 0;
    }
  
    .xy-ml .ml-box .tit {
      position: absolute;
      top: -0.2rem;
      left: 0;
      width: 100%;
      height: 0.6rem;
      line-height: 0.6rem;
      font-size: 0.22rem;
      color: #fff;
      background: url(../imagesml.png) no-repeat center;
      background-size: 100% 100%;
      padding: 0 0.2rem;
    }
  
    .xy-ml .ml-box .ml-lsit {
      display: flex;
      flex-wrap: wrap;
    }
  
    .xy-ml .ml-box .ml-list {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
  
    .xy-ml .ml-box .item {
      margin-bottom: 0.2rem;
      margin-right: 0.2rem;
      text-align: center;
      width: 1.8rem;
      line-height: 0.35rem;
      font-size: 0.22rem;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .u18 li {
      width: 100%;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.08);
      background-color: #fff;
      margin-bottom: 45px;
    }
  
    .u18 li a {
      display: flex;
      width: 100%;
      height: 100%;
    }
  
    .u18 li .imgk {
      width: 546px;
      height: 409px;
    }
  
    .u18 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u18 li .txt {
      width: 100%;
      flex: 1;
      font-size: 18px;
      padding: 70px 45px;
      padding-bottom: 10px;
    }
  
    .u18 li .txt .name {
      font-size: 30px;
      margin-bottom: 20px;
    }
  
    .u18 li .txt .jz {
      padding-bottom: 30px;
      border-bottom: 1px solid #eee;
    }
  
    .u18 li .txt .tit {
      color: #333;
    }
  
    .u18 li .txt p {
      color: #999;
    }
  
    .u18 li .txt .more {
      margin-top: 20px;
      width: 122px;
      height: 35px;
      line-height: 35px;
      display: flex;
      align-items: center;
      background-color: #c9151e;
      border-radius: 20px;
      padding: 2px 15px;
      font-size: 14px;
      color: #fff;
    }
  
    .u18 li .txt .more img {
      margin-left: 10px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .u18 li {
      width: 100%;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.08);
      background-color: #fff;
      margin-bottom: 0.45rem;
    }
  
    .u18 li a {
      display: flex;
      width: 100%;
      height: 100%;
    }
  
    .u18 li .imgk {
      width: 5.46rem;
      height: 4.09rem;
    }
  
    .u18 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u18 li .txt {
      width: 100%;
      flex: 1;
      font-size: 0.18rem;
      padding: 0.7rem 0.45rem;
      padding-bottom: 0.1rem;
    }
  
    .u18 li .txt .name {
      font-size: 0.3rem;
      margin-bottom: 0.2rem;
    }
  
    .u18 li .txt .jz {
      padding-bottom: 0.3rem;
      border-bottom: 1px solid #eee;
    }
  
    .u18 li .txt .tit {
      color: #333;
    }
  
    .u18 li .txt p {
      color: #999;
    }
  
    .u18 li .txt .more {
      margin-top: 0.2rem;
      width: 1.22rem;
      height: 0.35rem;
      line-height: 0.35rem;
      display: flex;
      align-items: center;
      background-color: #c9151e;
      border-radius: 0.2rem;
      padding: 2px 0.15rem;
      font-size: 0.14rem;
      color: #fff;
    }
  
    .u18 li .txt .more img {
      width: 0.21rem;
      margin-left: 0.1rem;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .u18 li {
      width: 100%;
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.08);
      background-color: #fff;
      margin-bottom: 0.45rem;
    }
  
    .u18 li a {
      display: block;
      width: 100%;
      height: 100%;
    }
  
    .u18 li .imgk {
      width: 100%;
      height: 5rem;
    }
  
    .u18 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u18 li .txt {
      width: 100%;
      flex: 1;
      font-size: 0.24rem;
      padding: 0.3rem;
    }
  
    .u18 li .txt .name {
      font-size: 0.3rem;
      margin-bottom: 0.2rem;
    }
  
    .u18 li .txt .jz {
      padding-bottom: 0.3rem;
      border-bottom: 1px solid #eee;
    }
  
    .u18 li .txt .tit {
      color: #333;
    }
  
    .u18 li .txt p {
      color: #999;
    }
  
    .u18 li .txt .more {
      margin-top: 0.2rem;
      width: 1.5rem;
      height: 0.35rem;
      line-height: 0.35rem;
      display: flex;
      align-items: center;
      background-color: #c9151e;
      border-radius: 0.2rem;
      padding: 2px 0.15rem;
      font-size: 0.22rem;
      color: #fff;
    }
  
    .u18 li .txt .more img {
      width: 0.21rem;
      margin-left: 0.1rem;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .xwzx {
      padding-top: 10px;
    }
  
    .news-tab {
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid #e31901;
      margin-bottom: 75px;
    }
  
    .news-tab li {
      font-size: 20px;
      position: relative;
    }
  
    .news-tab li:last-child::after {
      width: 0;
      height: 0;
    }
  
    .news-tab li::after {
      content: '';
      position: absolute;
      right: 0;
      top: 30px;
      background: url(../imagesdian.png) no-repeat center;
      background-size: contain;
      width: 8px;
      height: 8px;
    }
  
    .news-tab li a {
      display: block;
      color: #c9151e;
      margin: 0 60px;
      height: 70px;
      line-height: 70px;
    }
  
    .news-tab li.on {
      font-size: 30px;
      font-weight: 600;
    }
  
    .news-tit {
      text-align: center;
      margin-bottom: 40px;
      font-size: 42px;
      line-height: 56px;
      color: #c9151e;
      font-weight: 600;
    }
  
    .news-tit img {
      width: 56px;
      height: 56px;
      margin-right: 15px;
      vertical-align: top;
    }
  
    .news-tit2 {
      font-size: 20px;
      text-align: center;
      position: relative;
      border-bottom: 5px solid #fccdcd;
      padding-bottom: 25px;
      margin-bottom: 60px;
    }
  
    .list-type {
      position: absolute;
      right: 0;
      bottom: 30px;
      display: flex;
      align-items: center;
    }
  
    .list-type li {
      margin-left: 20px;
      cursor: pointer;
    }
  
    .list-type li img {
      width: 25px;
      height: 25px;
    }
  
    .list-type li .img1 {
      display: none;
    }
  
    .list-type li .img2 {
      display: block;
    }
  
    .list-type li.on .img2 {
      display: none;
    }
  
    .list-type li.on .img1 {
      display: block;
    }
  
    .u20 li {
      float: left;
      width: 365px;
      margin-right: 46px;
      margin-bottom: 50px;
    }
  
    .u20 li:nth-child(4n) {
      margin-right: 0;
    }
  
    .u20 li a {
      display: block;
      width: 100%;
      height: 100%;
    }
  
    .u20 li .imgk {
      width: 100%;
      height: 228px;
    }
  
    .u20 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u20 li .txt {
      width: 100%;
      height: 155px;
      background-color: #fff;
      padding: 25px 30px;
    }
  
    .u20 li .tit {
      font-size: 18px;
      margin-bottom: 25px;
    }
  
    .u20 li .jj {
      display: none;
      padding-top: 15px;
      font-size: 16px;
      color: #666;
      position: relative;
    }
  
    .u20 li .jj::after {
      content: '';
      width: 45px;
      height: 2px;
      background-color: #c3c4c7;
      position: absolute;
      left: 50%;
      top: 0;
      margin-left: -22.5px;
    }
  
    .u20 li .time {
      font-size: 14px;
      color: #999;
    }
  
    .u20 li:hover {
      box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.08);
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .xwzx {
      padding-top: 0.1rem;
    }
  
    .news-tab {
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid #e31901;
      margin-bottom: 0.75rem;
    }
  
    .news-tab li {
      font-size: 0.2rem;
      position: relative;
    }
  
    .news-tab li:last-child::after {
      width: 0;
      height: 0;
    }
  
    .news-tab li::after {
      content: '';
      position: absolute;
      right: 0;
      top: 0.3rem;
      background: url(../imagesdian.png) no-repeat center;
      background-size: contain;
      width: 0.08rem;
      height: 0.08rem;
    }
  
    .news-tab li a {
      display: block;
      color: #c9151e;
      margin: 0 0.6rem;
      height: 0.7rem;
      line-height: 0.7rem;
    }
  
    .news-tab li.on {
      font-size: 0.3rem;
      font-weight: 600;
    }
  
    .news-tit {
      text-align: center;
      margin-bottom: 0.4rem;
      font-size: 0.42rem;
      line-height: 0.56rem;
      color: #c9151e;
      font-weight: 600;
    }
  
    .news-tit img {
      width: 0.56rem;
      height: 0.56rem;
      margin-right: 0.15rem;
      vertical-align: top;
    }
  
    .news-tit2 {
      font-size: 0.2rem;
      text-align: center;
      position: relative;
      border-bottom: 0.05rem solid #fccdcd;
      padding-bottom: 0.25rem;
      margin-bottom: 0.6rem;
    }
  
    .list-type {
      position: absolute;
      right: 0;
      bottom: 0.3rem;
      display: flex;
      align-items: center;
    }
  
    .list-type li {
      margin-left: 0.2rem;
      cursor: pointer;
    }
  
    .list-type li img {
      width: 0.25rem;
      height: 0.25rem;
    }
  
    .list-type li .img1 {
      display: none;
    }
  
    .list-type li .img2 {
      display: block;
    }
  
    .list-type li.on .img2 {
      display: none;
    }
  
    .list-type li.on .img1 {
      display: block;
    }
  
    .u20 li {
      float: left;
      width: 3.65rem;
      margin-right: 0.46rem;
      margin-bottom: 0.5rem;
    }
  
    .u20 li:nth-child(4n) {
      margin-right: 0;
    }
  
    .u20 li a {
      display: block;
      width: 100%;
      height: 100%;
    }
  
    .u20 li .imgk {
      width: 100%;
      height: 2.28rem;
    }
  
    .u20 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u20 li .txt {
      width: 100%;
      height: 1.55rem;
      background-color: #fff;
      padding: 0.25rem 0.3rem;
    }
  
    .u20 li .tit {
      font-size: 0.18rem;
      margin-bottom: 0.25rem;
    }
  
    .u20 li .jj {
      display: none;
      padding-top: 0.15rem;
      font-size: 0.16rem;
      color: #666;
      position: relative;
    }
  
    .u20 li .jj::after {
      content: '';
      width: 0.45rem;
      height: 0.02rem;
      background-color: #c3c4c7;
      position: absolute;
      left: 50%;
      top: 0;
      margin-left: -0.225rem;
    }
  
    .u20 li .time {
      font-size: 0.14rem;
      color: #999;
    }
  
    .u20 li:hover {
      box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.08);
    }
  }
  
  @media only screen and (max-width: 800px) {
    .xwzx {
      padding-top: 0.1rem;
    }
  
    .news-tab {
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid #e31901;
      margin-bottom: 0.35rem;
    }
  
    .news-tab li {
      font-size: 0.24rem;
      position: relative;
    }
  
    .news-tab li:last-child::after {
      width: 0;
      height: 0;
    }
  
    .news-tab li::after {
      content: '';
      position: absolute;
      right: 0;
      top: 0.3rem;
      background: url(../imagesdian.png) no-repeat center;
      background-size: contain;
      width: 0.08rem;
      height: 0.08rem;
    }
  
    .news-tab li a {
      display: block;
      color: #c9151e;
      margin: 0 0.3rem;
      height: 0.7rem;
      line-height: 0.7rem;
    }
  
    .news-tab li.on {
      font-size: 0.3rem;
      font-weight: 600;
    }
  
    .news-tit {
      text-align: center;
      margin-bottom: 0.4rem;
      font-size: 0.42rem;
      line-height: 0.56rem;
      color: #c9151e;
      font-weight: 600;
    }
  
    .news-tit img {
      width: 0.56rem;
      height: 0.56rem;
      margin-right: 0.15rem;
      vertical-align: top;
    }
  
    .news-tit2 {
      font-size: 0.22rem;
      text-align: center;
      position: relative;
      border-bottom: 0.05rem solid #fccdcd;
      padding: 0 1rem;
      padding-bottom: 0.25rem;
      margin-bottom: 0.4rem;
    }
  
    .list-type {
      position: absolute;
      right: 0;
      bottom: 0.3rem;
      display: flex;
      align-items: center;
    }
  
    .list-type li {
      margin-left: 0.2rem;
      cursor: pointer;
    }
  
    .list-type li img {
      width: 0.25rem;
      height: 0.25rem;
    }
  
    .list-type li .img1 {
      display: none;
    }
  
    .list-type li .img2 {
      display: block;
    }
  
    .list-type li.on .img2 {
      display: none;
    }
  
    .list-type li.on .img1 {
      display: block;
    }
  
    .u20 li {
      float: left;
      width: 49%;
      margin-right: 2%;
      margin-bottom: 0.3rem;
    }
  
    .u20 li:nth-child(2n) {
      margin-right: 0;
    }
  
    .u20 li a {
      display: block;
      width: 100%;
      height: 100%;
    }
  
    .u20 li .imgk {
      width: 100%;
      height: 2.11rem;
    }
  
    .u20 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u20 li .txt {
      width: 100%;
      height: 1.8rem;
      background-color: #fff;
      padding: 0.2rem;
    }
  
    .u20 li .tit {
      font-size: 0.26rem;
      margin-bottom: 0.15rem;
    }
  
    .u20 li .jj {
      padding-top: 0.15rem;
      font-size: 0.24rem;
      color: #666;
      position: relative;
    }
  
    .u20 li .jj::after {
      content: '';
      width: 0.45rem;
      height: 0.02rem;
      background-color: #c3c4c7;
      position: absolute;
      left: 50%;
      top: 0;
      margin-left: -0.225rem;
    }
  
    .u20 li .time {
      margin-top: 0.1rem;
      font-size: 0.22rem;
      color: #999;
    }
  
    .u20 li:hover {
      box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.08);
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .nsy-tit {
      padding: 60px 0;
      position: relative;
      text-align: center;
    }
  
    .nsy-tit .name {
      text-align: center;
      display: inline-block;
      font-size: 34px;
      font-weight: 600;
      position: relative;
      border-bottom: 1px solid #c3c4c7;
      padding-bottom: 10px;
    }
  
    .nsy-tit .name::after {
      position: absolute;
      content: '';
      width: 30px;
      height: 4px;
      background-color: #c9151e;
      margin-left: -15px;
      left: 50%;
      bottom: 0;
    }
  
    .nsy-tit .more {
      position: absolute;
      right: 0;
      bottom: 70px;
      font-size: 18px;
      color: #c9151e;
      opacity: 0.8;
    }
  
    .nsy-tit .more:hover {
      opacity: 1;
      color: #c9151e;
    }
  
    .xy-box1 {
      background-color: #f5f6f7;
      padding-bottom: 105px;
    }
  
    .xy-sw {
      display: flex;
      justify-content: space-between;
    }
  
    .xy-sw .r {
      width: 778px;
      height: 573px;
      background-color: #fff;
      border-top: 8px solid #c9151e;
    }
  
    .u22 {
      padding-top: 40px;
    }
  
    .u22 li {
      margin-bottom: 30px;
    }
  
    .u22 li a {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      padding: 0 30px;
    }
  
    .u22 li i {
      display: block;
      width: 8px;
      height: 8px;
      border-radius: 8px;
      background-color: #c9151e;
    }
  
    .u22 li p {
      width: 100%;
      flex: 1;
      padding: 0 40px;
      font-size: 16px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
  
    .u22 li .time {
      font-size: 14px;
      color: #999;
    }
  
    .nsy_ban2 {
      width: 764px;
      height: 573px;
      position: relative;
      margin: 0 !important;
    }
  
    .nsy_ban2 .swiper-slide {
      position: relative;
    }
  
    .nsy_ban2 .swiper-slide .imgk {
      width: 100%;
      height: 100%;
    }
  
    .nsy_ban2 .swiper-slide .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .nsy_ban2 .swiper-slide .imgk::after {
      content: '';
      position: absolute;
      height: 200px;
      width: 100%;
      left: 0;
      bottom: 0;
      background: url(../imagesbg10.png) repeat-x;
    }
  
    .nsy_ban2 .swiper-slide .txt {
      width: 90%;
      position: absolute;
      bottom: 30px;
      left: 5%;
      color: #fff;
    }
  
    .nsy_ban2 .swiper-slide .txt .time {
      font-size: 15px;
    }
  
    .nsy_ban2 .swiper-slide .txt p {
      font-size: 26px;
      font-weight: 600;
    }
  
    .nsy_ban2 .swiper-slide .txt .line {
      margin: 15px 0;
      position: relative;
      border-bottom: 1px solid rgba(255, 255, 255, 0.49);
      transition: all 1.5s;
    }
  
    .nsy_ban2 .swiper-slide .txt .line::after {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      border-radius: 8px;
      background-color: #eeb04d;
      left: 0;
      top: -3px;
    }
  
    .nsy_ban2 .swiper-slide:hover .txt .line::after {
      transform: translateX(680px);
    }
  
    .nsy_ban2 .sw-page2 {
      width: auto;
      left: auto;
      right: 20px;
    }
  
    .nsy_ban2 .sw-page2 .swiper-pagination-bullet {
      background-color: #fff;
      opacity: 1;
      margin: 0 10px;
    }
  
    .nsy_ban2 .sw-page2 .swiper-pagination-bullet-active {
      background-color: #c9151e;
    }
  
    .nsy_ban2 .swiper-button-next {
      background: url(../imagesnsw-r.png) no-repeat center;
      background-size: 100% 100%;
      width: 54px;
      height: 54px;
      border-radius: 50%;
      right: 0.3rem;
      left: auto;
      opacity: 0.6;
    }
  
    .nsy_ban2 .swiper-button-next:hover {
      background-color: #fff;
      opacity: 1;
    }
  
    .nsy_ban2 .swiper-button-prev {
      background: url(../imagesnsw-l.png) no-repeat center;
      background-size: 100% 100%;
      width: 54px;
      height: 54px;
      border-radius: 50%;
      right: auto;
      left: 0.3rem;
      opacity: 0.6;
    }
  
    .nsy_ban2 .swiper-button-prev:hover {
      background-color: #fff;
      opacity: 1;
    }
  
    .xy-box2 {
      background: url(../imagesimages/xyb1_02.jpg) no-repeat center;
      background-size: 1480px 100%;
    }
  
    .u23 li {
      float: left;
      margin-right: 45px;
      border: 1px solid #e1e1e1;
      width: 284px;
    }
  
    .u23 li:nth-child(5n) {
      margin-right: 0;
    }
  
    .u23 li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 12px;
    }
  
    .u23 li .imgk {
      width: 260px;
      height: 340px;
    }
  
    .u23 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u23 li .name {
      font-size: 22px;
      line-height: 52px;
      font-weight: 600;
    }
  
    .u23 li .jj {
      padding-top: 5px;
      font-size: 18px;
      color: #666666;
      border-top: 1px solid #c3c4c7;
      height: 63px;
    }
  
    .u23 li:hover .jj {
      border-top: 1px solid #c9151e;
    }
  
    .xy-box3 {
      padding-top: 90px;
      padding-bottom: 120px;
      background: url(../imagesimages/xyb2_06.jpg) no-repeat center;
      background-size: 1480px 100%;
    }
  
    .u24 li {
      float: left;
      margin-right: 15px;
      margin-bottom: 15px;
      width: 758px;
      height: 373px;
    }
  
    .u24 li:nth-child(2n) {
      margin-right: 0;
    }
  
    .u24 li:nth-child(3),
    .u24 li:nth-child(2) {
      width: 827px;
    }
  
    .u24 li a {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
    }
  
    .u24 li .imgk {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
  
    .u24 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u24 li .txt {
      color: #fff;
      position: absolute;
      left: 65px;
      top: 45px;
    }
  
    .u24 li .name {
      font-size: 42px;
      font-weight: 600;
    }
  
    .u24 li p {
      font-size: 18px;
    }
  
    .u24 li:hover img {
      transform: scale(1.1);
    }
  
    .nsy-info {
      margin-top: 50px;
      border-top: 8px solid #cfa972;
      background-color: #f5f6f7;
      font-size: 20px;
      padding: 55px;
    }
  
    .nsy-info .tit {
      margin-bottom: 20px;
    }
  
    .nsy-info .list {
      display: flex;
      align-items: center;
    }
  
    .nsy-info .list .item {
      width: 33%;
      padding-top: 25px;
      border-right: 1px dashed #c3c4c7;
      margin-right: 60px;
    }
  
    .nsy-info .list .item:last-child {
      width: 46%;
      margin-right: 0;
      border-right: 0 solid #000;
    }
  
    .nsy-info .list p {
      margin-bottom: 20px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .nsy-tit {
      padding: 0.6rem 0;
      position: relative;
      text-align: center;
    }
  
    .nsy-tit .name {
      text-align: center;
      display: inline-block;
      font-size: 0.34rem;
      font-weight: 600;
      position: relative;
      border-bottom: 1px solid #c3c4c7;
      padding-bottom: 0.1rem;
    }
  
    .nsy-tit .name::after {
      position: absolute;
      content: '';
      width: 0.3rem;
      height: 0.04rem;
      background-color: #c9151e;
      margin-left: -0.15rem;
      left: 50%;
      bottom: 0;
    }
  
    .nsy-tit .more {
      position: absolute;
      right: 0;
      bottom: 0.7rem;
      font-size: 0.18rem;
      color: #c3c4c7;
      opacity: 0.8;
      color: #c9151e;
    }
  
    .nsy-tit .more:hover {
      opacity: 1;
      color: #c9151e;
    }
  
    .xy-box1 {
      background-color: #f5f6f7;
      padding-bottom: 1.05rem;
    }
  
    .xy-sw {
      display: flex;
      justify-content: space-between;
    }
  
    .xy-sw .r {
      width: 7.78rem;
      height: 5.73rem;
      background-color: #fff;
      border-top: 0.08rem solid #c9151e;
    }
  
    .u22 {
      padding-top: 0.4rem;
    }
  
    .u22 li {
      margin-bottom: 0.3rem;
    }
  
    .u22 li a {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      padding: 0 0.3rem;
    }
  
    .u22 li i {
      display: block;
      width: 0.08rem;
      height: 0.08rem;
      border-radius: 0.08rem;
      background-color: #c9151e;
    }
  
    .u22 li p {
      width: 100%;
      flex: 1;
      padding: 0 0.4rem;
      font-size: 0.16rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
  
    .u22 li .time {
      font-size: 0.14rem;
      color: #999;
    }
  
    .nsy_ban2 {
      width: 7.64rem;
      height: 5.73rem;
      position: relative;
      margin: 0 !important;
    }
  
    .nsy_ban2 .swiper-slide {
      position: relative;
    }
  
    .nsy_ban2 .swiper-slide .imgk {
      width: 100%;
      height: 100%;
    }
  
    .nsy_ban2 .swiper-slide .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .nsy_ban2 .swiper-slide .imgk::after {
      content: '';
      position: absolute;
      height: 2rem;
      width: 100%;
      left: 0;
      bottom: 0;
      background: url(../imagesbg10.png) repeat-x;
    }
  
    .nsy_ban2 .swiper-slide .txt {
      width: 90%;
      position: absolute;
      bottom: 0.3rem;
      left: 5%;
      color: #fff;
    }
  
    .nsy_ban2 .swiper-slide .txt .time {
      font-size: 0.22rem;
    }
  
    .nsy_ban2 .swiper-slide .txt p {
      font-size: 0.26rem;
      font-weight: 600;
    }
  
    .nsy_ban2 .swiper-slide .txt .line {
      margin: 0.15rem 0;
      position: relative;
      border-bottom: 1px solid rgba(255, 255, 255, 0.49);
      transition: all 1.5s;
    }
  
    .nsy_ban2 .swiper-slide .txt .line::after {
      position: absolute;
      content: '';
      width: 0.08rem;
      height: 0.08rem;
      border-radius: 0.08rem;
      background-color: #eeb04d;
      left: 0;
      top: -0.03rem;
    }
  
    .nsy_ban2 .swiper-slide:hover .txt .line::after {
      transform: translateX(6.8rem);
    }
  
    .nsy_ban2 .sw-page2 {
      width: auto;
      left: auto;
      right: 0.2rem;
    }
  
    .nsy_ban2 .sw-page2 .swiper-pagination-bullet {
      background-color: #fff;
      opacity: 1;
      margin: 0 0.1rem;
    }
  
    .nsy_ban2 .sw-page2 .swiper-pagination-bullet-active {
      background-color: #c9151e;
    }
  
    .nsy_ban2 .swiper-button-next {
      background: url(../imagesnsw-r.png) no-repeat center;
      background-size: 100% 100%;
      width: 0.54rem;
      height: 0.54rem;
      border-radius: 50%;
      right: 0.3rem;
      left: auto;
      opacity: 0.6;
    }
  
    .nsy_ban2 .swiper-button-next:hover {
      background-color: #fff;
      opacity: 1;
    }
  
    .nsy_ban2 .swiper-button-prev {
      background: url(../imagesnsw-l.png) no-repeat center;
      background-size: 100% 100%;
      width: 0.54rem;
      height: 0.54rem;
      border-radius: 50%;
      right: auto;
      left: 0.3rem;
      opacity: 0.6;
    }
  
    .nsy_ban2 .swiper-button-prev:hover {
      background-color: #fff;
      opacity: 1;
    }
  
    .xy-box2 {
      background: url(../imagesimages/xyb1_02.jpg) no-repeat center;
      background-size: 19.2rem 100%;
    }
  
    .u23 li {
      float: left;
      margin-right: 0.45rem;
      border: 1px solid #e1e1e1;
      width: 2.84rem;
    }
  
    .u23 li:nth-child(5n) {
      margin-right: 0;
    }
  
    .u23 li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 0.12rem;
    }
  
    .u23 li .imgk {
      width: 2.6rem;
      height: 3.4rem;
    }
  
    .u23 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u23 li .name {
      font-size: 0.22rem;
      line-height: 0.52rem;
      font-weight: 600;
    }
  
    .u23 li .jj {
      padding-top: 0.05rem;
      font-size: 0.18rem;
      color: #666666;
      border-top: 1px solid #c3c4c7;
      height: 0.63rem;
    }
  
    .u23 li:hover .jj {
      border-top: 1px solid #c9151e;
    }
  
    .xy-box3 {
      padding-top: 0.9rem;
      padding-bottom: 1.2rem;
      background: url(../imagesimages/xyb2_06.jpg) no-repeat center;
      background-size: 19.2rem 100%;
    }
  
    .u24 li {
      float: left;
      margin-right: 0.15rem;
      margin-bottom: 0.15rem;
      width: 7.58rem;
      height: 3.73rem;
    }
  
    .u24 li:nth-child(2n) {
      margin-right: 0;
    }
  
    .u24 li:nth-child(3),
    .u24 li:nth-child(2) {
      width: 8.27rem;
    }
  
    .u24 li a {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
    }
  
    .u24 li .imgk {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
  
    .u24 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u24 li .txt {
      color: #fff;
      position: absolute;
      left: 0.65rem;
      top: 0.45rem;
    }
  
    .u24 li .name {
      font-size: 0.42rem;
      font-weight: 600;
    }
  
    .u24 li p {
      font-size: 0.18rem;
    }
  
    .u24 li:hover img {
      transform: scale(1.1);
    }
  
    .nsy-info {
      margin-top: 0.5rem;
      border-top: 0.08rem solid #cfa972;
      background-color: #f5f6f7;
      font-size: 0.2rem;
      padding: 0.55rem;
    }
  
    .nsy-info .tit {
      margin-bottom: 0.2rem;
    }
  
    .nsy-info .list {
      display: flex;
      align-items: center;
    }
  
    .nsy-info .list .item {
      width: 33%;
      padding-top: 0.25rem;
      border-right: 1px dashed #c3c4c7;
      margin-right: 0.6rem;
    }
  
    .nsy-info .list .item:last-child {
      width: 46%;
      margin-right: 0;
      border-right: 0 solid #000;
    }
  
    .nsy-info .list p {
      margin-bottom: 0.2rem;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .nsy-tit {
      padding: 0.6rem 0;
      position: relative;
      text-align: center;
    }
  
    .nsy-tit .name {
      width: 1.4rem;
      text-align: center;
      display: inline-block;
      font-size: 0.34rem;
      font-weight: 600;
      position: relative;
      border-bottom: 1px solid #c3c4c7;
      padding-bottom: 0.1rem;
    }
  
    .nsy-tit .name::after {
      position: absolute;
      content: '';
      width: 0.3rem;
      height: 0.04rem;
      background-color: #c9151e;
      margin-left: -0.15rem;
      left: 50%;
      bottom: 0;
    }
  
    .nsy-tit .more {
      position: absolute;
      right: 0;
      bottom: 0.7rem;
      font-size: 0.22rem;
      color: #c3c4c7;
      color: #c9151e;
    }
  
    .nsy-tit .more:hover {
      color: #c9151e;
    }
  
    .xy-box1 {
      background-color: #f5f6f7;
      padding-bottom: 1.05rem;
    }
  
    .xy-sw .r {
      width: 100%;
      background-color: #fff;
      border-top: 0.08rem solid #c9151e;
    }
  
    .u22 {
      padding-top: 0.4rem;
      padding-bottom: 0.1rem;
    }
  
    .u22 li {
      margin-bottom: 0.3rem;
    }
  
    .u22 li a {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      padding: 0 0.3rem;
    }
  
    .u22 li i {
      display: block;
      width: 0.08rem;
      height: 0.08rem;
      border-radius: 0.08rem;
      background-color: #c9151e;
    }
  
    .u22 li p {
      width: 100%;
      flex: 1;
      padding: 0 0.4rem;
      font-size: 0.24rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
  
    .u22 li .time {
      font-size: 0.22rem;
      color: #999;
    }
  
    .nsy_ban2 {
      width: 100%;
      position: relative;
    }
  
    .nsy_ban2 .swiper-slide {
      position: relative;
    }
  
    .nsy_ban2 .swiper-slide .imgk {
      width: 100%;
      height: 4rem;
    }
  
    .nsy_ban2 .swiper-slide .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .nsy_ban2 .swiper-slide .imgk::after {
      content: '';
      position: absolute;
      height: 2rem;
      width: 100%;
      left: 0;
      bottom: 0;
      background: url(../imagesbg10.png) repeat-x;
    }
  
    .nsy_ban2 .swiper-slide .txt {
      width: 90%;
      position: absolute;
      bottom: 0.3rem;
      left: 5%;
      color: #fff;
    }
  
    .nsy_ban2 .swiper-slide .txt .time {
      font-size: 0.22rem;
    }
  
    .nsy_ban2 .swiper-slide .txt p {
      font-size: 0.28rem;
      font-weight: 600;
    }
  
    .nsy_ban2 .swiper-slide .txt .line {
      margin: 0.15rem 0;
      position: relative;
      border-bottom: 1px solid rgba(255, 255, 255, 0.49);
      transition: all 1.5s;
    }
  
    .nsy_ban2 .swiper-slide .txt .line::after {
      position: absolute;
      content: '';
      width: 0.08rem;
      height: 0.08rem;
      border-radius: 0.08rem;
      background-color: #eeb04d;
      left: 0;
      top: -0.03rem;
    }
  
    .nsy_ban2 .sw-page2 {
      width: auto;
      left: auto;
      right: 0.2rem;
      bottom: 0.1rem;
    }
  
    .nsy_ban2 .sw-page2 .swiper-pagination-bullet {
      background-color: #fff;
      opacity: 0.7;
      width: 0.1rem;
      height: 0.1rem;
    }
  
    .nsy_ban2 .sw-page2 .swiper-pagination-bullet-active {
      background-color: #c9151e;
    }
  
    .nsy_ban2 .swiper-button-next {
      display: none;
      background: url(../imagesnsw-r.png) no-repeat center;
      background-size: contain;
      width: 0.54rem;
      right: 0.4rem;
      left: auto;
    }
  
    .nsy_ban2 .swiper-button-prev {
      display: none;
      background: url(../imagesnsw-l.png) no-repeat center;
      background-size: contain;
      width: 0.54rem;
      right: auto;
      left: 0.4rem;
    }
  
    .xy-box2 {
      background: url(../imagesimages/xyb1_02.jpg) no-repeat center;
      background-size: 19.2rem 100%;
    }
  
    .u23 li {
      float: left;
      border: 1px solid #e1e1e1;
      width: 49%;
      margin-right: 2%;
      margin-bottom: 0.15rem;
    }
  
    .u23 li:nth-child(2n) {
      margin-right: 0;
    }
  
    .u23 li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 0.12rem;
    }
  
    .u23 li .imgk {
      width: 2.6rem;
      height: 3.4rem;
      margin: 0 auto;
    }
  
    .u23 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u23 li .name {
      font-size: 0.26rem;
      line-height: 0.52rem;
      text-align: center;
      font-weight: 600;
    }
  
    .u23 li .jj {
      padding-top: 0.05rem;
      font-size: 0.22rem;
      color: #666666;
      border-top: 1px solid #c3c4c7;
    }
  
    .xy-box3 {
      padding-top: 0.9rem;
      padding-bottom: 1.2rem;
      background: url(../imagesimages/xyb2_06.jpg) no-repeat center;
      background-size: 19.2rem 100%;
    }
  
    .u24 li {
      float: left;
      margin-right: 0.15rem;
      margin-bottom: 0.15rem;
      width: 100%;
      height: 3.73rem;
    }
  
    .u24 li:nth-child(2n) {
      margin-right: 0;
    }
  
    .u24 li a {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
    }
  
    .u24 li .imgk {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
  
    .u24 li .imgk img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .u24 li .txt {
      color: #fff;
      position: absolute;
      left: 0.65rem;
      top: 0.45rem;
    }
  
    .u24 li .name {
      font-size: 0.42rem;
      font-weight: 600;
    }
  
    .u24 li p {
      font-size: 0.24rem;
    }
  
    .nsy-info {
      margin-top: 0.4rem;
      border-top: 0.08rem solid #cfa972;
      background-color: #f5f6f7;
      font-size: 0.26rem;
      padding: 0.4rem;
    }
  
    .nsy-info .tit {
      margin-bottom: 0.2rem;
      font-size: 0.32rem;
    }
  
    .nsy-info .list .item {
      width: 100%;
      padding-top: 0.25rem;
      margin-right: 0.6rem;
    }
  
    .nsy-info .list .item:last-child {
      margin-right: 0;
    }
  
    .nsy-info .list p {
      margin-bottom: 0.2rem;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .kyfw {
      background-image: url(../imagesimages/kyb1.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 1480px 100%;
      position: relative;
      min-height: 100vh;
    }
  
    .fw-list {
      margin-top: 160px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .fw-list li {
      width: 300px;
      height: 120px;
      background: url(../imagesimages/ky1.jpg) no-repeat center;
      background-size: 100% 100%;
    }
  
    .fw-list li a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      color: #fff;
      font-size: 24px;
    }
  
    .fw-list li:nth-child(2) {
      background-image: url(../imagesimages/ky5.jpg);
    }
  
    .fw-list li:nth-child(3) {
      background-image: url(../imagesimages/ky2.jpg);
    }
  
    .fw-list li:nth-child(4) {
      background-image: url(../imagesimages/ky3.jpg);
    }
  
    .fw-list li:nth-child(5) {
      background-image: url(../imagesimages/ky4.jpg);
    }
  
    .fw-list li img {
      width: 30px;
      height: 30px;
      object-fit: contain;
      margin-right: 15px;
    }
  
    .fw-list li:hover {
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.2);
    }
  
    .jg-box {
      position: relative;
      padding-bottom: 30px;
      margin-bottom: 0.5rem;
    }
  
    .jg-box .jg-tit {
      width: 405px;
      height: 70px;
      border-bottom: 4px solid #a9070f;
      color: #fff;
      background: #c9151e;
      line-height: 66px;
      text-align: center;
      font-size: 30px;
      margin: 0 auto;
    }
  
    .jg-box .jg-line {
      position: absolute;
      width: 2px;
      background-color: #c9151e;
      height: 100%;
      left: 50%;
      margin-left: -1px;
    }
  
    .jg-box .jg-line i {
      position: absolute;
      width: 9px;
      height: 9px;
      bottom: 0;
      border-radius: 50%;
      background-color: #c9151e;
      left: -4px;
    }
  
    .jg-box .jg-l {
      width: 50%;
      float: left;
      padding-top: 135px;
    }
  
    .jg-box .jg-r {
      width: 50%;
      float: right;
      padding-top: 135px;
    }
  
    .jg-box .jg-r .jg-item {
      float: right;
    }
  
    .jg-box .jg-r .jg-item .item-tit {
      float: left;
    }
  
    .jg-box .jg-r .jg-item .item-tit p {
      background: url(../imagesjg-r.png) no-repeat right top #c9151e;
    }
  
    .jg-box .jg-r .jg-item .item-tit p i {
      left: -65px;
      right: auto;
    }
  
    .jg-box .jg-r .jg-item .item-tit p i::after {
      left: -4.5px;
      right: auto;
    }
  
    .jg-box .jg-item {
      width: 736px;
      float: left;
      padding-bottom: 50px;
      margin-bottom: 60px;
      border: 1px solid #fce3e4;
      background: url(../imagesjgb1.png) no-repeat center bottom;
      background-size: cover;
    }
  
    .jg-box .jg-item .item-tit {
      writing-mode: vertical-lr;
      float: right;
      position: relative;
      margin-top: -5px;
    }
  
    .jg-box .jg-item .item-tit p {
      font-size: 20px;
      color: #fff;
      width: 60px;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 50px;
      display: flex;
      align-items: center;
      background: url(../imagesjg-l.png) no-repeat left top #c9151e;
      position: relative;
      z-index: 2;
      letter-spacing: 5px;
      word-break: keep-all;
    }
  
    .jg-box .jg-item .item-tit p i {
      position: absolute;
      width: 65px;
      height: 2px;
      background-color: #c9151e;
      right: -65px;
      top: 0;
    }
  
    .jg-box .jg-item .item-tit p i::after {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background-color: #c9151e;
      content: '';
      position: absolute;
      right: -4.5px;
      top: -4.5px;
    }
  
    .jg-box .jg-item .item-tit::after {
      position: absolute;
      right: 5px;
      top: 5px;
      content: '';
      width: 100%;
      height: 100%;
      background: #a9070f;
      z-index: 0;
    }
  
    .jg-box .jg-item .jg-li {
      width: 665px;
      float: left;
      padding-left: 60px;
      padding-top: 60px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
  
    .jg-box .jg-item .jg-li li {
      width: 50%;
      min-height: 50px;
      font-size: 18px;
      margin-bottom: 15px;
      padding-right: 60px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .kyfw {
      background-image: url(../imagesimages/kyb1.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 19.2rem 100%;
      position: relative;
      min-height: 100vh;
    }
  
    .fw-list {
      margin-top: 1.6rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .fw-list li {
      width: 3rem;
      height: 1.2rem;
      background: url(../imagesimages/ky1.jpg) no-repeat center;
      background-size: 100% 100%;
    }
  
    .fw-list li a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      color: #fff;
      font-size: 0.24rem;
    }
  
    .fw-list li:nth-child(2) {
      background-image: url(../imagesimages/ky5.jpg);
    }
  
    .fw-list li:nth-child(3) {
      background-image: url(../imagesimages/ky2.jpg);
    }
  
    .fw-list li:nth-child(4) {
      background-image: url(../imagesimages/ky3.jpg);
    }
  
    .fw-list li:nth-child(5) {
      background-image: url(../imagesimages/ky4.jpg);
    }
  
    .fw-list li img {
      width: 0.3rem;
      height: 0.3rem;
      object-fit: contain;
      margin-right: 0.15rem;
    }
  
    .fw-list li:hover {
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.2);
    }
  
    .jg-box {
      position: relative;
      padding-bottom: 0.3rem;
      margin-bottom: 0.5rem;
    }
  
    .jg-box .jg-tit {
      width: 4.05rem;
      height: 0.7rem;
      border-bottom: 0.04rem solid #a9070f;
      color: #fff;
      background: #c9151e;
      line-height: 0.66rem;
      text-align: center;
      font-size: 0.3rem;
      margin: 0 auto;
    }
  
    .jg-box .jg-line {
      position: absolute;
      width: 2px;
      background-color: #c9151e;
      height: 100%;
      left: 50%;
      margin-left: -1px;
    }
  
    .jg-box .jg-line i {
      position: absolute;
      width: 9px;
      height: 9px;
      bottom: 0;
      border-radius: 50%;
      background-color: #c9151e;
      left: -4.5px;
    }
  
    .jg-box .jg-l {
      width: 50%;
      float: left;
      padding-top: 1.35rem;
    }
  
    .jg-box .jg-r {
      width: 50%;
      float: right;
      padding-top: 1.35rem;
    }
  
    .jg-box .jg-r .jg-item {
      float: right;
    }
  
    .jg-box .jg-r .jg-item .item-tit {
      float: left;
    }
  
    .jg-box .jg-r .jg-item .item-tit p {
      background: url(../imagesjg-r.png) no-repeat right top #c9151e;
    }
  
    .jg-box .jg-r .jg-item .item-tit p i {
      left: -0.65rem;
      right: auto;
    }
  
    .jg-box .jg-r .jg-item .item-tit p i::after {
      left: -4.5px;
      right: auto;
    }
  
    .jg-box .jg-item {
      width: 7.36rem;
      float: left;
      padding-bottom: 0.5rem;
      margin-bottom: 0.6rem;
      border: 1px solid #fce3e4;
      background: url(../imagesjgb1.png) no-repeat center bottom;
      background-size: cover;
    }
  
    .jg-box .jg-item .item-tit {
      writing-mode: vertical-lr;
      float: right;
      position: relative;
      margin-top: -0.05rem;
    }
  
    .jg-box .jg-item .item-tit p {
      font-size: 0.2rem;
      color: #fff;
      width: 0.6rem;
      text-align: center;
      padding-top: 0.2rem;
      padding-bottom: 0.5rem;
      display: flex;
      align-items: center;
      background: url(../imagesjg-l.png) no-repeat left top #c9151e;
      position: relative;
      z-index: 2;
      letter-spacing: 5px;
      word-break: keep-all;
    }
  
    .jg-box .jg-item .item-tit p i {
      position: absolute;
      width: 0.65rem;
      height: 2px;
      background-color: #c9151e;
      right: -0.65rem;
      top: 0;
    }
  
    .jg-box .jg-item .item-tit p i::after {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background-color: #c9151e;
      content: '';
      position: absolute;
      right: -4.5px;
      top: -4.5px;
    }
  
    .jg-box .jg-item .item-tit::after {
      position: absolute;
      right: 0.05rem;
      top: 0.05rem;
      content: '';
      width: 100%;
      height: 100%;
      background: #a9070f;
      z-index: 0;
    }
  
    .jg-box .jg-item .jg-li {
      width: 6.65rem;
      float: left;
      padding-left: 0.6rem;
      padding-top: 0.6rem;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
  
    .jg-box .jg-item .jg-li li {
      width: 50%;
      min-height: 0.5rem;
      font-size: 0.18rem;
      margin-bottom: 0.15rem;
      padding-right: 0.6rem;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .kyfw {
      background-image: url(../imagesimages/kyb1.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 19.2rem 100%;
      position: relative;
      min-height: 100vh;
    }
  
    .fw-list {
      margin-top: 1.5rem;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }
  
    .fw-list li {
      width: 49%;
      height: 1rem;
      background: url(../imagesimages/ky1.jpg) no-repeat center;
      background-size: 100% 100%;
      margin-bottom: 0.15rem;
    }
  
    .fw-list li a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      color: #fff;
      font-size: 0.24rem;
    }
  
    .fw-list li:nth-child(2) {
      background-image: url(../imagesimages/ky5.jpg);
    }
  
    .fw-list li:nth-child(3) {
      background-image: url(../imagesimages/ky2.jpg);
    }
  
    .fw-list li:nth-child(4) {
      background-image: url(../imagesimages/ky3.jpg);
    }
  
    .fw-list li:nth-child(5) {
      background-image: url(../imagesimages/ky4.jpg);
    }
  
    .fw-list li img {
      width: 0.3rem;
      height: 0.3rem;
      object-fit: contain;
      margin-right: 0.15rem;
    }
  
    .fw-list li:hover {
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.2);
    }
  
    .jg-box {
      position: relative;
      padding-bottom: 0.3rem;
      margin-bottom: 0.5rem;
    }
  
    .jg-box .jg-tit {
      width: 4.05rem;
      height: 0.7rem;
      border-bottom: 0.04rem solid #a9070f;
      color: #fff;
      background: #c9151e;
      line-height: 0.66rem;
      text-align: center;
      font-size: 0.3rem;
      margin: 0 auto;
    }
  
    .jg-box .jg-line {
      display: none;
      position: absolute;
      width: 2px;
      background-color: #c9151e;
      height: 100%;
      left: 50%;
      margin-left: -1px;
    }
  
    .jg-box .jg-line i {
      position: absolute;
      width: 9px;
      height: 9px;
      bottom: 0;
      border-radius: 50%;
      background-color: #c9151e;
      left: -4.5px;
    }
  
    .jg-box .jg-l {
      padding-top: 0.35rem;
    }
  
    .jg-box .jg-r {
      padding-top: 0.35rem;
    }
  
    .jg-box .jg-item {
      width: 100%;
      float: left;
      padding-bottom: 0.5rem;
      margin-bottom: 0.6rem;
      border: 1px solid #fce3e4;
      background: url(../imagesjgb1.png) no-repeat center bottom;
      background-size: cover;
    }
  
    .jg-box .jg-item .item-tit {
      writing-mode: vertical-lr;
      float: left;
      position: relative;
      margin-top: -0.05rem;
      width: 12%;
    }
  
    .jg-box .jg-item .item-tit p {
      font-size: 0.24rem;
      color: #fff;
      width: 100%;
      text-align: center;
      padding-top: 0.3rem;
      padding-bottom: 0.5rem;
      display: flex;
      align-items: center;
      background: url(../imagesjg-l.png) no-repeat left top #c9151e;
      position: relative;
      z-index: 2;
      letter-spacing: 5px;
    }
  
    .jg-box .jg-item .item-tit::after {
      position: absolute;
      right: 0.05rem;
      top: 0.05rem;
      content: '';
      width: 100%;
      height: 100%;
      background: #a9070f;
      z-index: 0;
    }
  
    .jg-box .jg-item .jg-li {
      width: 88%;
      float: left;
      padding-left: 0.4rem;
      padding-top: 0.4rem;
      display: flex;
      flex-wrap: wrap;
    }
  
    .jg-box .jg-item .jg-li li {
      width: 50%;
      min-height: 0.5rem;
      font-size: 0.24rem;
      margin-bottom: 0.15rem;
      padding-right: 0.6rem;
    }
  }
  
  @media only screen and (min-width: 1680px) {
    .hz-box1 {
      background: url(../imagesimages/hzb1_03.jpg) no-repeat center;
      background-size: 1480px 100%;
      padding-top: 100px;
      padding-bottom: 50px;
    }
  
    .hz-box1 .l {
      width: 665px;
      float: left;
    }
  
    .hz-box1 .l .hz-tit {
      margin-top: 57px;
      width: 665px;
      height: 110px;
      background: url(../imagesimages/25-1.jpg) no-repeat center;
      background-size: 100% 100%;
      font-size: 20px;
      color: #fff;
      font-weight: 600;
      padding-left: 50px;
      line-height: 110px;
    }
  
    .hz-box1 .l .btns {
      margin-top: 30px;
      padding-right: 50px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .hz-box1 .l .btns a {
      width: 300px;
      height: 37px;
      line-height: 37px;
      display: block;
      background-color: #f7e0e1;
      text-align: center;
      font-size: 16px;
      color: #c9151e;
    }
  
    .hz-box1 .l .btns a img {
      margin-left: 10px;
    }
  
    .hz-box1 .l .btns a:hover img {
      transform: translateX(10px);
    }
  
    .hz-box1 .r {
      float: right;
    }
  
    .hz-box1 .r .imgk {
      display: none;
      width: 935px;
      position: relative;
      padding-top: 30px;
    }
  
    .hz-box1 .r .imgk.on {
      display: block;
    }
  
    .hz-box1 .r .imgk::after {
      content: '';
      position: absolute;
      right: -45px;
      top: 0;
      width: 860px;
      height: 710px;
      background: url(../imagesimages/xqb1.jpg) no-repeat center;
      background-size: 100% 100%;
    }
  
    .hz-box1 .r .imgk img {
      display: block;
      width: 935px;
      max-width: 936px;
      height: 655px;
      object-fit: cover;
      position: relative;
      z-index: 2;
    }
  
    .nsy-tit2 {
      position: relative;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-right: 35px;
    }
  
    .nsy-tit2 .name {
      display: inline-block;
      font-size: 34px;
      font-weight: 600;
      position: relative;
      border-bottom: 1px solid #c3c4c7;
      padding-bottom: 10px;
    }
  
    .nsy-tit2 .name::after {
      position: absolute;
      content: '';
      width: 30px;
      height: 4px;
      background-color: #c9151e;
      left: 0;
      bottom: 0;
    }
  
    .nsy-tit2 .more {
      font-size: 0.18rem;
      color: #c3c4c7;
      color: #c9151e;
      opacity: 0.8;
    }
  
    .nsy-tit2 .more:hover {
      opacity: 1;
      color: #c9151e;
    }
  
    .u25 li {
      height: 95px;
      font-size: 20px;
      font-weight: 600;
      position: relative;
      padding-right: 50px;
    }
  
    .u25 li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 17.5px 0;
      padding-right: 15px;
      border-bottom: 1px dashed #c3c4c7;
    }
  
    .u25 li p {
      height: 60px;
      line-height: 60px;
    }
  
    .u25 li::after {
      content: '';
      position: absolute;
      top: 0;
      right: -45px;
      width: 45px;
      height: 95px;
      background: url(../imagesimages/25-2.png) no-repeat center;
      background-size: 100% 100%;
    }
  
    .u25 li:hover a {
      padding-left: 16px;
    }
  
    .u25 li:hover p {
      padding-left: 30px;
      border-left: 3px solid #c9151e;
    }
  
    .u25 li:hover::after {
      z-index: 4;
    }
  
    .hz-box2 {
      background: url(../imagesimages/jzb2.jpg) no-repeat center;
      background-size: 1480px 100%;
      padding-top: 20px;
      padding-bottom: 70px;
    }
  
    .hz-box2 .nsy-tit .name {
      color: #fff;
      border-bottom: 1px solid #fff;
    }
  
    .hz-box2 .nsy-tit .name::after {
      background-color: #fff;
    }
  
    .hz-box2 .nsy-tit a.more {
      color: #fff;
    }
  
    .hz-box2 .r {
      width: 100%;
    }
  
    .hz-box2 .r .tit {
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 26px;
      margin-bottom: 40px;
    }
  
    .hz-box2 .r .tit .name {
      font-weight: 600;
    }
  
    .hz-box2 .r .tit a {
      font-size: 15px;
      color: #fff;
    }
  
    .hz-box2 .r .tit a:hover {
      color: #eeb04d;
    }
  
    .hz-box2 .r .nsy_ban3 {
      padding-bottom: 120px;
    }
  
    .hz-box2 .r .nsy_ban3 .swiper-slide {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
  
    .hz-box2 .r .nsy_ban3 .swiper-slide .jz-logo {
      width: 320px;
      height: 193px;
      text-align: center;
      background-color: #fff;
      border: 1px solid #c9151e;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .hz-box2 .r .nsy_ban3 .swiper-slide .jz-logo img {
      width: 80%;
      height: 80%;
      object-fit: contain;
    }
  
    .hz-box2 .r .sw-page3 .swiper-pagination-bullet {
      opacity: 1;
      border: 1px solid #fff;
      background-color: transparent;
      width: 15px;
      height: 15px;
    }
  
    .hz-box2 .r .sw-page3 .swiper-pagination-bullet-active {
      width: 33px;
      background-color: #fff;
      border-radius: 15px;
    }
  
    .u26 {
      margin-bottom: 15px;
    }
  
    .u26 li {
      height: 98px;
      position: relative;
    }
  
    .u26 li a {
      display: flex;
      width: 100%;
      height: 100%;
      align-items: center;
      padding: 0 20px;
      border-bottom: 1px dashed #c3c4c7;
    }
  
    .u26 li .time {
      width: 70px;
      height: 73px;
      text-align: center;
      background: url(../imagesu26.png) no-repeat center;
      background-size: 100% 100%;
      position: relative;
    }
  
    .u26 li .time p {
      margin-top: 12px;
      font-size: 36px;
      line-height: 1;
    }
  
    .u26 li .time span {
      font-size: 14px;
    }
  
    .u26 li .time::after {
      transition: all 0.1s;
      content: '';
      position: absolute;
      width: 0;
      height: 28px;
      background: url(../imagesu26-3.png) no-repeat center;
      background-size: contain;
      left: 0;
      top: 10px;
    }
  
    .u26 li .tit {
      font-size: 20px;
      width: 100%;
      flex: 1;
      padding: 0 30px;
    }
  
    .u26 li:hover {
      background: url(../imagesimages/u26-1.png) no-repeat center;
      background-size: 100% 100%;
    }
  
    .u26 li:hover a {
      color: #fff;
    }
  
    .u26 li:hover .time {
      background: transparent;
    }
  
    .u26 li:hover .time::after {
      width: 9px;
    }
  
    .u26 li:hover::before {
      content: '';
      position: absolute;
      width: 40px;
      height: 98px;
      left: -40px;
      top: 0;
      background: url(../imagesimages/u26-2.jpg) no-repeat center;
      background-size: 100% 100%;
    }
  
    .hz-sw .swiper-slide {
      width: 252px;
      height: 445px;
      position: relative;
    }
  
    .hz-sw .swiper-slide a {
      display: block;
      width: 100%;
      height: 100%;
    }
  
    .hz-sw .swiper-slide .name {
      width: 80px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -40px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      writing-mode: vertical-lr;
      font-size: 28px;
      color: #fff;
      letter-spacing: 7px;
    }
  
    .hz-sw .swiper-slide .name::before,
    .hz-sw .swiper-slide .name::after {
      content: '';
      position: absolute;
      top: 94px;
      left: -4px;
      background: url(../imageshz-li.png) no-repeat center;
      width: 7px;
      height: 258px;
      transition: all 0.5s;
    }
  
    .hz-sw .swiper-slide .name::after {
      left: auto;
      right: -4px;
    }
  
    .hz-sw .swiper-slide:hover .name::after {
      right: -15px;
    }
  
    .hz-sw .swiper-slide:hover .name::before {
      left: -15px;
    }
  
    .u27 {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .u27 li {
      width: 252px;
      height: 445px;
      position: relative;
    }
  
    .u27 li a {
      display: block;
      width: 100%;
      height: 100%;
    }
  
    .u27 li .name {
      width: 80px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -40px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      writing-mode: vertical-lr;
      font-size: 28px;
      color: #fff;
      letter-spacing: 7px;
    }
  
    .u27 li .name::before,
    .u27 li .name::after {
      content: '';
      position: absolute;
      top: 94px;
      left: -4px;
      background: url(../imageshz-li.png) no-repeat center;
      width: 7px;
      height: 258px;
      transition: all 0.5s;
    }
  
    .u27 li .name::after {
      left: auto;
      right: -4px;
    }
  
    .u27 li:hover .name::after {
      right: -15px;
    }
  
    .u27 li:hover .name::before {
      left: -15px;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 1680px) {
    .hz-box1 {
      background: url(../imagesimages/hzb1_03.jpg) no-repeat center;
      background-size: 19.2rem 100%;
      padding-top: 1rem;
      padding-bottom: 0.5rem;
    }
  
    .hz-box1 .l {
      width: 6.65rem;
      float: left;
    }
  
    .hz-box1 .l .hz-tit {
      margin-top: 0.57rem;
      width: 6.65rem;
      height: 1.1rem;
      background: url(../imagesimages/25-1.jpg) no-repeat center;
      background-size: 100% 100%;
      font-size: 0.2rem;
      color: #fff;
      font-weight: 600;
      padding-left: 0.5rem;
      line-height: 1.1rem;
    }
  
    .hz-box1 .l .btns {
      margin-top: 0.3rem;
      padding-right: 0.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .hz-box1 .l .btns a {
      width: 3rem;
      height: 0.37rem;
      line-height: 0.37rem;
      display: block;
      background-color: #f7e0e1;
      text-align: center;
      font-size: 0.16rem;
      color: #c9151e;
    }
  
    .hz-box1 .l .btns a img {
      margin-left: 0.1rem;
      width: 0.25rem;
    }
  
    .hz-box1 .l .btns a:hover img {
      transform: translateX(0.1rem);
    }
  
    .hz-box1 .r {
      float: right;
    }
  
    .hz-box1 .r .imgk {
      display: none;
      width: 9.35rem;
      position: relative;
      padding-top: 0.3rem;
    }
  
    .hz-box1 .r .imgk.on {
      display: block;
    }
  
    .hz-box1 .r .imgk::after {
      content: '';
      position: absolute;
      right: -0.45rem;
      top: 0;
      width: 8.6rem;
      height: 7.1rem;
      background: url(../imagesimages/xqb1.jpg) no-repeat center;
      background-size: 100% 100%;
    }
  
    .hz-box1 .r .imgk img {
      display: block;
      width: 9.35rem;