/* 以下样式不用修改 开始*/
    /* 默认ul 无需修改 */
    .nav_menustyle_1_1 ul
    {
        list-style-type:none;
        padding:0px; 
        margin:0px;}
    /* 默认li 无需修改 */
    .nav_menustyle_1_1 li
    {
        float:left;
        text-align:center;
        position:relative;}
    /* 2级以上 li 无需修改 */
    .nav_menustyle_1_1 ul li ul li
    {
        float:none;
        z-index:100;}
    /* 3级以上默认ul 无需修改 */
    .nav_menustyle_1_1 ul li ul li ul
    {
        left:100%;
        top:0px;}
    /* IE6下的table样式 无需修改 */
    .nav_menustyle_1_1 table 
    {
        position:absolute; 
        left:0px;
        border-collapse:collapse; 
        border-spacing:0; 
        z-index:100;}   
    .nav_menustyle_1_1 table table
    {
        top:0px;}
    .nav_menustyle_1_1 td 
    {
        padding: 0;}   
    /* 共6级导航子菜单打开关闭控制 无需修改 */
    .nav_menustyle_1_1 li ul,
    .nav_menustyle_1_1 li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li ul
    {
        display:none;}
    .nav_menustyle_1_1 li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li ul
    {
        visibility:hidden;}
    .nav_menustyle_1_1 li a:hover ul,
    .nav_menustyle_1_1 li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul    
    {
        display:block;
        position:absolute;}
    .nav_menustyle_1_1 li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover ul
    {
        visibility:visible;}
    /* 默认a属性 无需修改 */
    .nav_menustyle_1_1 a
    {
        display:block;
        text-decoration:none;
        white-space:nowrap;}
/* 以上样式不用修改 结束*/
/* 默认链接样式 可以修改默认的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 a
{
    width:90px;         /*菜单宽度*/
    height:25px;        /*菜单高度*/
    line-height:25px;   /*字体高度, 可设为菜单高度*/
    font-size:14px;     /*字体大小*/
    color:#000;         /*字体颜色*/
    background:#eeeeee; /*背景色*/
    border:1px solid #fff;  /*边框颜色*/
    border-width:0px 1px 1px 0px;}
/* 默认hover链接样式 可以设置默认的鼠标移上样式 */
.nav_menustyle_1_1 a:hover
{
    color:#fff; /*鼠标移上颜色*/
    background:#2687eb;}
/* IE6兼容性代码，在IE6下起效， 必须根据菜单高宽进行设定 */
.nav_menustyle_1_1 table 
{
    top:26px;}   
.nav_menustyle_1_1 table table
{
    left:91px;}   
/* 2级以上链接样式 可以修改2级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li a
{}
/* 2级以上hover链接样式 可以修改2级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li a:hover
{}
/* 3级以上链接样式 可以修改3级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li ul li a
{}
/* 3级以上hover链接样式 可以修改3级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li ul li a:hover
{}

.ny-column p{
    color: #ffffff;
    font-size: 22px;
    line-height: 40px;
    padding-bottom: 0px;
    margin: 0 auto;
    text-align: center;}
/* --- 1. 外层容器 --- */
.quote-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    line-height: 1.6;
    text-align: center;
    width: 1102px;
    height: 80px;
    margin: 0 auto;
    padding-bottom: 100px;}

/* --- 2. 中间文字区域 --- */
.quote-content {
    flex: 1; /* 让文字占据剩余空间 */
    z-index: 2;}

/* --- 3. 引号图片通用样式 --- */
.quote-icon {
    width: 60px;  /* 根据你的图片实际大小调整，比如 30px - 50px */
    height: auto;
    opacity: 1; /* 设置半透明，看起来更高级，不抢文字风头 */
    z-index: 1;}

/* --- 4. 左侧引号定位 --- */
.quote-left {
    margin-right: 20px; /* 与文字保持距离 */
    /* 如果想让它像截图那样稍微靠上一点，可以用绝对定位微调 */
    position: relative;
    top: 0px;}

