* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        /*font-family: "微软雅黑", sans-serif;*/
        font-family: OPPOSans, OPPOSans;
      }
      a{
        text-decoration: none;
      }
      body {
        background-color: #f4f4f4;
      }
.new_img img{
    width: 96%;
}
      /* 头部导航 */
      .header {
        width: 100%;
        background-color: #fff;
            border-bottom: 2px solid #0075c2;
        position: sticky; /* 粘性定位，滚动时会固定在顶部 */
        top: 0; /* 距离顶部0px的位置固定 */
        z-index: 9999; /* 确保导航栏在其他内容上方显示 */
        background-color: #fff; /* 添加背景色，避免滚动时下方内容透过导航栏显示 */
        box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 可选，添加阴影增强层次感 */
        opacity: 0.8;
      }

      .header-inner {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: flex-start;
       
      }

      .logo {
        display: flex;
        align-items: center;
      }

      .logo img {
        height: 40px;
        margin-right: 10px;
      }

      .logo span {
        font-size: 18px;
        color: #333;
      }
 .link-container {
            display: flex;
            gap: 2rem; /* 两列之间的间距 */
            padding: 1rem;
            max-width: 738px;/* 可选：限制最大宽度 */
        }
        
        .link-list {
            list-style: none;
            padding: 0;
            margin: 0;
            flex: 1; /* 两列平均分配宽度 */
        }
        
        .link-list li {
            margin-bottom: 0.8rem; /* 列表项之间的垂直间距 */
        }
        
        .link-list a {
            text-decoration: none;
            color: #0066cc; /* 链接颜色 */
            transition: color 0.3s ease;
        }
        
        .link-list a:hover {
            color: #004080; /* 悬停时的颜色 */
            text-decoration: underline;
        }
      .nav {
        display: flex;
      }

      .nav a {
        text-decoration: none;
        color: #0075c2;
        padding: 0 50px;
        font-size: 16px;
        transition: color 0.3s;
        font-weight:700;
      }

      .nav a:hover {
        color: #3d3d3d;
      }

      .login-info {
        font-size: 14px;
        color: #666;
      }

      /* banner区域 */
      .banner {
        width: 96%;
        margin: 0 auto;
        height: 380px;
        /*background: url("/static/img/indexbackground.png") no-repeat center*/
        /*  center;*/
        /* 替换为实际banner图路径 */
        background-size: cover;
        position: relative;
      }

      .login-box {
        position: absolute;
        right: 7%;
        top: 50%;
        transform: translateY(-50%);
        background-color:#13377c;
        padding: 32px 18px;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        opacity: 0.9;
      }

      .login-box h3 {
            font-size: 14px;
    color: #ffffff;
    margin-bottom: 24px;
    text-align: center;
    font-weight: 400;
      }

      .login-box input {
        display: block;
        width: 200px;
        height: 35px;
        padding: 8px 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-bottom: 16px;
      }

      .login-box button {
        width: 200px;
        height: 35px;
        background-color: #007bff;
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s;
            margin: 20px 0px;
      }

      .login-box button:hover {
        background-color: #0056b3;
      }

      /* 功能模块 */
      .func {
        width: 1223px;
        margin: 15px auto;
        display: flex;
        justify-content: space-between;
      }

      .func-item {
        width: 23%;
        /* background-color: #fff;
        border: 1px solid #eee;
        border-radius: 8px; */
        padding: 20px 5px;
        text-align: center;
        transition: box-shadow 0.3s;
      }

  

      /*.func-item img {*/
        /* height: 40px; */
      /*  margin-bottom: 10px;*/
      /*}*/

      .func-item p {
        font-size: 14px;
        color: #333;
      }

      /* 新闻动态 */
      .news {
        width: 1223px;
        margin: 0 auto;
      }
      /* 容器样式 */
      .container {
        width: 100%;
        /*max-width: 1200px;*/
        margin: 0 auto;
        /*padding: 0 20px;*/
      }

      .my-4 {
        /*margin-top: 1.5rem;*/
        margin-bottom: 1.5rem;
      }

      /* 行与列布局 */
      .row {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
      }

      .col-12 {
        flex: 0 0 100%;
        padding: 0 10px;
      }

      .col-4 {
              height: 330px;
        flex: 0 0 33.333333%;
        padding: 0 10px 0 0;
      }

      .col-8 {
        /*flex: 0 0 66.666667%;*/
        padding: 0 10px;
      }

      /* 新闻模块容器 */
      /*.news {*/
      /*  padding: 20px 0px 0px 0px;*/
      /*}*/

      /* 标题与查看更多区域 */
      .d-flex {
        display: flex;
      }

      /*.justify-content-between {*/
      /*  justify-content: space-between;*/
      /*}*/

      .align-items-center {
        align-items: center;
      }

      .news-title {
        font-size: 24px;
        font-weight: 600;
        color: #007bff;
        position: relative;
        padding-bottom: 8px;
        margin-bottom: 15px;
      }

      /*.news-title::after {*/
      /*  content: "";*/
      /*  position: absolute;*/
      /*  left: 30px;*/
      /*  bottom: 0;*/
      /*  width: 36px;*/
      /*  height: 4px;*/
      /*  background-color: #007bff;*/
      /*  border-radius: 33px;*/
      /*}*/

      .view-more {
        color: #999;
        text-decoration: none;
        font-size: 14px;
      }

      .view-more:hover {
        text-decoration: underline;
      }

      /* 新闻图片 */
      .img-fluid {
        /* max-width: 100%; */
        height: auto;
        border-radius: 4px;
      }

      /* 新闻列表项 */
      .news-item {
        margin-bottom: 20px;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
        align-items: center;
      }

      .news-date {
        background-color: #e3f2fd;
        color: #1976d2;
        padding: 10px 15px;
        border-radius: 4px;
        text-align: center;
        margin-right: 15px;
        flex-shrink: 0;
      }

      .news-date span {
        display: block;
        line-height: 1.4;
      }

      .news-content {
        flex: 1;
      }

      .news-content a {
        font-size: 16px;
        color: #333;
        text-decoration: none;
        display: block;
        margin-bottom: 8px;
        font-weight: 600;
      }

      .news-content a:hover {
        color: #007bff;
      }

      .news-content p {
          width: 631px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
         
        font-size: 14px;
        color: #666;
        margin: 0;
        line-height: 1.6;
      }

      /* 响应式调整 */
      @media (max-width: 768px) {
        .col-4,
        .col-8 {
          flex: 0 0 100%;
        }

        .news-item {
          flex-wrap: wrap;
        }

        .news-date {
          margin-bottom: 10px;
        }
      }
     

      /* 安全标语 */
      .safe-banner {
        width: 100%;
        /* background-color: #007bff; */
        color: #fff;
        text-align: center;
        padding: 15px 0;
        font-size: 16px;
      }

      /* 响应式适配 */
      @media (max-width: 1200px) {
        .header-inner,
        .func,
        .news {
          width: 90%;
        }
      }

      @media (max-width: 768px) {
        .login-box {
          right: 5%;
        }

        .func {
          flex-direction: column;
        }

        .func-item {
          width: 100%;
          margin-bottom: 10px;
        }

        .news-list {
          flex-direction: column;
        }

        .news-item {
          width: 100%;
          margin-bottom: 10px;
        }
      }

      
      /* 顶部 banner 区域（背景图） */
      .top-banner {
        width: 100%;
        /* height: 240px; */
        background: url("/static/img/notificationDynamics.png") no-repeat center center;
        /* 替换为实际顶部背景图路径 */
        background-size: cover;
        position: relative;
        display: flex;
        /*justify-content: space-between;*/
        padding: 20px 5%;
            justify-content: center;
         align-items: flex-start;
         gap: 40px;
        flex-wrap: wrap;
        
      }

      /*.top-banner .section {*/
      /*  width: 48%;*/
      /*}*/

      .top-banner h2 {
          position: relative;
        font-size: 24px;
        color: #fff;
        margin-bottom: 10px;
        font-weight: 500;
        padding-bottom: 8px;
      }

      .top-banner .list {
        background-color: rgba(255, 255, 255, 0.9);
        padding: 12px 16px;
        max-height: 160px;
        overflow-y: auto;
        margin: 8px 0;
        border: 1px solid #0075C2;
      }

      .top-banner .list a {
        display: block;
        font-size: 14px;
        color: #333;
        text-decoration: none;
        line-height: 1.8;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 5px;
        display: flex;
        justify-content: space-between;
      }

      .top-banner .list a:hover {
        color: #007bff;
      }

      .top-banner .more {
        text-align: right;
        margin-top: 5px;
      }

      .top-banner .more a {
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        font-weight: 400;
      }

      /* 企业文化导航 */
      .culture-nav {
        width: 90%;
        margin: 30px auto 20px;
        /* 负 margin 实现与 banner 部分重叠效果，可根据实际微调 */
        display: flex;
        justify-content: center;
        gap: 30px;
      }

      .culture-nav a {
        text-decoration: none;
        color: #333;
        font-size: 16px;
        padding: 8px 12px;
        border-radius: 4px;
        transition: background-color 0.3s;
      }

      .culture-nav a:hover,
      .culture-nav .active {
        background-color: #007bff;
        color: #fff;
      }

      /* 轮播图区域 */
      .carousel {
        width: 90%;
        margin: 0 auto 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
        border-radius: 8px;
      }

      .carousel .prev,
      .carousel .next {
        
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff;
        text-align: center;
        line-height: 40px;
        font-size: 24px;
        text-decoration: none;
        border-radius: 50%;
        cursor: pointer;
        z-index: 10;
      }

      .carousel .prev {
        left: 20px;
      }

      .carousel .next {
        right: 20px;
      }

      .carousel .slide {
        display: none;
        width: 100%;
      }

      .carousel .slide img {
        width: 100%;
        height: auto;
        display: block;
      }

      .carousel .slide.active {
        display: block;
      }

      .carousel .desc {
        position: absolute;
        bottom: 20px;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 14px;
      }

     .yuedu{
         color: #831f1e;
     }
