* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", sans-serif;
        
        }
  

        /* 导航样式 */
        .nav {
         background: #fff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            padding: 1rem 5%;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
          
        }

        .nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            display: flex
;
    list-style: none;
            font-size: 0.8rem;
background-color: #fff;
            color: #333;
            padding-left: 97px;
        }

        /* 导航主体 */
        .main-nav {
            display: flex;
            justify-content: space-between;
            max-width: 1200px;
            margin: 0 auto;
            list-style: none;
        }

       /* 主菜单项 */
        .main-nav {
            display: flex;
            list-style: none;
        }
        .main-nav span{
            background-color: #fff;
        }

        .nav-item {
            position: relative;
            padding: 12px 25px;
            color: #312e2e;
            cursor: pointer;
            width: 200px;
          background-color: #fff;
        }
        .nav-item a{
            text-decoration: none;
              color: #312e2e;
        }
           /* 动态下划线 */
        .nav-item::after {
            content: '';
            position: absolute;
            bottom: 8px;
            left: 50%;
            width: 0;
            height: 2px;
            background: #163C8C;
            transition: all 0.3s ease;
        }

        .nav-item:hover::after {
            left: 0;
            width: 100%;
        }

        /* 下拉菜单 */
        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            background: #fff;
            min-width: 130px;
            text-align: center;
            font-size: 13px;
            display: none;
             list-style: none;
            box-shadow: 0 3px 12px rgba(0,0,0,0.15);
            z-index: 1000;
        }

        .dropdown-menu li {
            padding: 12px;
            color: #333;
            border-bottom: 1px solid #eee;
            background-color: #fff;
        }
         .dropdown-menu li a{
              background-color: #fff;
         }

        /* 兼容性处理 */
        _:-ms-lang(x), .dropdown-menu { 
            top: 40px; /* IE定位修正 */
        }
         .zh-text {
            display: block;
            font-size: 16px;
            line-height: 1.4;
            color: #333;
            text-align: center;
        }

        .en-text {
            display: block;
            font-size: 12px;
            letter-spacing: 0.8px;
            color: #666;
            margin-top: 2px;
            text-align: center;
        }



     
        
         /* 自定义样式 */
    .swiper {
        padding-top: 70px;
            width: 100%; /* 自适应宽度 */
            overflow: hidden; /* 隐藏溢出部分 */
            position: relative; /* 使分页器相对定位 */
        }

        .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%; /* 填满容器高度 */
        }

        .swiper-slide img {
            width: 100%; /* 图片宽度自适应 */
            height: auto; /* 保持比例 */
            object-fit: cover; /* 适应容器并保持比例 */
        }

        /* 调整分页器位置 */
        .swiper-pagination {
            position: absolute; /* 绝对定位 */
            bottom: 10px; /* 距离底部的距离 */
            left: 50%; /* 水平居中 */
            transform: translateX(-50%); /* 使其真正居中 */
            z-index: 10; /* 确保在图片上方 */
            text-align: center; /* 居中对齐 */
             background-color: transparent;
        }
        
        /**下面的样式**/
       .container {
      width: 1300px;
            margin: auto;
            overflow: hidden;
             
        }
        .headers {
            background: linear-gradient(90deg, rgba(27,57,117), rgba(0,109,183));
            color: #fff;
           padding: 29px 25px 36px 28px;
           
         
        }
        .headers h1 {
            margin: 0;
            font-size: 36px;
        }
        .ps{
            background-color: transparent;
        }
        .content {
           padding: 20px;
        
            margin-top: 20px;
            border-radius: 8px;
            padding-left: 28px;
            width: 905px;
            height: 370px;
        }
        .content h2 {
            color: #333;
        }
        .content p {
            font-size: 15px;
        }
        .background-image {
          position: relative;
          bottom: 317px;
              left: 643px;
            width: 508px;
            height: 300px;
    
            z-index: 1;
            border-radius: 0 8px 8px 0;
        }
        /* 鼠标悬停效果 */
        .background-image:hover img {
            transform: scale(1.1);  /* 放大1.1倍 */
            box-shadow: 0 0 15px rgba(0,0,0,0.3);  /* 阴影效果 */
            filter: brightness(1.05);  /* 可选：增加亮度 */
        }
          .zis {
                   width: 100%;
                   background-color: #fff;
                   padding: 25px 35px;
          }
             .zi {
      width: 1300px;
            margin: auto;
            overflow: hidden;
             background-color: #fff;
             padding: 16px 19px 31px 20px;
        }
         .containersd {
             width: calc(186px * 8 + 80px); /* 4个项目+3个间隙 */
            margin: 0 auto;
            overflow-x: auto;
/*            white-space: nowrap;*/
            padding: 20px 0;
            scrollbar-width: none; /* 隐藏滚动条 */
            margin-top: 30px;
        }
        .stats{
            display: flex;
            justify-content: space-around;
            margin-top: 20px;
        }
        .statss {
            display: inline-flex;
            gap: 126px;
            padding: 0 20px;
        }
        .stat-item {
            text-align: center;
              background-color: #fff;
        }
        .stat-item h3 {
            margin: 0;
            font-size: 24px;
            color: #77aaff;
              background-color: #fff;
        }
        .stat-item p {
             margin: 5px 0 0;
            font-size: 13px;
            color: #939191;
              background-color: #fff;
        }
            .stats_p1 {
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 10px;
        }
        .stats_div {
            height: 2px;
            background: #ccc;
            margin: 10px auto;
           
             background-color: #fff;
        }
        .stats_p2 {
            font-size: 14px;
            color: #666;
            line-height: 2;letter-spacing: 2px;
        }
        
       
          .images {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }
        .images img {
            width: 48%;
            height: auto;
            border-radius: 8px;
        }
        
        
          .news {
              width: 1300px;
            margin: 0 auto;
            padding: 20px;
        }
        .news-header {
          
            margin-bottom: 20px;
        }
        .news-header h1 {
            font-size: 18px;
            color:#163C8C;
        }
        .news-header span {
            font-size: 12px;
            color:#999;
        }
   
        
       .news-container {
            margin: 0 auto;
            flex-wrap: wrap;
            display: flex;
            gap: 30px;  /* 元素间距 */
        }
        .news-he {
            text-align: center;
            
        }
        .news-he img {
            max-width: 100%;
            height: auto;
        }
        .date {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 10px;
        }
        .event-info {
            font-size: 16px;
            color: #163C8C;
        }
        .footer {
            margin-top: 20px;
            font-size: 14px;
            color: #161515;
        }
        
       /* 放大状态 */

