html,
body {
    height: 100%;
    width: 100%;
}

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft Yahei", sans-serif;
        }
        .w1200{
            width: 1200px;
            margin: 0 auto;
        }
        /* 导航栏样式 */
        header {
            width: 100%;
            background-color: #fff;
            padding: 10px 0;
            z-index: auto;
            margin: auto;
            
        }
        .header{
            background-color: #fff;
            padding: 10px 0;
            position: fixed;
            top: 0;
            left: 0;   /* 关键：左右偏移设为0 */
            width: 100%;
            background-color: #fff;
            padding: 10px 0;
            z-index: 999; /* 建议设为较高值，避免被遮挡 */
            margin: 0 auto; /* 结合left/right:0实现居中 */
            height: 72px;
            box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
        }
        

        /* 菜单按钮 */
        .menu-btn {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            font-size: 18px;
            font-weight: bold;
        }

        .menu-btn .icon {
            font-size: 24px;
            transition: transform 0.3s ease;
        }

        /* 下拉菜单 */
        .dropdown-menu {
            
            background-color: #34495e;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        /* 菜单展开状态 */
        .dropdown-menu.active {
            max-height: 450px; /* 足够容纳所有菜单项 */
        }

        /* 菜单展开时的图标旋转 */
        .menu-btn.active .icon {
            transform: rotate(90deg);
        }

        /* 菜单项列表 */
        .dropdown-menu ul {
            list-style: none;
        }

        /* 菜单项 */
        .dropdown-menu li {
            border-bottom: 1px solid #4a637b;
        }

        .dropdown-menu li:last-child {
            border-bottom: none;
        }

        /* 菜单项链接 */
        .dropdown-menu a {
            display: block;
            color: white;
            text-decoration: none;
            padding: 15px 20px;
            transition: all 0.2s ease;
        }

        /* 菜单项悬停效果 */
        .dropdown-menu a:hover {
            background-color: #4a637b;
            padding-left: 25px;
        }
        .phonenav{
            display: none;
        }
        .nav-container {
            
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .professorimg{
            width: 100%;
            height: 100%;
        }
        .expertimg{
            width: 380px;
            height: 276px;
        }
        .logo {
            display: flex;
            align-items: center;
            gap: 8px;
            height: 50px;
        }
        .logo img {
            width: 140px;
            height: 30px;
        }
        .logo-text {
            font-weight: bold;
            color: #333;
        }
        .nav-links {
            display: flex;
            gap: 25px;
        }
        .nav-links a {
            text-decoration: none;
            color: #333;
            font-family: 'Noto Sans CJK';
            font-size: 18px;
            transition: color 0.3s;
        }
        .nav-links a:hover {
            color: #0c3778;
        }
        .nav-links .active{
            color: #0c3778;
            font-weight: bold;
        } 
        .business-contact {
            font-size: 16px;
            color: #0c3778;
        }

        /* 轮播图样式 */
        .carousel {
            width: 100%;
            height: 728px;
            position: relative;
            overflow: hidden;
            margin-top: 72px;
        }
        .swiper-slide {
            position: relative;
                height: 728px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
       /* 头部区域 */
        .page-header {
            text-align: center;
            margin-bottom: 30px;
        }
        .page-header h1 {
            font-size: 32px;
            margin-bottom: 0.6rem;
            color: #333;
            font-weight: bold;
        }
        .page-header p {
            font-size: 20px;
            color: #666;
        }
        /* 核心系统容器 */
        .system-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 3rem;
            max-width: 1000px;
            margin: 0 auto;
        }
        .mokuai{
            margin: 30px 0;
        }
        /* 系统卡片 */
        .system-card {
            text-align: center;
            width: 150px;
            transition: transform 0.3s ease;
        }
        .system-card-img{
            height: 140px;
            width: 150px;
            border: 1px solid #f3f3f3;
            display: flex;
            justify-content: center; /* 水平居中 */
            align-items: center;  
            border-radius: 20px;
        }
        .system-card img {
            width: 80px;
            height: 80px;
            margin-bottom: 1rem;
            object-fit: contain;
            color: #000080;
        }
        .system-card p {
            font-size: 20px;
            color: #000000;
            line-height: 40px;
        }
        /*  hover交互 */
        .system-card:hover {
            transform: scale(1.08);
        }
        .logo-img{
            display: none;
        }
        /* 移动端响应式 */
        @media (max-width: 768px) {
        .phonenav{
            display: block;
        }
        /* 菜单按钮 */
        .menu-btn {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            font-size: 18px;
            font-weight: bold;
        }

        .menu-btn .icon {
            font-size: 24px;
            transition: transform 0.3s ease;
        }

        /* 下拉菜单 */
        .dropdown-menu {
            background-color: #34495e;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        /* 菜单展开状态 */
        .dropdown-menu.active {
           height: 500px;
        }

        /* 菜单展开时的图标旋转 */
        .menu-btn.active .icon {
            transform: rotate(90deg);
        }

        /* 菜单项列表 */
        .dropdown-menu ul {
            list-style: none;
        }

        /* 菜单项 */
        .dropdown-menu li {
            border-bottom: 1px solid #4a637b;
        }

        .dropdown-menu li:last-child {
            border-bottom: none;
        }

        /* 菜单项链接 */
        .dropdown-menu a {
            display: block;
            color: white;
            text-decoration: none;
            padding: 15px 20px;
            transition: all 0.2s ease;
        }

        /* 菜单项悬停效果 */
        .dropdown-menu a:hover {
            background-color: #4a637b;
            padding-left: 25px;
        }
            /* 系统卡片 */
        .system-card {
            text-align: center;
            width: 23%;
            transition: transform 0.3s ease;
        }
        .system-card-img{
            height: 100%;
            width: 100%;
            border: none;
            display: flex;
            justify-content: center; /* 水平居中 */
            align-items: center;  
            border-radius: 20px;
        }
        .system-card img {
            width: 80%;
            height: 80%;
            margin-bottom: 0;
            object-fit: contain;
            color: #000080;
        }
        .system-card p {
            font-size: 14px;
            color: #000000;
            line-height: 40px;
        }
        /*  hover交互 */
        .system-card:hover {
            transform: scale(1.08);
        }
            .nav-links{
                display: none;
            }
            .system-container {
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
            gap: 1rem;
            max-width: 100%;
            margin: 0 auto;
            padding: 0 20px;
        }
            .header{
            width: 100%;
            background-color: #fff;
            padding: 10px 0;
            position: fixed;
            top: 0;
            left: 0;   
            background-color: #fff;
            padding: 10px 0;
            z-index: 999; /* 建议设为较高值，避免被遮挡 */
            margin: 0 auto; /* 结合left/right:0实现居中 */
            height: 72px;
            box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
        }
        .nav-container {
            
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .w1200{
            width: 100%;
        }
            .logo{
                height: 50px;
                  padding-left: 10px;
                  width: 100%; /* 关键：设置容器宽度，让space-between有空间生效 */
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  gap: 8px;
            }
            .logo-img{
                display: block;
                width:24px !important;
                height:24px !important;
                margin-right: 20px;
            }
            
            .logo-text{
            }
            .business-contact{
                display: none;
            }
            
            .carousel {
                width: 100%;
                height: 160px;
                position: relative;
                overflow: hidden;
                margin-top: 72px;
            }
            .swiper-slide {
            position: relative;
                height: 160px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .swiper-slide img{
            height: 160px;
        }
        }
        .container {
      max-width: 1200px;
      margin: 0 auto;
      margin-top: 50px;
    }
    .container-box{
        display: flex;
    }
    /* 标题样式 */
    .title {
        font-size: 32px;
        color: #333;
        margin-bottom: 1.5rem;
        font-weight: bold;
        padding-top: 30px;
    }
    /* 介绍文本 */
    .intro {
        width: 50%;
      color: #666;
      line-height: 1.8;
      margin-bottom: 2.5rem;
      padding: 10px;
    }
    .intro p {
        font-size: 12px;
        line-height: 30px;
        margin-bottom: 1rem;
        text-align: justify;
        text-indent: 2em
    }
    .news-list {
      flex: 1;
      margin-right: 40px;
    }
    /* 数据统计区 */
    .stats {
      display: flex;
      justify-content: center;
      gap: 6rem;
      margin-bottom: 3rem;
    }
    .stat-item {
      text-align: center;
    }
    .stat-item .num {
      font-size: 2.8rem;
      color: #F9B208;
      font-weight: bold;
    }
    .stat-item .desc {
      color: #666;
      margin-top: 0.5rem;
      font-size: 1rem;
    }
   .scroll-container {
      width: 50%; 
      overflow: hidden; /* 隐藏超出容器的内容 */
      white-space: nowrap; /* 图片不换行 */
    }
    .scroll-wrapper {
        width: 200%;
        margin: 10px 0;
        display: flex; /* 让容器能被滚动 */
        animation: scroll 10s linear infinite; /* 10秒匀速滚动，无限循环 */
    }
    
    .scroll-img {
      width: 210PX; /* 图片宽度一致 */
      height: auto;
      display: inline-block;
      margin: 0 10px; /* 图片间距 */
    }
    footer{
        background: #f6f6f6;
    }
    /* 滚动动画：从0滚动到-50%（即原始序列长度） */
    @keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    
     /* 滚动容器 */
        .scroll-containers {
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
            position: relative;
        }
        .card-wrapper {
            display: flex;
            /* 移除过渡，避免复位时的动画断层 */
        }
        /* 专家卡片 */
        .expert-card {
            width: 240px;
            height: 100%;
            margin: 0 10px;
            border-radius: 4px;
            /*padding: 15px;*/
            background: #fff;
            flex-shrink: 0;
        }
        .expert-cards {
            width: 380px;
            height: 276px;
            margin: 0 10px;
            border-radius: 4px;
            /*padding: 15px;*/
            background: #fff;
            flex-shrink: 0;
        }
        .card-header {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        .card-header img.logo {
            width: 30px;
            height: 30px;
            margin-right: 5px;
        }
        .card-header .name {
            font-size: 20px;
            font-weight: bold;
        }
        .card-avatar {
            width: 100%;
            height: 120px;
            margin-bottom: 10px;
            border-radius: 4px;
            background: #f0f0f0;
            overflow: hidden;
        }
        .card-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .card-position {
            background: #005ea6;
            color: #fff;
            padding: 5px;
            margin-bottom: 10px;
            font-size: 12px;
        }
        .card-content {
            font-size: 12px;
            line-height: 1.5;
            color: #333;
            height: 180px;
            overflow: hidden;
        }
        .card-content h4 {
            margin: 5px 0;
            color: #000;
        }
        .card-content ul {
            list-style: disc;
            padding-left: 20px;
        }
        .page-container {
            max-width: 1200px;
            margin: 50px auto;
            padding: 0 20px;
        }
        .page-title {
            text-align: center;
            font-size: 28px;
            color: #333;
            margin-bottom: 40px;
        }
        .news-list {
            display: flex;
            justify-content: space-between;
            gap: 20px;
        }
        .news-item {
            width: 32%;
        }
        .news-img {
            width: 100%;
            height: 250px;
            margin-bottom: 15px;
        }
        .news-title {
            font-size: 16px;
            color: #000;
            margin-bottom: 10px;
            line-height: 1.5;
            font-weight: bold;
        }
        .news-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }
        /* 响应式适配（小屏幕自动堆叠） */
        @media (max-width: 768px) {
            
            .scroll-containers {
            width: 95%;
            margin: 0 auto;
            overflow: hidden;
            position: relative;
        }
        .card-wrapper {
            display: flex;
            /* 移除过渡，避免复位时的动画断层 */
        }
        /* 专家卡片 */
        .expert-card {
            width: 240px;
            height: 420px;
            margin: 0 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            /*padding: 15px;*/
            background: #fff;
            flex-shrink: 0;
        }
        .card-header {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        .card-header img.logo {
            width: 30px;
            height: 30px;
            margin-right: 5px;
        }
        .card-header .name {
            font-size: 20px;
            font-weight: bold;
        }
        .card-avatar {
            width: 100%;
            height: 120px;
            margin-bottom: 10px;
            border-radius: 4px;
            background: #f0f0f0;
            overflow: hidden;
        }
        .card-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .card-position {
            background: #005ea6;
            color: #fff;
            padding: 5px;
            margin-bottom: 10px;
            font-size: 12px;
        }
        .card-content {
            font-size: 12px;
            line-height: 1.5;
            color: #333;
            height: 180px;
            overflow: hidden;
        }
        .card-content h4 {
            margin: 5px 0;
            color: #000;
        }
        .card-content ul {
            list-style: disc;
            padding-left: 20px;
        }
        .page-container {
            max-width: 95%;
            margin: 50px auto;
            padding: 0;
        }
        .page-title {
            text-align: center;
            font-size: 28px;
            color: #333;
            margin-bottom: 40px;
        }
        .news-list {
            display: flex;
            justify-content: space-between;
            gap: 20px;
            margin-right: 0px;
        }
        .news-item {
            width: 32%;
        }
        .news-img {
            width: 100%;
            height: auto;
            margin-bottom: 15px;
        }
        .news-title {
            font-size: 16px;
            color: #000;
            margin-bottom: 10px;
            line-height: 1.5;
            font-weight: bold;
        }
        .news-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }
             .container {
              max-width: 95%;
              margin: 0 auto;
              margin-top: 50px;
            }
    .container-box{
        display: block;
    }
    /* 标题样式 */
    .title {
        width: 95%;
        font-size: 24px;
        color: #333;margin: 0 auto;
        margin-bottom: 1.5rem;
        font-weight: bold;
        padding-top: 30px;
    }
    /* 介绍文本 */
    .intro {
        width: 100%;
      color: #666;
      line-height: 1.8;
      margin-bottom: 0.5rem;
      padding: 10px;
    }
    .intro p {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 1rem;
        text-align: justify;
        text-indent: 2em
    }
    /* 数据统计区 */
    .stats {
      display: flex;
      justify-content: center;
      gap: 6rem;
      margin-bottom: 1rem;
    }
    .stat-item {
      text-align: center;
    }
    .stat-item .num {
      font-size: 2.8rem;
      color: #F9B208;
      font-weight: bold;
    }
    .stat-item .desc {
      color: #666;
      margin-top: 0.5rem;
      font-size: 1rem;
    }
   .scroll-container {
      width: 100%; 
      overflow: hidden; /* 隐藏超出容器的内容 */
      white-space: nowrap; /* 图片不换行 */
    }
    .scroll-wrapper {
        width: 200%;
        margin: 10px 0;
        display: flex; /* 让容器能被滚动 */
        animation: scroll 10s linear infinite; /* 10秒匀速滚动，无限循环 */
    }
    
    .scroll-img {
      width: 210PX; /* 图片宽度一致 */
      height: auto;
      display: inline-block;
      margin: 0 10px; /* 图片间距 */
    }
            .news-list {
                flex-direction: column;
            }
            .news-item {
                width: 100%;
                margin-bottom: 30px;
            }
        }
        .text-ellipsis-two {
          /* 必须：将元素转为弹性盒模型（WebKit私有） */
          display: -webkit-box;
          /* 必须：设置盒模型的排列方向为垂直 */
          -webkit-box-orient: vertical;
          /* 必须：限制显示行数 */
          -webkit-line-clamp: 2;
          /* 必须：隐藏超出内容 */
          overflow: hidden;
          /* 可选：设置行高，配合行数控制容器高度 */
          line-height: 1.5;
          /* 可选：固定容器高度（行高×行数），避免高度塌陷 */
          height: 3em; /* 1.5 × 2 = 3em */
          /* 可选：兼容旧版浏览器的省略号提示（webkit-line-clamp已自带省略号，此属性可省略） */
          text-overflow: ellipsis;
        }
        .text-ellipsis-one {
          white-space: nowrap;
          /* 必须：隐藏超出容器的内容 */
          overflow: hidden;
          /* 必须：超出部分显示省略号 */
          text-overflow: ellipsis;
        }
        /* 页脚容器 */
    footer {
      width: 100%;
      padding: 20px 0;
    }
    /* 友情链接区域 */
    .friend-link {
      margin-bottom: 50px;
      font-size: 14px;
    }
    .friend-link span {
        font-size: 18px;
      margin-right: 10px;
    }
    .friend-link a {
      color: #0066cc;
      text-decoration: none;
      margin-right: 15px;
    }
    .friend-link a:hover {
      text-decoration: underline;
    }
    /* 中间内容区域（二维码+新闻+Logo） */
    .footer-middle {
      display: flex;
      align-items: flex-start;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #e5e5e5;
    }
    /* 二维码区域 */
    .qrcode-section {
      display: flex;
      align-items: center;
      margin-right: 40px;
      border-right: 1px solid #999;
      padding-right: 50px;
    }
    .qrcode-section img {
      width: 100px;
      height: 80px;
      margin-right: 10px;
    }
    .qrcode-section p {
      font-size: 12px;
      line-height: 1.6;
    }
    /* 新闻列表区域 */
    
    .news-list ul {
      list-style: disc;
      padding-left: 20px;
      font-size: 14px;
    }
    .news-list li {
      margin-bottom: 8px;
    }
    .news-list a {
      color: #999999;
        font-size: 14px;
      text-decoration: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 400px;
      display: inline-block;
    }
    .news-list a:hover {
      text-decoration: underline;
    }
    /* Logo区域 */
    .logo-section {
      display: flex;
      align-items: center;
    }
    .logo-section img {
      width: 100px;
      height: auto;
    }
    /* 版权信息区域 */
    .copyright {
      font-size: 14px;
      color: #999;
    }
    .copyright a {
      color: #666;
      text-decoration: none;
    }
    .copyright a:hover {
      text-decoration: underline;
    }
    .copyright img {
      width: 16px;
      height: 16px;
      vertical-align: middle;
      margin: 0 2px;
    }
@media (max-width: 768px) {
    footer {
      width: 100%;
      padding: 20px 0;
      background-color: rgb(23, 36, 26);
    }
    /* 友情链接区域 */
    .friend-link {
      display: none;
    }
    .friend-link span {
        font-size: 18px;
      margin-right: 10px;
    }
    .friend-link a {
      color: #0066cc;
      text-decoration: none;
      margin-right: 15px;
    }
    .friend-link a:hover {
      text-decoration: underline;
    }
    /* 中间内容区域（二维码+新闻+Logo） */
    .footer-middle {
      display: block;
      align-items: flex-start;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #e5e5e5;
    }
    /* 二维码区域 */
    .qrcode-section {
        width: 50%;
      display: flex;
      align-items: center;
      margin-right: 40px;
      border-right: none;
      padding-right: 0;
      margin-left: 25%;
    }
    .qrcode-section img {
      width: 100px;
      height: 80px;
      margin-right: 10px;
    }
    .qrcode-section p {
      font-size: 12px;
      line-height: 1.6;
      color: #fff;
    }
    /* 新闻列表区域 */
    
    .news-list ul {
      list-style: disc;
      padding-left: 20px;
      font-size: 14px;
      margin-top: 30px;
    }
    .news-list li {
      margin-bottom: 8px;
    }
    .news-list a {
      color: #ccc;
        font-size: 14px;
      text-decoration: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 400px;
      display: inline-block;
    }
    .news-list a:hover {
      text-decoration: underline;
    }
    /* Logo区域 */
    .logo-section {
      display: flex;
      align-items: center;
    }
    .logo-section img {
      width: 100px;
      height: auto;
      display: none;
    }
    /* 版权信息区域 */
    .copyright {
      font-size: 14px;
      color: #ccc;
      text-align: center;
    }
    .copyright a {
      color: #666;
      text-decoration: none;
    }
    .copyright a:hover {
      text-decoration: underline;
    }
    .copyright img {
      width: 16px;
      height: 16px;
      vertical-align: middle;
      margin: 0 2px;
    }
    
}
.sidebar a{
            text-decoration: none;
        }