@charset "utf-8";
/* ==========================================================================
   西安虹途职业高中 官网 - 全站样式表
   配色方案：商务深蓝  #003399 / #3366CC / #FFCC00 / #FFFFFF / #CCCCCC / #000000
   ========================================================================== */

:root{
  --blue-900:#001f5c;
  --blue-800:#002a7a;
  --blue-700:#003399;   /* 主色 */
  --blue-600:#1a4bb0;
  --blue-500:#3366CC;   /* 辅色 */
  --blue-300:#8fb0e6;
  --blue-050:#eef3fc;
  --gold:#FFCC00;       /* 点缀色 */
  --gold-dark:#e0ab00;
  --ink:#111111;
  --gray:#666666;
  --line:#d8dde6;
  --silver:#CCCCCC;
  --white:#ffffff;
  --radius:6px;
  --shadow:0 4px 18px rgba(0,51,153,.10);
  --w:1200px;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
  font-size:15px;line-height:1.8;color:#333;background:#f4f6fa;
}
img{max-width:100%;height:auto;border:0;display:block;}
a{color:#333;text-decoration:none;transition:color .25s,background .25s;}
a:hover{color:var(--blue-700);}
ul,ol,dl,dd{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,p{margin:0;}
h1,h2,h3,h4{line-height:1.35;font-weight:700;}
table{border-collapse:collapse;width:100%;}
input,textarea,select,button{font-family:inherit;font-size:inherit;}

.w1200{width:100%;max-width:var(--w);margin:0 auto;padding:0 16px;}
.clearfix::after{content:"";display:block;clear:both;}
.fr{float:right;}
.fl{float:left;}
.por{position:relative;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------- 顶部工具条 ---------- */
.top_main{background:var(--blue-900);color:#c9d7f2;font-size:13px;line-height:34px;}
.top_main .top{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.top_main p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.top_main a{color:#c9d7f2;}
.top_main a:hover{color:var(--gold);}
.top_right{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.top_right .sep{color:#3f5aa0;}

/* ---------- 头部 ---------- */
.header_main{background:var(--white);border-bottom:3px solid var(--blue-700);}
.header_main .header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px;}
.logo{display:flex;align-items:center;gap:12px;}
.logo img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:2px solid var(--blue-050);}
.logo h1,.logo .name h1,.logo .site-name{font-size:24px;color:var(--blue-700);letter-spacing:1px;font-weight:700;display:block;}
.logo .name p{font-size:12px;color:var(--gray);letter-spacing:.5px;text-transform:uppercase;}
.logo .name span{display:block;font-size:12px;color:var(--gray);}
.webtel{text-align:right;flex:0 0 auto;}
.webtel span{display:block;font-size:13px;color:var(--gray);}
.webtel strong{display:block;font-size:26px;color:var(--blue-700);font-weight:700;letter-spacing:.5px;}

/* ---------- 导航 ---------- */
.nav_main{background:var(--blue-700);position:relative;z-index:60;}
.nav_main .list{display:flex;flex-wrap:wrap;}
.nav_main .list>li{position:relative;}
.nav_main .list>li>a{display:block;padding:0 20px;line-height:50px;color:#fff;font-size:16px;white-space:nowrap;}
.nav_main .list>li>a:hover,.nav_main .list>li.cur>a,.nav_main .list>li.active>a{background:var(--blue-900);color:var(--gold);}
.nav_main .sub-box{
  position:absolute;left:0;top:100%;min-width:170px;background:#fff;box-shadow:var(--shadow);
  border-top:3px solid var(--gold);padding:6px 0;display:none;
}
.nav_main .list>li:hover .sub-box,.nav_main .list>li.open .sub-box{display:block;}
.nav_main .sub-box a{display:block;padding:8px 18px;font-size:14px;color:#333;}
.nav_main .sub-box a:hover{background:var(--blue-050);color:var(--blue-700);}
.nav-toggle{display:none;}

/* ---------- 通用区块标题 ---------- */
.floor{padding:52px 0;background:#fff;}
.floor.alt{background:#f4f6fa;}
.floor-head{text-align:center;margin-bottom:34px;}
.floor-head h2{font-size:28px;color:var(--blue-700);letter-spacing:1px;}
.floor-head .en{display:block;font-size:12px;color:var(--blue-500);letter-spacing:3px;text-transform:uppercase;margin-top:6px;}
.floor-head .sub{display:inline-block;margin-top:10px;font-size:14px;color:var(--gray);}
.floor-head .bar{display:block;width:60px;height:3px;background:var(--gold);margin:14px auto 0;}
.more-btn{
  display:block;width:190px;margin:36px auto 0;text-align:center;line-height:42px;border:1px solid var(--blue-700);
  color:var(--blue-700);border-radius:30px;font-size:15px;
}
.more-btn:hover{background:var(--blue-700);color:#fff;}

/* ---------- 首页轮播 ---------- */
.banner_main{position:relative;overflow:hidden;background:var(--blue-900);}
.banner{position:relative;overflow:hidden;}
.banner .list{display:flex;transition:transform .6s ease;}
.banner .list>li{position:relative;flex:0 0 100%;}
.banner .list>li img{width:100%;height:clamp(240px,38vw,520px);object-fit:cover;}
.banner .cap{
  position:absolute;left:0;right:0;bottom:0;padding:26px 0 40px;color:#fff;
  background:linear-gradient(to top,rgba(0,25,80,.86),rgba(0,25,80,0));
}
.banner .cap h2{font-size:clamp(20px,3vw,34px);text-shadow:0 2px 12px rgba(0,0,0,.5);}
.banner .cap p{font-size:clamp(13px,1.4vw,16px);margin-top:8px;color:#e6eeff;}
.banner .tip{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;display:flex;gap:10px;z-index:5;}
.banner .tip span{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;display:block;}
.banner .tip span.on{background:var(--gold);width:28px;border-radius:6px;}
.banner .prev,.banner .next{
  position:absolute;top:50%;transform:translateY(-50%);width:44px;height:60px;line-height:60px;text-align:center;
  color:#fff;background:rgba(0,31,92,.45);cursor:pointer;font-size:22px;z-index:5;user-select:none;
}
.banner .prev{left:0;}.banner .next{right:0;}
.banner .prev:hover,.banner .next:hover{background:var(--blue-700);}

/* ---------- 页面内页横幅 ---------- */
.page-hero{
  background:linear-gradient(rgba(0,31,92,.82),rgba(0,51,153,.82)),url("../images/xiaoyuan-jiaoxuelou.jpg") center/cover no-repeat;
  color:#fff;padding:56px 0 44px;
}
.page-hero h1{font-size:clamp(22px,3vw,32px);letter-spacing:1px;}
.page-hero .desc{margin-top:10px;font-size:14px;color:#dbe6ff;max-width:820px;}
.crumb{font-size:13px;color:#c3d3f5;margin-top:14px;}
.crumb a{color:#c3d3f5;}
.crumb a:hover{color:var(--gold);}
.crumb span{margin:0 6px;color:#7f9ada;}

/* ---------- 专业优势 / 简介卡片 ---------- */
.adv-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.adv-list li{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px;box-shadow:var(--shadow);}
.adv-list li h3{font-size:17px;color:var(--blue-700);margin-bottom:10px;}
.adv-list li h3 i{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;background:var(--blue-700);color:#fff;border-radius:50%;font-style:normal;font-size:13px;margin-right:8px;}
.adv-list li p{font-size:14px;color:var(--gray);}

.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;}
.intro-grid .pic img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);}
.intro-grid .txt h2{font-size:26px;color:var(--blue-700);margin-bottom:8px;}
.intro-grid .txt .en{font-size:12px;letter-spacing:2px;color:var(--blue-500);text-transform:uppercase;}
.intro-grid .txt p{font-size:14.5px;color:#4a4a4a;margin-top:12px;}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;}
.stat-row li{background:var(--blue-050);border-left:3px solid var(--blue-700);padding:12px 14px;border-radius:4px;}
.stat-row b{display:block;font-size:22px;color:var(--blue-700);line-height:1.2;}
.stat-row span{font-size:13px;color:var(--gray);}

/* ---------- 卡片网格（列表页） ---------- */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;}
.card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,51,153,.16);}
.card .thumb{display:block;overflow:hidden;}
.card .thumb img{width:100%;height:196px;object-fit:cover;transition:transform .5s;}
.card:hover .thumb img{transform:scale(1.06);}
.card .body{padding:16px 18px 20px;flex:1;display:flex;flex-direction:column;}
.card .body h3{font-size:17px;color:#1a1a1a;margin-bottom:8px;}
.card:hover .body h3{color:var(--blue-700);}
.card .body p{font-size:13.5px;color:var(--gray);flex:1;}
.card .meta{margin-top:12px;font-size:12.5px;color:#9aa2b1;display:flex;justify-content:space-between;gap:8px;border-top:1px dashed var(--line);padding-top:10px;}
.card .tag{display:inline-block;background:var(--blue-050);color:var(--blue-700);font-size:12px;padding:2px 10px;border-radius:20px;margin-bottom:10px;}

/* ---------- 列表页左侧栏 + 右侧内容 ---------- */
.layout{display:grid;grid-template-columns:270px 1fr;gap:30px;align-items:start;}
.side{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.side+.side{margin-top:20px;}
.side h2{background:var(--blue-700);color:#fff;font-size:17px;padding:14px 18px;letter-spacing:1px;}
.side ul li a{display:block;padding:12px 18px;border-bottom:1px dashed var(--line);font-size:14.5px;}
.side ul li a:hover,.side ul li a.on{background:var(--blue-050);color:var(--blue-700);font-weight:700;padding-left:24px;}
.side .contact-box{padding:18px;}
.side .contact-box p{font-size:13.5px;color:var(--gray);margin-bottom:6px;}
.side .contact-box .tel{font-size:21px;color:var(--blue-700);font-weight:700;margin:6px 0 10px;}

/* ---------- 新闻列表（横排条目） ---------- */
.news-rows li{display:flex;gap:18px;padding:18px 0;border-bottom:1px dashed var(--line);}
.news-rows li:first-child{padding-top:0;}
.news-rows .thumb{flex:0 0 220px;border-radius:var(--radius);overflow:hidden;}
.news-rows .thumb img{width:220px;height:146px;object-fit:cover;}
.news-rows .txt h3{font-size:17px;margin-bottom:8px;}
.news-rows .txt h3 a:hover{color:var(--blue-700);}
.news-rows .txt p{font-size:13.5px;color:var(--gray);}
.news-rows .txt .time{display:inline-block;margin-top:10px;font-size:12.5px;color:#9aa2b1;}
.news-rows .txt .time b{color:var(--blue-500);font-weight:400;}

/* ---------- 分页 ---------- */
.pager{display:flex;justify-content:center;gap:8px;margin-top:34px;flex-wrap:wrap;}
.pager a,.pager span{min-width:38px;height:38px;line-height:36px;text-align:center;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:14px;padding:0 10px;}
.pager a:hover{border-color:var(--blue-700);color:var(--blue-700);}
.pager .on{background:var(--blue-700);border-color:var(--blue-700);color:#fff;}

/* ---------- 详情页 ---------- */
.detail{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 30px 34px;box-shadow:var(--shadow);}
.detail-head{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px;}
.detail-head h1{font-size:26px;color:#1a1a1a;}
.detail-head .detail-title{font-size:21px;color:var(--blue-700);font-weight:700;}
.detail-head .detail-title-lg{font-size:24px;color:var(--blue-700);font-weight:700;}
.err-code{font-size:56px;font-weight:700;color:var(--blue-700);line-height:1.1;margin-bottom:10px;}
.detail-head .meta{margin-top:12px;font-size:13px;color:#8c94a3;display:flex;flex-wrap:wrap;gap:18px;}
.detail-head .meta b{color:var(--blue-700);font-weight:400;}
.detail-cover{margin:6px 0 22px;border-radius:var(--radius);overflow:hidden;}
.detail-cover img{width:100%;max-height:460px;object-fit:cover;}
.detail h2{font-size:19px;color:var(--blue-700);margin:26px 0 10px;padding-left:12px;border-left:4px solid var(--gold);}
.detail h3{font-size:16.5px;color:#1a1a1a;margin:18px 0 8px;}
.detail p{font-size:15px;color:#454545;margin-bottom:12px;text-align:justify;}
.detail ul.dot{margin:8px 0 16px;}
.detail ul.dot li{position:relative;padding-left:18px;font-size:14.5px;color:#454545;margin-bottom:7px;}
.detail ul.dot li::before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;background:var(--blue-500);border-radius:50%;}
.detail table.info{font-size:14.5px;margin:6px 0 18px;border:1px solid var(--line);}
.detail table.info th,.detail table.info td{border:1px solid var(--line);padding:10px 14px;text-align:left;}
.detail table.info th{background:var(--blue-050);color:var(--blue-700);width:130px;font-weight:700;}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:10px 0 20px;}
.gallery img{width:100%;height:170px;object-fit:cover;border-radius:var(--radius);}
.tags{margin-top:22px;padding-top:16px;border-top:1px dashed var(--line);font-size:13.5px;color:var(--gray);}
.tags a{display:inline-block;background:var(--blue-050);color:var(--blue-700);padding:3px 12px;border-radius:20px;margin:4px 6px 4px 0;font-size:12.5px;}
.tags a:hover{background:var(--blue-700);color:#fff;}
.prevnext{display:flex;justify-content:space-between;gap:14px;margin-top:22px;padding-top:16px;border-top:1px dashed var(--line);font-size:14px;}
.prevnext a{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ---------- 面包屑条 ---------- */
.crumb-bar{background:#eaeff8;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--gray);line-height:44px;}
.crumb-bar a{color:var(--gray);}
.crumb-bar a:hover{color:var(--blue-700);}
.crumb-bar span{margin:0 6px;color:#a9b3c4;}

/* ---------- 联系 / 表格 / 表单 ---------- */
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.info-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow);}
.info-card h2{font-size:18px;color:var(--blue-700);margin-bottom:14px;padding-left:12px;border-left:4px solid var(--gold);}
.info-card ul li{font-size:14.5px;color:#454545;padding:9px 0;border-bottom:1px dashed var(--line);display:flex;gap:10px;}
.info-card ul li b{flex:0 0 84px;color:var(--blue-700);font-weight:700;}
.info-card p{font-size:14.5px;color:#454545;}
.map-box{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;}
.map-box iframe{display:block;width:100%;height:330px;border:0;}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;}
.form-grid label{display:block;font-size:13.5px;color:var(--gray);margin-bottom:6px;}
.form-grid input,.form-grid select,.form-grid textarea{
  width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:#fff;color:#333;
}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:2px solid var(--blue-300);border-color:var(--blue-500);}
.form-grid .full{grid-column:1/-1;}
.btn-submit{
  display:inline-block;margin-top:8px;padding:12px 40px;background:var(--blue-700);color:#fff;border:0;border-radius:30px;
  font-size:16px;cursor:pointer;letter-spacing:2px;
}
.btn-submit:hover{background:var(--blue-500);}
.form-tip{font-size:13px;color:#8c94a3;margin-top:10px;}

/* ---------- 表格 ---------- */
.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);}
table.data{min-width:640px;font-size:14.5px;}
table.data th,table.data td{border-bottom:1px solid var(--line);padding:12px 16px;text-align:left;}
table.data th{background:var(--blue-700);color:#fff;font-weight:700;white-space:nowrap;}
table.data tbody tr:nth-child(even){background:#f8faff;}
table.data tbody tr:hover{background:var(--blue-050);}

/* ---------- 师资卡片 ---------- */
.teacher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px;}
.teacher-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-align:center;padding-bottom:16px;box-shadow:var(--shadow);}
.teacher-card img{width:100%;height:200px;object-fit:cover;}
.teacher-card h3{font-size:16px;margin:12px 0 4px;color:#1a1a1a;}
.teacher-card p{font-size:13px;color:var(--gray);padding:0 12px;}

/* ---------- 快捷入口 ---------- */
.quick-entry{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;}
.quick-entry a{
  display:block;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue-700);border-radius:var(--radius);
  padding:18px 16px;text-align:center;box-shadow:var(--shadow);
}
.quick-entry a:hover{border-top-color:var(--gold);}
.quick-entry a b{display:block;font-size:16px;color:var(--blue-700);}
.quick-entry a span{font-size:12.5px;color:var(--gray);}

/* ---------- 图集 ---------- */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;}
.gallery-grid a{display:block;border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow);}
.gallery-grid img{width:100%;height:200px;object-fit:cover;transition:transform .5s;}
.gallery-grid a:hover img{transform:scale(1.05);}
.gallery-grid .cap{padding:10px 14px;font-size:14px;color:#333;}

/* ---------- 页脚 ---------- */
.footer_main{background:var(--blue-900);color:#b9c8e8;font-size:13.5px;padding:44px 0 0;margin-top:0;}
.footer_top{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:26px;padding-bottom:26px;border-bottom:1px solid #1b3468;}
.footer_main h4{color:#fff;font-size:16px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #1b3468;}
.footer_main a{color:#b9c8e8;display:block;line-height:2;}
.footer_main a:hover{color:var(--gold);}
.footer_main .tel{font-size:22px;color:var(--gold);font-weight:700;line-height:1.3;}
.footer_main .fc-qr{text-align:center;}
.footer_main .fc-qr img{width:118px;height:118px;margin:0 auto 8px;background:#fff;padding:5px;border-radius:6px;}
.footer_links{padding:16px 0;font-size:13px;color:#8fa4cf;border-bottom:1px solid #1b3468;}
.footer_links a{display:inline;margin-right:16px;color:#8fa4cf;}
.footer_links span{margin-right:8px;}
.copyright{padding:18px 0 22px;text-align:center;font-size:13px;color:#8fa4cf;line-height:2;}
.copyright a{display:inline;color:#b9c8e8;}
.copyright a:hover{color:var(--gold);}

/* ---------- 返回顶部 ---------- */
.to-top{
  position:fixed;right:18px;bottom:70px;width:44px;height:44px;line-height:44px;text-align:center;background:var(--blue-700);
  color:#fff;border-radius:50%;cursor:pointer;z-index:80;display:none;box-shadow:var(--shadow);font-size:18px;
}
.to-top:hover{background:var(--blue-500);}
.to-top.show{display:block;}

/* ---------- 滚动动画 ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}

/* ---------- 响应式 ---------- */
@media (max-width:1100px){
  .layout{grid-template-columns:1fr;}
  .intro-grid{grid-template-columns:1fr;}
  .info-grid{grid-template-columns:1fr;}
}
@media (max-width:900px){
  .nav-toggle{
    display:block;width:100%;background:var(--blue-900);color:#fff;border:0;text-align:left;
    padding:13px 16px;font-size:16px;cursor:pointer;
  }
  .nav-toggle::after{content:"≡";float:right;font-size:20px;line-height:1;}
  .nav_main .list{display:none;flex-direction:column;}
  .nav_main .list.open{display:flex;}
  .nav_main .list>li>a{line-height:44px;border-bottom:1px solid rgba(255,255,255,.12);padding-left:24px;}
  .nav_main .sub-box{position:static;display:block;box-shadow:none;border-top:0;background:rgba(0,0,0,.18);padding:0;}
  .nav_main .sub-box a{color:#dfe7f8;padding-left:42px;}
  .nav_main .sub-box a:hover{background:rgba(0,0,0,.25);color:var(--gold);}
  .header_main .header{flex-direction:column;text-align:center;gap:8px;}
  .logo{flex-direction:column;text-align:center;gap:8px;}
  .webtel{text-align:center;}
  .banner .prev,.banner .next{display:none;}
  .stat-row{grid-template-columns:repeat(2,1fr);}
  .news-rows li{flex-direction:column;}
  .news-rows .thumb,.news-rows .thumb img{flex:0 0 auto;width:100%;height:190px;}
  .detail{padding:20px 16px 26px;}
  .footer_top{gap:18px;}
}
@media (max-width:560px){
  body{font-size:14.5px;}
  .top_main p{display:none;}
  .top_main .top{justify-content:center;}
  .floor{padding:36px 0;}
  .floor-head h2{font-size:22px;}
  .card-grid{grid-template-columns:1fr;}
  .logo h1,.logo .name h1,.logo .site-name{font-size:20px;}
  .webtel strong{font-size:22px;}
  .detail-head h1{font-size:21px;}
  .prevnext{flex-direction:column;}
  .prevnext a{max-width:100%;}
}