/* 图片放大规则 */
.niews_fd .news-he img {
  transition: transform 0.3s ease; /* 图片过渡动画 ‌:ml-citation{ref="2" data="citationList"} */
}

/* 文字放大规则 */
.niews_fd .event-info,
.niews_fd .footer {
  transition: font-size 0.3s ease; /* 字体过渡动画 ‌:ml-citation{ref="5" data="citationList"} */
}

/* 鼠标悬停时触发放大效果 */
.niews_fd:hover {
  transform: scale(1.02); /* 轻微整体放大增强层次感 ‌:ml-citation{ref="3,4" data="citationList"} */
}
.niews_fd:hover .news-he img {
  transform: scale(1.0); /* 图片放大1.1倍 ‌:ml-citation{ref="2" data="citationList"} */
}
.niews_fd:hover .event-info,
.niews_fd:hover .footer {
  font-size: 18px; /* 根据原文字大小调整（示例值）‌:ml-citation{ref="5" data="citationList"} */
}


 .foo {
          margin-top: 46px;
            padding: 20px 0;
            background-color: #d5d1d1;
            color: #333;
        }
        .foo .company-info {
            background-color: #d5d1d1;
            margin-bottom: 10px;
        }
        .foo .copyright {
            background-color: #d5d1d1;
            text-align: center;
            font-size: 12px;
            color: #666;
        }
        .foo .qr-code {
            background-color: #d5d1d1;
            margin-top: 10px;
        }
        .qr-code p{
            background-color: #d5d1d1;
        }
        .foo .qr-code img {
            background-color: #d5d1d1;
            width: 100px;
            height: 100px;
        }