@charset "utf-8";
/* ==================== 模板1（招生网）响应式样式 ==================== */
/* 规范（参考模板3）：
   1、电脑版样式写在 base.css，这里只写各断点的覆盖；
   2、断点：1600（容器94%）→ 1400（导航缩字）→ 1200（首页双栏并排缩距）→ 1000（切手机头）→ 768 → 640 → 480；
   3、≤1000 后 .pcshow/.mbshow 切换（幻灯 JS slideResize 自适应高度，这里不写死高度）；
   4、二级栏目：学校概况组合栏目（place=about）、招生动态(news)、校园全景(school)、招生信息(info)、
      专业介绍(major)、入学指南(point)、在线报名(baoming) 均"幻灯置顶"，红条 placebox 一半压幻灯。 */

/* ---------- 1600px 以下：中间区域 94% ---------- */
@media (max-width:1600px){
	
	.homein,
	.mainbox .centerbox,
	.aboutmain .aboutin,
	.footin{ width:94%; margin:0 auto;}
	.homepart2 .majorbox{width: 94%; margin: 0 auto;;}

	.bmform .centerbox{ width: 94%; margin: 0 auto;;}
}

/* ---------- 1660px 以下：缩小 logo + 导航间距/字号，避免与右侧菜单重叠 ---------- */
@media (max-width:1660px){
	.headbox .box .logo{ left:20px;}
	.headbox .box .logo img{ max-height:48px;}
	.headbox .menu{ right:100px;}
	.headbox .menu ul li{ margin-left:14px;}
	.headbox .menu ul li a{ font-size:15px;}
	.headbox .box .downtop{ width:80px;font-size: 12px}
}

/* ---------- 1400px：导航再缩 ---------- */
@media (max-width:1400px){
	.headbox .box .logo img{ max-height:36px;}
	.headbox .menu{ right:92px;}
	.headbox .menu ul li{ margin-left:10px;}
	.headbox .menu ul li a{ font-size:14px;}
}

/* ---------- 1200px：首页双栏并排、缩距 ---------- */
@media (max-width:1200px){
	.homepart1, .homepart2, .homepart3{ padding:60px 0;}
	.reasonbox{ padding:50px 0;}

	/* 首页数据 2 列 */
	.homepart1 .datalist ul{ flex-wrap:wrap; justify-content:flex-start;}
	.homepart1 .datalist ul li{ width:25%; margin-bottom:30px;}

	/* 招生动态/招生信息：上下两块 */
	.homepart1 .newspart{ margin-top:20px;}
	.homepart1 .zsbox{ width:100%; float:none;}
	.homepart1 .infobox{ width:100%; float:none; margin-top:40px;}

	/* 校园全景 swiper：active 居中，两侧露出 */
	.homepart3 .schoolbox .swiper{ width:86%;}
	.homepart3 .schoolbox .swiper li,
	.homepart3 .schoolbox .swiper li.swiper-slide-active{ width:70%;}
}

