分享一个漂亮大气的搜索页面
分享一个漂亮大气的搜索页面,代码如下
<!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何处藏。 纵使上线又怎样,朝令改,夕断肠。