分享一个漂亮大气的搜索页面
分享一个漂亮大气的搜索页面，代码如下
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>找校通 - 优质学校查询与择校导航平台</title>
<meta name="keywords" content="找校通，择校平台，学校查询，志愿填报指南，历年分数线，热门专业，高考真题，求学导航"/>
<meta name="description" content="找校通，一站式择校平台，汇聚幼儿园、中小学等优质学校信息，提供志愿填报指南、历年分数线、热门专业、高考真题等资源。择校不迷茫，精准检索学校，AI 智能助力，为您点亮求学方向，轻松掌握优质教育资源 。"/>
<link rel="canonical" href="http://www.6983.net/"/>
<link rel="shortcut icon" type="image/x-icon" href="http://www.6983.net/favicon.ico"/>
<link rel="bookmark" type="image/png" href="http://www.6983.net/logo.png"/>
<link type="image/x-icon" href="http://www.6983.net/favicon.ico" rel="shortcut icon">
<script src="http://www.6983.net/skin/default/bootstrap/tailwindcss/tailwind-3.4.17.js"></script>
<link href="http://www.6983.net/skin/default/bootstrap/fontawesome/css/fontawesome.min.css" rel="stylesheet">
<meta property="og:locale" content="zh_CN" />
<meta property="og:site_name" content="找校通" />
<meta property="og:type" content="website" />
<meta property="og:title" content="找校通 - 优质学校查询与择校导航平台" />
<meta property="og:description" content="找校通，一站式择校平台，汇聚幼儿园、中小学等优质学校信息，提供志愿填报指南、历年分数线、热门专业、高考真题等资源。择校不迷茫，精准检索学校，AI 智能助力，为您点亮求学方向，轻松掌握优质教育资源 。" />
<meta property="og:url" content="http://www.6983.net/" />
<meta property="og:image" content="http://www.6983.net/logo.png" />
<meta property="og:image:alt" content="找校通" />
<!-- 引入marked库用于markdown处理 -->
<script src="http://www.6983.net/skin/default/bootstrap/marked.min.js"></script>
<script src="http://www.6983.net/skin/default/bootstrap/index.js"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#1351E0', // 加深主色调，增强专业感
secondary: '#FF7500', // 调整辅助色明度
accent: '#165dff', // 新增强调色
dark: '#1A1D23',
light: '#F5F7FA',
'gray-light': '#C4C9D4',
'gray-medium': '#7E8696',
},
fontFamily: {
sans: ['Inter', 'system-ui', 'PingFang SC', 'Microsoft YaHei', 'sans-serif'],
},
boxShadow: {
'card': '0 4px 16px rgba(0, 0, 0, 0.06)',
'hover': '0 10px 28px rgba(19, 81, 224, 0.12)', // 主色关联阴影
'elevated': '0 12px 32px rgba(0, 0, 0, 0.08)',
'search': '0 8px 30px rgba(19, 81, 224, 0.15)',
}
},
}
}
</script>
<style type="text/tailwindcss">
@layer utilities {
.content-auto {
content-visibility: auto;
}
.text-gradient {
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.bg-blur {
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
.scrollbar-hide::-webkit-scrollbar {
display: none;
}
.scrollbar-hide {
-ms-overflow-style: none;
scrollbar-width: none;
}
.card-hover {
@apply transition-all duration-300 hover:shadow-hover hover:-translate-y-1;
}
.btn-primary {
@apply bg-primary text-white hover:bg-primary/90 transition-all duration-300 transform hover:-translate-y-0.5 active:translate-y-0;
}
.btn-secondary {
@apply bg-secondary text-white hover:bg-secondary/90 transition-all duration-300 transform hover:-translate-y-0.5 active:translate-y-0;
}
.search-input-focus {
@apply focus:ring-2 focus:ring-primary/30 focus:border-primary;
}
.tab-active {
@apply bg-primary text-white shadow-sm;
}
.pulse-animation {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(19, 81, 224, 0.4);
}
70% {
box-shadow: 0 0 0 10px rgba(19, 81, 224, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(19, 81, 224, 0);
}
}
.animate-fadeIn {
animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.animate-slideUp {
animation: slideUp 0.4s ease-out;
}
@keyframes slideUp {
from { transform: translateY(20px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
.ai-btn {
@apply relative overflow-hidden transition-all duration-300 transform hover:-translate-y-0.5 active:translate-y-0 hover:shadow-lg;
}
.ai-btn::before {
content: '';
@apply absolute inset-0 bg-gradient-to-r from-purple-600 to-red-500 opacity-100 transition-all duration-700;
}
.ai-btn:hover::before {
@apply bg-gradient-to-r from-red-500 to-purple-600;
}
.ai-btn span {
@apply relative z-10;
}
/* 气泡动画样式 */
.bubble {
position: absolute;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
animation: float linear infinite;
}
@keyframes float {
0% {
transform: translateY(100vh) scale(0);
opacity: 0;
}
10% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
transform: translateY(-20vh) scale(1);
opacity: 0;
}
}
}
</style>
</head>
<body class="bg-gray-50 font-sans text-dark antialiased">
<!-- 顶部导航 -->
<header class="sticky top-0 z-50 bg-white/95 bg-blur shadow-sm transition-all duration-300">
<div class="container mx-auto px-4">
<div class="flex items-center justify-between h-16 md:h-20">
<!-- Logo -->
<a href="http://www.6983.net/" class="flex items-center">
<img src="http://www.6983.net/file/upload/202508/21/121041771.png" alt="找校通" class="h-8 md:h-10 object-contain">
</a>
<!-- 移动端菜单按钮 -->
<button id="menu-toggle" class="md:hidden text-dark focus:outline-none">
<i class="fa fa-bars text-xl"></i>
</button>
<!-- 桌面端导航 -->
<nav class="hidden md:flex items-center space-x-1">
<a href="http://www.6983.net/" class="px-4 py-2 text-primary font-medium border-b-2 border-primary transition-colors">首页</a>
<a href="http://www.6983.net/company/" class="px-4 py-2 text-gray-medium hover:text-primary transition-colors">学校大全</a>
<a href="http://www.6983.net/news/" class="px-4 py-2 text-gray-medium hover:text-primary transition-colors">教育资讯</a>
<a href="http://www.6983.net/zhuanye/" class="px-4 py-2 text-gray-medium hover:text-primary transition-colors">专业大全</a>
<a href="http://www.6983.net/daxue/" class="px-4 py-2 text-gray-medium hover:text-primary transition-colors">大学排名</a>
</nav>
</div>
<!-- 移动端导航菜单 -->
<div id="mobile-menu" class="md:hidden hidden bg-white border-t animate-fadeIn">
<div class="container mx-auto px-4 py-3">
<a href="http://www.6983.net/" class="block py-2 text-primary font-medium">首页</a>
<a href="http://www.6983.net/company/" class="block py-2 text-gray-medium hover:text-primary transition-colors">学校大全</a>
<a href="http://www.6983.net/news/" class="block py-2 text-gray-medium hover:text-primary transition-colors">教育资讯</a>
<a href="http://www.6983.net/zhuanye/" class="block py-2 text-gray-medium hover:text-primary transition-colors">专业大全</a>
<a href="http://www.6983.net/daxue/" class="block py-2 text-gray-medium hover:text-primary transition-colors">大学排名</a>
</div>
</div>
</header>
<!-- 搜索区域 - 优化添加气泡浮动特效和#165dff背景 -->
<section class="relative bg-gradient-to-r from-accent to-accent/90 text-white py-12 md:py-20 overflow-hidden">
<!-- 气泡浮动背景 -->
<div id="bubble-container" class="absolute inset-0"></div>
<div class="container mx-auto px-4 relative z-10">
<div class="max-w-3xl mx-auto text-center">
<h1 class="text-[clamp(1.75rem,4vw,2.75rem)] font-bold mb-6 leading-tight tracking-tight animate-fadeIn">优质学校全掌握</h1>
<p class="text-white/80 mb-8 text-[clamp(1rem,2vw,1.25rem)] max-w-2xl mx-auto animate-fadeIn" style="animation-delay: 0.1s">择校不迷茫，找校通为你点亮求学方向</p>
<!-- 优化后的搜索框 -->
<div class="bg-white rounded-xl shadow-search overflow-hidden flex flex-col md:flex-row transform transition-all duration-500 hover:shadow-lg animate-fadeIn" style="animation-delay: 0.2s">
<div class="relative flex-1">
<input id="search-input" type="text" placeholder="输入你要查询的学校" class="w-full px-5 py-4 pr-12 focus:outline-none text-dark text-base search-input-focus transition-all duration-300">
<i class="fa fa-search absolute right-4 top-1/2 -translate-y-1/2 text-gray-medium"></i>
</div>
<div class="flex divide-x divide-gray-100">
<button id="search-btn" class="flex-1 md:flex-none md:w-36 btn-secondary py-4 flex items-center justify-center">
<i class="fa fa-search mr-2"></i>
<span>搜索</span>
</button>
<button id="ai-query-btn" class="ai-btn flex-1 md:flex-none md:w-36 text-white py-4 flex items-center justify-center">
<i class="fa fa-robot mr-2"></i>
<span>AI查询</span>
</button>
</div>
</div>
<!-- 热门搜索标签 -->
<div class="mt-6 flex flex-wrap justify-center gap-x-3 gap-y-2 text-sm animate-fadeIn" style="animation-delay: 0.3s">
<span class="text-white/70"><a href="http://www.6983.net/sitemap/html/sitemaphotkey1.html">热门搜索</a>:</span>
<a href="http://www.6983.net/s-北京大学.html" class="bg-white/10 hover:bg-white/20 px-3 py-1 rounded-full transition-all duration-300">北京大学</a>
<a href="http://www.6983.net/company/search-htm-catid-6-areaid-4.html" class="bg-white/10 hover:bg-white/20 px-3 py-1 rounded-full transition-all duration-300">山西有哪些大学</a>
<a href="http://www.6983.net/company/search-htm-catid-6-areaid-167.html" class="bg-white/10 hover:bg-white/20 px-3 py-1 rounded-full transition-all duration-300">青岛有哪些大学</a>
<a href="http://www.6983.net/company/search-htm-catid-6-areaid-231.html" class="bg-white/10 hover:bg-white/20 px-3 py-1 rounded-full transition-all duration-300">珠海有哪些大学</a>
</div>
</div>
</div>
</section>
<section class="py-12 bg-gray-50">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center mb-8">
<h2 class="text-2xl md:text-[clamp(1.5rem,3vw,2.25rem)] font-bold">幼儿园</h2>
<a href="http://www.6983.net/company/1/" class="text-primary hover:text-primary/80 flex items-center text-sm font-medium transition-colors">
查看更多
<i class="fa fa-angle-right ml-1 transition-transform duration-300 hover:translate-x-1"></i>
</a>
</div>
<div class="flex overflow-x-auto scrollbar-hide space-x-3 mb-8 pb-2"></div>
<div class="tab-content">
<div class="tab-pane active" id="211">
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-5">
<a href="http://www.6983.net/school/hangzhoushixinglanxiaoxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/2025/0812/231/230201501.jpg" alt="杭州市星澜小学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">杭州市星澜小学</h3>
<p class="text-xs text-gray-medium mt-1">浙江 - 杭州市 小学</p>
</div>
</a>
<a href="http://www.6983.net/school/beijingshiyanqingxianyaoj/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/yey220914035.jpg" alt="北京市延庆县姚家营" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">北京市延庆县姚家营</h3>
<p class="text-xs text-gray-medium mt-1">北京 - 延庆县 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/beijingshiyanqingxianjinj/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/yey220914030.jpg" alt="北京市延庆县靳家堡" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">北京市延庆县靳家堡</h3>
<p class="text-xs text-gray-medium mt-1">北京 - 延庆县 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/beijingshiyanqingxianxiao/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/yey220914015.jpg" alt="北京市延庆县小丰营" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">北京市延庆县小丰营</h3>
<p class="text-xs text-gray-medium mt-1">北京 - 延庆县 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/zhenzhuquanzhongxinyouery/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/yey220914037.jpg" alt="珍珠泉中心幼儿园" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">珍珠泉中心幼儿园</h3>
<p class="text-xs text-gray-medium mt-1">北京 - 延庆县 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/andongshenggongantingyoue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/yey220914043.jpg" alt="广东省公安厅幼儿园" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">广东省公安厅幼儿园</h3>
<p class="text-xs text-gray-medium mt-1">广东 - 广州市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/hezeshihuanggangzhenguzhu/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/yey220914047.jpg" alt="菏泽市黄堽镇贾庄幼" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">菏泽市黄堽镇贾庄幼</h3>
<p class="text-xs text-gray-medium mt-1">山东 - 荷泽市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/dongmingjizhenyuanchangyi/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/yey220914044.jpg" alt="东明集镇袁长营新兴" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">东明集镇袁长营新兴</h3>
<p class="text-xs text-gray-medium mt-1">山东 - 荷泽市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/haiouyoueryuan/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/yey220914031.jpg" alt="海鸥幼儿园" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">海鸥幼儿园</h3>
<p class="text-xs text-gray-medium mt-1">广东 - 广州市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/anzhoukongjunjiguanyouery/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/yey220914010.jpg" alt="广州空军机关幼儿园" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">广州空军机关幼儿园</h3>
<p class="text-xs text-gray-medium mt-1">广东 - 广州市 公办</p>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="py-12 bg-gray-50">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center mb-8">
<h2 class="text-2xl md:text-[clamp(1.5rem,3vw,2.25rem)] font-bold">小学</h2>
<a href="http://www.6983.net/company/2/" class="text-primary hover:text-primary/80 flex items-center text-sm font-medium transition-colors">
查看更多
<i class="fa fa-angle-right ml-1 transition-transform duration-300 hover:translate-x-1"></i>
</a>
</div>
<div class="flex overflow-x-auto scrollbar-hide space-x-3 mb-8 pb-2"></div>
<div class="tab-content">
<div class="tab-pane active" id="211">
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-5">
<a href="http://www.6983.net/school/anzhoushiyuexiuouxianliez/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/xx20220915037.jpg" alt="广州市越秀区先烈中" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">广州市越秀区先烈中</h3>
<p class="text-xs text-gray-medium mt-1">广东 - 广州市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/anzhoushiyuexiuounonglinx/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/xx20220915003.jpg" alt="广州市越秀区农林下" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">广州市越秀区农林下</h3>
<p class="text-xs text-gray-medium mt-1">广东 - 广州市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/anzhoushiyuexiuouzhongxin/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/xx20220915022.jpg" alt="广州市越秀区中星小" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">广州市越秀区中星小</h3>
<p class="text-xs text-gray-medium mt-1">广东 - 广州市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/xianqiaomeidongxiaoxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/xx20220915028.jpg" alt="仙桥美东小学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">仙桥美东小学</h3>
<p class="text-xs text-gray-medium mt-1">广西 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/anzhoushiliwanougongmiany/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/xx20220915044.jpg" alt="广州市荔湾区红棉苑" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">广州市荔湾区红棉苑</h3>
<p class="text-xs text-gray-medium mt-1">广东 - 广州市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/xianqiaoqimeixiaoxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/xx20220915028.jpg" alt="仙桥淇美小学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">仙桥淇美小学</h3>
<p class="text-xs text-gray-medium mt-1">广西 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/anzhoushiliwanoujingbozho/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/xx20220915021.jpg" alt="广州市荔湾区精博中" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">广州市荔湾区精博中</h3>
<p class="text-xs text-gray-medium mt-1">广东 - 广州市 民办</p>
</div>
</a>
<a href="http://www.6983.net/school/liwanoutaolixiaoxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/xx20220915003.jpg" alt="荔湾区桃李小学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">荔湾区桃李小学</h3>
<p class="text-xs text-gray-medium mt-1">广东 - 广州市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/beimenxiaoxuebujiaoxiangx/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/xx20220915006.jpg" alt="北门小学不较详细" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">北门小学不较详细</h3>
<p class="text-xs text-gray-medium mt-1">山西 - 晋城市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/shenzhenshibaoanoutianjia/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/xx20220915026.jpg" alt="深圳市宝安区天骄小" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">深圳市宝安区天骄小</h3>
<p class="text-xs text-gray-medium mt-1">广东 - 深圳市 公办</p>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="py-12 bg-gray-50">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center mb-8">
<h2 class="text-2xl md:text-[clamp(1.5rem,3vw,2.25rem)] font-bold">中学</h2>
<a href="http://www.6983.net/company/3/" class="text-primary hover:text-primary/80 flex items-center text-sm font-medium transition-colors">
查看更多
<i class="fa fa-angle-right ml-1 transition-transform duration-300 hover:translate-x-1"></i>
</a>
</div>
<div class="flex overflow-x-auto scrollbar-hide space-x-3 mb-8 pb-2"></div>
<div class="tab-content">
<div class="tab-pane active" id="211">
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-5">
<a href="http://www.6983.net/school/yunxianmanghuaizhongxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220915028.jpg" alt="云县忙怀中学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">云县忙怀中学</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 临沧市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/moudingxianqinglongchujiz/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220915013.jpg" alt="牟定县青龙初级中学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">牟定县青龙初级中学</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 楚雄 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/nahuaxianluowuzhuangchuji/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220915042.jpg" alt="南华县罗武庄初级中" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">南华县罗武庄初级中</h3>
<p class="text-xs text-gray-medium mt-1">陕西 - 渭南市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/donghuasanyuanzhangmingti/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220915029.jpg" alt="东华三院张明添中学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">东华三院张明添中学</h3>
<p class="text-xs text-gray-medium mt-1">江西 - 南昌市 民办公助</p>
</div>
</a>
<a href="http://www.6983.net/school/chuxiongzhouyuanmouxianhu/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220915032.jpg" alt="楚雄州元谋县黄瓜园" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">楚雄州元谋县黄瓜园</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 楚雄 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/tianzhujiaowuhuazhongxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220915057.jpg" alt="天主教伍华中学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">天主教伍华中学</h3>
<p class="text-xs text-gray-medium mt-1">香港 民办公助</p>
</div>
</a>
<a href="http://www.6983.net/school/gonghezhoubingbianxiandis/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx2022091504.jpg" alt="红河州屏边县第四中" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">红河州屏边县第四中</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 红河 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/fojiaoshenxianglinjinianz/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx2022091505.jpg" alt="佛教沈香林纪念中学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">佛教沈香林纪念中学</h3>
<p class="text-xs text-gray-medium mt-1">香港 民办公助</p>
</div>
</a>
<a href="http://www.6983.net/school/wenshanxianliujingxiangyi/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220915048.jpg" alt="文山县柳井乡一贯制" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">文山县柳井乡一贯制</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 文山 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/zunliyejiao/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220915020.jpg" alt="遵理夜校" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">遵理夜校</h3>
<p class="text-xs text-gray-medium mt-1">香港 </p>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="py-12 bg-gray-50">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center mb-8">
<h2 class="text-2xl md:text-[clamp(1.5rem,3vw,2.25rem)] font-bold">中职中专</h2>
<a href="http://www.6983.net/company/4/" class="text-primary hover:text-primary/80 flex items-center text-sm font-medium transition-colors">
查看更多
<i class="fa fa-angle-right ml-1 transition-transform duration-300 hover:translate-x-1"></i>
</a>
</div>
<div class="flex overflow-x-auto scrollbar-hide space-x-3 mb-8 pb-2"></div>
<div class="tab-content">
<div class="tab-pane active" id="211">
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-5">
<a href="http://www.6983.net/school/danheziweishengxuejiao/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916073.jpg" alt="石河子卫生学校" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">石河子卫生学校</h3>
<p class="text-xs text-gray-medium mt-1">新疆 - 和田 普通中专</p>
</div>
</a>
<a href="http://www.6983.net/school/wulumujishijigongxuejiao/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916104.jpg" alt="乌鲁木齐市技工学校" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">乌鲁木齐市技工学校</h3>
<p class="text-xs text-gray-medium mt-1">新疆 - 乌鲁木齐市 技工学校</p>
</div>
</a>
<a href="http://www.6983.net/school/wulumujitieluyunshuxuejia/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916127.jpg" alt="乌鲁木齐铁路运输学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">乌鲁木齐铁路运输学</h3>
<p class="text-xs text-gray-medium mt-1">北京 - 延庆县 普通中专</p>
</div>
</a>
<a href="http://www.6983.net/school/ningxiacaijingxuejiao/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916061.jpg" alt="宁夏财经学校" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">宁夏财经学校</h3>
<p class="text-xs text-gray-medium mt-1">宁夏 - 银川市 普通中专</p>
</div>
</a>
<a href="http://www.6983.net/school/ningxiagongyexuejiao/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916065.jpg" alt="宁夏工业学校" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">宁夏工业学校</h3>
<p class="text-xs text-gray-medium mt-1">宁夏 - 石嘴山市 技工学校</p>
</div>
</a>
<a href="http://www.6983.net/school/ningxiagongshangzhiyejish924/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916129.jpg" alt="宁夏工商职业技术学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">宁夏工商职业技术学</h3>
<p class="text-xs text-gray-medium mt-1">宁夏 - 银川市 </p>
</div>
</a>
<a href="http://www.6983.net/school/ningxiashuilidianligongch/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916029.jpg" alt="宁夏水利电力工程学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">宁夏水利电力工程学</h3>
<p class="text-xs text-gray-medium mt-1">宁夏 - 银川市 普通中专</p>
</div>
</a>
<a href="http://www.6983.net/school/yinchuanshidiyizhiyegaoji/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916125.jpg" alt="银川市第一职业高级" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">银川市第一职业高级</h3>
<p class="text-xs text-gray-medium mt-1">宁夏 - 银川市 职业高中</p>
</div>
</a>
<a href="http://www.6983.net/school/qinghaijianzhuzhiyejishux682/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916072.jpg" alt="青海建筑职业技术学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">青海建筑职业技术学</h3>
<p class="text-xs text-gray-medium mt-1">青海 - 西宁市 普通中专</p>
</div>
</a>
<a href="http://www.6983.net/school/qinghaishengchonggongyezh/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916104.jpg" alt="青海省重工业职业技" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">青海省重工业职业技</h3>
<p class="text-xs text-gray-medium mt-1">青海 - 西宁市 普通中专</p>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="py-12 bg-gray-50">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center mb-8">
<h2 class="text-2xl md:text-[clamp(1.5rem,3vw,2.25rem)] font-bold">培训机构</h2>
<a href="http://www.6983.net/company/5/" class="text-primary hover:text-primary/80 flex items-center text-sm font-medium transition-colors">
查看更多
<i class="fa fa-angle-right ml-1 transition-transform duration-300 hover:translate-x-1"></i>
</a>
</div>
<div class="flex overflow-x-auto scrollbar-hide space-x-3 mb-8 pb-2"></div>
<div class="tab-content">
<div class="tab-pane active" id="211">
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-5">
<a href="http://www.6983.net/school/zhongguozongcaipeixunwang/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916086.jpg" alt="中国总裁培训网文山" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">中国总裁培训网文山</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 大理 培训机构</p>
</div>
</a>
<a href="http://www.6983.net/school/xiaoyaohuashimeishupeixun/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916072.jpg" alt="逍遥画室美术培训班" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">逍遥画室美术培训班</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 楚雄 培训机构</p>
</div>
</a>
<a href="http://www.6983.net/school/jinghexianzhiyezhongzhuan/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916009.jpg" alt="精河县职业中专驾驶" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">精河县职业中专驾驶</h3>
<p class="text-xs text-gray-medium mt-1">新疆 - 博尔塔拉 培训机构</p>
</div>
</a>
<a href="http://www.6983.net/school/wulumujimojiangcaiwuguanl/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916087.jpg" alt="乌鲁木齐万江财务管" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">乌鲁木齐万江财务管</h3>
<p class="text-xs text-gray-medium mt-1">新疆 - 阿克苏 培训机构</p>
</div>
</a>
<a href="http://www.6983.net/school/changjijiankangpeixunzhon/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916063.jpg" alt="昌吉健康培训中心" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">昌吉健康培训中心</h3>
<p class="text-xs text-gray-medium mt-1">新疆 - 昌吉 培训机构</p>
</div>
</a>
<a href="http://www.6983.net/school/anzhoukangdaxinguanliguwe/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916059.jpg" alt="广州康达信管理顾问" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">广州康达信管理顾问</h3>
<p class="text-xs text-gray-medium mt-1">新疆 - 阿勒泰 培训机构</p>
</div>
</a>
<a href="http://www.6983.net/school/xinjiangchangjixuezhiyuan/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916117.jpg" alt="新疆昌吉学智远教育" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">新疆昌吉学智远教育</h3>
<p class="text-xs text-gray-medium mt-1">新疆 - 昌吉 培训机构</p>
</div>
</a>
<a href="http://www.6983.net/school/akesukeweipeixunxuejiao/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916101.jpg" alt="阿克苏科维培训学校" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">阿克苏科维培训学校</h3>
<p class="text-xs text-gray-medium mt-1">新疆 - 阿克苏 培训机构</p>
</div>
</a>
<a href="http://www.6983.net/school/gansushenglongnaqichejias/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916001.jpg" alt="甘肃省陇南汽车驾驶" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">甘肃省陇南汽车驾驶</h3>
<p class="text-xs text-gray-medium mt-1">甘肃 - 陇南市 培训机构</p>
</div>
</a>
<a href="http://www.6983.net/school/kunyuanjidongchejiashiyua/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/zx20220916047.jpg" alt="坤圆机动车驾驶员培" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">坤圆机动车驾驶员培</h3>
<p class="text-xs text-gray-medium mt-1">甘肃 - 嘉峪关市 培训机构</p>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="py-12 bg-gray-50">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center mb-8">
<h2 class="text-2xl md:text-[clamp(1.5rem,3vw,2.25rem)] font-bold">大学院校</h2>
<a href="http://www.6983.net/company/6/" class="text-primary hover:text-primary/80 flex items-center text-sm font-medium transition-colors">
查看更多
<i class="fa fa-angle-right ml-1 transition-transform duration-300 hover:translate-x-1"></i>
</a>
</div>
<div class="flex overflow-x-auto scrollbar-hide space-x-3 mb-8 pb-2"></div>
<div class="tab-content">
<div class="tab-pane active" id="211">
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-5">
<a href="http://www.6983.net/school/beijinggongyedaxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/2025/0812/216/212733571.jpg" alt="北京工业大学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">北京工业大学</h3>
<p class="text-xs text-gray-medium mt-1">北京 - 通州区 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/beijingdaxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/2025/0812/212/212733751.jpg" alt="北京大学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">北京大学</h3>
<p class="text-xs text-gray-medium mt-1">北京 - 海淀区 </p>
</div>
</a>
<a href="http://www.6983.net/school/neimenggudaxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/2025/0812/211/212733711.jpg" alt="内蒙古大学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">内蒙古大学</h3>
<p class="text-xs text-gray-medium mt-1">内蒙古 - 呼伦贝尔市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/dalianhaishidaxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/2025/0812/213/212733561.jpg" alt="大连海事大学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">大连海事大学</h3>
<p class="text-xs text-gray-medium mt-1">辽宁 - 大连市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/haerbingongyedaxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/2025/0812/210/212733771.jpg" alt="哈尔滨工业大学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">哈尔滨工业大学</h3>
<p class="text-xs text-gray-medium mt-1">广东 - 深圳市 </p>
</div>
</a>
<a href="http://www.6983.net/school/changandaxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/2025/0812/219/212733131.jpg" alt="长安大学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">长安大学</h3>
<p class="text-xs text-gray-medium mt-1">陕西 - 西安市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/yunnadaxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/2025/0812/215/212734951.jpg" alt="云南大学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">云南大学</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 昆明市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/xibeidaxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/2025/0812/219/212734141.jpg" alt="西北大学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">西北大学</h3>
<p class="text-xs text-gray-medium mt-1">陕西 - 西安市 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/beijingwaiguoyudaxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/2025/0812/211/212734351.jpg" alt="北京外国语大学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">北京外国语大学</h3>
<p class="text-xs text-gray-medium mt-1">北京 - 海淀区 公办</p>
</div>
</a>
<a href="http://www.6983.net/school/beijingjiaotongdaxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/2025/0812/217/212734701.jpg" alt="北京交通大学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">北京交通大学</h3>
<p class="text-xs text-gray-medium mt-1">山东 - 威海市 </p>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="py-12 bg-gray-50">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center mb-8">
<h2 class="text-2xl md:text-[clamp(1.5rem,3vw,2.25rem)] font-bold">卫生学校</h2>
<a href="http://www.6983.net/company/7/" class="text-primary hover:text-primary/80 flex items-center text-sm font-medium transition-colors">
查看更多
<i class="fa fa-angle-right ml-1 transition-transform duration-300 hover:translate-x-1"></i>
</a>
</div>
<div class="flex overflow-x-auto scrollbar-hide space-x-3 mb-8 pb-2"></div>
<div class="tab-content">
<div class="tab-pane active" id="211">
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-5">
<a href="http://www.6983.net/school/shenzhenshixiechuanggaoji/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_04131359312c4.jpg" alt="深圳市携创高级技工" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">深圳市携创高级技工</h3>
<p class="text-xs text-gray-medium mt-1">广东 - 深圳市 中等专业学校</p>
</div>
</a>
<a href="http://www.6983.net/school/yunnashenglincangweisheng/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_04131419392219.jpg" alt="云南省临沧卫生学校" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">云南省临沧卫生学校</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 临沧市 中等专业学校</p>
</div>
</a>
<a href="http://www.6983.net/school/yunnashengyuxiweishengxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_041314193TC6.jpg" alt="云南省玉溪卫生学校" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">云南省玉溪卫生学校</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 玉溪市 中等专业学校</p>
</div>
</a>
<a href="http://www.6983.net/school/yunnazhongyiyaozhongdengz/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_041314193HU8.jpg" alt="云南中医药中等专业" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">云南中医药中等专业</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 昆明市 中等专业学校</p>
</div>
</a>
<a href="http://www.6983.net/school/kunmingyiyaozhiyejishuxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_04131419364596.jpg" alt="昆明医药职业技术学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">昆明医药职业技术学</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 昆明市 中等专业学校</p>
</div>
</a>
<a href="http://www.6983.net/school/gonghezhouweishenghulixue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_04131419352027.jpg" alt="红河州卫生护理学校" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">红河州卫生护理学校</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 红河 中等专业学校</p>
</div>
</a>
<a href="http://www.6983.net/school/lijiangminzuzhongdengzhua/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_04131419354062.jpg" alt="丽江民族中等专业学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">丽江民族中等专业学</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 丽江市 中等专业学校</p>
</div>
</a>
<a href="http://www.6983.net/school/daliweishengxuejiao/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_0413141935Q38.jpg" alt="大理卫生学校" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">大理卫生学校</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 大理 中等专业学校</p>
</div>
</a>
<a href="http://www.6983.net/school/yunnashengpuerweishengxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_04131419341948.jpg" alt="云南省普洱卫生学校" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">云南省普洱卫生学校</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 迪庆 中等专业学校</p>
</div>
</a>
<a href="http://www.6983.net/school/nujianglisuzuzizhizhoumin/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_041314193462G.jpg" alt="怒江傈僳族自治州民" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">怒江傈僳族自治州民</h3>
<p class="text-xs text-gray-medium mt-1">云南 - 怒江 中等专业学校</p>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="py-12 bg-gray-50">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center mb-8">
<h2 class="text-2xl md:text-[clamp(1.5rem,3vw,2.25rem)] font-bold">幼师学校</h2>
<a href="http://www.6983.net/company/8/" class="text-primary hover:text-primary/80 flex items-center text-sm font-medium transition-colors">
查看更多
<i class="fa fa-angle-right ml-1 transition-transform duration-300 hover:translate-x-1"></i>
</a>
</div>
<div class="flex overflow-x-auto scrollbar-hide space-x-3 mb-8 pb-2"></div>
<div class="tab-content">
<div class="tab-pane active" id="211">
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-5">
<a href="http://www.6983.net/school/bazhongshifanzhiyejishuxu/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_06110153204608.png" alt="巴中师范职业技术学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">巴中师范职业技术学</h3>
<p class="text-xs text-gray-medium mt-1">四川 - 巴中市 学校地址：四川省巴中市经济开发区安康...</p>
</div>
</a>
<a href="http://www.6983.net/school/fuyangshifanxueyuan/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_06110153012496.jpg" alt="阜阳师范学院" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">阜阳师范学院</h3>
<p class="text-xs text-gray-medium mt-1">安徽 - 阜阳市 学校地址：中国安徽阜阳市清河西路100号</p>
</div>
</a>
<a href="http://www.6983.net/school/anxishifandaxuelijiangxue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_061101525W952.jpg" alt="广西师范大学漓江学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">广西师范大学漓江学</h3>
<p class="text-xs text-gray-medium mt-1">广西 - 桂林市 学校地址：中国广西桂林市雁山区雁山镇...</p>
</div>
</a>
<a href="http://www.6983.net/school/xiaoquanshifanxuejiao/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_0611015250V15.png" alt="孝泉师范学校" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">孝泉师范学校</h3>
<p class="text-xs text-gray-medium mt-1">四川 - 德阳市 学校地址：四川省德阳市孝泉镇</p>
</div>
</a>
<a href="http://www.6983.net/school/liangshanminzushifanxueji/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_06110152404439.jpg" alt="凉山民族师范学校" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">凉山民族师范学校</h3>
<p class="text-xs text-gray-medium mt-1">四川 - 凉山 学校地址：四川省西昌市海滨北路2号</p>
</div>
</a>
<a href="http://www.6983.net/school/anxishifanxueyuanshiyuanx/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_061101523UG1.jpg" alt="广西师范学院师园学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">广西师范学院师园学</h3>
<p class="text-xs text-gray-medium mt-1">广西 - 南宁市 </p>
</div>
</a>
<a href="http://www.6983.net/school/andongjishushifanxueyuan/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_06110152311V2.jpg" alt="广东技术师范学院" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">广东技术师范学院</h3>
<p class="text-xs text-gray-medium mt-1">广东 - 广州市 学校地址：广州市天河区中山大道西293号</p>
</div>
</a>
<a href="http://www.6983.net/school/anxidaxuehangjianwenlixue/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_06110152142H0.jpg" alt="广西大学行健文理学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">广西大学行健文理学</h3>
<p class="text-xs text-gray-medium mt-1">广西 - 南宁市 学校地址：广西南宁市秀灵路75号</p>
</div>
</a>
<a href="http://www.6983.net/school/langzhongshifanxuejiao/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_06110152045601.png" alt="阆中师范学校" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">阆中师范学校</h3>
<p class="text-xs text-gray-medium mt-1">四川 - 南充市 学校地址：阆中市张飞北路12号</p>
</div>
</a>
<a href="http://www.6983.net/school/guilinshifangaodengzhuank/" class="bg-white rounded-xl overflow-hidden shadow-card card-hover">
<div class="h-28 flex items-center justify-center p-5 bg-light">
<img src="http://www.6983.net/file/upload/tupian/1_061101514X148.jpg" alt="桂林师范高等专科学" class="max-h-full max-w-full object-contain transition-transform duration-500 hover:scale-110" style="border-radius:5px;">
</div>
<div class="p-4 text-center">
<h3 class="font-medium">桂林师范高等专科学</h3>
<p class="text-xs text-gray-medium mt-1">广西 - 桂林市 学校地址：广西省桂林市信义路21号</p>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- 招生专业 -->
<section class="py-12 bg-white">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center mb-8">
<h2 class="text-2xl md:text-[clamp(1.5rem,3vw,2.25rem)] font-bold">招生专业</h2>
<a href="http://www.6983.net/zhuanye/" class="text-primary hover:text-primary/80 flex items-center text-sm font-medium transition-colors">
查看更多
<i class="fa fa-angle-right ml-1 transition-transform duration-300 hover:translate-x-1"></i>
</a>
</div>
<!-- 专业分类标签 -->
<div class="flex flex-wrap gap-3 mb-8">
<a href="http://www.6983.net/zhuanye/13/" class="px-5 py-2.5 bg-primary text-white rounded-full text-sm font-medium shadow-sm">本科</a>
<a href="http://www.6983.net/zhuanye/14/" class="px-5 py-2.5 bg-primary text-white rounded-full text-sm font-medium shadow-sm">专科</a>
</div>
<!-- 专业列表 -->
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-5">
<a href="http://www.6983.net/zhuanye/1.html" class="group">
<div class="bg-light rounded-xl overflow-hidden aspect-[3/2] relative shadow-sm">
<img src="http://www.6983.net/file/upload/tupian/1564-aerate.jpg" alt="哲学" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</div>
<p class="mt-3 text-center text-sm font-medium group-hover:text-primary transition-colors">哲学</p>
</a>
<a href="http://www.6983.net/zhuanye/2.html" class="group">
<div class="bg-light rounded-xl overflow-hidden aspect-[3/2] relative shadow-sm">
<img src="http://www.6983.net/file/upload/tupian/1560-aerate.jpg" alt="汽车维修工程教育" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</div>
<p class="mt-3 text-center text-sm font-medium group-hover:text-primary transition-colors">汽车维修工程教育</p>
</a>
<a href="http://www.6983.net/zhuanye/3.html" class="group">
<div class="bg-light rounded-xl overflow-hidden aspect-[3/2] relative shadow-sm">
<img src="http://www.6983.net/file/upload/tupian/1561-aerate.jpg" alt="数字媒体技术" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</div>
<p class="mt-3 text-center text-sm font-medium group-hover:text-primary transition-colors">数字媒体技术</p>
</a>
<a href="http://www.6983.net/zhuanye/4.html" class="group">
<div class="bg-light rounded-xl overflow-hidden aspect-[3/2] relative shadow-sm">
<img src="http://www.6983.net/file/upload/tupian/1562-aerate.jpg" alt="空间信息与数字技术" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</div>
<p class="mt-3 text-center text-sm font-medium group-hover:text-primary transition-colors">空间信息与数字技术</p>
</a>
<a href="http://www.6983.net/zhuanye/5.html" class="group">
<div class="bg-light rounded-xl overflow-hidden aspect-[3/2] relative shadow-sm">
<img src="http://www.6983.net/file/upload/tupian/1563-aerate.jpg" alt="机电技术教育" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</div>
<p class="mt-3 text-center text-sm font-medium group-hover:text-primary transition-colors">机电技术教育</p>
</a>
<a href="http://www.6983.net/zhuanye/7.html" class="group">
<div class="bg-light rounded-xl overflow-hidden aspect-[3/2] relative shadow-sm">
<img src="http://www.6983.net/file/upload/tupian/1566-aerate.jpg" alt="信息安全" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</div>
<p class="mt-3 text-center text-sm font-medium group-hover:text-primary transition-colors">信息安全</p>
</a>
</div>
</div>
</section>
<!-- 最新资讯 -->
<section class="py-12 bg-gray-50">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center mb-8">
<h2 class="text-2xl md:text-[clamp(1.5rem,3vw,2.25rem)] font-bold">教育资讯</h2>
<a href="http://www.6983.net/news/" class="text-primary hover:text-primary/80 flex items-center text-sm font-medium transition-colors">
查看更多
<i class="fa fa-angle-right ml-1 transition-transform duration-300 group-hover:translate-x-1"></i>
</a>
</div>
<!-- 资讯分类标签 -->
<div class="flex overflow-x-auto scrollbar-hide space-x-3 mb-8 pb-2">
<button class="whitespace-nowrap px-5 py-2.5 bg-primary text-white rounded-full text-sm font-medium shadow-sm">全部</button>
<a href="http://www.6983.net/news/236/" class="whitespace-nowrap px-5 py-2.5 bg-white hover:bg-light rounded-full text-sm transition-all duration-300 hover:shadow-sm">职校资讯</a>
<a href="http://www.6983.net/news/12/" class="whitespace-nowrap px-5 py-2.5 bg-white hover:bg-light rounded-full text-sm transition-all duration-300 hover:shadow-sm">综合资讯</a>
<a href="http://www.6983.net/news/11/" class="whitespace-nowrap px-5 py-2.5 bg-white hover:bg-light rounded-full text-sm transition-all duration-300 hover:shadow-sm">高考资讯</a>
<a href="http://www.6983.net/news/10/" class="whitespace-nowrap px-5 py-2.5 bg-white hover:bg-light rounded-full text-sm transition-all duration-300 hover:shadow-sm">考研资讯</a>
<a href="http://www.6983.net/news/9/" class="whitespace-nowrap px-5 py-2.5 bg-white hover:bg-light rounded-full text-sm transition-all duration-300 hover:shadow-sm">院校信息</a>
</div>
<!-- 资讯内容 -->
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<!-- 主要资讯 -->
<div class="lg:col-span-2 space-y-6">
<div class="bg-white rounded-xl overflow-hidden shadow-card hover:shadow-hover transition-all duration-300">
<a href="http://www.6983.net/news/416416.html">
<div class="md:flex">
<div class="md:w-1/2 overflow-hidden">
<img src="http://www.6983.net/aitupian/mid21_pic1_id416416.png" alt="北京开设劳动与社会保障专业的大学排名" class="w-full max-h-[150px] object-cover rounded transition-transform duration-700 group-hover:scale-110 overflow-hidden">
</div>
<div class="md:w-1/2 p-6">
<h3 class="text-lg md:text-xl font-bold mb-3 line-clamp-2 transition-colors hover:text-primary">北京开设劳动与社会保障专业的大学排名</h3>
<p class="text-gray-medium text-sm line-clamp-3">排名第1：首都经济贸易大学；排名第2：首都师范大学；排名第3：北京物资学院；排名第4：中国劳动关系学院；排名第5：中央财经大学；排名第6：对外经济贸易大学；排名院校名称专业名称专业排名等级1首都经济贸易大学劳动与社会保障B+2首都师范大学劳...</p>
<div class="mt-4 text-xs text-gray-medium">
<span><i class="fa fa-clock-o mr-1"></i>2025-09-01</span>
<span class="ml-4"><i class="fa fa-eye mr-1"></i>32阅读</span>
</div>
</div>
</div>
</a>
</div>
<!-- 次要资讯 -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-white rounded-xl overflow-hidden shadow-card hover:shadow-hover transition-all duration-300">
<a href="http://www.6983.net/news/416416.html">
<div class="md:flex">
<div class="md:w-2/5 overflow-hidden">
<img src="http://www.6983.net/aitupian/mid21_pic1_id416416.png" alt="北京开设劳动与社会保障专业的大学排名" class="w-full max-h-[150px] object-cover rounded transition-transform duration-700 group-hover:scale-110 overflow-hidden">
</div>
<div class="md:w-3/5 p-5">
<h3 class="text-base font-bold mb-2 line-clamp-2 transition-colors hover:text-primary">北京开设劳动与社会保障专业的大学排名</h3>
<div class="mt-3 text-xs text-gray-medium">
<span><i class="fa fa-clock-o mr-1"></i>2025-09-01</span>
</div>
</div>
</div>
</a>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-card hover:shadow-hover transition-all duration-300">
<a href="http://www.6983.net/daxue/70119.html">
<div class="md:flex">
<div class="md:w-2/5 overflow-hidden">
<img src="http://www.6983.net/aitupian/mid23_pic1_id70119.png" alt="西安铁路职业技术学院2023年在宁夏各专业招生人数" class="w-full max-h-[150px] object-cover rounded transition-transform duration-700 group-hover:scale-110 overflow-hidden">
</div>
<div class="md:w-3/5 p-5">
<h3 class="text-base font-bold mb-2 line-clamp-2 transition-colors hover:text-primary">西安铁路职业技术学院2023年在宁夏各专业招生人数</h3>
<div class="mt-3 text-xs text-gray-medium">
<span><i class="fa fa-clock-o mr-1"></i>2025-09-01</span>
</div>
</div>
</div>
</a>
</div>
</div>
<!-- 资讯列表 -->
<div class="space-y-4">
<a href="http://www.6983.net/news/416416.html" class="bg-white rounded-lg p-5 shadow-card hover:shadow-hover transition-all duration-300 flex items-start">
<div class="flex-1 min-w-0">
<h3 class="font-medium mb-2 line-clamp-2 transition-colors hover:text-primary">北京开设劳动与社会保障专业的大学排名</h3>
<p class="text-xs text-gray-medium"><i class="fa fa-clock-o mr-1"></i>2025-09-01</p>
</div>
<i class="fa fa-angle-right text-gray-light mt-1 transition-transform duration-300 hover:translate-x-1"></i>
</a>
<a href="http://www.6983.net/news/416415.html" class="bg-white rounded-lg p-5 shadow-card hover:shadow-hover transition-all duration-300 flex items-start">
<div class="flex-1 min-w-0">
<h3 class="font-medium mb-2 line-clamp-2 transition-colors hover:text-primary">吉林开设行政管理专业的大学排名</h3>
<p class="text-xs text-gray-medium"><i class="fa fa-clock-o mr-1"></i>2025-09-01</p>
</div>
<i class="fa fa-angle-right text-gray-light mt-1 transition-transform duration-300 hover:translate-x-1"></i>
</a>
<a href="http://www.6983.net/news/416414.html" class="bg-white rounded-lg p-5 shadow-card hover:shadow-hover transition-all duration-300 flex items-start">
<div class="flex-1 min-w-0">
<h3 class="font-medium mb-2 line-clamp-2 transition-colors hover:text-primary">内蒙古开设行政管理专业的大学排名</h3>
<p class="text-xs text-gray-medium"><i class="fa fa-clock-o mr-1"></i>2025-09-01</p>
</div>
<i class="fa fa-angle-right text-gray-light mt-1 transition-transform duration-300 hover:translate-x-1"></i>
</a>
<a href="http://www.6983.net/news/416413.html" class="bg-white rounded-lg p-5 shadow-card hover:shadow-hover transition-all duration-300 flex items-start">
<div class="flex-1 min-w-0">
<h3 class="font-medium mb-2 line-clamp-2 transition-colors hover:text-primary">山西开设行政管理专业的大学排名</h3>
<p class="text-xs text-gray-medium"><i class="fa fa-clock-o mr-1"></i>2025-09-01</p>
</div>
<i class="fa fa-angle-right text-gray-light mt-1 transition-transform duration-300 hover:translate-x-1"></i>
</a>
<a href="http://www.6983.net/news/416412.html" class="bg-white rounded-lg p-5 shadow-card hover:shadow-hover transition-all duration-300 flex items-start">
<div class="flex-1 min-w-0">
<h3 class="font-medium mb-2 line-clamp-2 transition-colors hover:text-primary">河北开设行政管理专业的大学排名</h3>
<p class="text-xs text-gray-medium"><i class="fa fa-clock-o mr-1"></i>2025-09-01</p>
</div>
<i class="fa fa-angle-right text-gray-light mt-1 transition-transform duration-300 hover:translate-x-1"></i>
</a>
</div>
</div>
<!-- 热门点击 -->
<div class="space-y-6">
<div class="bg-white rounded-xl overflow-hidden shadow-card p-6">
<h3 class="text-lg font-bold mb-5 flex items-center">
<i class="fa fa-fire text-secondary mr-2"></i>
热门点击
</h3>
<!-- 热门资讯 -->
<div class="space-y-5 mb-6">
<a href="http://www.6983.net/news/416416.html" class="block group">
<div class="overflow-hidden rounded-lg mb-3">
<img src="http://www.6983.net/aitupian/mid21_pic1_id416416.png" alt="北京开设劳动与社会保障专业的大学排名" class="w-full max-h-[150px] object-cover rounded transition-transform duration-700 group-hover:scale-110 overflow-hidden">
</div>
<h4 class="text-sm font-medium line-clamp-2 transition-colors group-hover:text-primary">北京开设劳动与社会保障专业的大学排名</h4>
</a>
<a href="http://www.6983.net/news/416415.html" class="block group">
<div class="overflow-hidden rounded-lg mb-3">
<img src="http://www.6983.net/aitupian/mid21_pic1_id416415.png" alt="吉林开设行政管理专业的大学排名" class="w-full max-h-[150px] object-cover rounded transition-transform duration-700 group-hover:scale-110 overflow-hidden">
</div>
<h4 class="text-sm font-medium line-clamp-2 transition-colors group-hover:text-primary">吉林开设行政管理专业的大学排名</h4>
</a>
</div>
<!-- 热门排行 -->
<div class="space-y-4">
<a href="http://www.6983.net/daxue/70119.html" class="flex items-center group">
<span class="w-7 h-7 bg-primary text-white rounded-full flex items-center justify-center text-xs mr-3">1</span>
<span class="text-sm line-clamp-1 transition-colors group-hover:text-primary">西安铁路职业技术学院2023年在宁夏各专业招生人数</span>
</a>
<a href="http://www.6983.net/daxue/70118.html" class="flex items-center group">
<span class="w-7 h-7 bg-primary text-white rounded-full flex items-center justify-center text-xs mr-3">2</span>
<span class="text-sm line-clamp-1 transition-colors group-hover:text-primary">咸阳职业技术学院2023年在宁夏各专业招生人数</span>
</a>
<a href="http://www.6983.net/daxue/70117.html" class="flex items-center group">
<span class="w-7 h-7 bg-primary text-white rounded-full flex items-center justify-center text-xs mr-3">3</span>
<span class="text-sm line-clamp-1 transition-colors group-hover:text-primary">西安职业技术学院2023年在宁夏各专业招生人数</span>
</a>
<a href="http://www.6983.net/daxue/70116.html" class="flex items-center group">
<span class="w-7 h-7 bg-primary text-white rounded-full flex items-center justify-center text-xs mr-3">4</span>
<span class="text-sm line-clamp-1 transition-colors group-hover:text-primary">商洛职业技术学院2023年在宁夏各专业招生人数</span>
</a>
<a href="http://www.6983.net/daxue/70115.html" class="flex items-center group">
<span class="w-7 h-7 bg-primary text-white rounded-full flex items-center justify-center text-xs mr-3">5</span>
<span class="text-sm line-clamp-1 transition-colors group-hover:text-primary">汉中职业技术学院2023年在宁夏各专业招生人数</span>
</a>
<a href="http://www.6983.net/daxue/70114.html" class="flex items-center group">
<span class="w-7 h-7 bg-primary text-white rounded-full flex items-center justify-center text-xs mr-3">6</span>
<span class="text-sm line-clamp-1 transition-colors group-hover:text-primary">延安职业技术学院2023年在宁夏各专业招生人数</span>
</a>
<a href="http://www.6983.net/daxue/70113.html" class="flex items-center group">
<span class="w-7 h-7 bg-primary text-white rounded-full flex items-center justify-center text-xs mr-3">7</span>
<span class="text-sm line-clamp-1 transition-colors group-hover:text-primary">渭南职业技术学院2023年在宁夏各专业招生人数</span>
</a>
<a href="http://www.6983.net/daxue/70112.html" class="flex items-center group">
<span class="w-7 h-7 bg-primary text-white rounded-full flex items-center justify-center text-xs mr-3">8</span>
<span class="text-sm line-clamp-1 transition-colors group-hover:text-primary">安康职业技术学院2023年在宁夏各专业招生人数</span>
</a>
<a href="http://www.6983.net/daxue/70111.html" class="flex items-center group">
<span class="w-7 h-7 bg-primary text-white rounded-full flex items-center justify-center text-xs mr-3">9</span>
<span class="text-sm line-clamp-1 transition-colors group-hover:text-primary">铜川职业技术学院2023年在宁夏各专业招生人数</span>
</a>
<a href="http://www.6983.net/daxue/70110.html" class="flex items-center group">
<span class="w-7 h-7 bg-primary text-white rounded-full flex items-center justify-center text-xs mr-3">10</span>
<span class="text-sm line-clamp-1 transition-colors group-hover:text-primary">西安建筑科技大学华清学院2023年在宁夏各专业招生人数</span>
</a>
</div>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="bg-dark text-white pt-12 pb-8">
<div class="container mx-auto px-4">
<!-- 友情链接 -->
<div class="mb-10">
<h3 class="text-lg font-bold mb-5">友情链接</h3>
<div class="flex flex-wrap gap-x-8 gap-y-3 text-sm text-gray-300">
<a href="http://www.syjlp.com/" class="hover:text-white transition-colors duration-300">鲁芽网</a>
</div>
</div>
<div class="border-t border-gray-800 pt-6 text-center text-gray-500 text-xs">
<p>(c)2023-2025 临沂会学网网络科技有限公司All Rights Reserved <a href="http://www.6983.net/sitemap/html/">模块地图</a></p>
<a rel="nofollow" href="https://beian.miit.gov.cn" target="_blank" class="text-neutral-300">ICP备案号：鲁ICP备2022038407号-12</a> <p class="mt-2">本网站信息仅供参考，具体请以学校官方公布为准</p>
</div>
</div>
</footer>
<!-- 返回顶部按钮 -->
<button id="back-to-top" class="fixed bottom-6 right-6 w-12 h-12 bg-primary text-white rounded-full shadow-lg flex items-center justify-center opacity-0 invisible transition-all duration-300 hover:bg-primary/90">
<i class="fa fa-angle-up text-xl"></i>
</button>
<!-- AI查询结果弹窗 -->
<div id="ai-modal" class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 opacity-0 invisible transition-all duration-300">
<div class="bg-white rounded-xl shadow-elevated w-full max-w-3xl max-h-[100vh] flex flex-col animate-slideUp">
<!-- 弹窗头部 -->
<div class="p-5 border-b flex justify-between items-center">
<h3 class="text-lg font-bold flex items-center">
<i class="fa fa-robot text-purple-600 mr-2"></i>
AI查询结果
</h3>
<button id="close-modal" class="text-gray-medium hover:text-dark transition-colors">
<i class="fa fa-times text-xl"></i>
</button>
</div>
<!-- 弹窗内容区 -->
<div class="flex-1 overflow-y-auto p-5" id="ai-result-container">
<!-- 加载状态 -->
<div id="loading-state" class="text-center py-10">
<div class="inline-block w-10 h-10 border-4 border-primary/30 border-t-primary rounded-full animate-spin mb-4"></div>
<p class="text-gray-medium">AI正在思考，请稍候...</p>
</div>
<!-- 错误状态 -->
<div id="error-state" class="hidden text-center py-10">
<i class="fa fa-exclamation-circle text-red-500 text-4xl mb-4"></i>
<p class="text-gray-medium mb-2">查询失败，请稍后重试</p>
<p class="text-xs text-gray-light" id="error-message"></p>
</div>
<!-- 结果状态 -->
<div id="result-state" class="hidden">
<div class="mb-4 pb-4 border-b">
<p class="text-sm text-gray-medium mb-1">您的问题：</p>
<p class="font-medium" id="user-question"></p>
</div>
<div class="prose max-w-none" id="ai-result-content">
</div>
</div>
</div>
<!-- 弹窗底部 -->
<div class="p-5 border-t flex justify-end gap-3">
<button id="copy-result" class="px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors text-sm">
<i class="fa fa-copy mr-1"></i> 复制结果
</button>
<button id="new-query" class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors text-sm">
<i class="fa fa-refresh mr-1"></i> 新查询
</button>
</div>
</div>
</div>
</body>
</html>
演示地址：找校通 - 优质学校查询与择校导航平台
千行代码，Bug何处藏。 纵使上线又怎样，朝令改，夕断肠。
浙公网安备 33010602011771号