/* ==================== 手机端（≤1000px） ==================== */
@media (max-width:1000px){
	.pcshow{ display:none;}
	.mbshow{ display:block;}

	/* ---- 头部：70px，logo 左，汉堡按钮右（透明，滚动变白底）；顶部 VR 块隐藏（移入抽屉菜单） ---- */
	.headbox{ height:70px;}
	.headbox .box{ width:94%; height:70px;}
	.headbox .box .logo{ height:70px;left: 0;}
	.headbox .box .logo img{ max-height:34px;}
	.headbox .menu{ display:none;}
	.headbox .box .downtop{ display:none;}
	/* menubtn 显示、menuclose 初始隐藏（打开菜单后由 public.js 互换）；两者位置重合 */
	.headbox .menubtn{ display:block; font-size:24px; top:20px; right:6px;}
	.headbox .menuclose{ display:none; font-size:24px; top:20px; right:6px; color:#ffffff;}
	.headbox.scrolled{ box-shadow:0 2px 8px rgba(0,0,0,0.08);}
	.headbox.scrolled .menuclose{color:#333333;}
	.headboxkong{ height:70px;}
	.headboxon2 .menuclose { color: #333333;}

	/* ---- 手机抽屉菜单（含 VR 全景入口） ---- */
	#fixmenu{ top:70px; height:calc(100vh - 70px);}
	#fixmenu .vrmenu{ overflow:hidden; border-bottom:1px solid #d3d3d3; padding-bottom:10px; margin-bottom:10px; width: 94%; margin: 0 auto;;}
	#fixmenu .vrmenu a{ display:block; line-height:44px; color:#da251c; font-size:15px; font-weight:bold; text-decoration:none; border-bottom:1px dashed #eeeeee;}
	#fixmenu .vrmenu a:last-child{ border-bottom:0;}
	#fixmenu .vrmenu a img{ width:26px; height:auto; margin-right:10px; vertical-align:middle;}
	#fixmenu .themenu ul li{ line-height:50px;}
	#fixmenu .themenu ul li .tit{ line-height:50px; background:none;}
	#fixmenu .themenu ul li.onfocus .tit{ background:none;}

	/* ---- 当前位置红条：同步缩小，仍保持一半压幻灯 ---- */
	.placebox{ height:60px; margin-top:0; }
	.placebox .placein{ width:94%; height:60px; padding:0;margin: 0 auto;}
	.placebox .ptit{ font-size:20px; line-height:60px;}
	.placebox .ploc{ font-size:12px;display: none;}
	.placebox .ploc em{ margin:0 5px;}

	/* ---- 二级内容容器 ---- */
	.mainbox{ padding:60px 0 30px; margin: 0;}
	.aboutmain{ padding:20px 0 30px; margin: 0;}

	/* ---- 栏目标题 ---- */
	.hometit{ height:auto; line-height:32px; margin-bottom:20px;}
	.hometit .icon{ width:26px; height:26px; margin-top:3px;}
	.hometit span{ font-size:20px;}
	.hometit .more{ font-size:14px; line-height:32px;}

	/* ---- 首页数据：图标/数字缩小 ---- */
	.homepart1{ padding: 25px 0;}
	.homepart1 .datalist {margin-bottom: 20px;}
	.homepart1 .datalist ul li .pic{ margin-bottom:8px; height:125px ;}
	.homepart1 .datalist ul li .pic img{max-width: 80%; max-height: 90%; height: auto; width: auto;}
	.homepart1 .datalist ul li .num{ font-size:24px;}
	.homepart1 .datalist ul li .tit{ font-size:13px;}

	/* ---- 手机抽屉菜单关闭按钮 ---- */
	#fixmenu .closebtn{ display:block; margin:10px 0 40px; text-align:center; line-height:40px; color:#da251c; font-size:15px; font-weight:bold; cursor:pointer;}
	#fixmenu .closebtn img{ width:14px; height:auto; margin-right:6px; vertical-align:middle;}

	/* ---- 分页：圆形按钮居中，"共有N页N条"文字手机端隐藏 ---- */
	#PageInfo, .pagebox{ margin-top:25px; text-align:center; overflow:hidden; font-size:0;}
	#PageInfo .pagination, .pagebox .pagination{ display:inline-block; margin:0; font-size:14px;}
	#PageInfo .pagination > li, .pagebox .pagination > li{ display:inline-block; margin:0 3px;}
	#PageInfo .pagination > li > a, #PageInfo .pagination > li > span,
	.pagebox .pagination > li > a, .pagebox .pagination > li > span{ display:inline-block; min-width:34px; height:34px; line-height:32px; padding:0 8px; border-radius:50%; border:1px solid #e0e0e0; color:#666666; background:#ffffff; text-align:center;}
	#PageInfo .pagination > li > a:hover, .pagebox .pagination > li > a:hover{ border-color:#da251c; color:#da251c;}
	#PageInfo .pagination > .active > span, .pagebox .pagination > .active > span{ background:#da251c; border-color:#da251c; color:#ffffff;}
	.pagetotal{ display:none;}

	/* ---- swiper 左右箭头：放在下方居中 ---- */
	.homepart2 .majorbox{ padding-bottom:56px; width: 94%; margin: 0 auto;;}
	.homepart2 .majorbox .arrbtn{ top:auto; bottom:0; margin-top:0;}
	.homepart2 .majorbox .leftarr{ left:50%; margin-left:-46px;}
	.homepart2 .majorbox .rightarr{ right:50%; margin-right:-46px;}
	.homepart3 .schoolbox{ margin-top:30px; padding-bottom:50px;}
	.homepart3 .schoolbox .arrbtn{ top:auto; bottom:0; margin-top:0;}
	.homepart3 .schoolbox .leftarr{ left:50%; margin-left:-44px;}
	.homepart3 .schoolbox .rightarr{ right:50%; margin-right:-44px;}
	/* swiper 高度自适应（base.css 里 .schoolbox .swiper{height:466px}，不改成 auto 图片下方会空一大块） */
	.homepart2 .majorbox .swiper li,
	.homepart2 .majorbox .card{ height:auto;}
	.homepart2 .majorbox .card .pic img{ height:180px;}
	.homepart3 .schoolbox .swiper{ width:94%; height:auto;}
	.homepart3 .schoolbox .swiper li,
	.homepart3 .schoolbox .swiper li.swiper-slide-active{ width:100%; height:auto;}
	.homepart3 .schoolbox .swiper li img{ width:100%; height:250px;}

	/* ---- 学校概况组合栏目 ---- */
	/* 左侧栏目：改横排两列小按钮 */
	.aboutmain .sidenav{ width:100%; float:none; padding:12px; margin-bottom:20px;}
	.aboutmain .sidenav ul{ display:flex; flex-wrap:wrap; gap:8px;}
	.aboutmain .sidenav ul li{ width:calc(50% - 4px); margin:0;}
	.aboutmain .sidenav ul li a{ height:40px; font-size:14px; padding:0 12px;}
	.aboutmain .sidenav ul li a p{ line-height:40px;}
	.aboutmain .sidenav ul li.onfocus a::after{ line-height:40px; right:10px;}
	.aboutmain .aboutcon{ width:100%; float:none;}
	.aboutmain .contit{ font-size:20px; margin-bottom:15px; padding-bottom:10px;}
	.aboutmain .conbox{ padding:15px;}
	

	/* 学校领导：2列 */
	.leadergrid ul{ grid-template-columns:repeat(2,1fr); gap:15px;}
	.leadergrid ul li .pic{ height:200px;}
	.leadergrid ul li .name{ font-size:14px; padding:10px 0;}

	/* 机构设置 */
	.orglist li a{ height:46px; line-height:46px;}
	.orglist li .tit{ font-size:14px; max-width:58%;}
	.orglist li .time{ font-size:12px;}

	/* 大事记：竖线/圆点/卡片缩小 */
	.memorylist ul::before{ left:10px;}
	.memorylist ul li{ padding-left:44px; margin-bottom:18px;}
	.memorylist ul li .dot{ width:21px; height:21px; top:20px;}
	.memorylist ul li .dot img{ width:21px; height:21px;}
	.memorylist .card{ padding:14px 14px 14px 84px; border-radius:6px;}
	.memorylist .card::before{ left:-8px; top:20px; border-top-width:6px; border-bottom-width:6px; border-right-width:8px;}
	.memorylist .mdate{ left:14px; top:15px; font-size:13px; line-height:22px;}
	.memorylist .mword{ font-size:13px; line-height:24px;}
	.memorylist .mword p{ line-height:24px; margin-bottom:6px;}

	.mainbox{ padding: 30px 0;}

	/* ---- 招生动态：单列卡片 ---- */
	.newslist ul li{ margin-bottom:15px;}
	.newslist ul li a{ padding:14px;}
	.newslist .pic{ width:110px; height:80px;}
	.newslist .wordbox{ margin-left:124px;}
	.newslist .tit{ font-size:15px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:auto; line-height:22px;}
	.newslist .word{ display:none;}
	.newslist .botrow{ margin-top:8px;}

	/* ---- 招生信息 / 入学指南：单列卡片 ---- */
	.infolist ul{ grid-template-columns:1fr; gap:12px;}
	.infolist ul li a{ height:80px; padding:0 16px;}
	.infolist .date{ width:64px; margin-right:16px;}
	.infolist .date strong{ font-size:24px; line-height:30px;}
	.infolist .date span{ font-size:11px;}
	.infolist .tit{ font-size:14px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:30px;}

	/* ---- 专业介绍：列表单列 ---- */
	.majorlist ul{ display: block;}
	.majorlist ul li{ width: 100%; margin: 10px 0;}
	.majorlist ul li a{ padding:14px;}
	

	/* ---- 专业介绍详情：左栏目横排，名片 2 列换行 ---- */
	.specpage .specnav{ width:100%; float:none; padding:12px; margin-bottom:20px;}
	.specpage .specnav ul{ display:flex; flex-wrap:wrap; gap:8px;}
	.specpage .specnav ul li{ width:calc(50% - 4px); margin:0;}
	.specpage .specnav ul li a{ height:40px; font-size:14px; padding:0 12px; line-height:40px;}
	.specpage .specnav ul li.onfocus a::after{ line-height:40px; right:10px;}
	.specpage .speccon{ width:100%; float:none;}
	.specpage .specname{ font-size:20px; margin-bottom:15px;}
	.specpage .speccard{ flex-wrap:wrap; padding:20px 10px;}
	.specpage .speccard .item{ flex:0 0 50%; border-right:0; margin-bottom:18px;}
	.specpage .speccard .item:nth-last-child(-n+2){ margin-bottom:0;}
	.specpage .specblock{ padding:18px 15px;}
	.specpage .specblock .stit{ font-size:17px;}

	/* ---- 校园全景：VR卡片单列、图片单列 ---- */
	.vrgrid{ margin-bottom:25px;}
	.vrgrid .vrcard{ width:100%; padding:35px 0;}
	.vrgrid .vrcard:first-child{ margin-right:0; margin-bottom:15px;}
	.vrgrid .vrname{ font-size:18px; margin-top:14px;}
	.photolist ul{ grid-template-columns:1fr 1fr; gap:15px;}
	.photolist .pic{ height:150px;}
	.photolist .name{ font-size:13px;}

	/* ---- 在线报名 ---- */
	.bmcnt{ padding:18px 15px;}
	.bmcnt .bmgrid{ grid-template-columns:1fr; gap:20px;}
	.bmcnt .bmblock p{ font-size:13px; line-height:24px; margin-bottom:6px;}
	.bmform{ padding:35px 0 45px;}
	.bmform .bmformtit{ font-size:20px; margin-bottom:18px;}
	.bmform .bmgrid3{ grid-template-columns:1fr; gap:12px;}
	.bmform .bmcol2{ grid-column:span 1;}
	.bmform .bminput{ height:44px; line-height:44px; font-size:14px;}
	.bmform .bmsubmit{ width:100%; margin-top:20px;}

	/* ---- 新闻通用详情页 ---- */
	.box2{ width:100% !important; padding:0 4px !important;}
	.theTit{ font-size:20px !important; line-height:32px !important;}
	.theauthor{  height:auto !important;}
	.theauthor em{ display:block; float:none !important; margin:4px 0 !important;}
	.showup{ font-size:13px;}

	/* ---- 底部：居中 ---- */
	.footmenu{ padding:25px 0 0;}
	.footmenu .logopart{ padding-bottom:18px; margin-bottom:18px;}
	.footmenu .logopart .flogo{ float:none; text-align:center;}
	.footmenu .logopart .flogo img{ max-height:44px;}
	.footmenu .logopart .fword{ float:none; text-align:center; margin-top:12px;}
	.footmenu .logopart .fword img{ max-height:34px;}
	.footmenu .finfo{ margin-bottom:20px;}
	.footmenu .finfo .ftxt{ float:none; max-width:100%; font-size:12px; line-height:22px; text-align:center;}
	.footmenu .finfo .ers{ float:none; justify-content:center; margin-top:15px; gap:15px;}
	.footmenu .finfo .eritem img{ width:78px; height:78px;}

	/* 右侧漂浮：手机隐藏 */
	.gotop{ display:none !important;}
}

/* ---------- 768px ---------- */
@media (max-width:768px){
	.homepart1, .homepart2, .homepart3{ padding:25px 0;}
	.reasonbox{ padding:35px 0;}

	/* 首页数据：2列 */
	.homepart1 .datalist ul li{ width:50%;}

	/* 招生动态图文条目 */
	.homepart1 .picitem .pic{ width:100%; float:none;}
	.homepart1 .picitem .word{ width:100%; float:none; padding:12px 15px 0;}
	.homepart1 .piclist .picitem{ width:100%; margin-right:0; margin-bottom:20px;height:250px;}
	.homepart1 .picitem .pic .img,
	.homepart1 .piclist .picitem .pic img{ height:250px;}
	.homepart1 .txtlist ul li{ width:100%; margin-right:0;}
	.homepart1 .piclist .picitem .word .time{ font-size:12px; }
    .homepart1 .piclist .picitem .word .tit{ font-size:14px; }
    
	
    .homepart1 .txtlist{ margin-top:0px}
	.homepart1 .txtlist ul li .date .d{ font-size:24px}
	.homepart1 .txtlist ul li .date .y{ font-size:12px;}
	.homepart1 .txtlist ul li .tit{ font-size:14px}

	/* 专业 swiper：卡片字号 */
	.homepart2 .majorbox .card .tit{ font-size:17px;}
	.arrbtn{ width:36px; height:36px;}
	.arrbtn img{ width:36px; height:36px;}

	/* 入学指南 + 校园全景：上下两块 */
	.homepart3 .partL{ width:100%; float:none; margin-bottom:40px;}
	.homepart3 .partR{ width:100%; float:none;}
	.homepart3 .schoolbox{ margin-top:20px;}
	.homepart3 .schoolbox .swiper{ width:94%;}
	.homepart3 .schoolbox .swiper li,
	.homepart3 .schoolbox .swiper li.swiper-slide-active{ width:100%;}

	/* 选择天航的理由：1列 */
	.reasonbox ul{ grid-template-columns:1fr;}
	.reasonbox ul li.titleitem{ grid-column:span 1;}
	.reasonbox ul li.titleitem .word{ font-size:20px; height: 130px;}
	.reasonbox ul li img{ height:150px;}
	.reasonbox ul li{ height:150px;}
	.reasonbox ul li .cov .no{ font-size:28px;}
	.reasonbox ul li .cov .ctit{ font-size:14px;}

	/* 首页招生信息列表 */
	.homepart1 .infolistindex ul li{ height:44px; line-height:44px;}
	.homepart1 .infolistindex ul li a{ font-size:14px;}

	/* 入学指南列表 */
	.homepart3 .pointlist ul li{ padding:14px 0;}
	.homepart3 .pointlist ul li .tit{ font-size:14px; line-height:22px;}


	.majorlist ul li a{ display:flex; padding:10px; }
	.majorlist .pic{ flex:none; width:46%; height:150px}
	.majorlist .wordbox{margin-left:20px;}
	.majorlist .tit{ margin:0; font-size:16px; line-height:26px;} 
	.majorlist .code{ margin:10px 0 0; font-size:12px; color:#333333; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.majorlist .word{line-height:25px; height:50px; }

	.bmform .bmverify .bminput{width: 125px;}
	.bmform .bmverify img{height: 40px;}
	.bmform .bmverify .verifytip{ display: none;}

	

}

/* ---------- 640px 以下：字号再缩 ---------- */
@media (max-width:640px){
	
     #ertopslide{ width: 100%; height: 300px}
	.headbox .box .logo img{ max-height:28px;}
	.placebox .ptit{ font-size:18px;}
	.placebox .ploc{ font-size:11px;}
	.placebox .ploc em{ margin:0 4px;}

	.mainbox{ padding:40px 0 25px;}
	.aboutmain{ padding:15px 0 25px;}

	/* 招生动态/专业介绍：图片改通栏上图下文 */
	.newslist .pic{ width:46%; height:125px; margin-bottom:10px;}
	.newslist .wordbox{ width: 50%; float: right; margin: 0;}
	.newslist .botrow .time{ float:none; }
    .newslist .botrow .more{ float:none;margin-top: 15px;display: block;}


	.specpage .speccard .item img{ height:30px; margin-bottom:10px;}
	.specpage .speccard .item strong{ font-size:16px}
	.specpage .speccard .item span{  font-size:14px}

	.specpage .specblock .scon{font-size: 14px; line-height: 200%;}

	/* 招生信息/入学指南：日期块缩小 */
	.infolist .date{ width:56px;}
	.infolist .date strong{ font-size:20px; line-height:26px;}
	.infolist ul li a{ height:70px;}

	/* 校园全景：单列 */
	.photolist ul{ grid-template-columns:1fr;}
	.photolist .pic{ height:200px;}

	/* 专业名片：1列 */
	.specpage .speccard .item{ display: block; width: 50%; float: left;}
	.specpage .speccard .item:nth-last-child(-n+2){ margin-bottom:16px;}
	.specpage .speccard .item:last-child{ margin-bottom:0;}
	.specpage .specname{ font-size:18px;}

	/* 首页数据：保持2列 */
	.homepart1 .datalist ul li{ width:50%;}
	.reasonbox ul li img{ height:130px;}
	.reasonbox ul li{ height:130px;}

	.bmcnt .bmblock p{ font-size:14px}
    .bmcnt .bmblock p.bmtit{ font-size: 16px;}

	/* 底部二维码 */
	.footmenu .finfo .ers{ flex-wrap:wrap;}
	.footmenu .finfo .eritem img{ width:66px; height:66px;}
}

/* ---------- 480px ---------- */
@media (max-width:480px){
	.headbox .box .logo img{ max-height:26px;}
	.headbox .menubtn{ font-size:20px; right:2px;}
	.placebox .ptit{ font-size:16px;}
	.placebox .ploc{ font-size:10px;}
	.theTit{ font-size:18px !important;}
	.bmform .bmsubmit{ letter-spacing:2px;}
}