.head .logo a.logo_a{
display:flex;
align-items:center;}
.head .logo p{
    font-size:30px;}
.head .logo img{height:80px;}
@media  screen and (max-width: 1378px){
    .head .logo img{height:65px;}
}
@media  screen and (max-width: 1322px){
    .head .logo img{height:60px;}
    .head .logo p{font-size:25px;}
}
/*s*/
.nav > ul > li{
margin-left:25px 
;}
@media screen and (max-width: 1343px) {
.nav > ul > li{
margin-left:20px !important;}
}
@media screen and (max-width: 1234px) {
.nav > ul > li{
margin-left:10px !important;}
}
.mobile_a_logo{
display:flex;
align-items:center;}
.mobile_a_logo span{
        font-size: 18px;
    color: white;}
.list_a img{
    height: 500px;
    object-fit: cover;}
 /* 图片容器样式 - 使用Grid布局替代Flex */
        .image-container {
            display: grid;                      /* 使用grid布局 */
            grid-template-columns: repeat(3, 1fr); /* 固定3列 */
            gap: 16px;                          /* 图片之间的间距 */
            padding: 20px;                      /* 容器内边距 */
            max-width: 1200px;                  /* 容器最大宽度 */
            margin: 0 auto;}

        /* 图片项样式 */
        .image-item {
            overflow: hidden;                   /* 隐藏溢出内容 */
            border-radius: 8px;                 /* 圆角效果 */
            box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* 轻微阴影 */
            display: flex;                      /* 使用flex布局 */
            flex-direction: column;             /* 垂直排列图片和标题 */
            height: 100%;}

        /* 链接样式 */
        .image-link {
            display: flex;                      /* 使用flex布局 */
            flex-direction: column;             /* 垂直排列内容 */
            text-decoration: none;              /* 去除下划线 */
            height: 100%;}

        /* 图片样式 */
        .image-item img {
            width: 100%;                        /* 宽度100%填充容器 */
            height: 200px;                      /* 固定高度 */
            object-fit: cover;                  /* 保持比例并覆盖容器 */
            display: block;                     /* 移除图片下方的空白 */
            transition: transform 0.3s ease;    /* 过渡动画效果 */
            cursor: pointer;}

        /* 图片悬停效果 */
        .image-link:hover img {
            transform: scale(1.05);}

        /* 标题样式 */
        .image-title {
            padding: 12px 16px;                 /* 内边距 */
            font-size: 14px;                    /* 字体大小 */
            color: #333;                        /* 文字颜色 */
            font-weight: 500;                   /* 字体粗细 */
            background-color: #f9f9f9;          /* 背景色 */
            border-top: 1px solid #eee;         /* 顶部边框 */
            text-align: center;                 /* 文字居中对齐 */
            white-space: nowrap;                /* 防止文字换行 */
            overflow: hidden;                   /* 隐藏溢出内容 */
            text-overflow: ellipsis;            /* 溢出显示省略号 */
            transition: color 0.3s ease;}

        /* 标题悬停效果 */
        .image-link:hover .image-title {
            color: #93080c;}

        /* 响应式调整：在中等屏幕上一行显示2张 */
        @media (max-width: 768px) {
            .image-container {
                grid-template-columns: repeat(2, 1fr);}
        }

        /* 响应式调整：在小屏幕上一行显示1张 */
        @media (max-width: 480px) {
            .image-container {
                grid-template-columns: 1fr;}
            .image-title {
                font-size: 13px;}
        }
.fm a.footer_a{
    display:flex;
    align-items:center;
    justify-content: center;}
.fm a.footer_a img{height:60px;}
.fm a.footer_a p{
    margin-left:5px;
    font-size:25px;
    color:#fff;}
@media screen and (max-width: 656px){
.fm a.footer_a{flex-wrap:wrap;}
.fm a.footer_a p{
    margin-top:20px;}
}
.footer{
background:url(images/new/bg_footer3.png) center;background-size:cover;}
.ff p{background:#93080c;opacity:0.8;}