body {
}

/*以下是首页中“公司新闻”、“集团新闻”的样式 - A */

/* 整体容器：居中 + 自适应 */
        .news-container {
            width: 100%;
            max-width: 1300px;
            margin: 0 auto;
            overflow: hidden; /* 清除浮动 */
            
            border:0px solid orange;
        }

        /* 单个新闻板块：并列布局 */
        .news-section {
            width: 48%;
            float: left;
            margin-right: 4%; /* 板块间间距 */            
        }
        .news-section:last-child {
            margin-right: 0; /* 最后一个板块取消右间距 */
        }

        /* 板块标题栏：红色标题 + 底部红线 + 右侧“更多” */
        .news-header {
            border-bottom: 2px solid red;
            padding-bottom: 5px;
            margin-bottom: 15px;
            position: relative; /* 用于“更多”绝对定位 */
        }
        .news-title {
            font-size: 20px;
            font-weight: bold;
            color: #B90108;
            
            /*以下三行是为添加圆形标记 -A */
            
            position: relative;
            padding-left: 25px;/* 为圆形留出空间 */
            transition: all 0.3s;
            
            /*以上三行是为添加圆形标记 -O */
            
    
            /*以下2行是为添加双箭头标记 -A */
            /*
            position: relative;
            padding-left: 30px;/* 为圆形留出空间 */
           /*以上2行是为添加双箭头标记 -O */
        }
        
         /* 圆形标记方案 - A */
         
        .news-title::before { 
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            width: 14px; /* 调整尺寸大小 */
            height: 14px; /* 调整尺寸大小 */
            background: #B90108;
            border-radius: 50%;
            transform: translateY(-50%);
            transition: all 0.3s;
        }
        
        .news-title:hover::before {
            background: #ff6b00;
            transform: translateY(-50%) scale(1.1);
        }
        /* 圆形标记方案 - O */

/* 双箭头标记方案 - A */
/*
.news-title::before,
.news-title::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 3px solid #B90108;
    border-bottom: 3px solid #B90108;
    transform: translateY(-50%) rotate(-45deg);
}

.news-title::before {
    left: 0;
}

.news-title::after {
    left: 10px;
}
*/
/* 双箭头标记方案 - O */
        
        
        
/* 以下是“公司新闻”、“集团新闻”首页列表右上角“More"或”更多“的样式css -A */      
        .news-more {
            position: absolute;
            right: 0;
            top: 0;
            font-size: 16px;
            color: #999;
            text-decoration: none; /* 清除默认下划线 */
        }
        /*
        .news-more:hover {
            color: red; /*  hover时变红 */
        /*}*/
        

/* 下划线伪元素 */
.news-more::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #ff416c, #ff4b2b); /* 渐变下划线 */
    transition: width 0.3s ease;
}

/* hover 交互：文字变色 + 下划线展开 */
.news-more:hover {
    color: #ff416c;
}

.news-more:hover::after {
    width: 100%; /* 下划线展开 */
}

/* 以上是“公司新闻”、“集团新闻”首页列表右上角“More"或”更多“的样式css -O  */          
        
        
        
        
        
        
        

        /* 新闻列表：重置默认样式 + 列表项布局 */
        .news-list {
            list-style: none; /* 清除默认列表符号 */
            padding: 0;
            margin: 0;
            
            border:0px solid blue;
        }
        .news-item {
            padding: 5px 0;
            border-bottom: 1px dashed #eee; /* 虚线分隔线 */
            position: relative; /* 用于箭头绝对定位 */
            
            display: flex;
            gap: 0; /* 消除子元素默认间距 *//* 关键修改 */
            /*justify-content: space-between;*/
            align-items: center; /* 垂直居中 */
            transition: transform 0.3s, background 0.3s;
        }
        
         .news-item:hover {   /* Goo:这个是当鼠标放上去之后，背景颜色变化；另外就是字体进行扭动（注意和.news-item a:hover的区别） */
            background: #f9f9f9;
            transform: translateX(5px);
        }
        
        .news-item:last-child {
            border-bottom: none; /* 最后一项取消分隔线 */
        }

        /* 新闻标题链接 */
        .news-item a {
            color: #333;
            text-decoration: none;
            display: block;
            padding-left: 20px; /* 给箭头留空间 */
            line-height: 1.5;
        }
        .news-item a:hover {
            color: red; /* hover时标题变红 */
        }
        
        .news-item img {
           margin-left: -4px; /* 可选调整 */
           white-space: nowrap; /* 可选 */
        }

        /* 新闻前的红色箭头（通过伪元素实现） */
        .news-item:before {
            content: "▶";
            color: red;
            position: absolute;
            left: 0;

            font-size: 12px;
            
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        /* 发布日期：右对齐 + 灰色 */
        .news-date {           
            color: #7f8c8d;
            font-size: 0.9rem;
            min-width: 80px;
            text-align: right;
            /*margin-left: auto;  /* 右对齐关键属性 *//* 关键属性：自动占用左侧剩余空间 */
            
            margin: 10px 0 10px auto; /* 上下margin=(父高度-元素高度)/2 */
            line-height: 20px; /* 确保与font-size匹配 */
            border:0px solid blue;
        }
        
/*以上是首页中“公司新闻”、“集团新闻”的样式 - O */



/*以下是媒体报道页（新闻列表页）中“公司新闻”、“集团新闻”、“行业动态”的样式 - A */

/* 整体容器：居中 + 自适应 */
        .newslist-container {
            width: 100%;
            max-width: 1300px;
            margin: 0 auto;
            
            border:0px solid orange;
        }
        
        
 /* 单个新闻板块：并列布局 */
        .newslist-section {
            width: 96%;  
            float: left;
            margin: 0 4%; /* 板块间间距 */      
            /*By Goo：上面的width:96%要和下面的margin:0 4%相配合，加起来是100%就行；不然会发生显示不全溢出；另外，将.newslist-container原先的overflow: hidden;删除，以鼠标放上去后依旧显示完全*/
            border:0px solid green;      
        }
        .newslist-section:last-child {
            margin-right: 0; /* 最后一个板块取消右间距 */
        }
        
        
        /* 板块标题栏：红色标题 + 底部红线 + 右侧“更多” */
        .newslist-header {
            border-bottom: 2px solid #B90108;
            padding-bottom: 5px;
            margin-bottom: 15px;
            position: relative; /* 用于“更多”绝对定位 */
            
            text-align: left; /* 添加左对齐 */
        }
             
/*以上是媒体报道页（新闻列表页）中“公司新闻”、“集团新闻”、“行业动态”的样式 - O */