:root {
            /* 主题色 */
            --color-primary: #2e7d32;   /* 深绿 */
            --color-secondary: #f9a825; /* 橙黄 */
            --color-accent: #e65100;    /* 橙红 (用于强调) */
            --color-light: #f8f9fa;     /* 浅灰背景 */
            --color-dark: #212529;      /* 深灰文字 */
            --color-gray: #6c757d;      /* 中灰文字 */
            --color-white: #ffffff;
            --color-black: #000000;

            /* 字体大小 */
            --fs-h1: 2.5rem;
            --fs-h2: 2rem;
            --fs-h3: 1.5rem;
            --fs-h4: 1.25rem;
            --fs-body: 1rem;
            --fs-sm: 0.9rem;

            /* 间距 */
            --spacing-sm: 0.5rem;
            --spacing-md: 1rem;
            --spacing-lg: 2rem;
            --spacing-xl: 2rem;

            /* 圆角 */
            --radius: 0.5rem;
            --radius-lg: 1rem;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            line-height: 1.6;
            color: var(--color-dark);
            background-color: var(--color-white);
        }

        a {
            text-decoration: none;
            color: inherit;
            transition: color 0.3s ease, transform 0.3s ease;
        }

        a:hover {
            color: var(--color-primary);
            transform: translateY(-2px);
        }

        ul, ol {
            list-style: none;
        }
        .clear{ clear:both; overflow:hidden; height:0px;}
        .gao20{ height:20px; overflow:hidden;}
        .container {
            width: 100%;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            padding-left: var(--spacing-md);
            padding-right: var(--spacing-md);
            padding-top:0px;
        }
        
        .containerHeader {
            width: 100%;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            padding-left: var(--spacing-md);
            padding-right: var(--spacing-md);
            padding-top:0px;
        }

        /* =============== 头部导航 =============== */
        header {
            background-color: var(--color-white);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .header-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 90px;
            overflow:hidden;
        }

        .logo {
            display: flex;
            align-items: center;
            color: var(--color-primary);
        }

        .logo img {
            height:85px;
 
        }

.nav-phone {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #3b3736;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.5px;
  background: rgba(232, 122, 32, 0.15);
  padding: 8px 20px;
  border-radius: 30px;
  border: 1px solid rgba(232, 122, 32, 0.3);
  transition: all 0.3s ease;
  margin-bottom:5px;
}

