:root {
            --primary-gold: #dcb876;
            --primary-dark: #1b3a57;
            --text-main: #333333;
            --text-light: #666666;
            --bg-light: #f9f9f9;
            --max-width-desktop: 1400px;
            --max-width-laptop: 1200px;
        }
img{max-width:100%;}
        /* 全局字体设置 */
        body {
            font-family: "PingFangSC-Regular", "Roboto", "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC-Light", "Microsoft YaHei", sans-serif;
            color: var(--text-main);
            font-size: 16px;
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* 响应式容器宽度控制 */
        .container-custom {
            width: 100%;
            max-width: var(--max-width-desktop);
            margin: 0 auto;
            padding-left: 15px;
            padding-right: 15px;
        }
		.nav-item.active{position:relative;}
		.nav-item.active:after{content:"";width:20%;height:3px;background:#dcb876;position:absolute;bottom:0px;left:40%;}
        @media (max-width: 1399px) {
            .container-custom {
                max-width: var(--max-width-laptop);
            }
        }

        @media (max-width: 1199px) {
             /* 小屏幕电脑或大平板 */
            html { font-size: 15px; }
        }

        @media (max-width: 991px) {
            /* 平板 */
            html { font-size: 14px; }
            .container-custom { max-width: 100%; }
        }

        @media (max-width: 767px) {
            /* 手机 */
            html { font-size: 13px; }
        }

        /* --- Header & Nav --- */
        .top-bar {
            background-color: #fff;
            border-bottom: 1px solid #eee;
            padding: 10px 0;
        }
        
       
		.logo{margin-right:2rem;}
        .main-nav .nav-link {
            color: #333;
            font-size: 0.95rem;
            padding: 15px 20px !important;
            transition: color 0.3s;
            white-space: nowrap;
        }

        .main-nav .nav-link:hover, .main-nav .nav-link.active, .main-nav .current-menu-item .nav-link {
            color: #D3A562;
        }

        .lang-switch {
            background-color: #D3A562;
            color: #fff !important;
            border-radius: 20px;
            padding: 5px 15px !important;
            font-size: 0.85rem !important;
        }

        /* --- Hero Section --- */
        .hero-section {
            position: relative;
            color: #fff;
        }

        .hero-overlay {
            position: fixed;
            top: 0;
            right: 0;
            width: 30%;
            height: 100%;
            background:url(../img/bannerbg.jpg) right top repeat;
			height:100%;
			z-index:-1;
        }
		 @media (max-width: 1199px) {
			 
			.hero-overlay {display:none;} 
		 }
		.relative{position:relative;}
        .hero-contentt {
            position: absolute;
			left:8rem;
			top:8rem;
            z-index: 2;
            max-width: 800px;
        }
		.f24{font-size:1.4rem;}
        .hero-title {
            font-size: 2.6rem;
            font-weight: bold;
            margin-bottom: 1.5rem;
			margin-top:1rem;
            text-shadow: 0 2px 4px rgba(0,0,0,0.5);
        }

        .hero-desc {
            font-size: 1.1rem;
            margin-bottom: 2.5rem;
            line-height: 1.8;
            opacity: 0.95;
			max-width:400px;
			text-align:justify;
        }

        .btn-gold-outline {
            background: #D3A562;
            border: 0px solid #fff;
            color: #fff;
            padding: 10px 30px;
            border-radius: 10px;
            margin-right: 15px;
            transition: all 0.3s;
			
        }

        .btn-gold-solid {
            background-color: #20477C; /* Dark blue from design */
            border: none;
            color: #fff;
            padding: 10px 50px;
            border-radius: 10px;
            transition: all 0.3s;
        }
        
        .btn-gold-solid:hover, .btn-gold-outline:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            color: #fff;
			background: #D3A562;
        }

        /* --- Stats Section --- */
        .stats-section {
            padding: 40px 0 20px 0;
        }

        .stat-box {
            display: flex;
            align-items: flex-start;
            gap: 20px;
        }

        .stat-number {
            font-size: 2.6rem;
            color: #000;
            line-height: 1;
			position:relative;
			padding-right:1.5rem;
        }
		.stat-number span{font-size:0.8rem;background:#D3A562;border-radius:100%;color:#fff;position:absolute;top:0px;right:0px;width:1rem;height:1rem;line-height:1rem;text-align:center;}
        .stat-info h4 {
            font-size: 1.1rem;
            margin-bottom: 5px;
            font-weight:bold;
        }

        .stat-info p {
            font-size: 0.85rem;
            color: #777;
            margin: 0;
        }

        .view-more-btn {
            
            color: #fff;
            width: 180px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.1rem;
            text-decoration: none;
            transition: opacity 0.3s;
        }
		.view-more-btn i{margin-left:2rem !important;}
		.view-more-btn:hover i{margin-left:2.3rem !important;}
        .view-more-btn:hover { opacity: 0.9; color: #fff; }

        /* --- Why Choose Us --- */
        .why-us-section {
            padding: 80px 0;
            background: #fff;
            text-align: center;
        }

        .section-title {
            font-size: 2rem;
            margin-bottom: 50px;
            color: #222;
            position: relative;
            display: inline-block;
        }

        .feature-item {
            text-align: center;
            padding: 20px;
			position:relative;
        }
		.feature-item:after{width:2px;height:48px;position:absolute;top:40%;right:0px;background:#DFDFDF;content:"";display:block;}
		.feature-item:nth-child(4):after,.feature-item:nth-child(8):after{display:none;}
        .feature-icon {
            width: 80px;
            height: 80px;
            
            display: inline-flex;
            align-items: center;
            justify-content: center;
            
            margin-bottom: 20px;
            position: relative;
        }
        
      
        .feature-item h5 {
            font-size: 1.1rem;
            margin-bottom: 10px;
            color: #333;
            font-weight:bold;
        }

        .feature-item p {
            font-size: 0.87rem;
            color: #333;
            line-height: 1.6;
        }

        /* --- Group Intro --- */
        .intro-section {
            padding:80px 0px 80px 0;
            overflow: hidden;
			position:relative
        }
		.intro-overlay {
            position: absolute;
            top: 0;
            right: 0;
            width: 30%;
            height: 100%;
            background:#f7f7f7;
			height:100%;
			z-index:-1;
        }
        .intro-text h2,.news-section h2 ,.lsectiontit,.fuwu-title,.campus-section h2,.activities-section h2{
            font-size: 2rem;
            margin-bottom: 30px;
            color: #333;
			background:url(../img/aboutico.png) left top no-repeat;
        }
		.campus-life h2{font-size: 2rem;
            margin-bottom: 30px;
            color: #fff;
			background:url(../img/bico.png) left top no-repeat;}
        .intro-text h3 {
            font-size: 1.4rem;
            margin-bottom: 20px;
            color: #333;
        }

        .intro-text p {
            font-size: 0.95rem;
            color: #333;
            margin-bottom: 20px;
            text-align: justify;
        }

        .quote-mark {
            font-size: 3rem;
            color: #D3A562;
            font-family: serif;
            line-height: 1;
            float: right;
            margin-right: 20px;
			position:absolute;
			top:3.5rem;
			right:3rem;
        }
		.intro-text{position:relative;}
        .btn-contact {
            background-color: #cda868;
            color: #fff;
            border: none;
            padding: 12px 35px;
            border-radius: 10px;
            font-size: 0.95rem;
        }

        .intro-img-wrapper {
            position: relative;
            height: 400px;
        }
        
        .intro-img-wrapper img {
            width: 88%;
            height: 100%;
            object-fit: cover;
            border-radius: 4px;
			float:right;
        }

        .img-border-deco {
            position: absolute;
            bottom: 0px;
            left: 1rem;
            width: 90%;
            height: 70%;
            background:#D3A562;
            z-index: -1;
            border-radius: 4px;
        }

        /* --- Mission Banner --- */
        .mission-banner {
            background-image: url('../img/rcbg.png');
            background-size: cover;
            background-position: center;
            background-attachment: fixed; /* Parallax effect if supported */
            padding: 40px 0;
            text-align: center;
            color: #fff;
            position: relative;
        }
        
        .mission-banner::before {
            content: '';
            position: absolute;
            top:0; left:0; right:0; bottom:0;
            background: rgba(0,0,0,0.5);
        }

        .mission-content {
            position: relative;
            z-index: 2;
			background:url(../img/lefttop.png) left top no-repeat;
			padding-top:40px;
        }
		.mission-content>div{background:url(../img/rightbottom.png) right bottom no-repeat;padding-bottom:40px;}
        .mission-content h2 {
            font-size: 1.5rem;
            margin-bottom:2rem;
        }
        
        .mission-content h3 {
            font-size: 2.2rem;
            font-weight: bold;
        }

        /* --- Team Section --- */
        .team-section {
            padding: 80px 0;
            background: #fff;
        }

        .team-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 40px;
        }
		.team-header h2{background:url(../img/aboutico.png) left top no-repeat;}




        .member-name {
            font-size: 1.4rem;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .member-role {
            font-size: 0.85rem;
            color: #777;
            margin-bottom: 20px;
        }

        .team-thumbnails {
            display: flex;
            gap: 15px;
            margin-top: 20px;
            overflow-x: auto;
            padding-bottom: 10px;
        }

        .thumb-circle {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            object-fit: cover;
            cursor: pointer;
            border: 3px solid transparent;
            transition: 0.3s;
        }
        
        .thumb-circle.active, .thumb-circle:hover {
            border-color: #D3A562;
        }

        /* --- Courses Tabs --- */
        .courses-section {
            padding: 80px 0;
            background: #f7f7f7;
        }

        .course-tabs-nav {
            display: flex;
            gap: 40px;
            margin-bottom: 40px;
            padding-bottom: 20px;
        }		.course-tabs-nav .course-tab-link i{display:none;}
		        .course-tabs-nav i:nth-child(1){margin-right:1.5rem;}
				.course-tabs-nav i:nth-child(2){margin-left:1.5rem;}
        .course-tab-link {
            font-size: 1.5rem;
            color: #666;
            cursor: pointer;
            font-weight: 300;
            position: relative;
            transition: 0.3s;
        }

        .course-tab-link.active {
            color: #333;
        }
        .course-tab-link.active i{display:inline-block;}
       

        .course-card {
            margin-bottom: 30px;
            transition: transform 0.3s;
        }
        
        .course-card:hover {
            transform: translateY(-5px);
        }

        .course-card img {
            width: 100%;
           
            border-radius: 4px;
        }

        .course-card-body {
            padding: 15px;
			background:#fff;

        }

        .course-card-title {
            font-size: 1.1rem;
            font-weight: bold;
            margin-bottom: 10px;
            color: #333;
        }
        .campus-caption a{color:#fff;text-decoration:none;}
        .course-card-title a{ color: #333;text-decoration:none;}
        .course-card-title a:hover{color: #D3A562;}
        .course-card-text {
            font-size: 0.85rem;
            color: #777;
            line-height: 1.6;
        }

        /* --- Campus Life --- */
        .campus-life {
            background:url(../img/xiaoyuanbg.png) left top no-repeat;
			background-size:cover;
            padding: 80px 0;
            color: #fff;
        }

        .section-header-white {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 40px;
            color: #fff;
        }

        .campus-grid {
            display: grid;
            grid-template-columns:2fr 3fr;
            gap: 3rem;
        }
		
        @media (max-width: 768px) {
            .campus-grid { grid-template-columns: 1fr; }
			.feature-item:nth-child(2n):after{display:none;}
			.hero-contentt{top:4rem;}
			.hero-title{font-size:2rem;}
			.stats-section .justify-content-end{display:none !important;}
			.why-us-section{padding:40px 0px;}
			.stats-section{padding-bottom:0px;}
			.section-title{margin-bottom:25px;}
			.intro-section,.campus-life{padding:40px 0px;}
			.intro-overlay{display:none;}
			.courses-section,.team-section{padding:40px 0px;}
			.course-tabs-nav{padding-bottom:20px;}
        }

        .campus-item {
            position: relative;
            overflow: hidden;
        }

        .campus-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }

        .campus-item:hover img {
            transform: scale(1.05);
        }

        .campus-caption {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 20px;
            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
        }
		.campus-item .campus1{display:block;overflow:hidden;width:55%;position:absolute;left:0px;bottom:0px;}
		.campus-item .campus1 img{width:100%;height:auto;}
		.campus-item .campus2{display:block;overflow:hidden;width:55%;position:absolute;right:0px;top:0px;}
		.campus-item .campus2 img{width:100%;height:auto;}
        /* --- News Section --- */
        .news-section {
            padding: 80px 0;
            background: #fff;
        }

        .featured-news {
            position: relative;
            overflow: hidden;
        }

        .featured-news img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
		.news-section a{color:#333;text-decoration:none;}
		.news-section a:hover{color:rgba(200, 170, 100, 0.9);}
        .date-badge {
            position: absolute;
            bottom: 20px;
            left: 20px;
            background: rgba(200, 170, 100, 0.9);
            color: #fff;
            padding: 10px;
            text-align: center;
            width: auto;
        }

        .date-day { font-size: 1.5rem; font-weight: bold; line-height: 1; }
        .date-month { font-size: 0.7rem; }
		.news-list,.l10{margin-left:1rem;}
        .news-list-item {
            display: flex;
            align-items: baseline;
            margin-bottom: 15px;
            border-bottom: 1px dashed #eee;
            padding-bottom: 10px;
        }

        .news-dot {
            color: #D3A562;
            margin-right: 10px;
            font-size: 0.4rem;
            margin-top: 10px;
        }

        .news-list-text {
            font-size: 0.9rem;
            color: #555;
            cursor: pointer;
        }
        .news-list-text:hover { color: #D3A562; }

        /* --- CTA Banner --- */
        .cta-banner {
            padding: 40px 0;
            color: #fff;
            text-align: center;
            background:#d3a562 url('../img/maibg.png') right top no-repeat;
        }
		.cta-banner h4,.cta-banner p{text-align:left;}
        .cta-btn {
            background: transparent;
            border: 1px solid #fff;
            color: #fff;
            padding: 8px 30px;
            border-radius: 10px;
            margin-left: 60px;
        }
		.fline{display:flex;align-items: center;justify-content: center; }
		.fline>div{display:inline-block;}
		.fzhong{padding:1rem 1rem 0 1rem;}
        /* --- Footer --- */
         /* 底部区域 */
        footer {
            background: #fff;
            padding-top: 40px;
        }
		.footer-logo{text-align:center;}
		.footer-logo img{max-width:80%;}
        .partner-logos img {
			max-width:280px;
        }
        .partner-logos {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 0px;
            margin: 30px 0;
        }
        .partner-logos img {
        }
        @media (max-width: 768px) {
            .partner-logos img {
                max-width: 100px;
            }
			.table-wrapper,.main-content .container,.table-wrapper .table-content{padding:1rem;overflow-x:scroll;}
			.t20{margin-top:2rem;display:inline-block;}
			.partner-logos{display:block;width:100%;overflow:hidden;}
			.partner-logos img{width:36%;margin:2% 7%;max-width:46%;float:left;}
			.news-list, .l10{margin-left:0px;}
			.news-section{padding:40px 0px;}
        }
		
		/* 地图背景区块 (模拟) */
        .map-contact-section {
            background-image: url(../img/fbg.png);
            background-size: cover;
            background-position: center;
            padding: 40px 0;
            margin-top: 20px;
        }
        .contact-info-card {
            padding: 25px 30px;
            max-width: 400px;
        }
        .contact-info-card h5 {
            font-weight: 600;
            margin-bottom: 15px;
			font-size:1rem;
			line-height:1.8;
        }
        .contact-info-card p {
            margin-bottom: 8px;
            font-size: 0.95rem;
        }
		.contact-info-card p span{min-width:8rem;display:inline-block;}
        @media (max-width: 768px) {
            .contact-info-card {
                max-width: 100%;
            }
            .title-section h1 {
                font-size: 1.8rem;text-align:center;margin:1rem 0px;overflow:hidden;
            }
        	.action-links{overflow:hidden;text-align:center;padding:1rem 0px;}
			.search-form,.lang-dropdown{display:none !important;}
			#mobileMenuBtn{position:absolute;top:1rem; right:1rem;z-index:999;}
		}
        /* Utilities */
        .text-gold { color: #D3A562; }
        .bg-gold { background-color: #D3A562; }
        .fw-light-custom { font-weight: 300; }


/* 左侧卡片 */
    .team-member-card {
      padding: 28px 24px 32px;
      position: relative;
      min-height: 340px;
      display: flex;
      flex-direction: column;
    }
    .quote-mark {
      font-size: 3.6rem;
      line-height: 1;
      color: var(--primary-gold, #b89b7b);

      margin-top: -12px;
      font-family: Georgia, serif;
      float: right;
    }
    .member-name {
      font-size: 1.8rem;
      font-weight: 600;
      color: #2c2a28;
      margin-top: 4px;
      letter-spacing: -0.02em;
    }
    .member-role {
      font-size: 0.95rem;
      color: #6b625a;
      display: inline-block;
      margin-top: 10px;
      font-weight: 450;
    }
    .member-bio {
      font-size: 0.98rem;
      line-height: 1.6;
      color: #3d3732;
      margin: 18px 0 18px;
      padding-right: 8px;
      flex: 1;
    }
    /* 缩略图区域 + 左右控制 */
    .thumbnail-controls {
      display: flex;
      align-items: center;
	  position:relative;
      gap: 8px;
      margin-top: 4rem;
    }
    .btn-nav {
      background: #fff;
      border: 1px solid #ddd6ce;
      border-radius: 40px;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.2s;
      flex-shrink: 0;
      box-shadow: 0 2px 6px rgba(0,0,0,0.02);
      color: #5f554a;
      font-size: 1.4rem;
      line-height: 1;
      user-select: none;
    }
    .btn-nav:hover {
      background: #f0ebe5;
      border-color: #b89b7b;
      box-shadow: 0 4px 10px rgba(184, 155, 123, 0.15);
    }
    .btn-nav:active {
      transform: scale(0.94);
    }
    .btn-nav.swiper-button-disabled {
      opacity: 0.3;
      pointer-events: none;
      border-color: #e2d9d0;
    }
    .team-thumbnails {
      display: flex;
      flex-wrap: nowrap;
      gap: 1rem;
      overflow: hidden;
      flex: 1;
      padding: 4px 0;
    }
    .thumb-circle {
      width: 88px;
      height: 88px;
      border-radius: 88px;
      border: 3px solid transparent;
      cursor: pointer;
      transition: all 0.2s ease;

    }
    .thumb-circle.active {
      border-color: #b89b7b;

    }
    .thumb-circle:hover {
      transform: scale(1.02);
      border-color: #c9b29b;
    }
    /* 右侧大图 */
    .position-relative {
      overflow: hidden;
      transition: all 0.2s;
      max-width: 90%;
    }
    .position-relative img {
      width: 90%;
      display: block;
      transition: all 0.25s;
    }
    /* 自定义swiper容器 (用于缩略图滑动) */
    .swiper-thumbs-container {
      width: 100%;
      overflow: hidden;
      flex: 1;
    }
    .swiper-wrapper {
      transition-timing-function: ease;
    }
    .swiper-slide {
      width: auto !important;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    /* 数据占位 */
    .no-transition {
      transition: none !important;
    }
    /* 右侧大图过渡 */
    .fade-img {
      transition: opacity 0.2s ease;
    }
	.bg-wight{background:#fff;}
	.footer{width:100%;border-radius:0px;}
	.r-img{background:url(../img/rguai.png) right bottom no-repeat;border-radius:0px;}
	.r-img img{width:90%;border:0px;outline:none;padding-bottom:2rem;}
	.mnav{display:none;}
	 @media (max-width: 640px) {
			 .hero-contentt{top:2rem;left:2rem;}
			 .hero-contentt .f24{font-size:1rem;}
			 .hero-title{font-size:1.1rem;}
			 .hero-desc{font-size:0.9rem;line-height:1.5;display:none;}
			 .btn-gold-outline{padding:0px 10px;}
			 .btn-gold-solid{padding:5px 15px;}
			 .stat-number{width:60px;text-align:right;}
			 .why-us-section,.intro-section, .campus-life{padding:20px 0px;}
			 .section-title{margin-bottom:10px;}
			 .mission-content h3{font-size:1.1rem;}
			 .mission-content{background-size:20%;background-position:1rem 0px;}
			 .mission-content>div{background-size:20%;}
			 .team-member-card{padding:0px;}
			 .thumbnail-controls{margin-top:2rem;}
			 .thumb-circle{width:70px;height:70px;border-radius:70px;}
			 .team-member-card{min-height:auto;}
			 .position-relative{max-width:100%;}
			 .ms-auto{display:none;}
			 .course-tab-link{font-size:1rem;line-height:40px;}
			 .campus-life h2,.section-title,.intro-text h2, .news-section h2{font-size:1.5rem;}
			 .feature-item{width:100%;}
			 .feature-item:after{display:none;}
			 .quote-mark{right:0.3rem;}
			 .team-member-card .quote-mark{top:0px;}
			 .member-name{font-size:1.2rem;}
			 .navbar >.dropdown{display:none;}
			 .navbar .align-items-center{text-align:left;}
			 .navbar .align-items-center .nav-item{width:100%;text-align:left;}
			 .mnav{display:block;}
			 }