/* ========== Utility Classes (from style.css) ========== */
.overhide{overflow:hidden}
.pore{position:relative}
.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;flex-wrap:wrap}
.flex-v-center{display:flex;flex-direction:column;justify-content:center}
.flex-v-bottom{display:flex;align-items:flex-end;flex-wrap:wrap}
.flex-v{display:flex;flex-direction:column;justify-content:space-between}
.zi3{position:relative;z-index:3}

.l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.none{display:none}

/* ========== bg-mask hover effect (from style.css) ========== */
.bg-mask .pic{overflow:hidden}
.bg-mask .pic .a{background-repeat:no-repeat;background-size:cover;height:100%;display:block;transition:all .4s}
.bg-mask:hover .pic .a{transform:scale(1.1)}

/* ========== Title line underline on hover (from style.css) ========== */
.titline_w{position:relative;background-image:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5));background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s;color:#fff}
.titlin_w:hover .titline_w{background-size:100% 1px}

/* ========== Section Container ========== */
.homea{padding:30px 0 0;background:#f9fafb}
.homea .wp{margin:0 auto;max-width:1600px;width:92%;padding-bottom:75px;position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}

/* ========== Section Title (from index0610.css .intit) ========== */
.intit{margin-bottom:38px;display:flex;justify-content:space-between;flex-wrap:wrap}
.intit .tit h3{font-size:40px;font-weight:bold;line-height:1em;color:#222}
.intit .tit span{font-size:18px;color:#0b779d;padding-bottom:5px;line-height:1em}
.intit .more a{
  display:inline-block;height:40px;line-height:38px;border:1px solid #ddd;
  border-radius:30px;padding:0 22px;transition:.3s;font-size:16px;color:#666;
}
.intit .more a:before{content:'';display:inline-block;width:3px;height:3px;border:5px solid #000;margin-right:5px;border-radius:50%}
.intit .more a:hover:before{border-color:#fff}
.intit .more a:hover{background:#a32026;color:#fff;border-color:#a32026}

/* ========== Left Column: 海医要闻 ========== */
.homea .aleft{width:68.75%}

/* topNews flex container */
.homea .aleft .topNews{display:flex;justify-content:space-between}

/* Swiper (74% width) */
.homea .aleft .topNews .slideNewss{width:74%;margin:0;position:relative;overflow:hidden}
.homea .aleft .topNews .slideNewss .swiper-wrapper{display:flex;transition:transform .5s ease;background:#fff}
.homea .aleft .topNews .slideNewss .swiper-slide{flex:0 0 100%;min-width:0}
.homea .aleft .topNews .slideNewss a{display:block;position:relative}
.homea .aleft .topNews .slideNewss .pic{height:585px;position:relative}
.homea .aleft .topNews .slideNewss .pic:before{
  content:'';position:absolute;left:0;bottom:0;right:0;height:40%;
  background:linear-gradient(to top,rgba(0,0,0,0.7),transparent);z-index:1
}
.homea .aleft .topNews .slideNewss .txt{
  position:absolute;left:0;bottom:0;right:0;padding:30px;color:#fff;z-index:3
}
.homea .aleft .topNews .slideNewss .txt time{font-size:14px;opacity:0.9;display:block;margin-bottom:8px}
.homea .aleft .topNews .slideNewss .txt h4{font-size:22px;line-height:1.4em;margin-bottom:10px;margin-top:10px}
.homea .aleft .topNews .slideNewss .txt p{font-size:14px;line-height:1.6em;color:rgba(255,255,255,.8)}


/* Right news list (26% width) — ul.flex-v */
.homea .aleft .topNews>ul{width:26%;background:#f3f9ff}
.homea .aleft .topNews>ul li{
  height:calc(100% / 4);cursor:pointer;position:relative;padding:10px 30px;
  display:flex;flex-direction:column;justify-content:center;
}
.homea .aleft .topNews>ul li:before{
  content:'';width:100%;position:absolute;top:0;right:0;height:1px;z-index:1;background:#c5d3e1
}
.homea .aleft .topNews>ul li:first-child:before{display:none}
.homea .aleft .topNews>ul li:after{
  content:'';width:0;position:absolute;top:0;right:0;bottom:0;z-index:1;background:#a32026;opacity:0
}
.homea .aleft .topNews>ul li.show:after{width:108%;transition:.3s;opacity:1}
.homea .aleft .topNews>ul li.show+li:before{display:none}
.homea .aleft .topNews>ul li a{display:block}
.homea .aleft .topNews>ul li h4{line-height:1.4em;font-size:18px;margin-bottom:10px}
.homea .aleft .topNews>ul li time{font-size:14px;color:#666}
.homea .aleft .topNews>ul li.show h4{color:#fff;position:relative;z-index:3}
.homea .aleft .topNews>ul li.show time{color:#fff;position:relative;z-index:3}
.homea .aleft .topNews>ul li.show a{color:#fff}

/* ========== Right Column: 通知公告 ========== */
.homea .aright{width:28.75%}
.homea .aright .list{padding-right:80px;position:relative}
.homea .aright .list ul{background:#f3f9ff;height:585px;padding:10px 30px}
.homea .aright .list ul li{
  display:flex;justify-content:space-between;padding:27px 0;
  border-bottom:1px solid #c5d3e1;transition:.3s;position:relative
}
.homea .aright .list ul li:last-child{border-bottom:0}
.homea .aright .list ul li time{
  color:#a32026;font-size:14px;text-align:center;position:relative;z-index:3;flex-shrink:0
}
.homea .aright .list ul li time span{font-size:40px;display:block;line-height:1em}
.homea .aright .list ul li .h4{
  width:calc(100% - 65px);font-size:18px;line-height:1.5em;
  position:relative;padding-left:15px;z-index:3;display:flex;align-items:center
}
.homea .aright .list ul li .h4:before{
  content:'';width:1px;position:absolute;top:5%;left:0;height:90%;z-index:1;background:#c5d3e1
}
.homea .aright .list ul li .h4 a{max-height:54px;display:block}

/* Hover shadow effect on announcement items */
@media (min-width:1281px){
    .homea .aright .list ul li:after {
        content: '';
        position: absolute;
        left: -30px;
        top: -1px;
        bottom: -1px;
        background: #fff;
        box-shadow: 0 0 15px rgba(2,61,121,.3);
        width: 0;
    }
  .homea .aright .list ul li:hover:after{width:calc(100% + 75px);transition:.5s}
}

/* ========== Responsive ========== */

/* ≤1800px: shrink left / widen right */
@media (max-width:1800px){
  .homea .aleft{width:65%}
  .homea .aright{width:32%}
  .homea .aright .list{padding-right:80px}
}

/* ≤1200px: stack vertically */
@media (max-width:1200px){
  .homea .aleft{width:100%;margin-bottom:50px}
  .homea .aright{width:100%}
  .homea .aright .list{padding-right:0}
  .homea .wp{padding-bottom:0}
  .homea{padding:65px 0 70px}
}

/* ≤980px: hide right-side news list, swiper full width */
@media (max-width:980px){
  .homea .aleft .topNews>ul{display:none}
  .homea .aleft .topNews .slideNewss{width:100%}
  .homea .aleft .topNews .slideNewss .pic{height:60vw}
  .homea{background-size:50% auto}
}

/* ≤640px: smaller titles, tighter spacing */
@media (max-width:640px){
  .homea .aleft{margin-bottom:30px}
  .intit{margin-bottom:30px}
  .intit .tit h3{font-size:28px}
  .intit .tit span{font-size:16px}
  .intit .tit{display:block}
  .homea{padding:40px 0 50px}
  .intit .more{display:flex;align-items:center;padding-bottom:5px}
  .homea .aleft .topNews .slideNewss .txt h4{font-size:18px}
  .homea .aleft .topNews .slideNewss .pic{height:65vw}
  .homea .aright .list ul{height:auto}
  .homea .aright .list ul li time span{font-size:32px}
  .homea .aright .list ul li .h4{font-size:16px}
}

/* ≤480px */
@media (max-width:480px){
  .intit .tit h3{font-size:24px}
  .intit .more a{font-size:14px;height:34px;line-height:32px;padding:0 14px}
  .homea .aleft .topNews .slideNewss .txt{padding:20px}
  .homea .aleft .topNews .slideNewss .txt h4{font-size:16px}
  .homea .aleft .topNews .slideNewss .txt p{font-size:12px}
  .homea .aright .list ul{padding:10px 15px}
  .homea .aright .list ul li{padding:20px 0}
  .homea .aright .list ul li time span{font-size:28px}
  .homea .aright .list ul li .h4{font-size:15px;width:calc(100% - 55px)}
}