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

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

        /* 容器：居中+限制最大宽度 */
        .container {
            width: 92%;
            max-width: 1200px;
            margin: 0 auto;
        }

        /* 头部导航 */
        header {
            background: #fff;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
            position: sticky;
            top: 0;
            z-index: 999;
        }
        .header-wrap {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding:10px 0;
        }
        .logo {
            display: flex;
            align-items: center;
            gap: 8px;
            text-decoration: none; color: #333;
        }
        .logo img {
            height: 75px;
        }
        .logo-text {
            font-size: 24px;
            line-height: 1.2;
        }
        .logo-text .cn {
            font-weight: bold;
        }
        .logo-text .en {
            font-size: 14px;
            color: #666;
        }
        nav ul {
            display: flex;
            list-style: none;
            gap: 24px;
        }
        nav a {
            text-decoration: none;
            color: #333;
            font-size: 16px;
            transition: color 0.3s;
        }
        nav a.active, nav a:hover {
            color: #d81e06;
            
        }
        .nav-tel,.nav-tel:hover {
            background: #d81e06;
            color: #fff;
            padding: 6px 16px;
            border-radius: 4px;
        }

        /* 轮播图 */
        /*banner*/
    /* 本例子css */
    .img100{ width: 100%; }
    .iconb{background:url(../images/img.png)  no-repeat; display: block; margin: 0 auto}
    .banner{ margin-bottom: 60px;}
    .slideBox{ width:100%; overflow:hidden; position:relative;  }
    .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
    .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
    .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;position: relative; zoom:1; vertical-align:middle; width: 100%; }
    .slideBox .hd ul li.on{ background:#f00; color:#fff; }
    .slideBox .bd{ position:relative; z-index:0; text-align: center ; }
    .bannertxt{ position: absolute; width: 100%;   left: 0; top:0; height: 100%; justify-content: center; align-items: center; display: flex;}

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .slideBox .prev,
    .slideBox .next{ position:absolute; left:10%; top:50%; margin-top:-32px; display:block; }
    .slideBox .next{ left:auto; right:10%; }
    .slideBox .prev:hover,
    .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
    .slideBox .prevStop{ display:none;  }
    .slideBox .nextStop{ display:none;  }
    .banner .h2{ font-size: 60px; color: #fff; line-height: 60px;}
    .banner .bannerp{ font-size: 22px; padding-top: 10px; color: #fff; line-height:40px;}
    .left_hover{height:65px;width:36px;background-position:0 -424px;}
.right_hover{height:64px;width:36px;background-position:0 -489px;}
        .about-text p{ text-indent: 2em;}

        /* 我们的优势 */
        .advantage {
            padding: 40px 0;
            text-align: center;
        }
        .advantage-title {
            font-size: 16px;
            color: #666;
            margin-bottom: 32px;
        }
        .advantage-title .cn {
            font-size: 24px;
            font-weight: bold;
            color: #333;
            display: block;
        }
        .advantage-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            /* 可选：设置行列间距（提升美观度） */
            grid-gap: 20px; /* 等价于 row-gap:20px + column-gap:20px */
            /* 可选：让网格在容器中居中（如需） */
            justify-content: center;
            /* 可选：项目在单元格中垂直居中 */
            align-items: center;
       }
        .advantage-item {
            text-align: center;
            margin-bottom:20px;
        }
        .advantage-item .icon {
            width: 100px;
            height: 100px;
            margin: 0 auto 12px;
            background: #f5f5f5;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: #d81e06;
        }
         .advantage-item .icon img{ width: 50px;}
        .advantage-item h4 {
            font-size: 16px;
            margin-bottom: 8px;
        }
        .advantage-item p {
            font-size: 14px;
            color: #666;
            line-height: 1.5;
        }

        /* 我们的宗旨 */
        .purpose {
            padding: 60px 0;
            background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../images/banner22.jpg') center/cover;
            color: #fff;
            text-align: center;
        }
        .purpose-title {
            font-size: 16px;
            margin-bottom: 32px;
        }
        .purpose-title .cn {
            font-size: 24px;
            font-weight: bold;
            display: block;
        }
        .purpose-grid {
            display: grid;
            flex-wrap: wrap;
            grid-template-columns: repeat(5, 1fr);
            justify-content: center;
            grid-gap: 20px;
        }
        .purpose-item {
            text-align: center;
        }
        .purpose-item .icon1 {
            width: 80px;
            height: 80px;
            margin: 0 auto 12px;
            border: 1px solid #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
        }
        .purpose-item .icon1  img{ width: 48px;}
        .purpose-item p {
            font-size: 16px;
        }

        /* 关于我们 */
        .about {
            padding: 40px 0;
        }
        .about-title {
            text-align: center;
            font-size: 16px;
            color: #666;
            margin-bottom: 32px;
        }
        .about-title .cn {
            font-size: 24px;
            font-weight: bold;
            color: #333;
            display: block;
        }
        .about-content {
            display: flex;
            flex-wrap: wrap;
            gap: 32px;
            align-items: center;
        }
        .about-map {
            flex: 1;
            min-width: 280px;
            text-align: center;
        }
        .about-map img {
            max-width: 100%;
            height: auto;
        }
        .about-text {
            flex: 2;
            min-width: 280px;
            font-size: 13px;
            color: #666;
            line-height: 1.8;
        }
        .about-text h4 {
            font-size: 16px;
            color: #333;
            margin-bottom: 12px;
        }

        /* 页脚 */
        footer {
            background: #333;
            color: #fff;
            padding: 24px 0;
            font-size: 14px;
        }
        .footer-wrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 16px;
        }
        .footer-left {
            display: flex;
            align-items: center;
            gap: 16px;
        }
        .footer-left img {
            height: 24px;
        }
        .footer-contact p {
            margin: 2px 0;
        }
        .footer-contact a{ color:#fff}
        .footer-tel {
            text-align: right;
        }
        .footer-tel .label {
            font-size: 16px;
            color: #ccc;
        }
        .footer-tel .num {
            font-size: 18px;
            font-weight: bold;
            color: #fff;
        }
        /* 内页 */
         .nycontainer {
            display: flex;
            min-height: 60vh;
            flex-wrap: wrap;
            max-width: 1200px;
             margin: 0 auto;
        }
        .nybanner{ height: 300px; background: url("../images/nybanner2.jpg") no-repeat center; background-size: cover; }
        /* 侧边导航栏 */
        .sidebar {
            width: 220px;
            background-color: #f5f5f5;
            border-right: 1px solid #e0e0e0;
        }
        .sidebar ul {
            list-style: none;
        }
        .sidebar li {
            border-bottom: 1px solid #e0e0e0;
        }
        .sidebar a {
            display: flex;
            align-items: center;
            padding: 15px 20px;
            color: #333;
            text-decoration: none;
            transition: background-color 0.3s;
        }
        
        .sidebar .active ,.sidebar a:hover{
            background-color: #c9302c;
            color: #fff;
        }
        .sidebar .icon {
            margin-right: 10px;
            font-size: 18px;
        }
        .sidebar .arrow {
            margin-left: auto;
            font-size: 14px;
        }
        /* 主内容区 */
        .main-content {
            flex: 1;
            padding: 30px;
            overflow-y: auto;
        }
        .main-content h1 {
            font-size: 22px;
            margin-bottom: 25px;
            color: #333;
            border-bottom: 1px solid #e0e0e0;
            padding-bottom: 10px;
        }
        .content-text {
            max-width: 900px;
            font-size: 16px;
            color: #555;
            text-indent: 2em;
        }
        /* 案例标题区域 */
        .case-hero {
            background-color: #2c3e50;
            color: white;
            padding: 4rem 0;
            text-align: center;
            margin-bottom: 40px;
        }

        .case-hero h1 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
        }

        .case-hero p {
            font-size: 1.1rem;
            opacity: 0.9;
            max-width: 800px;
            margin: 0 auto;
        }

        /* 案例筛选 */
        .filter-container {
            max-width: 1200px;
            margin: 2rem auto;
            padding: 0 20px;
            text-align: center;
        }

        .filter-btn {
            background-color: white;
            border: 1px solid #ddd;
            padding: 0.5rem 1.2rem;
            margin: 0 0.5rem 1rem;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.3s;
        }

        .filter-btn:hover, .filter-btn.active {
            background-color: #3498db;
            color: white;
            border-color: #3498db;
        }

        /* 案例卡片容器 */
        .cases-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 2rem;
            margin-bottom: 4rem;
        }

        /* 案例卡片样式 */
        .case-card {
            background-color: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 15px rgba(0,0,0,0.08);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .case-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        }

        /* 案例图片 */
        .case-img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            border-bottom: 1px solid #eee;
        }

        /* 案例内容 */
        .case-content {
            padding: 1.5rem;
        }
        .case-category {
            display: inline-block;
            font-size: 0.85rem;
            color: #3498db;
            background-color: #e8f4fc;
            padding: 0.3rem 0.8rem;
            border-radius: 20px;
            margin-bottom: 1rem;
        }
        /* 响应式适配 */
        @media (max-width: 768px) {
            .container {
                flex-direction: column;
            }
            .sidebar {
                width: 100%;
                border-right: none;
                border-bottom: 1px solid #e0e0e0;
            }
            .main-content {
                padding: 20px;
            }
            .main-content h1 {
                font-size: 20px;
            }
            .content-text {
                font-size: 15px;
            }
        }
         @media (max-width: 660px) {
              .nybanner{ height: 170px; background: url("../images/phone.jpg") no-repeat center; background-size: contain; }
         }
         
        /* 响应式适配 */
        @media (max-width: 930px) {
            .header-wrap {
                flex-direction: column;
                gap: 12px;
            }
            nav ul {
                gap: 16px;
                flex-wrap: wrap;
                justify-content: center;
            }
            
            .advantage-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .purpose-grid {
                gap: 24px;
            }
            .about-content {
                flex-direction: column;
            }
            .footer-wrap {
                flex-direction: column;
                text-align: center;
            }
            .footer-tel {
                text-align: center;
            }
            .banner .h2{ font-size: 26px;}
            .slideBox .prev, .slideBox .next{ transform: scale(0.5);}
            .advantage-title .cn{ font-size: 18px;}
            .advantage-item .icon{ width: 80px; height: 80px;}
            .advantage-item .icon img{ width: 40px; height: 40px;}
        }

        @media (max-width: 480px) {
            .logo img{ height: 60px;}
            .logo-text{ font-size: 18px;}
            .logo-text .en{ font-size: 12px;}
            .advantage-grid {
                grid-template-columns: 1fr;
            }
            .banner-text {
                font-size: 18px;
            }
            .purpose-grid {
             
                grid-template-columns: repeat(3, 1fr);
                justify-content: center;
                grid-gap: 20px;
            }
             .advantage-grid {
           
            grid-template-columns: repeat(2, 1fr);
            /* 可选：设置行列间距（提升美观度） */
            grid-gap: 20px; /* 等价于 row-gap:20px + column-gap:20px */
            /* 可选：让网格在容器中居中（如需） */
            justify-content: center;
            /* 可选：项目在单元格中垂直居中 */
            align-items: center;
           }
           .advantage-item p{ font-size: 12px;}
           
           .slideBox .prev{ left: 5px;}
           .slideBox .next{ right: 5px;}
           .banner{ margin-bottom:0;}
             .case-hero h1 {
                font-size: 2rem;
            }

            .cases-container {
                grid-template-columns: 1fr;
            }
        }