@charset "utf-8";
.basebox{ width:100%; min-width:320px; max-width:1920px;  height:auto; overflow:hidden; position:relative; margin:0 auto;  z-index:100; background:#ffffff;font-family:"Microsoft Yahei", Arial, STHeiti, SimSun, sans-serif; }

@font-face {
  font-family: 'siyuanheiti';
  src: url('../font/SourceHanSans-Bold.woff2') format('woff2'),
       url('../font/SourceHanSans-Bold.otf')  format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SourceHanSansCNLight';
  src: url('../font/SourceHanSansCN-Light.otf')  format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/*滚动条样式*/
::-webkit-scrollbar {width: 6px;border-radius: 3px;background-color: #e2e2e2;}
::-webkit-scrollbar-track {border-radius: 6px;border-radius: 3px;background-color: #e2e2e2;}
::-webkit-scrollbar-thumb {border-radius: 4px; background-color: #7e7e7e;}

*{ margin:0px; padding:0px}
body{ font-family:"Microsoft Yahei", Arial, STHeiti, SimSun, sans-serif; font-size:14px; color:#333333; min-width:320px;}
img{ border:0px; max-width:100%;}
ul,li{ list-style:none}
a{ text-decoration:none; color:#333333; transition:all 0.3s ease}
a:hover{ text-decoration:none}

/* 显隐工具类 */
.pcshow{ display:block}
.mbshow{ display:none}

/* 移动端抽屉菜单 */
#fixmenu{ width:100%; height:calc(100vh - 65px); overflow-y:auto; background: url(../Images/ertop1.png) repeat; position: fixed; left:0px; top:65px; z-index:99999; display:none;  }
#fixmenu .closebox{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0}
#fixmenu .closebox img{ width:25px; height:auto}
#fixmenu .boxmenu{ width:100%;  height:auto; position:relative; overflow:auto; float:right; background:#fff; color:#fff; padding-bottom:50px; z-index:1}
#fixmenu .boxmenu a{ color:#333333}
#fixmenu .themenu{ width:96%; margin:0 auto; overflow:hidden; margin-top:0px;}
#fixmenu .themenu ul{ margin:0px; padding:0px; list-style:none}
#fixmenu .themenu ul li{ margin:0px; padding:0px; list-style:none; font-size:14px; height:auto; line-height:50px; text-align:left; width:100%;  text-indent:20px; }
#fixmenu .themenu ul li a{ width:100%; height:100%; display:block}
#fixmenu .themenu ul li .tit{ width:100%; height:50px; line-height:50px; font-size:14px; border-bottom:1px solid #bdc9d4; text-indent:15px; font-weight:700; color:#343434; position:relative; background:url(../Images/down1.png) right center no-repeat; background-size:12px auto;}
#fixmenu .themenu ul li .tit a{color:#343434}
#fixmenu .themenu ul li .list{ width:100%; height:auto; overflow:hidden;  display:none }
#fixmenu .themenu ul li .list ul{ margin:0px; padding:0px; list-style:none}
#fixmenu .themenu ul li .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; float:none; height:auto; overflow:hidden; line-height:38px; text-indent:0; text-align:left;text-indent:25px; color:#343434; border-bottom:1px solid #e8e7e7; }
#fixmenu .themenu ul li .list ul li a{ color:#343434}
#fixmenu .themenu ul li.onfocus  .tit{ color:#d61418;background:url(../Images/down2.png) right center no-repeat; background-size:12px auto;}
#fixmenu .themenu ul li.onfocus  .tit a{ color:#d61418}
#fixmenu .themenu ul li.onfocus .list{ display:block}

/* 右侧漂浮 gotop（保留原有样式） */
.gotop{  width:88px; height:auto; cursor: pointer; z-index:200; right:26px;position: fixed;bottom:50px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020; background: linear-gradient(to bottom, #ee6c1c, #da251c, #ee6c1c, #da251c); background-size: 100% 200%; animation: gotopFlow 2s linear infinite paused; border-radius: 10px; border-top-left-radius: 50px; border-top-right-radius: 50px;display: none; }
.gotop:hover{ animation-play-state: running; }
@keyframes gotopFlow{ from{ background-position: 0% 0%;} to{ background-position: 0% 100%;}}

.gotop .one{ width:100%; height:auto; overflow:visible;border-radius:10px;padding:3px;}
.gotop ul{ margin:0px; padding:0px; list-style:none}
.gotop ul li{ margin:0px 0 5px 0; padding:0px; list-style:none;width:88px; height:auto; position:relative; overflow: visible}
.gotop ul li p{ width:88px; height:auto;  text-align:center; padding:5px 0px; overflow:hidden; position:relative; color: #ffffff; line-height: 25px;}
.gotop ul li p:after{ width:90%; height:1px; background:#e56861; position:absolute; left:5%; bottom:0px; content:''}

.gotop ul li .ercode{ width:100px; height:100px; position:absolute; right:80px; top:0px; display:none}
.gotop ul li .ercode img{ max-width:96%; height:auto}
.gotop ul li .tel{ width:150px; height:74px; line-height:74px; text-align:center; position:absolute; right:70px; top:0px; display:none;  background-image: linear-gradient(to right, #d61418, #d61418); color:#fff; font-size:14px}

.gotop ul li .vrbox{ width:150px; height:74px; line-height:74px; text-align:center; position:absolute; right:88px; top:0px; display:none;  background-image: linear-gradient(to right, #da251c, #ee6c1c); color:#fff; font-size:14px}
.gotop ul li .vrbox a{ color: #ffffff;}

.gotop ul li:last-child p::after{ display: none;}

.gotop ul li.t1:hover .vrbox{ display: block;}
.gotop ul li.t2:hover .ercode{ display:block}
.gotop ul li.t3:hover .tel{ display:block}


/* ============================================================
   招生网首页样式
   ============================================================ */

/* 顶部导航：100px 高，默认透明+白logo+白菜单，下滑白底深logo黑字 */
.headboxkong{ width:100%; height:100px; overflow:hidden; }
.headbox{ width:100%; height:100px; overflow: visible; position: fixed; z-index:99999999; left:0; top:0; background:none; border-bottom:1px solid rgba(255,255,255,0.2); transition: all 0.3s ease;}
.headbox .box{ width:100%; max-width:1920px; height:100px; margin:0 auto; position:relative;}
.headbox .box .logo{ position:absolute; left:20px; top:0; height:100px; display:flex; align-items:center;}
.headbox .box .logo img{ max-height:62px; vertical-align:middle}
.headbox .box .logo .img1{ display:block}
.headbox .box .logo .img2{ display:none}

.headbox .menu{ position:absolute; right:125px; top:0; height:100px;}
.headbox .menu ul{ margin:0px; padding:0px; list-style:none; text-align:right; padding-right:0;}
.headbox .menu ul li{ display:inline-block; height:100px; line-height:100px; margin-left:34px;}
.headbox .menu ul li a{ font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none}
.headbox .menu ul li a:hover{ color:#ffffff; opacity:0.8}
.headbox .menu ul li.onfocus a{ color:#ffffff; border-bottom:3px solid #da251c; padding-bottom:8px}

/* 导航下拉（子分类）：默认隐藏，hover 显示（head() 按 tag 自动生成 sunList） */
.headbox .menu ul li{ position:relative;}
.headbox .menu ul li .list{ display:none; position:absolute; left:50%; top:80px; margin-left:-90px; width:180px; background:#ffffff; z-index:1000; box-shadow:0 5px 12px rgba(0,0,0,0.15); text-align:center;}
.headbox .menu ul li .list ul{ display:block; margin:0; padding:0; list-style:none;}
.headbox .menu ul li .list ul li{ display:block; width:100%; height:auto; line-height:normal; margin:0; float:none;}
.headbox .menu ul li .list ul li a{ display:block; height:42px; line-height:42px; font-size:14px; font-weight:normal; color:#333333; text-align:center; border-bottom:1px solid #f0f0f0; opacity:1;}
.headbox .menu ul li .list ul li:last-child a{ border-bottom:0;}
.headbox .menu ul li .list ul li a:hover{ color:#da251c; opacity:1;}
.headbox.scrolled .menu ul li .list ul li a{ color:#333333;}

.headbox .box .downtop{ position:absolute; right:0px; top:0; width:112px; height:100px; background:#da251c; overflow:visible; cursor:pointer; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.headbox .box .downtop .vrimg{ display:block; width:38px; height:auto;}
.headbox .box .downtop .tit{ position:static; width:100%; height:auto; line-height:1.4; margin-top:8px; font-size:14px; color:#fff;}
.headbox .box .downtop .downlist{ position:absolute; top:100px; left:0; width:100%; background:#ffffff; display:none; z-index:99; box-shadow:0 5px 10px rgba(0,0,0,0.15);}
.headbox .box .downtop:hover .downlist{ display:block}
.headbox .box .downtop .downlist ul{ margin:0; padding:0; list-style:none; text-align:center; padding-right:0;}
.headbox .box .downtop .downlist ul li{ display:block; height:40px; line-height:40px; margin:0; border-bottom:1px solid #f0f0f0;}
.headbox .box .downtop .downlist ul li a{ font-size:14px; font-weight:normal; color:#333333;}
.headbox .box .downtop .downlist ul li a:hover{ color:#da251c}

.headbox.scrolled{ background:#ffffff; box-shadow:0 2px 10px rgba(0,0,0,0.08);}
.headbox.scrolled .box .logo .img1{ display:none}
.headbox.scrolled .box .logo .img2{ display:block}
.headbox.scrolled .menu ul li a{ color:#333333}
.headbox.scrolled .menu ul li a:hover{ color:#da251c; opacity:1}
.headbox.scrolled .menu ul li.onfocus a{ color:#da251c}


.headboxon2{ background:#ffffff; box-shadow:0 2px 10px rgba(0,0,0,0.08);}
.headboxon2 .box .logo .img1{ display:none}
.headboxon2 .box .logo .img2{ display:block}
.headboxon2 .menu ul li a{ color:#333333}
.headboxon2 .menu ul li a:hover{ color:#da251c; opacity:1}
.headboxon2 .menu ul li.onfocus a{ color:#da251c}
.headboxon2 .menuclose { color: #333333;}


/* 手机端菜单按钮 / 关闭按钮：PC 全部隐藏，≤1000px 由 other.css 显示 menubtn。
   显示切换由 public.js 的 menuDepeart() 完成（打开菜单时 menubtn ⇄ menuclose 互换），
   所以两个按钮必须都存在且位置完全重合 */
.headbox .menubtn,
.headbox .menuclose{ display:none; position:absolute; right:10px; top:30px; font-size:26px; color:#da251c; cursor:pointer}

/* 幻灯 */
.slidebox{ width:100%; height:760px; overflow:hidden; position:relative;}
.slidebox .swiper{ width:100%; height:100%; margin:0; padding:0; list-style:none}
.slidebox .swiper li{ width:100%; height:100%; overflow:hidden}
.slidebox .swiper li .pic{ width:100%; height:100%;}
.slidepage{ position:absolute; left:0; bottom:30px !important; width:100%; text-align:center; z-index:9;}
.slidepage .spage{ display:inline-block; width:28px; height:27px; margin:0 4px; cursor:pointer; background:url(../Images/page1.png) center center no-repeat; background-size:28px 27px;}
.slidepage .spage-on{ background:url(../Images/page2.png) center center no-repeat; background-size:28px 27px;}

/* 公共标题 */
.hometit{ height:40px; line-height:40px; margin-bottom:35px; overflow:hidden;}
.hometit .icon{ width:40px; height:40px; float:left;}
.hometit span{ float:left; font-size:34px; font-weight:bold; color:#333333; margin-left:12px;}
.hometit .more{ float:right; font-size:16px; color:#da251c; text-decoration:none; line-height:40px;}
.hometit .more:hover{ color:#c9261d}
.hometit.ondark span{ color:#ffffff}

/* 第一部分 */
.homepart1{ width:100%; height:auto; overflow:hidden; background:url(../Images/homepart1bg.jpg) top center no-repeat; background-size:cover; padding:100px 0;}
.homein{  max-width:1600px;  margin:0 auto; clear:both; overflow:hidden;}

.homepart1 .datalist{ width:100%; overflow:hidden; margin-bottom:70px;}
.homepart1 .datalist ul{ margin:0px; padding:0px; list-style:none; display:flex; justify-content:space-around;}
.homepart1 .datalist ul li{ text-align:center;}
.homepart1 .datalist ul li .pic{ width:151px; height:151px; margin:0 auto 20px;}
.homepart1 .datalist ul li .pic img{ width:151px; height:auto;}
.homepart1 .datalist ul li .num{ font-family:Arial, "Microsoft Yahei"; font-size:60px; font-weight:bold; color:#da251c; line-height:1;}
.homepart1 .datalist ul li .tit{ font-size:16px; color:#333333; margin-top:15px;}

.homepart1 .newspart{ width:100%; overflow:hidden;}
.homepart1 .zsbox{ width:67%; float:left;}
.homepart1 .infobox{ width:31%; float:right;}

.homepart1 .piclist{ width:100%; overflow:hidden;}
.homepart1 .piclist .picitem{ width:48.5%; float:left; position:relative; overflow:hidden;}
.homepart1 .piclist .picitem:first-child{ margin-right:3%;}
.homepart1 .piclist .picitem .pic{ width:100%; height:338px; overflow:hidden;}
.homepart1 .piclist .picitem .pic img{ width:100%; height:338px; object-fit:cover; transition:all 0.5s ease;}
.homepart1 .piclist .picitem a:hover .pic img{ transform:scale(1.05);}
.homepart1 .piclist .picitem .word{ position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:40px 20px 15px; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));}
.homepart1 .piclist .picitem .word .time{ font-size:14px; color:#ffffff; opacity:0.85;}
.homepart1 .piclist .picitem .word .tit{ font-size:16px; color:#ffffff; margin-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.homepart1 .txtlist{ width:100%; margin-top:15px; overflow:hidden;}
.homepart1 .txtlist ul{ margin:0px; padding:0px; list-style:none;}
.homepart1 .txtlist ul li{ width:48.5%; float:left; height:111px; margin-right:3%; margin-top:15px; background:#ffffff;}
.homepart1 .txtlist ul li:nth-child(2n){ margin-right:0;}
.homepart1 .txtlist ul li a{ display:flex; align-items:center; width:100%; height:100%; box-sizing:border-box; padding:0 25px; text-decoration:none; transition:all 0.3s ease;}
.homepart1 .txtlist ul li a:hover{ background:#c9261d;}
.homepart1 .txtlist ul li .date{ width:70px; flex:none; text-align:center; border-right:1px solid #e0e0e0; padding-right:15px; margin-right:20px;}
.homepart1 .txtlist ul li a:hover .date{ border-right-color:rgba(255,255,255,0.4);}
.homepart1 .txtlist ul li .date .d{ font-size:30px; font-weight:bold; color:#333333; line-height:1.1;}
.homepart1 .txtlist ul li .date .y{ font-size:14px; color:#999999;}
.homepart1 .txtlist ul li .tit{ font-size:16px; color:#333333; line-height:24px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.homepart1 .txtlist ul li a:hover .date .d,
.homepart1 .txtlist ul li a:hover .date .y,
.homepart1 .txtlist ul li a:hover .tit{ color:#ffffff;}

.homepart1 .infolistindex ul{ margin:0px; padding:14px; list-style:none; background:#ffffff; box-sizing:border-box;}
.homepart1 .infolistindex ul li{ height:52px; line-height:52px; border-bottom:1px solid #ebebeb; overflow:hidden;}
.homepart1 .infolistindex ul li a{ display:block; font-size:16px; color:#333333; text-decoration:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px;}
.homepart1 .infolistindex ul li a:hover{ color:#da251c;}
.homepart1 .infolistindex ul li .dot{ display:inline-block; vertical-align:middle; margin-right:8px;}
.homepart1 .infolistindex ul li .dot img{ width:6px; height:auto; vertical-align:middle;}

/* 第二部分 专业介绍 */
.homepart2{ width:100%; height:auto; overflow:hidden; background:url(../Images/homeaprt2bg.jpg) top center no-repeat; background-size:cover; padding:100px 0;}
.homepart2 .homein{ max-width:1600px; margin: 0 auto;}
.homepart2 .majorbox{ max-width:1760px; margin:0 auto; position:relative; overflow: hidden;}
.homepart2 .majorbox .swiper{ width:100%; margin:0 auto; overflow:hidden; padding:0;max-width: 1600px; margin: 0 auto;}
.homepart2 .majorbox .swiper ul{ margin:0px; padding:0px; list-style:none}
.homepart2 .majorbox .swiper li{ height:400px; box-sizing:border-box;}
.homepart2 .majorbox .card{ width:100%; height:400px; box-sizing:border-box; padding:13px; background:#ffffff; }
.homepart2 .majorbox .card a{ text-decoration:none; display:block;}
.homepart2 .majorbox .card .tit{ font-size:22px; font-weight:bold; color:#333333; text-align:center; margin-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homepart2 .majorbox .card .code{ font-size:16px; color:#333333; text-align:center; margin-top:10px;}
.homepart2 .majorbox .card .college{ font-size:16px; color:#333333; text-align:center; margin-top:10px;}
.homepart2 .majorbox .card .pic{ margin-top:25px; overflow:hidden;}
.homepart2 .majorbox .card .pic img{ width:100%; height:221px; object-fit:cover; transition:all 0.5s ease;}
.homepart2 .majorbox .card a:hover .pic img{ transform:scale(1.05);}

.arrbtn{ position:absolute; top:50%; margin-top:-28px; width:57px; height:57px; cursor:pointer; z-index:9;}
.arrbtn img{ width:57px; height:57px;}
.homepart2 .majorbox .leftarr{ left:0px;}
.homepart2 .majorbox .rightarr{ right:0px;}



/* 第三部分 入学指南 + 校园全景 */
.homepart3{ width:100%; height:auto; overflow:hidden; background:url(../Images/homepart3bg.jpg) top center no-repeat; background-size:cover; padding:100px 0;}
.homepart3 .partL{ width:31.25%; height: auto; overflow: hidden; float:left;}
.homepart3 .partR{ width:64%; height: auto; overflow: hidden; float:right;}
.homepart3 .partL .pointlist ul{ margin:0px; padding:0px; list-style:none;}
.homepart3 .partL .pointlist ul li{ border-bottom:1px solid #e5e5e5; padding:22px 0;}
.homepart3 .partL .pointlist ul li a{ text-decoration:none;}
.homepart3 .partL .pointlist ul li .tit{ font-size:16px; color:#333333; line-height:30px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.homepart3 .partL .pointlist ul li .time{ font-size:14px; color:#da251c; margin-top:10px;}
.homepart3 .partL .pointlist ul li a:hover .tit{ color:#da251c;}

.homepart3 .schoolbox{ position:relative; margin-top:90px; overflow:hidden;}
.homepart3 .schoolbox .swiper{ width:80%; height:466px; overflow:hidden; margin:0 auto; padding:0; list-style:none;}
.homepart3 .schoolbox .swiper li{ width:772px; height:466px; overflow:hidden; z-index:1;overflow:visible;opacity:0.95;position:relative; z-index:0}
.homepart3 .schoolbox .swiper li.swiper-slide-active{ width: 772px; height: 466px;z-index:1000 !important; opacity: 1;}
.homepart3 .schoolbox .swiper li img{ width:772px; height:466px; object-fit:cover;}

.homepart3 .schoolbox .leftarr{ left:0px; z-index:99;}
.homepart3 .schoolbox .rightarr{ right:0px; z-index:99;}

/* 选择天航的理由 */
.reasonbox{ width:100%; height:auto; overflow:hidden; background:#f5f6f8; padding:80px 0;}
.reasonbox ul{ margin:0px; padding:0px; list-style:none; display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.reasonbox ul li{ height:160px; overflow:hidden; position:relative;}
.reasonbox ul li.titleitem{ grid-column:span 2;}
.reasonbox ul li img{ width:100%; height:160px; object-fit:cover; display:block; transition:all 0.5s ease;}
.reasonbox ul li a{ display:block;}
.reasonbox ul li a:hover img{ transform:scale(1.04);}
.reasonbox ul li.titleitem .word{ width:100%; height:160px; background:url(../Images/ly0.jpg) center center no-repeat; background-size:cover; display:flex; align-items:center; padding-left:25px; box-sizing:border-box; font-size:30px; font-weight:bold; color:#ffffff; text-align:left;}
.reasonbox ul li.titleitem .word .icon{ width:40px; height:40px; flex:none; margin-right:15px;}
/* 每格叠加数字+标题 */
.reasonbox ul li .cov{ position:absolute; left:0; bottom:10px; width:100%; box-sizing:border-box; padding:10px 18px; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.55));}
.reasonbox ul li .cov .no{ font-family:Arial; font-size:42px; font-weight:bold; color:#ffffff; line-height:1;}
.reasonbox ul li .cov .ctit{ font-size:16px; color:#ffffff; margin-top:5px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: 700;}
.reasonbox ul li.titleitem .word .icon{ width:40px; height:40px; vertical-align:middle; margin-right:15px; margin-top:-6px;}

/* 底部 */
.footmenu{ width:100%; height:auto; overflow:hidden; background:#9d0800; padding:50px 0 0;}
.footin{ width:100%; max-width:1600px; margin:0 auto; clear:both; overflow:hidden;}
.footmenu .logopart{ border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:35px; margin-bottom:35px;}
.footmenu .logopart .flogo{ float:left;}
.footmenu .logopart .flogo img{ max-height:70px;}
.footmenu .logopart .fword{ float:right;}
.footmenu .logopart .fword img{ max-height:60px;}
.footmenu .finfo{ overflow:hidden; margin-bottom:30px;}
.footmenu .finfo .ftxt{ float:left; font-size:14px; color:#dfdfdf; line-height:26px; max-width:70%;}
.footmenu .finfo .ftxt a{ color:#dfdfdf}
.footmenu .finfo .ers{ float:right; display:flex; gap:25px;}
.footmenu .finfo .eritem{ text-align:center;}
.footmenu .finfo .eritem img{ width:100px; height:100px; display:block; object-fit:cover;}
.footmenu .finfo .eritem p{ font-size:12px; color:#999999; margin:8px 0 0; line-height:1;}


/* 菜单下拉：hover显示（tag自动生成子分类下拉） */
.headbox  .menu ul li:hover .list{ display:block;}
.headbox  .menu ul li .list:hover{ display:block;}

#ertopslide{ width: 100%; height: 520px; position: relative;z-index: 0;}
.erSlide{ width: 100%; height: 520px; overflow: hidden;}
.erSlide .list{width: 100%; height: 520px; overflow: hidden;}
.erSlide .list ul{margin: 0;padding: 0;list-style: none;}
.erSlide .list ul li{margin: 0;padding: 0;list-style: none; width: 100%; height: 520px;}
.erSlide .list ul li .pic{ width: 100%; height: 520px; overflow: hidden;}

/* ==================== 学校概况二级页（学校简介/学校领导/理念特色/机构设置/大事记） ==================== */

/* 当前位置红条：place.png 1614*72，一半压在幻灯上（margin-top 负一半），一半在内容区上 */
.placebox{ width:100%; height:72px; margin-top:-36px; display:flex; position:relative; z-index:20; background:url(../Images/place.png) center center no-repeat;}
/* display:flex 说明：负 margin-top 会让内部 .placein 整体下坠 36px（子元素被顶出条外），
   改成 flex 容器后子元素布局正常（flex item 不参与外边距塌陷） */
.placebox .placein{ width:100%; max-width:1600px; margin:0 auto; height:72px; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; padding:0 20px;}
.placebox .ptit{ margin:0; font-size:30px; color:#ffffff; font-weight:bold; line-height:72px;}
.placebox .ploc{ margin:0; color:#ffffff; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.placebox .ploc a{ color:#ffffff; text-decoration:none;}
.placebox .ploc a:hover{ text-decoration:underline;}
.placebox .ploc em{ font-style:normal; margin:0 8px; opacity:0.85;}
.placebox .ploc span{ color:#ffffff;}

/* 内容区：erbg.jpg 背景，左侧二级栏目 + 右侧内容 */
.aboutmain{ width:100%; overflow:hidden; background:url(../Images/erbg.jpg) bottom center no-repeat; background-size:cover; padding:40px 0 60px;margin-top: -36px; z-index: 0; position: relative; padding: 100px 0;}
.aboutmain .aboutin{ width:100%; max-width:1600px; margin:0 auto; overflow:hidden;}

/* 左侧二级栏目：白盒 + 灰底条目，选中红底白字带箭头 */
.aboutmain .sidenav{ width:20%; float:left; background:#ffffff; box-sizing:border-box; padding:20px; box-shadow:0 0 10px 0 rgba(0,0,0,0.04);}
.aboutmain .sidenav ul{ margin:0; padding:0; list-style:none;}
.aboutmain .sidenav ul li{ margin:0 0 10px; padding:0; list-style:none;}
.aboutmain .sidenav ul li:last-child{ margin-bottom:0;}
.aboutmain .sidenav ul li a{ display:block; height:46px; background:#f2f2f2; color:#333333; font-size:17px; padding:0 18px; text-decoration:none; position:relative; transition:all 0.3s ease; box-sizing:border-box;}
.aboutmain .sidenav ul li a p{ margin:0; line-height:46px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.aboutmain .sidenav ul li a:hover{ background:#da251c; color:#ffffff;}
.aboutmain .sidenav ul li.onfocus a{ background:#da251c; color:#ffffff;}
.aboutmain .sidenav ul li.onfocus a::after{ content:'\2192'; position:absolute; right:16px; top:0; line-height:46px; color:#ffffff; font-size:16px;}

/* 右侧内容 */
.aboutmain .aboutcon{ width:76%; float:right; overflow:hidden;}
.aboutmain .contit{ margin:0 0 25px; padding:0 0 14px; border-bottom:2px solid #da251c; font-size:30px; font-weight:bold; color:#333333; line-height:1;}
.aboutmain .conbox{ background:#ffffff; box-sizing:border-box; padding:30px; overflow:hidden; box-shadow:0 0 10px 0 rgba(0,0,0,0.04);}

/* 学校简介/理念特色：正文 */
.aboutcon-show{ font-size:15px; color:#333333; line-height:32px;}
.aboutcon-show p{ margin:0 0 12px; line-height:32px;}
.aboutcon-show img{ max-width:100%; height:auto;}

/* 学校领导：4列图片列表（白色相框 + 姓名） */
.leadergrid ul{ margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:30px;}
.leadergrid ul li{ margin:0; padding:0; list-style:none;overflow: hidden;}
.leadergrid ul li a{ display:block; background:none; padding:0; box-sizing:border-box; text-decoration:none; border:0; box-shadow:0 0 10px 0 rgba(0,0,0,0.05); transition:all 0.3s ease;}
.leadergrid ul li a:hover{ border-color:#da251c; box-shadow:0 4px 14px 0 rgba(218,37,28,0.15);}
.leadergrid ul li .pic{ width:100%; height:360px; overflow:hidden;}
.leadergrid ul li .pic img{ width:100%; height:100%; object-fit:cover; display:block; transition:all 0.5s ease;}
.leadergrid ul li a:hover .pic img{ transform:scale(1.05);}
.leadergrid ul li .name{ margin:0; padding:14px 0; text-align:center; font-size:18px; font-weight: 700;; color:#333333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.leadergrid ul li a:hover .name{ color:#da251c;}

/* 机构设置：列表（可进详细页） */
.orglist{ margin:0; padding:0; list-style:none;}
.orglist li{ margin:0; padding:0; list-style:none; border-bottom:1px solid #f0f0f0;}
.orglist li a{ display:block; height:58px; line-height:58px; text-decoration:none; position:relative; transition:all 0.3s ease;}
.orglist li .dot{ display:inline-block; vertical-align:middle; margin:0 12px 0 6px;}
.orglist li .dot img{ width:7px; height:auto; vertical-align:middle;}
.orglist li .tit{ display:inline-block; max-width:70%; font-size:16px; color:#333333; vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.orglist li .time{ float:right; font-size:14px; color:#999999;}
.orglist li a:hover .tit{ color:#da251c; font-weight:bold;}

/* 大事记：时间轴列表（无详细页），dot4.png 圆点 + 竖线 + 白色卡片 */
.memorylist{ width:100%; overflow:hidden;}
.memorylist ul{ margin:0; padding:0; list-style:none; position:relative;}
.memorylist ul::before{ content:''; position:absolute; left:15px; top:10px; bottom:10px; width:1px; background:#dddddd;}
.memorylist ul li{ margin:0 0 28px; padding:0 0 0 70px; list-style:none; position:relative; overflow:hidden;}
.memorylist ul li:last-child{ margin-bottom:0;}
.memorylist ul li .dot{ position:absolute; left:0; top:24px; width:31px; height:31px; overflow:hidden;}
.memorylist ul li .dot img{ width:31px; height:31px; display:block;}
.memorylist .card{ background:#ffffff; border-radius:8px; box-sizing:border-box; padding:24px 30px 24px 130px; position:relative; box-shadow:0 0 12px 0 rgba(0,0,0,0.06);}
.memorylist .card::before{ content:''; position:absolute; left:-10px; top:28px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:10px solid #ffffff;}
.memorylist .mdate{ position:absolute; left:30px; top:25px; margin:0; font-size:16px; color:#da251c; line-height:40px;}
.memorylist .mword{ font-size:16px; color:#333333; line-height:40px; word-break:break-all;}
.memorylist .mword p{ margin:0 0 10px; line-height:30px;}
.memorylist .mword p:last-child{ margin-bottom:0;}

/* 分页 */
.aboutcon #PageInfo{ margin-top:30px; text-align:center; overflow:hidden;}
.aboutcon #PageInfo a{ display:inline-block; min-width:34px; height:34px; line-height:32px; padding:0 10px; margin:0 3px; border:1px solid #e0e0e0; color:#666666; text-decoration:none; border-radius:4px; font-size:14px;}
.aboutcon #PageInfo a:hover{ border-color:#da251c; color:#da251c;}
.aboutcon #PageInfo .active{ background:#da251c; border-color:#da251c; color:#ffffff;}

/*二级中心位置*/
.mainbox{ width:100%; overflow:hidden; background:url(../Images/erbg.jpg) bottom center no-repeat; background-size:cover; padding:40px 0 60px 0;margin-top: -36px; z-index: 0; position: relative; padding: 100px 0;}
.mainbox .centerbox{ width:100%; max-width:1600px; margin:0 auto; overflow:hidden;}
.mainbox .showus{ width: 100%; height: auto; overflow: hidden; line-height: 200%; font-size: 16px;}
.mainbox .showus img{ max-width: 100%; height: auto;}

/* ==================== 招生动态列表（zs_news） ==================== */
/* 白色圆角卡片：左图 + 右侧（标题/简介/日期），鼠标经过边框和标题变红 */
.newslist ul{ margin:0; padding:0; list-style:none;}
.newslist ul li{ margin:0 0 25px; padding:0; list-style:none;}
.newslist ul li:last-child{ margin-bottom:0;}
.newslist ul li a{ display:block; background:#ffffff; border:1px solid #f0f0f0; border-radius:10px; box-sizing:border-box; padding:25px; text-decoration:none; box-shadow:0 0 10px 0 rgba(0,0,0,0.04); transition:all 0.3s ease; overflow:hidden;}
.newslist ul li a:hover{ border-color:#da251c;}
.newslist .pic{ float:left; width:300px; height:175px; overflow:hidden; border-radius:6px;}
.newslist .pic img{ width:100%; height:100%; object-fit:cover; display:block; transition:all 0.5s ease;}
.newslist ul li a:hover .pic img{ transform:scale(1.05);}
.newslist .wordbox{ margin-left:330px;}
.newslist .tit{ margin:0 0 12px; font-size:20px; font-weight:bold; color:#333333; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:color 0.3s ease;}
.newslist ul li a:hover .tit{ color:#da251c;}
.newslist .word{ margin:0; font-size:15px; color:#666666; line-height:26px; height:52px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.newslist .botrow{ margin-top:16px; overflow:hidden;}
.newslist .botrow .time{ float:left; margin:0; font-size:14px; color:#999999; line-height:20px;}
.newslist .botrow .more{ float:right; margin:0; font-size:14px; color:#da251c; line-height:20px; text-decoration:none;}
.newslist .botrow .more em{ font-style:normal; margin-left:6px; transition:margin 0.3s ease;}
.newslist ul li a:hover .botrow .more em{ margin-left:10px;}

/* 分页：圆形按钮，当前页红底白字 */
.pagebox{ margin-top:40px; text-align:center; overflow:hidden;}
.pagebox .pagination{ margin:0; display:inline-block;}
.pagebox .pagination > li{ display:inline-block; margin:0 4px;}
.pagebox .pagination > li > a,
.pagebox .pagination > li > span{ display:inline-block; min-width:38px; height:38px; line-height:36px; padding:0 10px; border-radius:50%; border:1px solid #e0e0e0; color:#666666; background:#ffffff; font-size:14px; text-decoration:none; text-align:center;}
.pagebox .pagination > li > a:hover{ border-color:#da251c; color:#da251c;}
.pagebox .pagination > .active > span{ background:#da251c; border-color:#da251c; color:#ffffff;}

/* ==================== 校园全景（zs_school） ==================== */
/* 顶部 2 个 VR 卡片（数据同顶部 VR 下拉：SITEINFO.link1/link6），图标 vr1.png，上下 padding 80px */
.vrgrid{ width:100%; overflow:hidden; margin-bottom:45px;}
.vrgrid .vrcard{ display:block; float:left; width:49%; box-sizing:border-box; background:#ffffff; border:1px solid #eeeeee; border-radius:8px; text-decoration:none; text-align:center; padding:80px 0; box-shadow:0 0 10px 0 rgba(0,0,0,0.04); transition:all 0.3s ease;}
.vrgrid .vrcard:first-child{ margin-right:2%;}
.vrgrid .vrcard:hover{ box-shadow:0 6px 18px 0 rgba(218,37,28,0.15); transform:translateY(-3px);}
.vrgrid .vric{ display:block; width:104px; height:104px; margin:0 auto; overflow:hidden;}
.vrgrid .vric img{ width:104px; height:104px; display:block;}
.vrgrid .vrname{ margin:24px 0 0; font-size:26px; color:#da251c; line-height:1;}

/* 校园图片列表：3列，图下灰色标题 */
.photolist ul{ margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:25px 40px;}
.photolist ul li{ margin:0; padding:0; list-style:none;}
.photolist ul li a{ display:block; text-decoration:none;}
.photolist .pic{ width:100%; height:330px; overflow:hidden; border-radius:4px; background:#ffffff; box-shadow:0 0 10px 0 rgba(0,0,0,0.08);}
.photolist .pic img{ width:100%; height:100%; object-fit:cover; display:block; transition:all 0.5s ease;}
.photolist ul li a:hover .pic img{ transform:scale(1.05);}
.photolist .name{ margin:20px 0 0 0; font-size:18px; color:#666666; text-align:center; line-height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:color 0.3s ease; height: 50px;}
.photolist ul li a:hover .name{ color:#da251c;}

/* ==================== 招生信息（zs_info） ==================== */
/* 2列日期卡片：hover 整卡变红（list1.png 785*110，右上带 logo 纹），文字变白 */
.infolist ul{ margin:0; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:20px 30px;}
.infolist ul li{ margin:0; padding:0; list-style:none;}
.infolist ul li a{ display:flex; align-items:center; width:100%; height:110px; box-sizing:border-box; background:#ffffff; border-radius:8px; padding:0 30px 0 25px; text-decoration:none; overflow:hidden; transition:all 0.3s ease;}
.infolist ul li a:hover{ background:url(../Images/list1.png) center center no-repeat; background-size:100% 100%; box-shadow:0 6px 18px 0 rgba(218,37,28,0.25);}
.infolist .date{ flex:none; width:88px; text-align:center; border-right:1px solid #eeeeee; margin-right:25px; transition:border-color 0.3s ease;}
.infolist .date strong{ display:block; font-family:Arial; font-size:30px; font-weight:bold; color:#333333; line-height:34px; transition:color 0.3s ease;}
.infolist .date span{ display:block; font-size:14px; color:#999999; line-height:18px; transition:color 0.3s ease;}
.infolist .tit{ flex:1; min-width:0; margin:0; font-size:18px; color:#333333; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:color 0.3s ease;}
.infolist ul li a:hover .date{ border-right-color:rgba(255,255,255,0.4);}
.infolist ul li a:hover .date strong,
.infolist ul li a:hover .date span,
.infolist ul li a:hover .tit{ color:#ffffff;font-weight: 700;}

/* ==================== 专业介绍（zs_major） ==================== */
/* 列表：2列图文卡片，hover 边框/标题变红 */
.majorlist ul{ margin:0; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:30px;}
.majorlist ul li{ margin:0; padding:0; list-style:none;}
.majorlist ul li a{ display:flex; background:#ffffff; border:1px solid #ffffff; border-radius:8px; box-sizing:border-box; padding:20px; text-decoration:none; box-shadow:0 0 10px 0 rgba(0,0,0,0.04); transition:all 0.3s ease; overflow:hidden;}
.majorlist ul li a:hover{ border-color:#da251c;}
.majorlist .pic{ flex:none; width:46%; height:220px; overflow:hidden; border-radius:4px;}
.majorlist .pic img{ width:100%; height:100%; object-fit:cover; display:block; transition:all 0.5s ease;}
.majorlist ul li a:hover .pic img{ transform:scale(1.05);}
.majorlist .wordbox{ flex:1; min-width:0; margin-left:22px;}
.majorlist .tit{ margin:0; font-size:20px; font-weight:bold; color:#333333; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:color 0.3s ease;}
.majorlist ul li a:hover .tit{ color:#da251c;}
.majorlist .code{ margin:20px 0 0; font-size:16px; color:#333333; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.majorlist .code strong{ font-weight:bold;}
.majorlist .word{ margin:8px 0 0; font-size:14px; color:#666666; line-height:30px; height:90px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.majorlist .more{ display:inline-block; margin-top:10px; font-size:14px; color:#da251c; line-height:20px;}
.majorlist .more em{ font-style:normal; margin-left:6px; transition:margin 0.3s ease;}
.majorlist ul li a:hover .more em{ margin-left:10px;}

/* 详情：左侧锚点栏目 + 右侧（专业名片 + 内容区块） */
.specpage{ overflow:hidden;}
.specpage .specnav{ width:230px; float:left; background:#ffffff; box-sizing:border-box; padding:20px; box-shadow:0 0 10px 0 rgba(0,0,0,0.04);}
.specpage .specnav ul{ margin:0; padding:0; list-style:none;}
.specpage .specnav ul li{ margin:0 0 10px; padding:0; list-style:none;}
.specpage .specnav ul li:last-child{ margin-bottom:0;}
.specpage .specnav ul li a{ display:block; height:46px; background:#f2f2f2; color:#333333; font-size:15px; padding:0 18px; text-decoration:none; position:relative; transition:all 0.3s ease; box-sizing:border-box; line-height:46px; cursor:pointer;}
.specpage .specnav ul li a:hover{ background:#da251c; color:#ffffff;}
.specpage .specnav ul li.onfocus a{ background:#da251c; color:#ffffff;}
.specpage .specnav ul li.onfocus a::after{ content:'\2192'; position:absolute; right:16px; top:0; line-height:46px; color:#ffffff; font-size:16px;}

.specpage .speccon{ width:calc(100% - 270px); float:right; overflow:hidden;}
.specpage .specname{ margin:0 0 22px; font-size:26px; font-weight:bold; color:#333333; line-height:36px;}
/* 专业名片：5列图标卡 */
.specpage .speccard{ background:#ffffff; border-radius:8px; box-sizing:border-box; padding:35px 10px; margin-bottom:30px; display:flex; box-shadow:0 0 10px 0 rgba(0,0,0,0.04);}
.specpage .speccard .item{ flex:1; min-width:0; text-align:center; border-right:1px solid #f0f0f0; padding:0 10px;}
.specpage .speccard .item:last-child{ border-right:0;}
.specpage .speccard .item img{ height:40px; width:auto; margin-bottom:12px;}
.specpage .speccard .item strong{ display:block; font-size:20px; color:#da251c; line-height:28px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.specpage .speccard .item span{ display:block; font-size:15px; color:#999999; margin-top:15px;}
/* 内容区块 */
.specpage .specblock{ background:#ffffff; border-radius:8px; box-sizing:border-box; padding:28px 30px; margin-bottom:30px; box-shadow:0 0 10px 0 rgba(0,0,0,0.04); overflow:hidden;}
.specpage .specblock .stit{ margin:0 0 15px; font-size:24px; font-weight:bold; color:#da251c; line-height:1;}
.specpage .specblock .scon{ font-size:16px; color:#333333; line-height:30px;}
.specpage .specblock .scon p{ margin:0 0 12px; line-height:30px;}
.specpage .specblock .scon p:last-child{ margin-bottom:0;}
.specpage .specblock .scon img{ max-width:100%; height:auto;}

/* ==================== 在线报名（Intro/baoming） ==================== */
/* 上：报名简介（onepage content 里的 .bmgrid 4块 2列） */
.bmcnt{ background:#ffffff; border-radius:8px; box-sizing:border-box; padding:35px 40px; box-shadow:0 0 10px 0 rgba(0,0,0,0.04); overflow:hidden;}
.bmcnt .bmgrid{ display:grid; grid-template-columns:1fr 1fr; gap:30px 60px;}
.bmcnt .bmblock{ min-width:0; overflow:hidden;}
.bmcnt .bmblock p{ margin:0 0 10px; font-size:16px; color:#333333; line-height:28px;}
.bmcnt .bmblock p.bmtit{ color:#da251c; font-weight:bold; margin-bottom:14px;font-size: 20px;}

/* 下：报名表单（深色背景图区） */
.bmform{ width:100%; overflow:hidden; background: url(../Images/liuyanbg.jpg) center center no-repeat; background-size:cover; padding:95px 0 115px;}
.bmform .centerbox{ width:100%; max-width:1600px; margin:0 auto;}
.bmform .centerbox .centerin{ width:100%; max-width: 1120px; float: right; }
.bmform .bmformtit{ margin:0 0 25px; font-size:26px; font-weight:bold; color:#ffffff;}
.bmform .bmgrid3{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:18px 20px;}
.bmform .bminput{ width:100%; height:48px; line-height:48px; box-sizing:border-box; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.35); border-radius:4px; color:#ffffff; font-size:14px; padding:0 15px; outline:none;}
.bmform .bminput::placeholder{ color:rgba(255,255,255,0.75);}
.bmform .bminput:focus{ border-color:#da251c; background:rgba(255,255,255,0.12);}
.bmform select.bminput{ appearance:auto;}
.bmform select.bminput option{ color:#333333;}
.bmform .bmcol2{ grid-column:span 2;}
/* 验证码行：输入框 + 验证码图（白底衬深色码字） + 提示 */
.bmform .bmverify{ margin-top:20px; display:flex; gap:14px; align-items:center;}
.bmform .bmverify .bminput{ width:220px;}
.bmform .bmverify img{ height:48px; padding:0 8px; box-sizing:border-box; background:#ffffff; border-radius:4px; cursor:pointer;}
.bmform .bmverify .verifytip{ font-size:12px; color:rgba(255,255,255,0.65);}
.bmform .bmsubmit{ margin-top:25px; width:280px; height:52px; line-height:52px; background:#da251c; border:0; border-radius:4px; color:#ffffff; font-size:18px; letter-spacing:6px; cursor:pointer; transition:all 0.3s ease;}
.bmform .bmsubmit:hover{ background:#b01e16;}