.banner {
 display: block;
 margin: 0 auto;
 overflow: hidden;
 width: 100%;
 height: 100vh;
  }

  .site_banner {
 display: none;
  }

  .linkmap {
 display: none;
  }

  .home_banner {
 position: relative;
 width: 100%;
 height: 100vh;
  }

  .home_banner .banner {
 display: block;
 margin: 0 auto;
 position: fixed;
 overflow: hidden;
 width: 100%;
 height: 100vh;
 top: 0;
 left: 0;
  }

  .banner .swiper-container {
 height: 100%;
 width: 100%;
  }

  .banner .swiper-slide .pic {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-size: cover;
 background-position: center center;
 transition: 1s linear 2s;
 transform: scale(1.1, 1.1);
  }

  .home_section {
 position: relative;
 z-index: 1;
 background-color: #f9fafb;
  }

  .banner .swiper-slide-active .pic {
 transition: 6s linear;
 transform: scale(1, 1);
  }

  .banner .arrow_btn {
 display: none;
  }

  .banner .swiper-pagination-bullet {
 --swiper-pagination-bullet-width: 14px;
 --swiper-pagination-bullet-height: 14px;
 --swiper-pagination-bullet-inactive-color: #fff;
 --swiper-pagination-bullet-inactive-opacity: 0.5;
 --swiper-theme-color: #fff;
  }

  .banner .pagination {
 position: absolute;
 z-index: 10;
 right: 50px;
 top: 0 !important;
 left: auto !important;
 bottom: auto !important;
 width: 30px !important;
 height: 100% !important;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 10px;
  }

  .banner_menu {
 background: #a40000;
 padding: 0.78vw 0;
 z-index: 10;
  }

  .banner_menu_list {
 display: flex;
 justify-content: space-between;
  }



  .banner_menu_item {
 display: flex;
 /* width: 64px; */
 color: #fff;
 flex-direction: column;
 text-align: center;
 justify-content: center;
 align-items: center;
  }

  .banner_menu_icon {
 height: 64px;
 width: 64px;
 margin-bottom: 5px;
 display: flex;
 justify-content: center;
 align-items: center;
 border: 2px solid #e5e7eb;
 border-radius: 8px;
 transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
 transform-style: preserve-3d;
 background: #ffffff17;
  }

  .banner_menu_item:hover .banner_menu_icon {
 transform: translateY(-8px) rotateX(5deg);
 background: #fff;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  }

  .banner_menu_icon .fas {
 font-size: 24px;
 transition: all 0.3s ease;
  }

  .banner_menu_item:hover .fas {
 color: #1f2937;
 rotate: 3deg;
  }

  .banner_menu_tit {
 font-size: 16px;
 font-weight: 700;
  }

  .banner_menu_item:hover .banner_menu_tit {
 color: #fff;
  }

  .scroll-indicator {
 position: absolute;
 bottom: 50px;
 left: 50%;
 transform: translateX(-50%);
 color: white;
 animation: bounce 2s infinite;
 cursor: pointer;
 z-index: 10;
 font-size: 40px;
 color: rgb(164, 0, 0);
 transition: all 0.3s ease;
 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
  }

  @keyframes bounce {

 0%,
 20%,
 50%,
 80%,
 100% {
   transform: translateY(0) translateX(-50%);
 }

 40% {
   transform: translateY(-20px) translateX(-50%);
 }

 60% {
   transform: translateY(-10px) translateX(-50%);
 }
  }

  .footer {
 position: relative;
 z-index: 1;
  }

  .main_search {
 padding: 1.57vw 0;
  }

  .main_search_con {
 padding: 0.78vw;
 box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
 border: 2px solid #d1d5db;
 border-radius: 0.425vw;
 transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  }

  .true_map {
 height: 100%;
  }

  .true_map .infoBoxContent {
 padding: 20px;
 line-height: 18px;
 width: 260px;
 text-align: left;
 font-size: 14px;
 font-weight: 700;
 box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);
 background: #fff;
  }

  .infoBoxContent .info-box-close {
 position: absolute;
 right: 10px;
 top: 10px;
  }

  .true_map .infoBoxContent h6 {
 font-weight: normal;
 color: #999;
 font-size: 14px;
 margin-top: 10px;
  }

  .main_search_con form {
 display: flex;
 gap: 1vw;
 position: relative;
  }

  .main_search_con form .inputText {
 width: 100%;
  }

  .main_search_con .inputKeyword {
 width: 100%;
 height: 100%;
 box-sizing: border-box;
 padding: 0 1.57vw;
 border: none;
 outline: none;
 font-size: 16px;
  }

  .main_search_con .fas {
 position: absolute;
 font-size: 20px;
 color: #9ca3af;
 top: 50%;
 transform: translateY(-50%);

  }

  .main_search_con form .button {
 flex-shrink: 0;

  }

  .main_search_con form .button input {
 padding: 0.78vw 1.57vw;
 color: #fff;
 border: none;
 outline: none;
 background: #a40000;
 font-size: 16px;
  }

  .main_search_con:hover {
 border: 2px solid #a40000;
 transform: scale(1.05);
  }

  /*新闻动态*/
  .news_swiper {
 height: 100%;
  }

  .news_swiper .swiper-box {
 height: 100%;
 width: 100%;
  }

  .news_swiper .Img_Box,
  .news_swiper .Img_Box a {
 height: 100%;
  }

  .news_swiper .Img_Box a {
 position: relative;
 display: block;
  }

  .news_swiper .Img_Box a img {
 width: 100%;
 height: 100%;
 aspect-ratio: 4 / 2.4;
 object-fit: cover;
 transition: all 0.3s linear;
  }

  .news_swiper .Img_Box a:hover img {
 transform: scale(1.05);
  }

  .news_swiper .Img_Box .tit_con {
 position: absolute;
 bottom: 0;
 left: 0;
 padding: 1.1vw;
 width: 100%;
 box-sizing: border-box;
 background: linear-gradient(to top, #000, transparent);
  }

  .news_swiper .tit_con .articleTit {
 font-size: 0.9vw;
 font-weight: 700;
 line-height: 1.1;
 display: block;
 color: #fff;
 overflow: hidden;
 /* 隐藏溢出的内容 */
 white-space: nowrap;
 /* 文本不换行 */
 text-overflow: ellipsis;
 /* 显示省略号 */

  }

  .news_swiper .pagination {
 text-align: center;
 position: absolute;
 --swiper-pagination-bullet-size: 12px;
 --swiper-pagination-bullet-inactive-color: #fff;
 --swiper-theme-color: #fff;
 --swiper-pagination-bottom: 12px;
 z-index: 10;
  }

  .news_swiper .tit_con .sub_tit_con {
 color: #fff;
 margin-top: 10px;
  }

  .main_section {
 padding: 3vw 0;
  }

  .mian_news {
 background: #f9fafb;
  }

  .main_title {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 1.57vw;
  }

  .main_title_left {
 display: flex;
 align-items: center;
  }

  .main_title_left img {
 width: 1.5vw;
 margin-right: 10px;
  }

  .main_title_left span {
 font-size: 1.5vw;
 font-weight: bold;
  }

  .main_title_right {
 color: #6b7280;
  }

  .main_title_right .fas {
 margin-left: 10px;
  }

  .news_con {
 display: flex;
 gap: 1vw;
  }



  .half {
 width: 50%;
  }

  .big_date {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
  }

  .big_date li {
 width: 49%;
 margin-bottom: 1vw;
 border-top: 3px solid #a40000;
 padding: 12px;
 box-sizing: border-box;
 line-height: 20px;
 box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
 position: relative;
 overflow: hidden;
  }

  .big_date .ar_tit {
 margin-bottom: 12px;
 display: flex;
 gap: 12px;
 text-align: justify;
  }

  .big_date .span_date {
 text-align: center;
 color: #6b7280;
  }

  .big_date .span_date b {
 color: #a40000;
 display: block;
  }

  .big_date .title_type {
 font-weight: bold;
 color: #333;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 /* 限制显示的行数 */
 -webkit-box-orient: vertical;
 overflow: hidden;
  }

  .big_date .ar_Con a {
 color: #a7a7a7;
 font-size: 13px;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 /* 限制显示的行数 */
 -webkit-box-orient: vertical;
 overflow: hidden;
  }

  .big_date li:hover {
 border-top: 3px solid #0052d9;
  }

  .big_date li::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 height: 100%;
 width: 100%;
 opacity: 0;
 z-index: -1;
 background: #a40000;
 transform: translateY(-100%);
 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .big_date li::after {
 content: "";
 position: absolute;
 right: 0;
 bottom: 0;
 border: 8px solid #0052d9;
 border-left-color: transparent;
 border-top-color: transparent;
 opacity: 0;
 translate: (0, 100%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
 transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  }

  .big_date li:hover::after {
 opacity: 1;
 translate: (0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
  }

  .big_date li:hover::before {
 opacity: 8;
 transform: translateY(-12px);
  }

  .big_date li:hover .title_type {
 color: #fff;
  }

  .big_date li:hover .ar_Con a {
 color: #fff;
  }

  .big_date li:hover .span_date b {
 color: #fff;
  }

  .big_date li:hover .span_date {
 color: #fff;
  }

  .arc_list li {
 margin-bottom: 1vw;
 padding: 6px 12px;
 display: flex;
 justify-content: space-between;
 border-radius: 8px;
 background: #f9fafb;
 transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  }

  .arc_list li .span_date {
 flex-shrink: 0;
  }

  .arc_list li .title_type {
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
  }

  .arc_list li:last-of-type {
 margin-bottom: 0;
  }

  .arc_list li:hover {
 transform: translateX(-12px);
 background: #fff;
  }

  /*科室导航*/
  .main_dep {
 background: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url(/Content/Areas/Hospitals/images/homeDepBg.jpg) center / cover;
  }

  .dep_con_left {
 width: 30%;
  }

  .dep_con_right {
 width: 70%;
  }

  .ksdh-department-images {
 /* position: relative; */
 height: 615px;
 /* display: flex; */
 /* align-items: center; */
 justify-content: center;
 overflow: hidden;
 padding: 0 20px;
 box-sizing: border-box;
  }

  .ksdh-overlay-card {
 /* position: absolute; */
 width: 95%;
 height: 100%;
 /* padding-bottom: 66.67%; */
 border-radius: 16px;
 overflow: hidden;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 cursor: pointer;
 z-index: 1;
 height: 100%;
 position: relative;
  }

  .ksdh-image-wrapper {
 /* position: absolute; */
 /* top: 0; */
 /* left: 0; */
 /* width: 100%; */
 height: 100%;
  }

  .ksdh-image-wrapper img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.6s ease-out;
  }

  .ksdh-image-overlay {
 position: absolute;
 bottom: 20px;
 right: 20px;
 width: auto;
 height: auto;
 padding: 10px;
 color: white;
 z-index: 10;
 writing-mode: vertical-rl;
 text-orientation: upright;
 display: flex;
 flex-direction: column;
 align-items: center;
  }

  .ksdh-image-overlay p {
 font-size: 16px;
 opacity: 0.9;
 margin: 0;
 letter-spacing: 1px;
  }

  .ksdh-department-tabs {
 display: flex;
 flex-wrap: nowrap;
 gap: 10px;
 margin-bottom: 15px;
 padding-top: 0;
 padding-bottom: 10px;
  }

  .ksdh-department-tab {
 padding: 10px 18px;
 border-radius: 28px;
 background-color: #f0f5ff;
 color: #333;
 font-size: 14px;
 cursor: pointer;
 transition: all 0.3s;
 font-weight: 500;
 display: flex;
 align-items: center;
 justify-content: center;
 min-width: 80px;
 text-align: center;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 flex-shrink: 0;
  }

  .ksdh-department-tab:hover,
  .ksdh-department-tab.active {
 background-color: #A40000;
 color: white;
 box-shadow: 0 6px 16px rgba(164, 0, 0, 0.15);
 transform: translateY(-2px);
  }

  .ksdh-department-content {
 background-color: white;
 border-radius: 16px;
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
 padding: 24px;
 box-sizing: border-box;
 overflow: hidden;
  }

  .clinical-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 margin-bottom: 20px;
  }

  .ksdh-department-group {
 margin-bottom: 20px;
 display: none;
  }

  .ksdh-department-group.active {
 display: block;
  }

  .ksdh-department-group h4 {
 font-size: 20px;
 color: #A40000;
 padding-bottom: 10px;
 font-weight: 600;
 position: relative;
 margin: 0;
  }

  .ksdh-department-group h4::after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 48px;
 height: 3px;
 background-color: #A40000;
 border-radius: 2px;
  }

  .ksdh-department-items {
 /* display: grid;
 grid-template-columns: repeat(2, 1fr); */
 display: flex;
 flex-wrap: wrap;
 gap: 16px;
 flex-grow: 1;
 overflow-y: auto;
 padding-right: 8px;

  }

  .ksdh-department-item {
 display: flex;
 align-items: center;
 padding: 10px 10px;
 border-radius: 10px;
 transition: all 0.3s;
 cursor: pointer;
 font-size: 14px;
 color: #333;
 background-color: #f9fafc;
 border-left: 4px solid transparent;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 height: auto;
 width: 23%;
 box-sizing: border-box;
 word-break: keep-all;
  }

  .ksdh-department-item:hover {
 background-color: #f0f5ff;
 transform: translateX(6px);
 border-left-color: #A40000;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }

  .ksdh-department-subgroup {
 height: 425px;
  }

  /* 滚动条样式优化 */
  .ksdh-department-items::-webkit-scrollbar {
 width: 6px;
  }

  .ksdh-department-items::-webkit-scrollbar-track {
 background: #f1f1f1;
 border-radius: 8px;
  }

  .ksdh-department-items::-webkit-scrollbar-thumb {
 background: #ddd;
 border-radius: 8px;
  }

  .ksdh-department-items::-webkit-scrollbar-thumb:hover {
 background: #A40000;
  }

  /*专题报道*/
  .main_zt {
 background: linear-gradient(rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.96)), url(/Content/Areas/Hospitals/images/homeZtBg.jpg) center / cover;
  }

  .feature_list {
 display: flex;
 justify-content: space-between;
 gap: 16px;
 z-index: 2;
  }

  .feature-card {
 position: relative;
 transition: all 0.3s ease;
 overflow: hidden;
 height: 100%;
  }

  .feature-card a {
 display: block;
  }

  .feature-card img {
 transition: all 0.3s ease;
  }

  .feature-card .card-title {
 font-size: 16px;
 letter-spacing: 2px;
 writing-mode: vertical-rl;
 text-orientation: upright;
 white-space: nowrap;
 position: absolute;
 top: 1vw;
 left: 1vw;
 margin: 0;
 z-index: 10;
 opacity: 1;
 color: #fff;
  }

  .feature-card .card-more {
 font-size: 16px;
 opacity: 1;
 cursor: pointer;
 transition: transform 0.2s ease;
 position: absolute;
 bottom: 2vw;
 right: 1vw;
 writing-mode: vertical-rl;
 text-orientation: upright;
 letter-spacing: 3px;
 z-index: 10;
 margin: 0;
 border: none;
 padding: 0;
 line-height: 1;
 color: #fff;
  }

  .feature-card .card-more::after {
 content: "";
 position: absolute;
 top: 100%;
 bottom: -2vw;
 left: 50%;
 transform: translateX(-50%);
 width: 1px;
 background-color: #ffffff;
 opacity: 0.9;
 z-index: 9;
  }

  .feature-card:nth-child(2),
  .feature-card:nth-child(4) {
 margin-top: 2vw;
  }

  .feature-card:hover {
 transform: translateY(-10px);
  }

  .feature-card:hover img {
 transform: scale(1.05);
  }

  /*特色医疗*/
  .main_yl .main_content {
 padding: 0 3vw 3vw 3vw;
 position: relative;
  }

  .main_yl .tsyl_line {
 position: absolute;
 background-color: #A40000;
  }

  .top-right-horizontal-line {
 top: 0;
 right: 0;
 width: 200px;
 height: 4px;
 clip-path: polygon(0 100%, 10% 0, 100% 0, 100% 100%);
  }

  .top-right-line {
 top: 0;
 right: 0;
 height: 100px;
 width: 4px;
 clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  }

  .top-left-line {
 bottom: 0;
 left: 0;
 width: 200px;
 height: 4px;
 clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);
  }

  .top-left-horizontal-line {
 bottom: 0;
 left: 0;
 height: 100px;
 width: 4px;
 clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
  }

  .tsyl_container {
 display: flex;

  }

  .tsyl_container_left {
 width: 50%;
 display: flex;
 flex-wrap: wrap;
 flex-shrink: 0;
  }

  .tsyl_item {
 width: 33.33333%;
 aspect-ratio: 1 / 1;
 position: relative;
 display: flex;
 justify-content: center;
 color: #fff;
 text-align: center;
  }

  .tsyl_item:hover {
 color: #fff;
  }

  .tsyl_item .overlay-img {
 position: absolute;
 height: 100%;
 width: 100%;
 background-image: url(/Content/Areas/Hospitals/images/tsyl_bg.png);
 background-size: cover;
 background-position: center;
 filter: brightness(0.5);
 transition: filter 0.3s ease;
 z-index: 3;
 }

  .tsyl_item:hover .overlay-img {
 filter: brightness(1);
  }

  .tsyl_item-bg {
 position: absolute;
 height: 100%;
 width: 100%;
 z-index: 1;
 background-color: #b22d2d;
 background-position: center;
 background-size: cover;
  }

  .tsyl_item:nth-child(2) .tsyl_item-bg {/* background-image: url(/Content/Areas/Hospitals/images/tsyl_item2.png); */background-color: #4b5563;}

  .tsyl_item:nth-child(4) .tsyl_item-bg {/* background-image: url(/Content/Areas/Hospitals/images/tsyl_item3.png); */background-color: #4b5563;}

.tsyl_item-bg {}

  .tsyl_item:nth-child(6) .tsyl_item-bg {/* background-image: url(/Content/Areas/Hospitals/images/tsyl_item6.jpg); */background-color: #4b5563;}

.tsyl_item-bg {}


  .tsyl_item:nth-child(2) .tsyl_item-bg-on {
 /* background-color: #ffffff47; */
 }

  .tsyl_item:nth-child(3) .tsyl_item-bg-on {
 background-color: #b22d2d;
 }

  .tsyl_item:nth-child(4) .tsyl_item-bg-on {
 /* background-color: #00000012; */
 }

  .tsyl_item:nth-child(6) .tsyl_item-bg-on {
 /* background-color: #ffffff2e; */
 }

  .tsyl_item-bg-on {
 position: absolute;
 height: 100%;
 width: 100%;
 z-index: 2;

  }

  .tsyl_item_con {
 position: relative;
 z-index: 4;
 display: flex;
 flex-direction: column;
 /* justify-content: center; */
 align-items: center;
 padding-top: 25%;
  }

  .tsyl_item_con .tsyl_item_ico {
 width: 3vw;
 height: 3vw;
 border-radius: 1.5vw;
 font-size: 20px;
 background-color: #ffffff66;
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 10px;
  }

  .tsyl_item_font {
 font-size: 16px;
 font-weight: bold;

  }

  .enter-text {
 display: flex;
 align-items: center;
 gap: 4px;
 font-size: 12px;
 opacity: 0;
 transform: translateY(10px);
 transition: all 0.3s ease;
 margin-top: 3px;
 line-height: 16px;
  }

  .tsyl_item:hover .enter-text {
 transform: translateY(0);
 opacity: 1;
  }

  .tsyl_item_ico .icon-rotate {
 transition: all 0.5s ease;
  }

  .tsyl_item:hover .tsyl_item_ico .icon-rotate {
 transform: rotateY(180deg);
  }

  .tsyl_container_right .right-img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  /*底部菜单*/
  .menu_cards {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 16px;
  }

  .card {
 width: calc(20% - 20px);
 height: 140px;
 clip-path: polygon(0% 12px, 12px 0%, calc(100% - 12px) 0%, 100% 12px, 100% calc(100% - 28px), calc(100% - 28px) 100%, 12px 100%, 0% calc(100% - 12px));
 padding: 24px;
 color: #fff;
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 transition: all 0.3s ease;
 position: relative;
 overflow: hidden;
 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
 cursor: pointer;
 box-sizing: border-box;
  }

  .card:hover {
 color: #fff;
  }

  .card h2 {
 font-size: 20px;
 margin-bottom: 10px;
 font-weight: 600;
 text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  }

  .card p {
 font-size: 14px;
 margin-bottom: 24px;
 opacity: 0.9;
 line-height: 1.5;
  }

  .card::before {
 content: '';
 position: absolute;
 right: 0;
 bottom: 0;
 width: 36px;
 height: 36px;
 background-color: rgba(255, 255, 255, 0.1);
 clip-path: polygon(100% 0, 100% 100%, 0 100%);
 z-index: 2;
 transition: background-color 0.3s ease;
  }

  .card-edu .bg-blur {
 background-image: url(/Content/Areas/Hospitals/images/card1.jpg);
  }

  .card .bg-blur {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-size: cover;
 background-position: center;
 z-index: 0;
 transform: scaleX(1.1);
 clip-path: inherit;
 will-change: transform;
  }

  .card .mask {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(90deg, transparent 0%, transparent 20%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 60%, transparent 80%);
 z-index: 2;
 pointer-events: none;
 clip-path: inherit;
  }

  .card-recruit .bg-blur {
 background-image: url(/Content/Areas/Hospitals/images/card2.jpg);
  }

  .card-nurse .bg-blur {
 background-image: url(/Content/Areas/Hospitals/images/card4.jpg);
  }

  .card-notice .bg-blur {
 background-image: url(/Content/Areas/Hospitals/images/card3.jpg);
  }

  .card-international .bg-blur {
 background-image: url(/Content/Areas/Hospitals/images/card5.jpg);
  }

  .card-edu {

 --theme-color-dark: rgba(83, 134, 215, 0.9);
 --theme-color-light: rgba(83, 134, 215, 0.6);
  }

  .card-recruit {
 --theme-color-dark: rgba(164, 0, 0, 0.9);
 --theme-color-light: rgba(164, 0, 0, 0.6);
  }

  .card-nurse {
 --theme-color-dark: rgba(91, 96, 99, 0.9);
 --theme-color-light: rgba(91, 96, 99, 0.6);
  }

  .card-notice {
 --theme-color-dark: rgba(34, 95, 184, 0.9);
 --theme-color-light: rgba(34, 95, 184, 0.6);
  }

  .card-international {
 --theme-color-dark: rgba(49, 105, 237, 0.9);
 --theme-color-light: rgba(59, 126, 234, 0.6);
  }

  .card::after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(90deg, var(--theme-color-dark) 0%, var(--theme-color-dark) 15%, var(--theme-color-light) 40%, transparent 70%);
 filter: blur(18px);
 z-index: 1;
 transform: scaleX(1.2);
 clip-path: inherit;
 will-change: transform;
  }

  .card:hover {
 transform: translateY(-10px) scale(1.03);
 box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
 clip-path: inherit;
  }

  .card:hover::before {
 background-color: rgba(255, 255, 255, 0.25);
  }

  .card:hover .bg-blur,
  .card:hover .bg-blur::before,
  .card:hover::after,
  .card:hover .mask {
 clip-path: inherit;
  }

  .card_tit {
 position: relative;
 z-index: 2;
  }

  .main_section.main_menucard {
 padding-top: 0;
  }

  /*科普园地*/
  .main_kp {
 background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(/Content/Areas/Hospitals/images/kpbg.jpg) center / cover;
  }

  .kp_con {
 display: flex;
  }

  .kp_list {
 display: flex;
 flex-wrap: wrap;
 height: 100%;
  }

  .kp_list li {
 width: 50%;
 height: 50%;
 box-sizing: border-box;
 padding: 12px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #fff;
 /* min-height: 130px; */
 }

  .kp_list li .span_date {
 display: none;
  }

  .kp_list li a {
 color: #fff;
 font-size: 16px;
 text-align: center;
  }

  .kp_list li a:hover {
 color: #fff;
  }

  .kp_list li:nth-child(1) {
 background: #4b83eb;
  }

  .kp_list li:nth-child(2) {
 background: #A40000;
  }

  .kp_list li:nth-child(3) {
 background: #5b6063;
  }

  .kpyd-list-last {
 background: #225fb8;
 gap: 10px;
  }

  .kpyd-list-last img {
 width: 90px;
  }

  .kpyd-video-section {
 background-color: rgba(47, 79, 79, 0.8);
 padding: 8px;
 border-radius: 0;
 width: 100%;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 height: 100%;
 box-sizing: border-box;
 padding-bottom: 0;
  }

  .kpyd-video-section .liulan {
 display: none;
  }

  .kpyd-video-section li {
 display: flex;
 flex-direction: column;
  }

  .kpyd-video-section .video_img {
 display: block;
 width: 100%;
 position: relative;
  }

  .kpyd-video-section .video_img img {
 display: block;
 width: 100%;
 object-fit: cover;
 transition: all 0.3s ease;
  }

  .kpyd-video-section .maintitle {
 text-align: center;
 padding: 10px 0;
 color: #fff;
 font-size: 16px;
  }

  .kpyd-video-section .maintitle a {
 color: #fff;
  }

  .kpyd-video-section .video_img::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 30px;
 height: 30px;
 background: url(/Content/Areas/Hospitals/images/video.png) no-repeat center center;
 cursor: pointer;

 z-index: 10;
  }

  .kpyd-video-section .video_img:hover img {
 transform: scale(1.02);
  }

  /*来院导航*/
  .main_dt .map_con {
 display: flex;
 gap: 1vw;
  }

  .lylx-map-section {
 width: 70%;
 position: relative;
 /* height: 100%; */
  }

  .lylx-cards-section {
 width: 30%;
 display: flex;
 flex-direction: column;
 gap: 20px;
 min-width: 250px;
 /* justify-content: space-between; */
  }

  .lylx-card {
 padding: 27px;
 color: #fff;
 display: flex;
 flex-direction: column;
 gap: 12px;
 justify-content: flex-start;
 border-radius: 0;
 position: relative;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 cursor: pointer;
  }

  .lylx-card::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 5px;
 height: 100%;
 background-color: rgba(255, 255, 255, 0.3);
 transition: width 0.3s ease;
  }

  .lylx-card h2 {
 font-size: 18px;
 line-height: 1.4;
 margin: 0;
 font-weight: 500;
 position: relative;
 z-index: 2;
  }

  .lylx-card-content {
 display: none;
 font-size: 14px;
 line-height: 1.6;
 position: relative;
 z-index: 2;
  }

  .lylx-card.active .lylx-card-content {
 display: block;
  }

  .card-address {
 margin: 0 0 8px;
 font-weight: 500;
  }

  .card-route {
 margin: 0;
 opacity: 0.9;
  }

  .lylx-red-card {
 background: linear-gradient(135deg, #c1121f 0%, #a40000 100%);
  }

  .lylx-gray-card {
 background: linear-gradient(135deg, #5a6374 0%, #4b5563 100%);
  }

  .lylx-map-img {
 opacity: 0;
 z-index: 0;
 width: 100%;
 height: 100%;
 transition: all 0.5s linear;
 position: absolute;
 top: 0;
 left: 0;
  }

  .lylx-map-img.active {
 opacity: 1;
 z-index: 1;
  }
  .lylx-map-img img{width:100%;height:100%;object-fit: cover;}
  .lylx-card:hover {
 transform: translateY(-5px);
 box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
  }

  .lylx-card:hover::before {
 width: 10px;
  }

  .clinical-titles {
 display: flex;
  }

  .clinical-title {
 padding: 8px 14px;
 border-radius: 28px;
 border: 2px solid #e0e0e0;
 background-color: white;
 transition: all 0.3s;
 cursor: pointer;
 font-size: 13px;
 font-weight: 500;
 color: #333;
 position: relative;
 overflow: hidden;
 margin-left: 10px;
  }

  .clinical-title:hover,
  .clinical-title.active {
 border-color: #A40000;
 background-color: rgba(164, 0, 0, 0.05);
 color: #A40000;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  }

  .clinical-title::after {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 width: 16px;
 height: 16px;
 background-color: rgba(164, 0, 0, 0.1);
 border-radius: 50%;
 transform: translate(8px, -8px);
 transition: transform 0.5s;
  }

  .clinical-title:hover::after,
  .clinical-title.active::after {
 transform: translate(0, 0);
  }

  .clinical-tab {
 display: none;
  }

  .clinical-tab.active {
 display: block;
  }

  @media only screen and (max-width:768px) {
 .main_yl .tsyl_line {
   display: none;
 }

 .feature-card:nth-child(2),
 .feature-card:nth-child(4) {
   margin-top: 0px;
 }

 .ksdh-department-tabs {
   margin: 0 0 10px 0;
 }

 .main_title {
   margin: 0 0 10px 0;
 }
  .banner_menu_tit {
 font-size: 14px;
 font-weight: 500;
  }
 .main_search_con .inputKeyword {
   font-size: 14px;
 }

 .main_search_con form .button input {
   font-size: 14px;
 }

 .banner .pagination {
   right: 0;
 }

 .scroll-indicator {
   display: none;
 }

 .arc_list {
   padding: 10px 0;
 }

 .main_search {
   padding: 10px 0 !important;
 }

 .banner_menu {
   padding: 25px 10px !important;
 }

 .main_content {
   padding: 0 !important;
 }

 .home_banner {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0 0 10px 0;
 }

 .banner_menu_list {
   flex-wrap: wrap;
   display: flex;
   justify-content: normal;
 }

 .banner_menu_item {
   width: 25%;
 }

 .banner_menu_item:nth-child(n+5):nth-child(-n+7) {
   margin: 10px 0 0 0;
 }

 .main_search_con .inputKeyword {
   padding: 0 0 0 25px;
 }

 .main_section {
   padding: 0px 0;
 }

 .main_title_left span {
   font-size: 16px;
 }

 .main_title_left img {
   width: 20px;
 }

 .news_con {
   display: flex;
   gap: 10px;
   flex-wrap: wrap;
 }

 .half {
   width: 100%;
 }
.kp_list li{
 min-height:130px;
}
 a.title_type {
   width: 80%;
   /* white-space: nowrap; */
   /* overflow: hidden; */
   /* text-overflow: ellipsis; */
   /* display: inline-block; */
 }

 .arc_list li {
   padding: 6px 0;
 }
.kp_list li a{
 font-size:14px;
}
 .dep_con_left {
   display: none;
 }

 .dep_con_right {
   width: 100%;
 }

 .ksdh-department-tabs {
   overflow-x: auto;
 }

 .ksdh-department-items {
   gap: 10px;
   padding: 0;
 }

 .ksdh-department-item {
   width: 31%;
   border-left: none;
   display: flex;
   justify-content: center;
   word-break: initial;
 }

 .ksdh-department-content {
   padding: 10px;
   margin: 0 0 10px 0;
 }

 .ksdh-department-tabs {
   padding-bottom: 0;
 }

 .ksdh-department-tab:hover,
 .ksdh-department-tab.active {
   transform: translateY(0);
 }

 .big_date .span_date {
   display: none;
 }

 .big_date li {
   padding: 10px;
   width: 100%;
 }

 .feature_list {
   gap: 10px;
   flex-wrap: wrap;
   margin: 0 0 10px 0;
 }

 .feature-card {
   position: relative;
   transition: all 0.3s ease;
   overflow: hidden;
   width: 48%;
 }

 .feature-card a {
   width: 100%;
 }

 .feature-card img {
   transition: all 0.3s ease;
   object-fit: cover;
   width: 100%;
 }

 .feature-card .card-title {
   writing-mode: tb;
 }

 .feature-card .card-more {
   writing-mode: rl;

 }

 .main_yl .main_content {
   padding: 10px;
 }

 .tsyl_container_right {
   display: none;
 }

 .tsyl_container_left {
   width: 100%;
   margin: 0 0 10px 0;
 }

 .tsyl_item_font {
   font-size: 14.5px;
 }

 .kp_con {
   flex-wrap: wrap;
   gap: 10px;
   margin: 0 0 10px 0;
 }

 .menu_cards {
   gap: 10px;
   margin: 0 0 10px 0;
 }

 .kp_list {
   margin: 0 0 10px 0;
 }

 .card {
   width: 48%;
   height: 100px;
   clip-path: none;
 }

 .card h2 {
   font-size: 16px;
 }

 .card p {
   margin-bottom: 0px;
   line-height: 1;
 }

 .main_dt .map_con {
   display: flex;
   flex-direction: column-reverse;
   gap: 10px;
   margin: 0 0 10px 0;
 }

 .lylx-map-section {
   width: 100%;
   height: 400px;
 }

 .lylx-cards-section {
   width: 100%;
   display: flex;
   flex-direction: row;
   gap: 10px;
   min-width: 250px;
 }

 .lylx-card {
   padding: 10px;
 }

 .home_banner .banner {
   display: block;
   margin: 0 auto;
   position: static;
   overflow: hidden;
   width: 100%;
   height: 200px;
   top: 0;
   left: 0;
 }
  }