/* --- 5. 右侧引号定位 --- */
.quote-right {
    margin-left: 20px; /* 与文字保持距离 */
    /* 如果想让它稍微靠下 */
    position: relative;
    top: 0px;}
/* 1. 外层容器：设置宽度，去除浮动改用 Flex 或 Block */
.dydhkd {
    width: 90px;
    display: block;
    float: left;    margin-right: 59px;}

/* 2. 列表项容器：控制每一项的间距 */
.dydh {
    width: 90px;}

/* 3. 核心交互区：Flex 垂直布局 */
.dhtp {
    display: flex;           /* 关键：开启 flex 布局 */
    flex-direction: column;  /* 关键：垂直排列 (图标在上，文字在下) */
    align-items: center;     /* 关键：水平居中对齐 */
    justify-content: center; /* 垂直居中 */
    text-align: center;
    cursor: pointer;         /* 鼠标变成手型 */
    transition: all 0.3s ease; /* 整体过渡动画 */
    padding: 10px 0;}

/* 4. 图片样式 */
.dhtp img {
    width: 56px;             /* 根据实际图标大小调整 */
    height: 56px;
    object-fit: contain;     /* 保持图标比例 */
    transition: opacity 0.3s ease, transform 0.3s ease;}

/* 5. 文字样式：默认灰色 */
.dhtp span {
    font-size: 16px;
    color: #666666;          /* 默认深灰色 */
    font-weight: normal;
    transition: color 0.3s ease, font-weight 0.3s ease;}

/* --- 悬停交互逻辑 (Hover) --- */

/* 当鼠标悬停在 .dhtp 上时： */

/* A. 文字变色加粗 */
.dhtp:hover span {
    color: #000000;          /* 变为黑色 */
    font-weight: bold;}

/* B. 如果有两张图切换的逻辑 */
/* 默认隐藏第二张图 */
.img-hover {
    position: absolute;
    opacity: 0;
    margin-bottom: 30px;}

.dhtp:hover img {
    opacity: 0;}

/* 悬停时显示第二张图 */
.dhtp:hover .img-hover {
    opacity: 1;}

/* 1. 重置 ul 的默认样式并开启 Flex 布局 */
.xinwen-list ul {
    display: grid;
    flex-wrap: wrap;
    padding: 0;
    grid-template-columns: repeat(5, 1fr);
    margin: 0;
    list-style: none;}

/* 2. 设置 li 的宽度和样式 */
.xinwen-list li {
height: 225px;
    width: 191px;padding: 46px;
    background-color: #F4F5F7;
    margin-bottom: 24px; /* 上下间距 */
    box-sizing: border-box; /* 确保 padding 不会撑大宽度 */
    align-items: flex-start;}

/* 3. 调整日期部分 (对应图片左下角的日期) */
.xinwen-date {
    text-align: left;
    min-width: 60px;
    margin-top: 0;
    width: 100px;
    text-align: center;}

/* 4. 调整内容部分 */
.xinwen-con {
    flex: 1; /* 占据剩余的所有宽度 */
    overflow: hidden; /* 防止内容溢出 */
    padding-top: 0; /* 取消之前的 padding */
    width: auto;}

/* 标题样式微调 */
.xinwen-con h1.tver {
    font-size: 22px; /* 稍微调小一点适应双列 */
    line-height: 1.4;
    white-space: normal; /* 允许标题换行 */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;}

/* 摘要样式微调 */
.xinwen-con p {
    font-size: 14px;
    line-height: 1.6;
    color: #8d8a8a;
    /* 使用多行省略号，限制显示 3 行 */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: auto; /* 取消固定高度 */
    margin-top: 0;}
.xinwen-con img{
width:100px;
height:100px;}

/* 响应式处理：手机端自动变回单列 */
@media screen and (max-width: 768px) {
    .xinwen-list li {
        width: 100%;}
}
.foot-logo{
    width: 224px;
    float: left;}
.foot-xx{
    float: left;    padding-left: 72px;}