/* 视频区域响应式 */
.news-pic {
  width: 100% !important;
  height: auto !important;
  position: relative;
  padding-top: 1px;}

.index-video-left {
  width: 100%;
  position: relative;
  overflow: hidden;}

/* 视频本身响应式 */
.index-video-left-bg {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;}

/* 隐藏旧播放按钮（现在用原生播放器） */
.index-video-play {
  display: none !important;}

/* 移动端适配 */
@media (max-width:768px) {
  .news-banner {
    padding-top: 10px !important;}
  
  

    .index-video-left {
        width: 100% !important;
        height: auto !important;}
    .index-video-left-bg {
        max-width: 100% !important;
        height: auto !important;}
    .slick-track {
        width: 100% !important;}
    .slick-slide {
        width: 100% !important;}
}

/* 电脑端：定位该ul，保持30px */
.news-r ul {
  padding-top: 30px !important;}

/* 移动端：改为10px */
@media (max-width: 768px) {
  .news-r ul {
    padding-top: 10px !important;}
}
  /* 全局重置 - 解决IE默认样式问题 */
  

        /* 核心容器样式 - 兼容IE的浮动布局 + Flex降级 */
        .img-box {
            padding-top: 60px;
            width: 95%;
            max-width: 1400px;
            margin: 0 auto;
            /* 现代浏览器用flex */
            display: -webkit-box;      /* old - ios 6-, safari 3.1-6 */
            display: -moz-box;         /* old - firefox 19- */
            display: -ms-flexbox;      /* ie 10 */
            display: -webkit-flex;     /* chrome */
            display: flex;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            /* ie9-降级为浮动布局：清除浮动+触发haslayout */
            *zoom: 1; /* ie6-7触发haslayout */
            *padding-bottom: 4px; /* 补偿最后一行margin-bottom */
            /* 替代gap：flex用padding，浮动用margin（ie不支持gap） */
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;}
        /* 清除浮动（IE6-9兼容） */
        .img-box:after {
            content: "";
            display: block;
            clear: both;
            height: 0;
            overflow: hidden;
            visibility: hidden;}

        /* 通用模块样式 - 兼容IE */
       .img-box  .img-item {
            /* flex布局兼容（ie10+） */
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33.1%; /* 替代calc，ie10+兼容 */
            flex: 0 0 calc(33.333% - 4px);
            /* ie9-浮动降级（核心修复：精准margin） */
            *float: left;
            *width: 33.1%; /* 留出间距，避免换行 */
            *margin-bottom: 4px;
            /* 取消ie浮动的margin-right，改用容器justify-content */
            *margin-right: 0;

            position: relative;
            overflow: hidden;
            margin: 0 0 4px 0; /* 替代gap的纵向间距 */
            /* ie不支持transition，保留但不影响 */
            transition: all 0.3s ease;
            border-radius: 8px;
            /* ie圆角兼容（仅ie9+），ie8及以下无圆角 */
            -ms-border-radius: 8px;}
        /* IE8及以下兼容：手动给前两个加右边距（替代:nth-child） */
        .img-item.item1, .img-item.item2,
        .img-item.item4, .img-item.item5 {
            *margin-right: 0.4%;}

      .img-box   .img-item a {
            display: block;
            position: relative;
            text-align: center;
            font-size: 0; /* 清除inline空白 */
            height: 130px;}
        /* 图片兼容：IE全系替代object-fit */
       .img-box  .img-item a .img-wrap {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative;}
       .img-box  .img-item a img {
            width: 100%;
            min-height: 100%;
            /* ie8及以下强制拉伸，避免留白 */
            *width: 100%;
            *height: 100%;
            *display: block;
            /* 现代浏览器保持比例 */
            object-fit: cover;
            transition: all 0.5s ease;
            /* ie透明度兼容 */
            filter: alpha(opacity=100);
            opacity: 1;}

        /* 鼠标悬浮效果（IE:hover支持） */
       .img-box  .img-item a:hover img {
            transform: scale(1.08);
            -ms-transform: scale(1.08); /* ie9+兼容transform */
            opacity: 0.85;
            filter: alpha(opacity=85);}

        /* 标题样式 - 兼容IE */
      .img-box   .img-item h2 {
            font-family: SourceHanSerifCN-Heavy, "微软雅黑", SimHei, sans-serif;
            font-size: 28px;
            color: #fff;
            width: 300px !important;
            position: absolute;
            top: 50%;
            left: 50%;
            /* ie transform兼容（ie9+） */
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            /* ie8及以下降级：手动定位 */
            *top: 40%;
            *left: 0;
            *width: 100%;
            *text-align: center;
            z-index: 99;
            /* ie不支持text-shadow，忽略即可 */
            text-shadow: 0 2px 4px rgba(0,0,0,0.2);
            transition: all 0.3s ease;}

      .img-box   .img-item:hover h2 {
            font-size: 35px;
            text-shadow: 0 4px 8px rgba(0,0,0,0.3);}

