*{margin: 0; padding: 0; box-sizing: border-box; outline: none;}
body{font-family: "Microsoft Yahei", sans-serif; color: #fff; overflow-x: hidden;}
a{text-decoration: none; color: #333;}
ul,
li,
ol{list-style: none; padding: 0;}
.clear{clear: both;}
button,
input,
select{outline: none;}
.container{max-width: 1200px; margin: 0 auto;}
.mobile-nav-mask{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9998; display: none;}
.mobile-nav-mask.active{display: block;}
.top-bar{padding: 15px 0; background: #fff; z-index: 90; position: relative;}
.top-bar .container{display: flex; justify-content: space-between; align-items: center;}
.top-bar .logo{width: 300px;}
.top-bar .logo img{width: 100%;}
.top-right{display: flex; align-items: center; gap: 20px; flex-wrap: wrap; justify-content: flex-end;}
.top-bar .tags{display: flex; gap: 10px; width: 100%; justify-content: flex-end;}
.top-bar .tag{padding: 5px 12px; background: #26a69a; color: #fff; border-radius: 4px; font-size: 14px;}
.top-bar .tel{font-size: 24px; color: #26a69a; display: flex; align-items: center; gap: 5px;}
.top-bar .tel::before{content: ''; background-image: url(../images/tel.png); width: 22px; height: 22px; background-size: contain; background-repeat: no-repeat;}
.nav-wrap{position: relative; z-index: 999; margin-bottom: -53px;}
.nav-wrap.fixed{position: fixed; top: 0; left: 0; width: 100%; background: #576c4d; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
body.nav-fixed{padding-top: 50px;}
.nav{display: flex; list-style: none;}
.nav>li{position: relative;}
.nav>li>a{display: block; padding: 15px 20px; color: #fff; text-decoration: none; font-size: 16px;}
.nav>li.active>a,
.nav>li>a:hover{background: #576c4d;}
.sub-nav{position: absolute; top: 100%; left: 0; min-width: 160px; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); list-style: none; display: none;}
.sub-nav li a{display: block; padding: 10px 15px; color: #333; text-decoration: none; font-size: 14px;}
.sub-nav li a:hover{background: #f5f5f5;}
.nav>li:hover .sub-nav{display: block;}
.menu-btn{display: none; background: transparent; border: none; font-size: 24px; color: #000000; cursor: pointer; padding: 10px;}
.mobile-nav{position: fixed; top: 0; right: -100%; width: 80%; max-width: 300px; height: 100vh; background: #fff; box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); transition: right 0.3s; z-index: 9999; overflow-y: auto;}
.mobile-nav.active{right: 0;}
.mobile-nav-header{padding: 15px; background: #576c4d; color: #fff; display: flex; justify-content: space-between; align-items: center;}
.mobile-nav-close{background: transparent; border: none; font-size: 20px; color: #fff; cursor: pointer;}
.mobile-nav-list{list-style: none;}
.mobile-nav-list>li>a{display: block; padding: 12px 15px; color: #333; text-decoration: none; border-bottom: 1px solid #eee;}
.mobile-sub-nav{list-style: none; display: none; background: #f9f9f9;}
.mobile-sub-nav li a{display: block; padding: 10px 25px; color: #555; text-decoration: none; font-size: 14px;}
.mobile-nav-list>li.active .mobile-sub-nav{display: block;}
.mobile-nav-list>li.mu>a::after{content: "▼"; float: right; font-size: 12px; color: #999;}
.mobile-nav-list>li.active>a::after{content: "▲";}
/* Swiper Banner */
.banner .swiper{width: 100%; height: 500px;}
.banner .swiper-slide{display: flex; align-items: center; justify-content: center; color: #fff; font-size: 32px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.banner .banner-content{text-align: center;}
.banner .banner-title{font-size: 55px; margin-bottom: 20px; opacity: 0; transform: translateY(30px); color: #FFD17A; font-weight: 300; position: relative; padding-bottom: 30px;}
.banner .banner-title::after{content: ''; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient(90deg, transparent, #ccc, transparent);}
.banner .banner-subtitle{font-size: 20px; opacity: 0; transform: translateY(20px);}
/* Banner文字动画样式 */
.banner .banner-title.animate-title{opacity: 1; transform: translateY(0); transition: opacity 0.8s ease, transform 0.8s ease;}
.banner .banner-title .char{display: inline-block; opacity: 0; transform: translateY(20px); animation: charFadeIn 0.5s ease forwards;}
.banner .banner-subtitle.animate-subtitle{opacity: 1; transform: translateY(0); animation: subtitleFadeIn 0.8s ease forwards; animation-delay: 0.6s;}
.center{text-align: center;}
/* 网格布局 */
.intro-grid{display: flex; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 30px; margin-bottom: 50px;}
/* 模块通用样式 */
.intro-card{background: #f7f7f7; padding: 20px;}
.titmax{font-size: 26px; color: #333; margin-bottom: 25px; padding-bottom: 15px; display: inline-block; position: relative; font-weight: bold;}
.titmax::after{content: ''; background: #26a69a; position: absolute; width: 50px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 0; height: 2px;}
.intro-card p{font-size: 18px; color: #555; margin-bottom: 20px; line-height: 1.5;}
.school-intro{flex: 1; min-width: 0;}
.school-intro .content{margin-bottom: 30px;}
.school-intro .gallery{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.intro-right{}
.school-intro .gallery img{width: 100%; height: 181px; border-radius: 4px; object-fit: cover;}
.principal-intro{display: flex; flex-direction: column; gap: 0px; width: 540px; flex-shrink: 0;}
.principal-top{display: -webkit-flex; -webkit-flex-flow: row-reverse wrap; gap: 20px; align-items: flex-start;}
.principal-top p{flex: 1;}
.principal-top img{width: 185px; height: auto; border-radius: 4px; object-fit: cover;}
.apply-banner{position: relative; grid-column: 2 / 3; height: 180px; overflow: hidden; margin-top: 20px;}
.apply-banner img{width: 100%; height: 100%; border-radius: 4px; display: block; -o-object-fit: cover; object-fit: cover;}
.apply-banner .apply-text{position: absolute; top: 50%; left: 50px; transform: translateY(-50%); color: #fff; font-size: 48px; font-weight: bold; display: flex; align-items: center; gap: 10px;}
.apply-banner .apply-text::after{content: "▶"; font-size: 32px;}
.course-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-top: 15px;}
.course-card{position: relative; border-radius: 12px; overflow: hidden; height: 320px; cursor: pointer;}
.course-car::after{content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; right: 0; top: 0; bottom: 0; left: 0; z-index: 1;}
.course-bg{width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.course-card:hover .course-bg{transform: scale(1.05);}
.course-title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 28px; font-weight: 600; z-index: 1; transition: opacity 0.3s ease;}
.course-card:hover .course-title{opacity: 0;}
.course-overlay{position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); background-color: rgba(67, 160, 71, 0.85); display: flex; flex-direction: column; justify-content: center; padding: 30px; opacity: 0; transition: opacity 0.3s ease; border-radius: 10px; z-index: 99;}
.course-card:hover .course-overlay{opacity: 1;}
.course-overlay h3{color: #fff; font-size: 28px; font-weight: 600; text-align: center; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.course-list{list-style: none; color: #fff;}
.course-list li{font-size: 16px; margin: 12px 0; display: flex; align-items: center; gap: 8px;}
.course-list li a{color: #ffffff;}
.course-list li::before{content: "▶"; font-size: 12px; color: #fff;}
.course-list li:hover a{color: #ffc107; font-weight: 600; display: block;}
.course-list li:hover::before{color: #ffc107;}
.teambox{padding: 40px 15px; display: flex; gap: 30px;}
.news-section{width: 33%; padding: 30px; background: #f8f8f8;}
.news-section h2{font-size: 36px; color: #333; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 3px solid #26a69a; display: inline-block;}
.news-list{list-style: none;}
.news-list li{line-height: 2.2;}
.news-list li a{font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.news-list li a:hover{color: #576c4d;}
.team-section{width: 67%; padding: 30px 40px; background: #f8f8f8; position: relative;}
.team-swiper{width: 100%; padding: 20px 0;}
.team-slide{text-align: center;}
.team-slide img{width: 100%; height: 169px; object-fit: cover; border-radius: 4px; margin-bottom: 15px;}
.team-slide :hover{color: #576c4d;}
.teambox .swiper-button-prev,
.teambox .swiper-button-next{width: 19px; height: 25px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: 60% auto}
.teambox .swiper-button-prev{background-image: url(../images/left.png);}
.teambox .swiper-button-next{background-image: url(../images/right.png);}
.teambox .swiper-button-prev::after{display: none;}
.teambox .swiper-button-next::after{display: none;}
.workbg{background-image: url(../images/bg.png); background-size: auto 100%; background-repeat: repeat-x; padding: 80px 0;}
.work-swiper{width: 100%; height: 600px;}
.work-swiper .swiper-slide{display: flex; align-items: center; justify-content: center; background: #000;}
.work-swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.work-swiper .swiper-pagination-bullet{background: #fff; opacity: 0.5;}
.work-swiper .swiper-pagination-bullet-active{opacity: 1;}
.work-swiper .swiper-button-prev,
.work-swiper .swiper-button-next{color: #fff; width: 50px; height: 50px; background: rgba(0, 0, 0, 0.3); border-radius: 50%;}
.work-swiper .swiper-button-prev::after,
.work-swiper .swiper-button-next::after{font-size: 24px;}
.footer-keywords{padding: 40px 15px; text-align: center; background: #fff; font-size: 18px; color: #333; line-height: 1.8;}
.footer-main{background-color: #6b8c59; color: #fff; padding: 40px 0;}
.footbox{max-width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; align-items: flex-start; gap: 40px;}
.footer-info{flex: 1; font-size: 14px; line-height: 2;}
.footer-info .tel{font-size: 18px; margin-bottom: 10px;}
.footer-info .address{margin-bottom: 10px;}
.footer-info .route{margin-bottom: 10px;}
.footer-info .copyright{margin-top: 30px; font-size: 14px; color: #eee;}
.footer-qrcode{display: flex; gap: 60px; align-items: flex-start; padding-left: 40px; border-left: 1px solid rgba(255, 255, 255, 0.3);}
.qrcode-item{text-align: center;}
.qrcode-item img{width: 160px; height: 160px; margin-bottom: 10px; background: #fff; padding: 5px; border-radius: 4px;}
.qrcode-item p{font-size: 16px;}
.bannerbox{background: #5c7051; ; background-image: url(../images/hero-banner.png); background-position: center center; background-size: contain; background-repeat: no-repeat; padding: 100px 0;}
.banner2-container{max-width: 1200px; margin: 0 auto; padding: 60px 20px; text-align: center;}
.banner2-school-tag{display: inline-block; border: 1px solid #d4af37; padding: 6px 20px; color: #d4af37; font-size: 16px; margin-bottom: 30px;}
.banner2-title{font-size: 80px; font-weight: bold; margin-bottom: 30px; line-height: 1.2;}
.banner2-divider{width: 300px; height: 2px; background-color: #d4af37; margin: 0 auto 30px; position: relative;}
.banner2-divider::before,
.banner2-divider::after{content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #d4af37; top: -3px;}
.banner2-divider::before{left: 86px;}
.banner2-divider::after{right: 86px;}
.banner2-sub-title{color: #d4af37; font-size: 28px; margin-bottom: 20px;}
.banner2-desc{color: #e0e0e0; font-size: 18px; margin-bottom: 40px; line-height: 1.6;}
.banner2-btn{display: inline-block; background-color: #4a5f4a; border: 1px solid #d4af37; color: #d4af37; padding: 14px 40px; text-decoration: none; font-size: 20px; border-radius: 2px; margin-bottom: 60px; transition: all 0.3s;}
.banner2-btn:hover{background-color: #d4af37; color: #4a5f4a;}
.banner2-stats{display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; align-items: center;}
.banner2-stat-item{text-align: center;}
.banner2-stat-number{font-size: 45px; font-weight: bold; margin-bottom: 8px;}
.banner2-stat-label{color: #e0e0e0; font-size: 16px;}
.line{height: 50px; width: 1px; background: rgba(255, 255, 255, 0.2);}
.ny-container{max-width: 1700px; margin: 0 auto; padding: 0 20px;}
.ny-wrapper{display: flex; gap: 30px; padding: 40px 0;}
.ny-sidebar{width: 270px; flex-shrink: 0;}
.ny-sidebar-contact{background-color: #f5f5f5; padding: 16px; border-radius: 4px;}
.ny-sidebar-contact h4{margin-bottom: 12px; font-size: 16px; display: flex; align-items: center; gap: 8px; color: rgba(61, 90, 44, 1);}
.ny-sidebar-contact p{font-size: 15px; line-height: 1.8; color: rgba(61, 90, 44, 1);}
.ny-sidebar-img{margin-top: 20px; border-radius: 4px; overflow: hidden;}
.ny-sidebar-img img{width: 100%; display: block;}
.ny-main{flex: 1;}
.ny-main-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.ny-main-count{font-size: 14px; color: #666;}
.ny-team-list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-bottom: 40px;}
.ny-team-item{text-align: center;}
.ny-team-item-name{font-size: 16px; font-weight: 600; margin-bottom: 6px;}
.ny-team-item .img{overflow: hidden; height: 400px; margin-bottom: 10px;}
.ny-team-item .img img{width: 100%; height: 100%; object-fit: cover; border-radius: 4px; margin-bottom: 12px; -webkit-transition: all .9s; transition: all .9s}
.ny-team-item:hover img{transform: scale(1.1);}
.ny-team-item-desc{font-size: 13px; color: rgba(102, 102, 102, 1)}
.ny-pagination{display: flex; justify-content: center; gap: 8px;}
.ny-pagination a{height: 36px; display: flex; align-items: center; justify-content: center; border: 1px solid #eaeaea; border-radius: 4px; font-size: 14px; cursor: pointer; padding: 0 15px;}
.ny-pagination a.active{background-color: #88a676; color: #fff; border-color: #88a676;}
.nlist-container{max-width: 100%; margin: 0 auto; padding: 20px;}
.nlist{list-style: none;}
.nlist-item{display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #eee; font-size: 15px;}
.nlist-item::before{content: "•"; color: #d4af37; margin-right: 10px; font-size: 14px;}
.nlist-title{flex: 1; color: #555; text-decoration: none; transition: color 0.2s;}
.nlist-title:hover{color: #6b7c56;}
.nlist-date{color: #999; font-size: 14px; white-space: nowrap; margin-left: 20px;}
.ban3-container{max-width: 1700px; margin: 0 auto; padding: 0 20px;}
.ban3-course-section{background: #5c7051; ; background-image: url(../images/course-banner.png); background-position: center center; background-size: contain; background-repeat: no-repeat; color: #fff; padding: 120px 0; position: relative; overflow: hidden; z-index: 1;}
.ban3-brand-section{background: #5c7051; ; background-image: url(../images/brand-banner.png); background-position: center center; background-size: contain; background-repeat: no-repeat; color: #fff; padding: 120px 0; position: relative; overflow: hidden; z-index: 1;}
.ban3-student-section{background: #5c7051; ; background-image: url(../images/student-banner.png); background-position: center center; background-size: contain; background-repeat: no-repeat; color: #fff; padding: 120px 0; position: relative; overflow: hidden; z-index: 1;}
.ban3-contact-section{background: #5c7051; ; background-image: url(../images/contact-banner.png); background-position: center center; background-size: contain; background-repeat: no-repeat; color: #fff; padding: 120px 0; position: relative; overflow: hidden; z-index: 1;}
.ban3-contact-section.nbg{background: #5c7051; ; background-image: url(../images/news-banner.png); background-position: center center; background-size: contain; background-repeat: no-repeat;}
.ban3-about-section{background: #5c7051; ; background-image: url(../images/about-banner.png); background-position: center center; background-size: contain; background-repeat: no-repeat; color: #fff; padding: 120px 0; position: relative; overflow: hidden; z-index: 1;}
.ban3-about-section.nbg{background: #5c7051; ; background-image: url(../images/news-banner.png); background-position: center center; background-size: contain; background-repeat: no-repeat;}
.ban3-content{position: relative; z-index: 2; max-width: 600px; padding: 0 20px;}
.ban3-sub-title{display: inline-block; border: 1px solid rgba(255, 215, 0, 0.6); border-radius: 20px; padding: 6px 20px; font-size: 14px; color: #ffd700; margin-bottom: 30px;}
.ban3-main-title{font-size: 80px; font-weight: bold; margin-bottom: 20px;}
.ban3-divider{width: 100px; height: 2px; background-color: #ffd700; margin-bottom: 30px;}
.ban3-school-name{font-size: 24px; margin-bottom: 20px;}
.ban3-desc{font-size: 16px; color: rgba(255, 255, 255, 0.8); margin-bottom: 40px; line-height: 1.6;}
.ban3-stats{display: flex; gap: 60px; margin-bottom: 40px;}
.ban3-stat-item{position: relative;}
.ban3-stat-item:not(:last-child)::after{content: ""; position: absolute; right: -30px; top: 10px; height: 30px; width: 1px; background-color: rgba(255, 255, 255, 0.3);}
.ban3-stat-number{font-size: 24px; font-weight: bold; margin-bottom: 6px;}
.ban3-stat-label{font-size: 14px; color: rgba(255, 255, 255, 0.7);}
.ban3-btn{display: inline-flex; align-items: center; gap: 8px; border: 1px solid #ffd700; border-radius: 4px; padding: 12px 30px; color: #ffd700; text-decoration: none; font-size: 16px; transition: all 0.3s;}
.ban3-btn:hover{background-color: #ffd700; color: #5a6e54;}
.breadcrumb{padding: 20px 0; border-bottom: 1px solid #eee; font-size: 16px; color: #666;}
.breadcrumb-list{list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: left;}
.breadcrumb-item{display: flex; align-items: center;}
.breadcrumb-item:not(:last-child)::after{content: ">"; margin: 0 10px; color: #999;}
.breadcrumb-link{text-decoration: none; color: #666; transition: color 0.3s ease;}
.breadcrumb-link:hover{color: rgba(61, 90, 44, 1);}
.breadcrumb-current{color: rgba(61, 90, 44, 1); font-weight: 600;}
.containerx{max-width: 1200px; margin: 0 auto; padding: 20px; display: flex; gap: 40px;}
.sidebar{width: 280px; flex-shrink: 0;}
.sidebar-nav{border-radius: 4px; margin-bottom: 20px;}
.sidebar-nav h3{color: #fff; padding: 15px 20px; font-size: 18px; font-weight: normal; background-color: #6b7c56;}
.sidebar-nav ul{list-style: none;}
.sidebar-nav ul li{border-top: 1px solid rgba(255, 255, 255, 0.1);}
.sidebar-nav ul li a{display: flex; justify-content: space-between; align-items: center; color: rgba(51, 51, 51, 1); text-decoration: none; padding: 12px 20px; font-size: 15px;}
.sidebar-nav ul li a:hover{background-color: rgba(255, 255, 255, 0.1);}
.sidebar-nav ul li.active{background-color: #6b7c56;}
.sidebar-nav ul li.active a{color: #fff; font-weight: 500;}
.sidebar-nav ul li:hover{background-color: #6b7c56;}
.sidebar-nav ul li:hover a{color: #fff; font-weight: 500;}
.sidebar-contact{background-color: #f0e9d2; border-radius: 4px; padding: 20px; margin-bottom: 20px;}
.sidebar-contact h4{display: flex; align-items: center; gap: 8px; color: #6b7c56; font-size: 16px; margin-bottom: 15px;}
.sidebar-contact p{font-size: 15px; margin-bottom: 8px; color: #333;}
.sidebar-contact p:last-child{font-size: 15px; color: #666;}
.sidebar-btn{display: block; background-color: #6b7c56; color: #fff; text-align: center; padding: 14px; border-radius: 4px; text-decoration: none; font-size: 16px;}
.sidebar-btn:hover{background-color: #5a6a48;}
.main-content{flex: 1; min-width: 0;}
h1.ny-main-title{color: rgba(102, 122, 84, 1); font-size: 32px; font-weight: 600; margin-bottom: 20px; padding-bottom: 10px; display: inline-block; position: relative;}
h1.ny-main-title::after{content: ''; width: 55px; height: 2px; background: rgba(200, 168, 75, 1); position: absolute; left: 0; bottom: 0;}
.school-intro{font-size: 17px; color: rgba(51, 51, 51, 1); margin-bottom: 30px; line-height: 1.8;}
.school-intro p{margin-bottom: 15px;}
.quote{border: 1px solid rgba(200, 168, 75, 1); padding: 15px 20px; margin: 25px 0; font-size: 22px; color: rgba(61, 90, 44, 1); text-align: center;}
.main-content h2{font-size: 22px; color: #333; margin: 35px 0 25px;}
.features-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.feature-card{background-color: #fff; border: 1px solid #eee; border-radius: 6px; padding: 25px 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);}
.feature-icon{width: 48px; height: 48px; background-color: #f0e9d2; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; color: #6b7c56; font-size: 20px;}
.feature-icon img{max-width: 50%; max-height: 50;}
.feature-card h3{font-size: 20px; color: #333; margin-bottom: 10px;}
.feature-card p{font-size: 15px; color: #666; line-height: 1.7;}
.sortlist{border: 1px solid rgba(200, 168, 75, 1); padding: 8px 20px; display: flex; flex-wrap: wrap; gap: 0px; max-width: 1200px; margin: 20px 0;} .sortlist a{flex: 0 0 calc(25% - 8px); box-sizing: border-box; padding: 7px 8px; text-align: left; text-decoration: none; color: #333; border-radius: 4px;} @media (max-width:768px){.sortlist a{flex: 0 0 calc(50% - 5px);} } @media (max-width:480px){.sortlist a{flex: 0 0 100%;} }
/* 响应式适配 */
@media (max-width: 1200px){.ny-team-list{grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 900px){.ny-wrapper{flex-direction: column;} .ny-sidebar{width: 100%;} .ny-team-list{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 600px){.ny-team-list{grid-template-columns: 1fr;}}
@media (max-width: 992px){.footer-qrcode{border-left: none; padding-left: 0; margin-top: 30px; gap: 40px;} .footer-keywords{font-size: 16px;} .work-swiper{height: 500px;}}
@media (max-width: 480px){.work-swiper{height: 300px;}}
@media (max-width: 992px){.teambox{flex-direction: column;} .news-section, .team-section{width: 100%;} .news-list li{font-size: 18px;}}
@media (max-width: 992px){.course-grid{grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));} .course-card{height: 420px;}}
@media (max-width: 1260px){.intro-grid{display: block;} .school-intro{flex: 1; width: 100%;} .principal-intro{width: 100%;}}
@media (max-width: 992px){.apply-banner{grid-column: 1 / 2;} .principal-top{flex-direction: column;} .principal-top img{width: 100%;} .school-intro .gallery{grid-template-columns: 1fr;}}
@media (max-width: 1200px){.container{padding: 0 15px;}}
@media (max-width: 540px){.intro-card p{font-size: 14px;} .news-list li a{font-size: 14px;} .course-grid{grid-template-columns: 1fr;} .course-card{height: 350px;} .footer-qrcode{flex-direction: column; gap: 20px;}}
@media (max-width: 992px){.containerx{flex-direction: column; gap: 30px;} .sidebar{width: 100%;}}
@media (max-width: 768px){.ban3-main-title{font-size: 40px;} .ban3-stats{gap: 30px;} .ban3-stat-item:not(:last-child)::after{right: -15px;} .breadcrumb{padding: 20px 0; font-size: 14px;} .breadcrumb-item:not(:last-child)::after{margin: 0 6px;} .features-grid{grid-template-columns: 1fr;} .main-content h1{font-size: 24px;} .nlist-item{flex-direction: column; align-items: flex-start; padding: 10px 0;} .nlist-date{margin-left: 0; margin-top: 4px; font-size: 13px;} .intro-card h2{font-size: 26px;} .apply-banner .apply-text{font-size: 32px; left: 20px;} .apply-banner .apply-text::after{font-size: 24px;} .footbox{display: block;} .top-bar .container{flex-direction: row !important; gap: 10px; position: fixed; left: 0; right: 0; top: 0; z-index: 10; background: #ffffff;} .top-bar .tags{display: none !important;} .top-bar .logo{width: 170px;} .top-bar .top-right{flex-wrap: nowrap;} .nav{display: none;} .menu-btn{display: block;} .nav-wrap .container{display: flex; justify-content: space-between; align-items: center; width: 100%;} .banner .swiper{height: 350px;} .banner .banner-title{font-size: 32px;} .banner .banner-subtitle{font-size: 18px;} .top-bar .tel{font-size: 16px;display: none;} .course-grid{grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px;} .course-card{height: 380px;} .course-title, .course-overlay h3{font-size: 22px;} .course-list li{font-size: 14px; margin: 8px 0;} .footer-keywords{font-size: 14px; padding: 20px 15px;} .footer-info{font-size: 14px;} .footer-info .tel{font-size: 16px;} .qrcode-item img{width: 120px; height: 120px;} .qrcode-item p{font-size: 14px;} .news-section h2, .team-section h2{font-size: 28px;} .news-list li{font-size: 16px;} .team-slide img{height: 250px;} .work-swiper{height: 400px;} .swiper-button-prev, .swiper-button-next{width: 40px; height: 40px;} .swiper-button-prev::after, .swiper-button-next::after{font-size: 18px;} .banner2-title{font-size: 40px;} .banner2-sub-title{font-size: 22px;} .banner2-stats{gap: 40px;} .banner2-stat-number{font-size: 32px;}}
@media (max-width: 480px){.ban3-stats{flex-direction: column; gap: 20px;} .ban3-stat-item:not(:last-child)::after{display: none;}}