.titlecolor{
    /*    display: inline-block;*/
    /*width: 100%;*/
    color: #083E8C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

      /* 底部区域 */
      .footer_box{
           background-color: #0075c2;
      }
      .footer {
        width: 100%;
       
        color: #fff;
        padding: 20px 5%;
        /*display: flex;*/
        /*flex-direction: column;*/
      }
      /*.footer_top{*/
      /*  display: flex;*/
      /*  justify-content: space-between;*/
      /*}*/
      /* .footer .col {
        width: 48%;
      } */

      .footer h3 {
        font-size: 16px;
        margin-bottom: 10px;
      }

      .footer .link-list {
          margin-top: 15px;
        list-style: none;
      }

      .footer .link-list li {
        margin-bottom: 15px;
      }

      .footer .link-list li a {
        color: #fff;
        text-decoration: none;
        font-size: 14px;
      }

      .footer .download {
        display: flex;
        gap: 10px;
      }

      .footer .download-item {
        display: flex;
        flex-direction: column;
        padding: 10px;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
      }

       .copy {
           background-color: #015398;
        width: 100%;
        text-align: center;
        padding: 20px 0;
        font-size: 12px;
        color: #fff;
      }

      /* 响应式适配 */
      @media (max-width: 768px) {
        .top-banner {
          flex-direction: column;
          height: auto;
        }

        .top-banner .section {
          width: 100%;
          margin-bottom: 10px;
        }

        .culture-nav {
          flex-direction: column;
          align-items: center;
          margin-top: 10px;
        }

        .carousel {
          width: 100%;
        }
      }

      .box_right {
        padding: 20px 5px;
        text-align: center;
        transition: box-shadow 0.3s;
      }
      .box_right_content1 {
        padding-bottom: 10px;
      }
       /* 轮播图容器样式 - 扩大宽度以容纳前后图片 */
      .slider-container {
        width: 1000px; /* 扩大容器宽度 */
        height: 410px;
        margin: 0 auto;
        overflow: visible; /* 改为visible以显示超出容器的图片 */
        position: relative;
        /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); */
        padding: 0 100px; /* 左右预留空间 */
      }

      /* 轮播图图片容器 */
      .slider {
        display: flex;
        height: 100%;
        transition: transform 0.5s ease-in-out;
        position: relative;
      }

      /* 所有图片基础样式 */
      .slider img {
        /* width: 800px; */
        height: 400px;
        object-fit: cover;
        position: absolute; /* 使用绝对定位 */
        top: 0;
        transition: all 0.5s ease-in-out;
      }

      /* 当前显示的主图 */
      .slider img.active {
        z-index: 3; /* 最上层 */
        left: 100px; /* 居中显示 */
        transform: scale(1); /* 正常大小 */
        opacity: 1; /* 完全不透明 */
      }
      .prev {
        z-index: 100;
        position: absolute;
        top: 225px;
        left: 10px;
      }
      .next {
        z-index: 100;
        position: absolute;
        top: 225px;
        right: 10px;
      }
      .prev img:hover,
      .next img:hover {
        cursor: pointer;
      }
      /* 左边的图片（前一张） */
      .slider img.prev {
        z-index: 2; /* 中间层 */
        left: -100px; /* 左侧位置 */
        transform: scale(0.7) translateX(-30%); /* 缩小并左移 */
        opacity: 0.5; /* 半透明 */
      }

      /* 右边的图片（后一张） */
      .slider img.next {
        z-index: 2; /* 中间层 */
        left: 300px; /* 右侧位置 */
        transform: scale(0.7) translateX(30%); /* 缩小并右移 */
        opacity: 0.5; /* 半透明 */
      }

      /* 其他图片隐藏 */
      .slider img.hidden {
        z-index: 1;
        opacity: 0;
        transform: scale(0.5);
      }

      /* 导航栏样式补充 */
      .nav.tab-nav {
        display: flex;
        gap: 20px;
        padding: 20px;
        justify-content: center;
        border-bottom: 1px solid #ccc;
      }

      .nav.tab-nav a.tab {
          position: relative;
        text-decoration: none;
        color: #333;
        padding: 8px 16px;
        /* border-radius: 4px; */
        transition: all 0.3s ease;
        font-size: 24px;
      }

      .nav.tab-nav a.tab.active {
        color: #0f7dc5;
        font-size: 24px;
        font-weight: 700;
        /*border-bottom: 2px solid #0f7dc5;*/
      }

      .content {
        display: none;
        padding: 30px;
        text-align: center;
        margin-bottom: 30px;
      }

      .content.active {
        display: block;
      }
      .colls {
        text-align: center;
        /*background-image: linear-gradient(to bottom, #035ca9, #0073c0);*/
        border-radius: 8px;
            padding: 20px 10px;
      }
      .lianjie {
        color: black;
      }