/* 文字列表容器样式 */
.new-2 {
    width: 100%;
    height: 550px;
    padding: 40px 0;
    background-color: #f9f9f9;
    /* background-image: url(../images/mainText_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%; */
}

/* 中间容器 */
.zjk {
    width: 1440px;
    margin: 0 auto;
    position: relative;

}

/* 清除浮动 */
/* 
 * 清除浮动工具类
 * 原理：利用伪元素 ::after 在容器末尾生成一个空元素
 * 应用场景：解决父元素因子元素浮动而导致的高度塌陷问题
 * 使用方法：给包含浮动子元素的父容器添加 class="clearfix"
 */
.clearfix::after {
    content: "";           /* 伪元素必须设置 content 属性，即使为空 */
    display: table;        /* 使用 table 可以触发 BFC（块级格式化上下文），比 block 更可靠 */
    clear: both;           /* 清除左右两侧的浮动，使父元素能正确包裹浮动的子元素 */
}

/* 科研动态/成果展示/学术论文容器 */
.kydt {
    width: 45%;
    min-height: 450px;
    margin-right: 3%;
    /* background: #fff; */
    padding: 25px;
    border-radius: 8px;
}

.kydt:last-child {
    margin-right: 0;
}

/* 标题栏样式 */
.lmmc-0 {
    padding-bottom: 15px;
    border-bottom: 2px solid #e8e8e8;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.lmmc-2 {
    float: left;
    
}

.more-1 {
    float: right;
    margin-top: 4px;
}

.lmmc-0::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 80px;
    height: 2px;
    background: linear-gradient(90deg, hsl(0, 100%, 30%), hsl(0, 100%, 40%));
}

.lmmc-2 {
    font-size: 22px;
    font-weight: bold;
    color:  hsla(210, 84%, 40%, 0.9);
    position: relative; 
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
}



/* 更多按钮样式 */
.more-1 {
    color: hsla(210, 84%, 40%, 0.9);
    text-decoration: none;
    font-size: 14px;
    padding: 6px 16px;
    border: 0px solid #ddd;
    border-radius: 20px;
    transition: all 0.3s ease;
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
}

.more-1:hover {

    color: hsla(210, 84%, 40%, 0.9);

}

/* 新闻列表容器 */
.nrk-3 {
    padding: 0;
    
}

/* 单条新闻链接 */
ul{
 padding-inline-start: 0px;

}
.btt-7 {
    margin: 10px 0;
    display: inline-block;  
    width: 100%;   
    border-bottom: 1px dashed #e0e0e0;
    overflow: hidden;
    list-style: none;
    transition: all 0.3s ease;
}



/* 新闻标题 */
/* 新闻标题样式 */
.btt-8 {
    /* 布局属性 */
    display: inline-block;    /* 行内块级元素，允许设置宽高同时保持行内特性 */
    vertical-align: middle;   /* 垂直居中对齐，与旁边的日期元素对齐 */    
    width: 100%; 

}

.btt8title,
.btt8title a{
    font-size: 18px;    
    color: #333;
    /* 文本截断处理 - 单行省略效果 */  
    overflow: hidden;         /* 隐藏超出容器的内容 */
    white-space: nowrap;      /* 禁止文本换行，强制单行显示 */ 
    max-width: 28em;          /* 最大宽度限制为28个汉字宽度，防止过长标题影响布局 */
    text-overflow: ellipsis;  /* 文本溢出时显示省略号(...) */    
    /* 装饰属性 */
    text-decoration: none;    /* 去除默认下划线 */
    transition: all 0.3s ease; /* 颜色过渡动画：悬停时0.3秒平滑变色 */
    display: inline-block;
   
}

/* 时间样式 */
.time-3 {
    /* display: inline-block; */
  
    color: #999;
    white-space: nowrap;
    background: #f5f5f5;
    padding: 4px 12px;
    border-radius: 12px;
    transition: all 0.3s ease;
    vertical-align: middle;
    float: right;
    display: inline-block;
}

/* 父元素悬停时，两个元素都有效果 */
.btt-7:hover .btt8title,
.btt-7:hover .btt8title a,
.btt-7:hover .time-3{
    color: #027CF6;
    font-size: 19px; 
    transform: translateX(8px);
}


/* /交流合作/学术交流 特殊样式 */
.xsjl {
    float: left;
    margin-right: 0;
}

/* 成果展示/学术论文特殊样式 */
.txgz {
    float: right;
    margin-right: 0;
}

/* 响应式适配 */
@media screen and (max-width: 1440px) {
    .zjk {
        width: 95%;
    }
    
    .kydt {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
        float: none;
    }
    
    .txgz {
        float: none;
    }
}

@media screen and (max-width: 768px) {
    .new-2 {
        padding: 25px 0;
    }
    
    .kydt {
        padding: 20px;
    }
    
    .lmmc-2 {
        font-size: 18px;
        color: hsla(210, 84%, 40%, 0.9);
    }
    
    .btt-8 {
        font-size: 14px;
    }
}