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

    body {
        background-color: #f9f3e9;
        color: #333;
        line-height: 1.6;
    }

    ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    .menu-list {
        background-color: #e91b05;
        width: 2000px;
        margin: 0 auto;
        height: 45px;
        line-height: 45px;
    }

    .menu-list li {
        float: left;
        width: 320px;
        text-align: center;
    }

    .menu-list li a {
        color: #fff;
        text-decoration: none;
        display: block;
    }

    .menu-list li a:hover {
        color: white;
        background-color: #ad0f0f;
    }

    .menu-list li a:active {
        color: #fff;
        background-color: #ff8c00;
        /* 点击时的背景色改为橙色 */
    }

    .nav-item {
        display: none;
        position: absolute;
    }

    .menu-list li:hover .nav-item {
        display: block;
    }

    .nav-item li {
        float: none;
    }

    .nav-item li a {
        background-color: rgba(255, 255, 255, 0.8);
        color: #e91b05;
    }

        .slider-container {
            position: relative;
            max-width: 800px;
            margin: 0 auto;
            overflow: hidden;
            height: 400px;
        }
        
        .slider {
            display: flex;
            width: 300%; /* 3张图片所以300% */
            height: 100%;
            animation: slide 12s infinite;
        }
        
        .slide {
            width: 33.333%; /* 100%/3 */
            height: 100%;
            position: relative;
        }
        
        .slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .caption {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            color: white;
            background-color: rgba(0, 0, 0, 0.5);
            padding: 10px 20px;
            border-radius: 5px;
        }
        
        /* 轮播动画 */
        @keyframes slide {
            0%, 28% {
                transform: translateX(0);
            }
            33%, 61% {
                transform: translateX(-33.333%);
            }
            66%, 94% {
                transform: translateX(-66.666%);
            }
            100% {
                transform: translateX(0);
            }
        }
        
        /* 导航指示器 */
        .indicators {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
        }
        
        .indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.5);
            cursor: pointer;
        }
        
        /* 通过动画同步指示器状态 */
        .indicator:nth-child(1) {
            animation: indicator1 2s infinite;
        }
        
        .indicator:nth-child(2) {
            animation: indicator2 2s infinite;
        }
        
        .indicator:nth-child(3) {
            animation: indicator3 2s infinite;
        }
        
        @keyframes indicator1 {
            0%, 28% { background-color: white; }
            33%, 100% { background-color: rgba(255, 255, 255, 0.5); }
        }
        
        @keyframes indicator2 {
            0%, 28% { background-color: rgba(255, 255, 255, 0.5); }
            33%, 61% { background-color: white; }
            66%, 100% { background-color: rgba(255, 255, 255, 0.5); }
        }
        
        @keyframes indicator3 {
            0%, 61% { background-color: rgba(255, 255, 255, 0.5); }
            66%, 94% { background-color: white; }
            100% { background-color: rgba(255, 255, 255, 0.5); }
        }
        
        /* 悬停暂停动画 */
        .slider-container:hover .slider,
        .slider-container:hover .indicator {
            animation-play-state: paused;
        }

    /* 分页容器 */
    .page-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 40px 20px;
    }

    /* 分页标题 */
    .page-title {
        text-align: center;
        font-size: 2.8rem;
        margin-bottom: 40px;
        color: #8B0000;
        position: relative;
        padding-bottom: 20px;
    }

    .page-title::after {
        content: "";
        display: block;
        width: 150px;
        height: 4px;
        background: #8B0000;
        margin: 15px auto 0;
    }

    /* 分页内容 */
    .page-content {
        background-color: #fff;
        border-radius: 8px;
        padding: 40px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        margin-bottom: 50px;
        position: relative;
        z-index: -10;
    }

    /* 特点分页 */
    .feature-section {
        margin-bottom: 50px;
    }

    .feature-section h2 {
        font-size: 2rem;
        color: #8B0000;
        margin-bottom: 20px;
        border-left: 5px solid #FFD700;
        padding-left: 15px;
    }

    .feature-section h3 {
        font-size: 1.5rem;
        color: #5c3b09;
        margin: 25px 0 15px;
    }

    .feature-section p {
        margin-bottom: 15px;
        text-align: justify;
        text-indent: 2em;
    }

    .feature-section ul,
    .feature-section ol {
        margin: 15px 0 15px 40px;
    }

    .feature-section li {
        margin-bottom: 8px;
    }

    /* 图片展示 */
    .image-gallery {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 20px;
        margin: 30px 0;
    }

    .image-card {
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s;
    }

    .image-card:hover {
        transform: translateY(-5px);
    }

    .image-card img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .highlight-card {
        width: 300px;
        /* 固定卡片宽度 */
        margin: 10px;
    }

    .highlight-image {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

    .image-caption {
        padding: 15px;
        background-color: #f5f5f5;
        font-size: 0.9rem;
        color: #555;
    }

    /* 对比表格 */
    .comparison-table {
        width: 100%;
        border-collapse: collapse;
        margin: 25px 0;
    }

    .comparison-table th,
    .comparison-table td {
        border: 1px solid #ddd;
        padding: 12px;
        text-align: left;
    }

    .comparison-table th {
        background-color: #8B0000;
        color: white;
    }

    .comparison-table tr:nth-child(even) {
        background-color: #f9f3e9;
    }

    .comparison-table tr:hover {
        background-color: #f1e6d2;
    }

    /* 页脚 */
    footer {
        background-color: #333;
        color: #fff;
        text-align: center;
        padding: 30px 0;
        margin-top: 50px;
    }

    /* 响应式设计 */
    /* @media (max-width: 2000px) {
        .menu-list{
            width: 1500px;
        }

    } */
    /* .nav-logo {
        display: flex;
        flex-direction: row;
        
     } */

    .nav-logo {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 10px;
    }

    .nav-logo p {
        margin: auto auto;
        font-size: 50px;
    }

    .nav-logo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    @media (max-width: 768px) {
        .page-title {
            font-size: 2.2rem;
        }

        .page-content {
            padding: 25px;
        }

        .feature-section h2 {
            font-size: 1.8rem;
        }

        .feature-section h3 {
            font-size: 1.3rem;
        }

        .image-gallery {
            grid-template-columns: 1fr;
        }
    }