/* 基础科技感渐变（保留你的主色调） */
.item1 {
    background: linear-gradient(135deg, #dc8be7 0%, #c4aff0 100%); /* 紫蓝渐变 */
    /* 新增：细微网格纹理增强科技质感（现代浏览器生效） */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #dc8be7 0%, #c4aff0 100%);
    background-size: 20px 20px, 100% 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.item4 {
    background: linear-gradient(135deg, #4A4A4A 0%, #D3D3D3 100%); /* 橙红渐变 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #4A4A4A 0%, #D3D3D3 100%);
    background-size: 20px 20px, 100% 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.item3 {
    background: linear-gradient(135deg, #1bb89d 0%, #1bb89d 100%); /* 青绿色系 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #1bb89d 0%, #179e87 100%); /* 微调渐变层次 */
    background-size: 20px 20px, 100% 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.item2 {
    background: linear-gradient(135deg, #752a0a 0%, #8c3718 100%); /* 棕橙渐变 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #752a0a 0%, #8c3718 100%);
    background-size: 20px 20px, 100% 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.item5 {
    background: linear-gradient(135deg, #8490d8 0%, #a7b3ff 100%); /* 蓝紫渐变 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #8490d8 0%, #a7b3ff 100%);
    background-size: 20px 20px, 100% 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.item6 {
    /* 纯色调渐变，无金属银基底 */
    background: linear-gradient(135deg, #dc4f9d 0%, #da8777 100%);
    /* 细微科技纹理（非金属，仅增强质感） */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #dc4f9d 0%, #da8777 100%);
    background-size: 20px 20px, 100% 100%;
    /* 基础边框+阴影，强化科技感 */
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}

/* 悬浮渐变（同色系加深+纹理强化，科技感交互） */
.item1:hover {
    background: linear-gradient(135deg, #b86fc8 0%, #a190d0 100%); /* 紫蓝加深 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #b86fc8 0%, #a190d0 100%);
    background-size: 15px 15px, 100% 100%;
    /* 新增：悬浮发光边框+轻微缩放，强化科技交互感 */
    border: 1px solid rgba(255,255,255,0.3);
    transform: scale(1.02);}
.item4:hover {
    background: linear-gradient(135deg, #2C2C2C 0%, #A9A9A9 100%); /* 橙红加深 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #2C2C2C 0%, #A9A9A9 100%);
    background-size: 15px 15px, 100% 100%;
    border: 1px solid rgba(255,255,255,0.3);
    transform: scale(1.02);}
.item3:hover {
    background: linear-gradient(135deg, #169c85 0%, #138671 100%); /* 青绿加深 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #169c85 0%, #138671 100%);
    background-size: 15px 15px, 100% 100%;
    border: 1px solid rgba(255,255,255,0.3);
    transform: scale(1.02);}
.item2:hover {
    background: linear-gradient(135deg, #632308 0%, #782f14 100%); /* 棕橙加深 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #632308 0%, #782f14 100%);
    background-size: 15px 15px, 100% 100%;
    border: 1px solid rgba(255,255,255,0.3);
    transform: scale(1.02);}
.item5:hover {
    background: linear-gradient(135deg, #707cb8 0%, #909ee0 100%); /* 蓝紫加深 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #707cb8 0%, #909ee0 100%);
    background-size: 15px 15px, 100% 100%;
    border: 1px solid rgba(255,255,255,0.3);
    transform: scale(1.02);}
.item6:hover {
    /* 悬浮渐变加深（玫红/暖橙粉各暗调15%） */
    background: linear-gradient(135deg, #c8458d 0%, #c87767 100%);
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #c8458d 0%, #c87767 100%);
    background-size: 15px 15px, 100% 100%;
    /* 悬浮交互：边框发光+轻微缩放 */
    border-color: rgba(255,255,255,0.4);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 0 10px rgba(218,135,119,0.3);
    transform: scale(1.02);}

/* IE兼容降级（360兼容模式自动生效，避免样式错乱） */
@media screen and (min-width:0\0) {
    .item1, .item2, .item3, .item4, .item5, .item6 {
        background-image: none !important;
        background: #dc8be7;}
    .item1:hover { background: #b86fc8 !important;}
    .item2:hover { background: #e03403 !important;}
    .item3:hover { background: #169c85 !important;}
    .item4:hover { background: #632308 !important;}
    .item5:hover { background: #707cb8 !important;}
    .item6:hover {
        background: #c8458d !important; /* 悬浮加深 */
        transform: none !important;
        box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;}    /* IE取消缩放/边框，仅保留颜色变化 */
    .item1:hover, .item2:hover, .item3:hover, 
    .item4:hover, .item5:hover, .item6:hover {
        border: none !important;
        transform: none !important;}
}


        /* 响应式媒体查询 - IE10+支持，IE9-忽略 */
        @media (max-width: 1024px) {
          .img-box   .img-item {
                -ms-flex: 0 0 49.5%; /* 替代calc */
                flex: 0 0 calc(50% - 4px);
                *width: 49.5%;}
            /* IE8及以下：1024px下仅第一个加右边距 */
            .img-item.item1, .img-item.item3, .img-item.item5 {
                *margin-right: 1%;}
            .img-item.item2, .img-item.item4, .img-item.item6 {
                *margin-right: 0;}
         .img-box    .img-item h2 {
                font-size: 30px;
                *font-size: 28px;}
          .img-box  .img-item:hover h2 {
                font-size: 32px;}
          .img-box   .img-item a {
                height: 180px;}
        }

        @media (max-width: 768px) {
            .img-box {
                padding-top: 20px;
                *padding-bottom: 6px;}
           .img-box  .img-item {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                *width: 100%;
                *margin-right: 0 !important;}
           .img-box  .img-item h2 {
                font-size: 23px;
                *font-size: 20px;}
           .img-box  .img-item:hover h2 {
                font-size: 30px;}
           .img-box  .img-item a {
                height: 70px;}
        }
        

        /* 核心容器样式 - 兼容IE的浮动布局 + Flex降级 */
        .img-box {
            padding-top: 60px;
            width: 95%;
            max-width: 1400px;
            margin: 0 auto;
            /* 现代浏览器用flex */
            display: -webkit-box;      /* old - ios 6-, safari 3.1-6 */
            display: -moz-box;         /* old - firefox 19- */
            display: -ms-flexbox;      /* ie 10 */
            display: -webkit-flex;     /* chrome */
            display: flex;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            /* ie9-降级为浮动布局：清除浮动+触发haslayout */
            *zoom: 1; /* ie6-7触发haslayout */
            *padding-bottom: 4px; /* 补偿最后一行margin-bottom */
            /* 替代gap：flex用padding，浮动用margin（ie不支持gap） */
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;}
        /* 清除浮动（IE6-9兼容） */
        .img-box:after {
            content: "";
            display: block;
            clear: both;
            height: 0;
            overflow: hidden;
            visibility: hidden;}

        /* 通用模块样式 - 兼容IE */
       .img-box  .img-ite {
            /* flex布局兼容（ie10+） */
            -webkit-box-flex: 0;
            -ms-flex: 0 0 49.1%; /* 替代calc，ie10+兼容 */
            flex: 0 0 calc(49.333% - 4px);
            /* ie9-浮动降级（核心修复：精准margin） */
            *float: left;
            *width: 49.1%; /* 留出间距，避免换行 */
            *margin-bottom: 4px;
            /* 取消ie浮动的margin-right，改用容器justify-content */
            *margin-right: 0;

            position: relative;
            overflow: hidden;
            margin: 0 0 4px 0; /* 替代gap的纵向间距 */
            /* ie不支持transition，保留但不影响 */
            transition: all 0.3s ease;
            border-radius: 8px;
            /* ie圆角兼容（仅ie9+），ie8及以下无圆角 */
            -ms-border-radius: 8px;}
        /* IE8及以下兼容：手动给前两个加右边距（替代:nth-child） */
        .img-ite.ite1, .img-ite.ite2,
        .img-ite.ite4, .img-ite.ite5 {
            *margin-right: 0.4%;}

      .img-box  .img-ite a {
            display: block;
            position: relative;
            text-align: center;
            font-size: 0; /* 清除inline空白 */
            height: 130px;}
        /* 图片兼容：IE全系替代object-fit */
        .img-ite a .img-wrap {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative;}
        .img-ite a img {
            width: 100%;
            min-height: 100%;
            /* ie8及以下强制拉伸，避免留白 */
            *width: 100%;
            *height: 100%;
            *display: block;
            /* 现代浏览器保持比例 */
            object-fit: cover;
            transition: all 0.5s ease;
            /* ie透明度兼容 */
            filter: alpha(opacity=100);
            opacity: 1;}

        /* 鼠标悬浮效果（IE:hover支持） */
        .img-ite a:hover img {
            transform: scale(1.08);
            -ms-transform: scale(1.08); /* ie9+兼容transform */
            opacity: 0.85;
            filter: alpha(opacity=85);}

        /* 标题样式 - 兼容IE */
       .img-box .img-ite h2 {
            font-family: SourceHanSerifCN-Heavy, "微软雅黑", SimHei, sans-serif;
            font-size: 28px;
            color: #fff;
            width: 300px !important;
            position: absolute;
            top: 50%;
            left: 50%;
            /* ie transform兼容（ie9+） */
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            /* ie8及以下降级：手动定位 */
            *top: 40%;
            *left: 0;
            *width: 100%;
            *text-align: center;
            z-index: 99;
            /* ie不支持text-shadow，忽略即可 */
            text-shadow: 0 2px 4px rgba(0,0,0,0.2);
            transition: all 0.3s ease;}

       .img-box .img-ite:hover h2 {
            font-size: 35px;
            text-shadow: 0 4px 8px rgba(0,0,0,0.3);}

/* 基础科技感渐变（保留你的主色调） */
.ite1 {
    background: linear-gradient(135deg, #004E92 0%, #00B4DB 100%); /* 紫蓝渐变 */
    /* 新增：细微网格纹理增强科技质感（现代浏览器生效） */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #004E92 0%, #00B4DB 100%);
    background-size: 20px 20px, 100% 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}

.ite2 {
    background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%); /* 棕橙渐变 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
    background-size: 20px 20px, 100% 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}


/* 悬浮渐变（同色系加深+纹理强化，科技感交互） */
.ite1:hover {
    background: linear-gradient(135deg, #003366 0%, #008CB3 100%); /* 紫蓝加深 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #003366 0%, #008CB3 100%);
    background-size: 15px 15px, 100% 100%;
    /* 新增：悬浮发光边框+轻微缩放，强化科技交互感 */
    border: 1px solid rgba(255,255,255,0.3);
    transform: scale(1.02);}

.ite2:hover {
    background: linear-gradient(135deg, #009acd 0%, #0056b3 100%); /* 棕橙加深 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #009acd  0%, #0056b3 100%);
    background-size: 15px 15px, 100% 100%;
    border: 1px solid rgba(255,255,255,0.3);
    transform: scale(1.02);}
/* IE兼容降级（360兼容模式自动生效，避免样式错乱） */
@media screen and (min-width:0\0) {
    .ite1, .ite2, .ite3, .ite4, .ite5, .ite6 {
        background-image: none !important;
        background: #dc8be7;}
    .ite1:hover { background: #b86fc8 !important;}
    .ite2:hover { background: #e03403 !important;}
    .ite3:hover { background: #169c85 !important;}
    .ite4:hover { background: #632308 !important;}
    .ite5:hover { background: #707cb8 !important;}
    .ite6:hover {
        background: #c8458d !important; /* 悬浮加深 */
        transform: none !important;
        box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;}    /* IE取消缩放/边框，仅保留颜色变化 */
    .ite1:hover, .ite2:hover, .ite3:hover, 
    .ite4:hover, .ite5:hover, .ite6:hover {
        border: none !important;
        transform: none !important;}
}


        /* 响应式媒体查询 - IE10+支持，IE9-忽略 */
        @media (max-width: 1024px) {
            .img-box  .img-ite {
                -ms-flex: 0 0 49.5%; /* 替代calc */
                flex: 0 0 calc(50% - 4px);
                *width: 49.5%;}
            /* IE8及以下：1024px下仅第一个加右边距 */
            .img-ite.ite1, .img-ite.ite3, .img-ite.ite5 {
                *margin-right: 1%;}
            .img-ite.ite2, .img-ite.ite4, .img-ite.ite6 {
                *margin-right: 0;}
            .img-ite h2 {
                font-size: 30px;
                *font-size: 28px;}
            .img-ite:hover h2 {
                font-size: 32px;}
            .img-ite a {
                height: 180px;}
        }

        @media (max-width: 768px) {
            .img-box {
                padding-top: 20px;
                *padding-bottom: 6px;}
           .img-box  .img-ite {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                *width: 100%;
                *margin-right: 0 !important;}
           .img-box  .img-ite h2 {
                font-size: 23px;
                *font-size: 20px;}
           .img-box  .img-ite:hover h2 {
                font-size: 30px;}
           .img-box  .img-ite a {
                height: 70px;}
        }
        
/* 快速链接整体样式 */
.quick-links {
  background-color: #f5f7fa;
  padding: 20px 0;
  /* border-bottom: 1px solid #e0e6ed; */
  margin: 0 auto;
  width: 100%;
  float: left;}

/* 容器：标题和列表同行 */
.quick-links-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
 /* justify-content: center; */
  gap: 0 20px;}

/* 快速链接标题：默认黑色 */
.quick-title {
  font-size: 20px;
  color: #0055a5; 
  margin: 0;
  font-weight: 600;
  font-family: "Microsoft Yahei", sans-serif;
  white-space: nowrap;}

/* 快速链接列表 */
.quick-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0 25px;}

.quick-list li {
  flex: 0 0 auto;}

/* 链接样式：默认黑色 #000000 */

.quick-list li a {
  font-size: 18px;
  font-weight: 600;
  color: #000000; /* 链枥默认黑色 */
  text-decoration: none;
  transition: all 0.3s ease;
  font-family: "Microsoft Yahei", sans-serif;}

/* 链接悬浮：改为 #0055a5 */
.quick-list li a:hover {
  color: #0055a5; /* 悬浮后指定蓝色 */
  text-decoration: underline;}

/* 响应式适配手机端 */
@media (max-width: 768px) {
  .quick-links {
    padding: 15px 0;}
  .quick-title {
    font-size: 16px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;}
  .quick-list {
    gap: 0 15px;
    justify-content: center;}
  .quick-list li a {
    font-size: 14px;}
}

/* 小屏手机适配 */
@media (max-width: 480px) {
  .quick-list {
    gap: 0 10px;}
}