.nav-phone:hover {
  background: rgba(232, 122, 32, 0.3);
  border-color: #e87a20;
  transform: translateY(-1px);
}


        nav {
            display: flex;
        }

        nav ul {
            display: flex;
            gap: var(--spacing-lg);
        }

        nav a {
            font-size: var(--fs-body);
            font-weight: 500;
            color: var(--color-dark);
            position: relative;
        }

        nav a::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 2px;
            background-color: var(--color-primary);
            transition: width 0.3s ease;
        }

        nav a:hover::after {
            width: 100%;
        }

        /* =============== 首屏 Hero =============== */
        .hero {
            background: linear-gradient(rgba(46, 125, 50, 0.7), rgba(46, 125, 50, 0.7)), url('/style/images/indexbaner.jpg') no-repeat center center/cover;
            color: var(--color-white);
            text-align: center;
            padding: calc(var(--spacing-xl) * 2) var(--spacing-md);
            position: relative;
            height:600px;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            height: 100%;
            background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.1));
            z-index: 1;
        }

        .hero-content {
            position: relative;
            z-index: 2;
            max-width: 800px;
            margin: 0 auto;
        }

        .hero h1 
        {
            padding-top:15%;
            font-size: var(--fs-h1);
            font-weight: 700;
            margin-bottom: var(--spacing-md);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        }

        .hero p {
            font-size: var(--fs-h2);
            opacity: 0.9;
            margin-bottom: var(--spacing-lg);
            max-width: 700px;
        }

        .hero-btns {
            display: flex;
            justify-content: center;
            gap: var(--spacing-md);
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 14px 32px;
            border-radius: 50px;
            font-size: var(--fs-body);
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            border: none;
            outline: none;
        }

        .btn-primary {
            background-color: var(--color-secondary);
            color: var(--color-white);
            box-shadow: 0 4px 15px rgba(249, 168, 37, 0.4);
        }

        .btn-primary:hover {
            background-color: #e68a00;
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(249, 168, 37, 0.6);
        }

        .btn-outline {
            background-color: transparent;
            color: var(--color-white);
            border: 2px solid var(--color-white);
        }

        .btn-outline:hover {
            background-color: rgba(255, 255, 255, 0.1);
            transform: translateY(-3px);
        }

        /* =============== 标题区 =============== */
        .section-title {
            text-align: center;
            font-weight:bold;
            padding:0px;
            height:60px;
            line-height:60px;
            overflow:hidden;
            font-size: var(--fs-h2);

        }
        .TitDesc
        {
            text-align: center;
            font-size: var(--fs-h3);
            padding-bottom:15px;
            height:65px; line-height:35px;overflow:hidden; 
            }


        /* =============== 机构资质简介 =============== */
        .h1SEO{ color:#f0f0f0; font-size:12px; padding:0px; margin:0px; text-align:center; line-height:12px;}
        
        .about {
            padding:0px;
        }

        .about-inner {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--spacing-xl);
            align-items: center;
        }

        .about-img {
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        }

        .about-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .about-text h3 {
            font-size: var(--fs-h3);
            color: var(--color-primary);
            margin-bottom: var(--spacing-md);
            position: relative;
            padding-bottom: var(--spacing-sm);
        }

        .about-text h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 3px;
            background-color: var(--color-primary);
        }

        .about-text p {
            color: var(--color-gray);
            margin-bottom: var(--spacing-md);
            font-size: var(--fs-body);
        }

        .contact-info {
            display: flex;
            align-items: center;
            background-color: #fff3e0;
            color: var(--color-accent);
            padding: 5px 10px;
            border-radius: var(--radius);
            font-weight: 600;
            margin-top: var(--spacing-md);
        }
        .contact-info img{ width:100%;}

        .contact-info i {
            margin-right: 10px;
            font-size: 1.2rem;
        }

        /* =============== 六大体系 =============== */
        .services {
            padding: var(--spacing-xl) 0;
            background:#f8f9fa url('/style/images/bg1.jpg') no-repeat center center/cover;
        }

        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: var(--spacing-lg);
        }

        .service-card {
            background: var(--color-white);
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }

        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .service-img {
            height: 200px;
            overflow: hidden;
        }

        .service-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        
        .fas1{ background: url(/style/images/1.png) no-repeat  left  center; background-size: contain; padding-left:40px;}
        .fas2{ background: url(/style/images/2.png) no-repeat  left  center; background-size: contain; padding-left:40px;}
        .fas3{ background: url(/style/images/3.png) no-repeat  left  center; background-size: contain; padding-left:40px;}
        .fas4{ background: url(/style/images/4.png) no-repeat  left  center; background-size: contain; padding-left:40px;}
        .fas5{ background: url(/style/images/5.png) no-repeat  left  center; background-size: contain; padding-left:40px;}
        .fas6{ background: url(/style/images/6.png) no-repeat  left  center; background-size: contain; padding-left:40px;}
        .service-card:hover .service-img img {
            transform: scale(1.05);
        }

        .service-content {
            padding: var(--spacing-lg);
        }

        .service-content h4 {
            font-size: var(--fs-h4);
            color: var(--color-primary);
            margin-bottom: var(--spacing-md);
            display: flex;
            align-items: center;
        }

        .service-content h4 i {
            margin-right: 8px;
            color: var(--color-secondary);
        }

        .service-content p {
            color: var(--color-gray);
            font-size: var(--fs-sm);
            line-height: 1.7;
        }

        /* =============== 办学优势 =============== */
        .advantages {
            padding: var(--spacing-xl) 0;
        }

        .advantages-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: var(--spacing-lg);
        }

        .advantage-card {
            padding: var(--spacing-md);
            border-radius: var(--radius-lg);
            text-align: center;
            color: var(--color-white);
            transition: transform 0.3s ease;
        }

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

        .advantage-card i {
            font-size: 3.5rem;
            margin-bottom: var(--spacing-md);
        }

        .advantage-card h4 {
            font-size: var(--fs-h4);
            margin-bottom: var(--spacing-md);
        }

        .advantage-card p {
            font-size: var(--fs-sm);
            opacity: 0.9;
        }

        .card-1 { background: linear-gradient(135deg, #2196F3, #0d47a1); }
        .card-2 { background: linear-gradient(135deg, #FF9800, #E65100); }
        .card-3 { background: linear-gradient(135deg, #4CAF50, #2E7D32); }
        .card-4 { background: linear-gradient(135deg, #F44336, #B71C1C); }
       /* .bgS1{ background:url(../images/serverbg1.png) no-repeat top center; padding-top:40%;background-size:35% auto}
        .bgS2{ background:url(../images/serverbg2.png) no-repeat top center; padding-top:40%;background-size:35% auto}
        .bgS3{ background:url(../images/serverbg3.png) no-repeat top center; padding-top:40%;background-size:35% auto}
        .bgS4{ background:url(../images/serverbg4.png) no-repeat top center; padding-top:40%;background-size:35% auto}*/
        
        .youshiImg{ width:100%; overflow:hidden;}
        .youshiImg img{ width:100%; height:auto; border:2px solid #373a1f}
        
        
        
        /*联系我们*/
        .Contact{padding: var(--spacing-xl) 0; background:#3e9842; color:White;}
        .ContactMestxt{display: grid;
            grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
            gap:0.5rem;}
        .ContactMestxt div{ padding:0px; margin:0px; line-height:28px;}
        .ContactMestxt div img{ width:100%;}
        .divMap{ width:100%;}
        .IfRaMap{ width:1200px; height:700px;}
            
            

        /* =============== 招生对象 =============== */
        .audience {
            background:#f8f9fa url('/style/images/bg2.jpg') no-repeat center center/cover;
            padding: var(--spacing-xl) 0;
        }

        .audience-desc {
            text-align: center;
            max-width: 800px;
            margin: 0 auto var(--spacing-lg);
            color: var(--color-gray);
            font-size: var(--fs-sm);
        }

        .audience-tags {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: var(--spacing-sm);
        }

        .tag {
            padding: 8px 20px;
            border-radius: 20px;
            background-color: var(--color-secondary);
            color: var(--color-white);
            font-size: var(--fs-sm);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }

        .tag.highlight {
            background-color: var(--color-secondary);
            color: var(--color-white);
            box-shadow: 0 4px 15px rgba(249, 168, 37, 0.4);
        }
        
        .zsTs{ padding:10px; text-align:center; color:Red;}
        .zsTs b{  font-size:18px; line-height:30px; margin:20px;}
        
        .tagDIvs {
      margin-top: 32px;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .tagspan {
      background: #f0f9f0;
      color: var(--primary);
      border: 1px solid #d0e6d0;
      padding: 4px 12px;
      border-radius: 20px;
      font-size: 14px;
    }
        
        
        /*校园环境*/
        .huanjing{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--spacing-lg);}
   
        .hjINsi {
            background: var(--color-white);
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
            transition: transform 0.4s ease, box-shadow 0.4s ease;
            width:100%; text-align:center;
        }

        .hjINsi:hover {
            transform: translateY(-10px);
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
        }

        .linkPhoto {display:block; overflow:hidden; padding-bottom:5px;

        }

        .linkPhoto img {
            width: 100%;
            height:auto;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        .linkText{ text-align:center; line-height:30px; display:block; height:30px; overflow:hidden;}
        .friendLin{}
        .friendLin b{}
        .friendLin a{ margin-left:10px;}
        
        
        /*新闻资讯*/
        .news{background:#f8f9fa url('/style/images/bg3.jpg') no-repeat center center/cover;}
        .Ulxinwen{ width: 100%;overflow: hidden; position: relative; padding: 0; margin: 0;}
        .news-scroll-wrap { display: flex; width: max-content;}
        .Ulxinwen li{ float:none; width:395px; height:480px; overflow:hidden; padding-top:10px; padding-left:10px;display: inline-block;}
        .Ulxinwen li .UlxinwenLidiv{ background:#ffffff;box-shadow:0px 0px 10px #cacaca; width:375px; height:440px; overflow:hidden; border-radius:5px;}
        .Ulxinwen li .UlxinwenLidiv .UlkcDinsi{ width:340px; overflow:hidden; margin:0 auto;}
        .Ulxinwen li .UlxinwenLidiv .serbgC{width:90px; height:90px; overflow:hidden;border-radius:45px; margin:0 auto;}
        .Ulxinwen li .UlxinwenLidiv .UlkcImg{ width:340px; height:230px; overflow:hidden;}
        .Ulxinwen li .UlxinwenLidiv .UlkcImg img{ width:350px;}

        .Ulxinwen li .UlxinwenLidiv .UlKcTit{ height:45px; line-height:45px; overflow:hidden; text-align:center;  font-size:18px; color:#117543}
        .Ulxinwen li .UlxinwenLidiv .UlKcTit h4{ padding:0px; margin:0px; font-weight:lighter;}
        .Ulxinwen li .UlxinwenLidiv .UlKcTexr{ line-height:28px; font-size:14px; color:#555555; line-height:26px;}
        .Ulxinwen li .UlxinwenLidiv .UlKcTexr b{ color:#333333}

        .Ulxinwen li .UlxinwenLidiv:hover{background:#f4f7fe;box-shadow:0px 0px 10px #aacab8; }
        /* =============== 联系我们 (Footer) =============== */
        footer {
            background: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85));
            color: var(--color-white);
            padding: var(--spacing-xl) 0 var(--spacing-md);
        }

        .footer-inner {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--spacing-xl);
        }

        .CallFootSpan{padding: 8px 20px;
            border-radius: 20px;
            background-color: var(--color-secondary);
            color: var(--color-white);
            font-size: var(--fs-sm);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;}
        
        
        .footer-info h3 {
            font-size: var(--fs-h3);
            margin-bottom: var(--spacing-lg);
            position: relative;
        }

        .footer-info h3::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 50px;
            height: 3px;
            background-color: var(--color-secondary);
        }

        .footer-info p {
            margin-bottom: var(--spacing-sm);
            color: #ddd;
            font-size: var(--fs-sm);
        }

        .footer-info strong {
            color: var(--color-white);
            font-weight: 600;
        }

        .copyright {
            text-align: center;
            padding-top: var(--spacing-lg);
            margin-top: var(--spacing-xl);
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            color: #aaa;
            font-size: 0.85rem;
        }
        
        
        
        /*内页*/
        .tith1{ text-align:center; line-height:60px;}
        .neiContent{ font-size: var(--fs-body); line-height:26px;}
        
        .newlist{ }
        .newlist{}

        .newlist {display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: var(--spacing-lg);}

        .newlistINs {padding: var(--spacing-md); border-radius: var(--radius-lg);  transition: transform 0.3s ease; background:#ffffff;box-shadow:0px 0px 10px #cacaca; }

        .newlistINs:hover { transform: translateY(-5px); }
        .newlistINs img{ width:100%; height:auto;}

        .page {display:block;height:25px; margin:20px auto; text-align:center;}
        .page .tablePage{ margin:0 auto;}
        .page a,.page span {background:#ffffff;border:1px solid #dfdfdf;color:#333333; display:inline-block;height:auto;line-height:18px;margin:0px 0px 0px 5px;padding:2px 8px;width:auto;}
        .page a:hover,.page .cur,.page .hov {background:#117543;border-color:#dfdfdf;color:#fff;text-decoration: none;}
        
        
        .titS{ text-align:center; color:#666666; padding-left:20px;}
        
        .titleH1{ font-size:20px; text-align:center; padding:10px 0px 10px 0px;}
        .xgTIti{ height:35px; line-height:35px; overflow:hidden; background:#ffb027; color:White;}
        .xgTIti span{ padding-left:10px;}
        .MesUlx{display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 0fr));gap: var(--spacing-sm);}
        .list{ padding:0px; margin:0px; overflow:hidden;}
        .newA{ background:url(../images/dian.jpg) no-repeat left center; line-height:24px; padding-left:10px; color:#666666}
        
        
        .newContentLeft{ float:left; width:800px; overflow:hidden;}
        .newRight{ float:right; width:400px;}
        
        .neiContent h2{ font-size:24px; line-height:60px; font-weight:400;}
        .neiContent h3{ font-size:20px; line-height:45px; font-weight:400}

        /* =============== 响应式设计 =============== */
        @media (max-width: 992px) {
            .about-inner,
            .footer-inner {
                grid-template-columns: 1fr;
            }
            .WapDis{ display:none;}
        }

        @media (max-width: 768px) 
        {
           .containerHeader {
            width: 100%;
            padding-top:0px;
            padding-left:0px; padding-right:0px;
        }
            .header-inner { flex-direction: column; height: auto; text-align:center; width:100%; }
            
            .logo{}
             .logo { display: flex; align-items: center; color: var(--color-primary); }
            .logo img { width:100%; height:auto; }
            .header-inner nav{ background:#117543; width:100%; margin:0px; padding:5px 0px 5px 0px;}
            nav ul { margin-top: 5px;flex-wrap: wrap; justify-content: center; gap: var(--spacing-sm); margin:0 auto}
            nav ul li a{ color:White;}
            .WapDis{ display:none;}
            .hero{ height:380px; overflow:hidden; }
            .hero h1 {font-size: 1rem; padding-top:1px;}
            .hero p{font-size: var(--fs-sm); }
            .hero-btns {flex-direction: column; align-items: center; }
            .section-title {font-size: var(--fs-h3); height:40px; line-height:40px; overflow:hidden; }
            .TitDesc {font-size: var(--fs-h4); height:45px; }
            .service-content{padding:15px}
            
            .ContactMestxt{grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));}
            .divMap{ width:100%;}
           .divMap img{ width:100%}
            .IfRaMap{ width:100%; height:100%;}

            .footer-info { text-align: center;}
            .footer-info p { text-align: left;}
            
            .huanjing{display:block; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--spacing-lg);}
            .hjINsi {background: var(--color-white); border-radius: var(--radius-lg);overflow: hidden; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08); transition: transform 0.4s ease, box-shadow 0.4s ease;  text-align:center; width:48%; margin-bottom:4%;}
            .hmImg{}
            .left{ float:left}
            .right{ float:right}
            
            
             .Ulxinwen{ width: 100%;overflow: hidden; position: relative; padding: 0; margin: 0;}
            .news-scroll-wrap { display: flex; width: max-content;}
         .Ulxinwen li{ float:none; width:395px; height:480px; overflow:hidden; padding-top:10px; padding-left:10px;display: inline-block;}
        .Ulxinwen li .UlxinwenLidiv{ background:#ffffff;box-shadow:0px 0px 10px #cacaca; width:375px; height:450px; overflow:hidden; border-radius:5px;}
        .Ulxinwen li .UlxinwenLidiv .UlkcDinsi{ width:340px; overflow:hidden; margin:0 auto;}
        .Ulxinwen li .UlxinwenLidiv .serbgC{width:90px; height:90px; overflow:hidden;border-radius:45px; margin:0 auto;}
        .Ulxinwen li .UlxinwenLidiv .UlkcImg{ width:340px; height:230px; overflow:hidden;}
        .Ulxinwen li .UlxinwenLidiv .UlkcImg img{ width:350px;}

        .Ulxinwen li .UlxinwenLidiv .UlKcTit{ height:45px; line-height:45px; overflow:hidden; text-align:center;  font-size:18px; color:#117543}
        .Ulxinwen li .UlxinwenLidiv .UlKcTit h4{ padding:0px; margin:0px; font-weight:lighter;}
        .Ulxinwen li .UlxinwenLidiv .UlKcTexr{ line-height:28px; font-size:14px; color:#555555; line-height:26px;}
        .Ulxinwen li .UlxinwenLidiv .UlKcTexr b{ color:#333333}

        .Ulxinwen li .UlxinwenLidiv:hover{background:#f4f7fe;box-shadow:0px 0px 10px #aacab8; }
        
        
        .neiContent{}
        .neiContent img{ width:100%}
        
        
        
        
        .MesUlx{display:block; grid-template-columns: repeat(auto-fit, minmax(340px, 0fr));gap: var(--spacing-sm);}
        .list{ padding:0px; margin:0px; overflow:hidden;}
        
        }

        @media (max-width: 576px) {
            .container {
                padding-left: var(--spacing-sm);
                padding-right: var(--spacing-sm);
            }
            .WapDis{ display:none;}

            .hero {
                padding: var(--spacing-lg) var(--spacing-sm);
            }

            .hero h1 {
                font-size: 1.75rem;
            }

            .btn {
                padding: 12px 24px;
                font-size: 0.95rem;
            }
        }