@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p{ padding:0px; margin:0px;}
ol, ul, i{ list-style:none; font-style:normal;}
li{ list-style-type:none; }
a{ text-decoration:none; color:#444;}
a:hover { COLOR:#c00000;}
img { border:0;}
header{background:url(../images/banner2029.gif) #db1c04;}
/*公共样式开始*/
body{ margin:0 auto; color:#444; background:url(../images/topbg0.jpg) top left repeat-x #fff; font-family:"微软雅黑","宋体"; font-size:14px;}

.clear{ clear:both; font-size:0px; line-height:0px; height:0px;}
.fl{ float:left;}
.fr{ float:right;}
.mt15{ margin-top:15px;}
.mt10{ margin-top:10px;}
.ml20{ margin-left:25px;}
.pt15{ padding-top:15px;}
.hidden {display:none;}
.display{display:block;}


/******top***********/
.top{ width:1200px; height:35px; line-height:35px; font-size:12px; margin:0 auto;display: none;}
.top_l{ float:left; width:400px; color:#fff;}
.top_r{ float:right; width:330px; color:#fff;}
.top_r a,.top_r a:hover{ margin:0 12px; color:#fff;}

.logobg{ background:url(../images/none2.png) right top no-repeat; width:1200px; height:290px;}
.logo{ width:507px; height1:135px; padding-top:40px; float: left;}

/******nav******/
.menu-nav{width:1198px; margin:0 auto; padding:1px; background:#990b19; }
.nav_con{ width:1196px; height:51px; line-height:51px; background:#990b19; border:1px solid #A72323; margin:0 auto;position:relative; z-index:1000;}
.nav { position:relative; width:1200px;}
.nav ul {padding:0; margin:0;list-style-type: none;  }
.nav ul li {float:left; position:relative; z-index:998; background:url(../images/libg2026.jpg) right center no-repeat;display:block;}
.nav ul li a{display:block; text-decoration:none; width:150px; text-transform:capitalize; height:51px; text-align:center;  line-height:51px; font-size:16px; overflow:hidden; color:#fff;}
.nav ul li ul {display: none;}
.nav ul li ul li{width:100%;position:static;}
.nav ul li:hover a {color:#fff; background:#db1c04; }
.nav ul li:hover ul {display:block; position:absolute; top:52px; left:0; background:#db1c04; width:120px;}
.nav ul li:hover ul li ul {display: none;}
.nav ul li:hover ul li a {display:block; text-align:center; height:38px; line-height:38px;background:#db1c04; font-size:14px; color:#fff; border-bottom:1px solid #FF8A80;}
.nav ul li:hover ul li a:hover {color:#fff; text-align:center; background:#990b19;}


/*search*/
.ss{ margin-top:60px; width:219px; height:26px; padding:4px 10px; margin-right:10px; background:url(../images/ssk.png) left top no-repeat; overflow:hidden;}
.ssk{ width:190px; height:26px; line-height:26px; float:left; overflow:hidden; border:none; background:none; outline:medium none; color:#666;}
.search_btn{ float:right; width:24px; height:25px; margin-right:2px;outline:medium none;}


	
	
.w1200{ width:1200px; margin:0 auto;}
.tit{ background:url(../images/h2bg.png) left bottom no-repeat; height:45px; border-bottom:1px solid #ddd;}
.tit h2{ font-size:18px; line-height:43px; border-bottom:2px solid #c00000; display:block; font-weight:bold; float:left;}
.tit a{ float:right; width:70px; text-align:right; padding-top:10px; color:#c00000; overflow:hidden;display:block;}
	
	
.new_left{ width:827px; height:428px; border:1px solid #ddd; overflow:hidden;}
/***焦点图***/
.focus{ position:relative; width:827px; height:428px; float: left;}  
.focus img{ width:827px; height2:428px;} 
.focus .btn{ position:absolute; bottom:34px; left:600px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; text-decoration:none; text-align:left; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer; background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; font-size:12px; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px;}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:5px; left:560px; position:absolute; height:21px; text-align:center; z-index:12; }  
.focus .fbg div{margin:0px auto;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{ background-position:0 0; }  
.focus .next:hover{ background-position:-40px 0;} 


.new_right{ width:350px; height:428px; overflow:hidden;}
.new_right ul li{height:34px; background:url(../images/xb2.jpg) left 15px no-repeat; overflow:hidden; line-height:34px; padding-left:12px;}
.new_right ul li span{ float:right; color:#999; font-size:14px;}
.new_right ul li.tt{ height:90px !important; overflow:hidden; line-height:32px !important; font-size:16px; border-bottom:1px solid #dfdfdf; background:none; margin-top:10px; margin-bottom:5px;}
.new_right ul li.tt a{ font-size:16px; white-space:nowrap;}
.new_right ul li.tt p{ color:#999; font-size:14px; text-align:left; line-height:22px;}




.box{ background:#f4f4f4; padding:15px 0;}
.w830{ width:830px; height:385px; overflow:hidden;}
.zsjz li{ height:91px; overflow:hidden; display:block; margin-top:20px;}

.zsjz li .img { width:158px; height:91px;}
.zsjz li .zw { width:650px; display:block;}
.zsjz li .zw a{font-size:16px; line-height:30px;}
.zsjz li .zw p{ color:#999; line-height:30px; display:block;}

.xyh img{ width:390px; height:160px; padding:3px; overflow:hidden; border:1px solid #ddd;}

.list{ padding:10px 2px 0 2px;}
.list ul li { line-height:33px; height:33px; *line-height:32px; *height:32px; background:url(../images/xb.png) left 14px no-repeat; padding-left:15px; overflow:hidden;}
.list ul li span{ float:right; color:#999; font-family:Arial, Helvetica, sans-serif; padding-left:10px;}

.kcxx{ width:350px; height:385px; overflow:hidden;}




.szdw{ width:830px; height:334px; overflow:hidden;}
/****师资队伍****/
.rollBox{ width:830px; padding-top:10px;}
.rollBox .LeftBotton{ width:23px; float:left; height:260px; overflow:hidden; cursor:pointer; background:url(../images/jtl.gif) left center no-repeat; margin-right:6px;}
.rollBox .RightBotton { width:23px; float:right; height:260px; overflow:hidden; cursor:pointer; margin-left:16px; background:url(../images/jtr.gif) right center no-repeat; margin-left:6px;}
.rollBox .Cont{ width:772px; overflow:hidden;}
.rollBox li{ float:left; width:160px; height:270px; display:block; margin:0 16px; overflow:hidden;}
.rollBox li img{ width:150px; height:150px; border: 5px solid #ddd; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden;}
.rollBox li:hover img{ border: 5px solid #c00000;}
.rollBox li span{ display:block; text-align:center; padding-top:10px; width:160px; height:60px;}
.rollBox li h2{ font-size:16px; height:35px; line-height:35px;}
.rollBox li p{ line-height:25px; color:#999; height:25px; overflow:hidden;}
.rollBox .ScrCont{ width:10000000px;}
#List1,.rollBox,.rollBox #List2 {float:left;}





.hg{ width:350px;}
.sp{ border:5px solid #ddd; width:340px; height:230px; margin-top:15px;}

.tply{ width:1200px; height:186px; overflow:hidden;}
.tply li{float:left; width:226px; display:block; height:186px; margin:0 10px; overflow:hidden;}
.tply li img{ padding:2px; border:1px solid #ddd; width:220px; height:145px;}
.tply li img:hover{ padding:2px; border:1px solid #00479d; width:220px; height:145px;}
.tply li span{width:226px; display:block; text-align:center; height:35px; line-height:35px;}

.link{ background:url(../images/gjxm.png) left top no-repeat; height:75px; padding-left:180px; overflow:hidden;}
.link a{ margin:0 30px; line-height:30px;}


.foot{ background:url(../images/footbg2.jpg) left bottom repeat-x #990b19;}
.foot_top{ height:200px;}
.foot_top_nr{ width2:300px; height2:160px; background:url(../images/fg.gif) center right no-repeat; margin-top:30px; padding2:0 0 0 100px; color:#ffffff;}
.foot_top_nr h2 a{ color:#fff; font-size:18px;}
.foot_top_nr ul li a{ color:#97abc1; line-height:30px;}
.foot_top_nr ul li a:hover{ color:#fff; line-height:30px;}
.foot_bottom{ height:45px; line-height:45px; color:#fff; font-size:12px;}
.foot_bottom a{ margin:0 15px; color:#FFF;}



/*内页样式*/
.nybanner{ width:100%; margin:0 auto;}
.nybanner img{max-width:100%;height:auto; z-index:2;}
.ny{ background:#fff; width:1160px; padding:20px; margin:0 auto;}
.dqwz{ height:40px; background:url(../images/dqwz.jpg) left 5px no-repeat #fff; padding-left:22px; border-bottom:1px solid #ddd;}
.ny_left{ float:left; width:245px; border-right:1px solid #ddd;}
.ny_left_top{ background:url(../images/nytop.png) left top no-repeat; width:220px; height:97px; line-height:95px; color:#fff; font-size:24px; font-weight:bold; text-align:center; padding-right:25px;}

.ny_right{ float:right; width:880px; min-height:500px;}
.ny_right_con{ font-size:14px; line-height:32px !important; text-indent:0em;}
.vsbcontent_img{text-align:center;}
.content-h3{ padding-bottom:10px; margin-bottom:10px;}
.content-h3 h3{ font-size:22px; line-height:50px; width:100%; text-align:center; color:#00479d;}

/*次级页面二级菜单*/
.left_nav{ width:245px; margin-top:10px;}
.left_nav li{margin-top:0px; width:245px; height:50px; text-align:center; overflow:hidden; border-bottom:1px solid #ddd; font-size:15px;}
.left_nav li a{
	font-weight:normal;
	height:50px;
	line-height:50px;
	display:block;
	background:url(../images/li1.jpg) 223px center no-repeat;
	border-bottom:1px solid #ddd;
}
.left_nav li a:hover{
	font-weight:bold;
	height:50px;
	line-height:50px;
	display:block;
	color:#FFF;
	background:url(../images/li2.jpg) 223px center no-repeat #c00000;
}
.left_nav li a.hover{
	font-weight:bold;
	height:50px;
	line-height:50px;
	display:block;
	color:#FFF;
	background:url(../images/li2.jpg) 223px center no-repeat #c00000;
}


/*图片列表开始*/
.Pic {}
.Pic ul li { float: left; width:256px; height:201px; display:block; margin:10px 18px; overflow:hidden;}
.Pic ul li img {width:250px; height:160px; padding:2px; border:1px solid #ddd; overflow:hidden;}
.Pic ul li img:hover{ border: 1px solid #c00000; }
.Pic ul li span { display: block; text-align: center; width:256px; height:35px; clear: both; line-height:35px; overflow:hidden;}
.line1 { border-top: 1px dashed #DDDDDD;}



/*师资队伍*/
.Pic_List {}
.Pic_List ul li { float:left; width:400px; height:130px; padding:10px; border:1px solid #ddd; overflow:hidden; margin:0px 9px 10px 9px;}
.P_left{float:left; width:122px;}
.P_left img {border: 1px solid #bbb; height:120px; width:120px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.P_right{ float:right; width:260px; height:120px; line-height:29px; overflow:hidden;}
.P_right h1{ color:#c00000; font-size:16px;}
.P_right h1 a{ padding-right:10px; color:#c00000;}
.Pic_List ul li:hover {border:1px solid #c00000; background:#f7f7f7; display:block;}



.dpzw{text-indent:2em; font-size:16px;}
.dpzw p{ text-indent:2em; text-align:justify; font-size:15px; text-justify:inter-ideograph; margin-bottom:10px; }
.dpzw img{text-align: center; max-width:600px; margin:0 auto; display: block;} 


/*信息列表开始*/
.Newslist {}
.Newslist ul li {height:45px; line-height:45px;border-bottom:1px dashed #dcdcdc; background:url(../images/xb.jpg) no-repeat left 20px; font-size:15px; padding-left:15px;}
.Newslist ul li span{float: right; color: #999999; margin-right: 2px;}


/*详细页*/
.content{width:1040px; margin:0 auto; padding:20px 0;}
.content-title{ width:1040px; border-bottom:1px dashed #ccc; padding-bottom:10px;}
.content-title h3{ font-size:24px; font-weight:bold; line-height:50px; width:100%; text-align:center; color:#c00000; padding-bottom:5px;}
.content-title i{TEXT-ALIGN: center;  MARGIN: 0px auto; BACKGROUND: #f6f6f6; HEIGHT: 32px; display:block; line-height:32px; font-style:normal;}
.content-con{font-size:15px; line-height:35px; padding:10px 0;}
.content-con p{ text-indent:2em; text-align:justify; text-justify:inter-ideograph; margin-bottom:20px;}
.content-con img{text-align: center; max-width:600px; margin:15px auto; display: block;}

.sxt{padding:15px 0; border-top:1px dotted #bbb;}
.sxt p{display:block; width:1040px; height:34px; font-size:15px; line-height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}


/*搜索结果*/
.ssjg-list{ min-height:500px; padding-bottom:50px;}
.ssjg-list li{ border-bottom:1px dotted #bfc1c2;padding:20px 15px;}
.ssjg-list li h3{color:#00479d; font-size:15px; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ssjg-list li p{height:48px; line-height:24px; color:#333;}
.ssjg-list li i{color:#666; font-size:12px; line-height:24px;}

/* fhszcmcyxy.xafy.edu.cn（西安翻译学院马克思主义学院）手机端响应式补丁
 * 仅在屏幕宽度 <=1200px 生效，桌面端（>1200px）零影响。
 * 配色基准（取自本站原版 style.css）：header/#db1c04、导航条/#990b19、hover/#db1c04、页脚/#990b19。
 */

/* ============ 汉堡按钮：桌面端隐藏（必须写在 @media 之外） ============ */
#navTgl { display: none; }

/* ============ 手机端栏目导航侧栏（仿 xafu 主站 ppcbb「栏目导航」折叠盒） ============
   ⚠ 桌面端隐藏：仅手机端（≤1200px）通过下方 @media 内的规则显示。
      写在 @media 之外 + !important，保证 >1200px 时即便 JS 已注入元素也不现身。 */
.m-colnav { display: none !important; }

@media (max-width: 1200px) {

  /* === 顶层解锁（覆盖 body 内联 min-width:1200px） === */
  html, body { min-width: 0 !important; width: 100% !important; }
  body { overflow-x: hidden !important; }

  /* === 顶层全宽包裹层：收回 100% + 左右 12px 内缩（导航/页脚靠它统一留白） === */
  .w1200, .foot {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* === 其余锁宽内层块：收回 100%（不重复加 12px，留白由祖先 .w1200 / .foot 提供） ===
     ⚠ .new_right / .kcxx / .hg 原为写死 350px（PC 上与左侧栏并排）——
        手机端若不放宽，右侧会留出一整条空白条（首页「新闻动态」右侧那道空白就是它）。 */
  .top, .logobg, .menu-nav, .nav_con, .nav, .main, .ny, .box,
  .new_left, .new_right, .szdw, .w830, .kcxx, .hg, .focus, .rollBox, .zsjz, .Pic_List,
  .Newslist, .content, .pt15 {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* === 头部：还原 PC 原背景（红色校门横幅图），不再用纯色覆盖 ===
     PC 头部背景来自 header{background:url(../images/banner2029.gif) #db1c04}
     （本站真实存在的头部横幅图，兜底色 #db1c04 红）；.logobg 自身是透明的。
     ⚠ 所以这里【不覆盖背景】—— 让原图自然透出；只把 .logobg 变成紧凑的 flex 行。
        背景图在 header 上，用 background-size:100% auto 缩放贴合宽度（兼容老内核，不用 cover）。 */
  header {
    width: 100% !important; box-sizing: border-box !important;
    background-position: left top !important;
    background-repeat: repeat !important;
    background-size: 100% auto !important;
    /* ⚠ 不能写 overflow:hidden：导航 .nav 是 header 内 .menu-nav 的「绝对定位浮层」，
       若 header 裁剪则整条下拉菜单被裁掉（汉堡点了却什么都不显示）。
       background-size:100% auto 已保证背景图不横向溢出，body 也 overflow-x:hidden 兜底，
       故这里保持溢出可见。 */
    overflow: visible !important;
  }
  .logobg {
    background: transparent !important;    /* 关键：恢复 PC 实景图背景（图在 header 上，这里必须保持透明） */
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    height: auto !important;
    padding: 19px 0 !important;
  }
  /* 顶部「您好、欢迎访问本网站！」等工具条：原站本就 display:none，保持隐藏 */
  .top { display: none !important; }

  /* === logo（纯白，深蓝底上直接可见，无需 filter） === */
  .logobg .logo {
    float: none !important;
    flex: 1 1 auto !important;        /* 占满剩余空间，自动给右侧 40px 汉堡按钮让位（不用 calc 兼容旧内核） */
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
  .logobg .logo img {
    height: 40px !important;           /* 缩到与汉堡按钮同高，头部更紧凑；宽度按原比例自适应 */
    width: auto !important; max-width: 100% !important; display: block !important;
  }
  /* 顶部搜索框：手机端头部已紧凑，隐藏以保持一行 */
  .logobg .ss { display: none !important; }
  /* 内页搜索框：容器是 .nav_con 内的 div.ss.fr（首页在 .logobg .ss 已隐藏），同样手机端隐藏 */
  .nav_con .ss, .menu-nav .ss { display: none !important; }

  /* === 汉堡按钮（JS 注入到 .logobg 末尾） ===
     头部是深蓝，按钮用透明底 + 白色三横杠，与整条头部同色系、边界清晰。 */
  #navTgl {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 40px !important;
    height: 40px !important;
    margin-left: auto !important;
    padding: 0 !important;
    cursor: pointer !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  #navTgl .ico { color: #fff !important; font-size: 26px !important; line-height: 1 !important; }

  /* === 导航收成浮层（不挤压内容） ===
     ⚠ .menu-nav 是 .nav 的定位包含块（header 的直接子元素、整行通栏）：
        .nav 绝对定位 top:100% 即落在 logo 行下方；left/right 写 0 即整屏通栏（.menu-nav 本身无内缩）。 */
  .menu-nav { float: none !important; width: auto !important; position: relative !important; height: auto !important; margin: 0 !important; }
  .nav_con { width: auto !important; background: transparent !important; border: 0 !important; height: auto !important; }
  /* ⚠ 关键：导航元素实际是 .nav.fl（带 .fl 浮动类）。下方全局规则 .fl{display:block!important}
       与本条同特异性(0,1,0)且更靠后 → 会把它顶成 block 导致“初始仍可见”。
       故用 .menu-nav .nav(0,2,0) 提高特异性，稳压 .fl，确保初始隐藏。 */
  .menu-nav .nav {
    display: none !important;
    position: absolute !important;
    left: 0 !important; right: 0 !important; top: 100% !important;   /* 整屏通栏 */
    width: auto !important; height: auto !important;
    background: #990b19 !important;
    /* 与 PC 导航条 .nav_con 同款深红（#990b19）→ 浮层融入整站红色主题，加一道极细白线做分界 */
    border-top: 1px solid rgba(255,255,255,.25) !important;
    z-index: 999 !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.22);
  }
  .menu-nav .nav.open { display: block !important; }
  .nav ul { display: block !important; width: 100% !important; }
  .nav ul li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    text-align: left !important;
    line-height: 1.4 !important;            /* 覆盖 .nav_con 继承来的 51px 行高 */
    position: static !important;
    background-image: none !important;      /* 去掉 PC 的一格一条竖分隔图 libg.jpg（2×35，右上角小竖线） */
    border-bottom: 1px solid rgba(255,255,255,.15) !important;
  }
  .nav ul li:last-child { border-bottom: 0 !important; }
  /* ⚠ 一级项的文字块：PC 是 width:130px + height:51px（居中显示在 51px 高的一格里）。
     手机端若不把这两个写死值归零 → 文字块只有 130px 宽、却撑在 51px 高的盒子里且行高被压成 1.4，
     单行文字贴顶、下方空一大截（截图二「行距过大、不垂直居中」的根因）。
     归零后：高度由行高+上下等内边距决定 → 文字天然垂直居中；宽度撑满整行 → 点击区也变大。 */
  .nav ul li > a, .nav ul li > span {
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding: 13px 16px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    color: #fff !important;
    white-space: normal !important;
    text-align: left !important;
    background: transparent !important;
  }
  /* ⚠ 本家导航文字直接写在 <a> 内（无内层 <span>），故无需 xgb 的「.nav ul li > a > span」归零规则 */
  /* 当前页高亮（与桌面 hover 同色：原站 .nav ul li:hover a{background:#db1c04}，统一红色系配色） */
  .nav ul li.hover > a, .nav ul li.hover > span { background: #db1c04 !important; color: #fff !important; }
  /* 禁用桌面 hover 展开（手机端只认点击） */
  .nav ul li:hover > ul { display: none !important; }
  /* 二级菜单：默认收起，点击父项展开 */
  .nav ul li > ul {
    position: static !important;
    left: auto !important; top: auto !important;
    width: 100% !important;
    display: none !important;
    background: #7d0914 !important;     /* 更深一档红（比一级 #990b19 深），与一级区分 */
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .nav ul li.open > ul { display: block !important; }
  /* 二级分隔线：PC 的横线是画在 <a> 上的（且 <a> 只有 130px 宽 + 32/16 内边距 = 178px）→
     只铺到大半行就断了。手机端把线改画在 <li> 上（li 是整行宽）→ 通栏铺满，与一级分隔线同节奏。
     ⚠ 用 (0,2,5) 的 .open > ul > li 压过后面的 .nav ul li:last-child (0,2,2)。 */
  .nav ul li.open > ul > li { border-bottom: 1px solid rgba(255,255,255,.12) !important; }
  .nav ul li.open > ul > li:last-child { border-bottom: 0 !important; }
  /* ⚠ 手机端点按会让被点的父项持续保持 :hover（sticky hover）→ 原站
     `.nav ul li:hover ul li a{height:38px; border-bottom:1px solid #1669bf}` 会生效：
     二级项忽高忽矮（38px vs 一级 51px），还多出一条只到 <a> 宽度（178px）的短横线。
     故这里把 :hover 分支一并接管，height/width/border 全部归零，行高统一、横线只由 li 出。 */
  .nav ul li.open > ul li > a,
  .nav ul li:hover > ul li > a {
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding: 11px 16px 11px 32px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #fff !important;
    text-align: left !important;
    border-bottom: 0 !important;
    background: transparent !important;
  }

  /* —— 有二级菜单的一级项：右侧 V 形箭头（参考 ppcbb 移动端导航）——
     .has-sub 由 nav.js 在手机上动态标记；箭头默认朝下，展开时旋转朝上。 */
  .nav ul li.has-sub > a,
  .nav ul li.has-sub > span { position: relative !important; padding-right: 40px !important; }
  .nav ul li.has-sub > a::after,
  .nav ul li.has-sub > span::after {
    content: "" !important; position: absolute !important;
    right: 16px !important; top: 50% !important; margin-top: -6px !important;
    width: 7px !important; height: 7px !important;
    border-right: 2px solid #fff !important; border-bottom: 2px solid #fff !important;
    -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important;
    -webkit-transition: -webkit-transform .3s, margin-top .3s !important;
    transition: transform .3s, margin-top .3s !important;
  }
  .nav ul li.has-sub.open > a::after,
  .nav ul li.has-sub.open > span::after {
    -webkit-transform: rotate(-135deg) !important; transform: rotate(-135deg) !important;
    margin-top: -1px !important;
  }

  /* === 首页大图轮播 .focus（SuperSlide 淡入淡出，原 827×428） ===
     原站 .focus 写死 height:428px、.fcon 绝对定位、img 827×428；窄屏会只露中间一条竖条。
     正解：容器按 827×428 比例（≈51.75%）用 padding-top 撑高（不用 aspect-ratio 兼容旧内核），
           各 .fcon 帧绝对铺满、img 等比拉伸（比例与容器一致 → 不畸变），裁掉左右溢出。 */
  /* ⚠ 外层 .new_left 在 PC 上有 1px #ddd 边框（给 827×428 轮播描边）；
     手机端图片已满宽铺满，这条 1px 灰线就只剩「图片底部一条细线」，很扎眼（截图一）→ 去掉。 */
  .new_left { border: 0 !important; }

  .focus { position: relative !important; height: auto !important; padding-top: 51.75% !important; overflow: hidden !important; }
  .focus .fPic { position: static !important; }
  .focus .fcon { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }
  .focus img { width: 100% !important; height: 100% !important; display: block !important; max-width: 100% !important; }
  /* 标题遮罩：落在大图底部，半透明黑条（原站 PC 同款 rgba(0,0,0,0.6)，弃用移植来的深蓝） */
  .focus .shadow {
    position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    padding: 8px 12px !important; background: rgba(0,0,0,.6) !important;
    color: #fff !important; font-size: 13px !important; line-height: 1.4 !important;
    text-align: left !important;
  }
  .focus .shadow a { color: #fff !important; }
  /* 圆点指示器：手机端仍隐藏（屏窄、点小圆点不便；自动轮播保留） */
  .focus .fbtn, .focus .fbg,
  .focus .LeftBotton, .focus .RightBotton { display: none !important; }
  /* ⚠ 左右箭头必须保留显示（第五轮修复）：
     PC 上首图两侧就是这对 ‹ › 大箭头（focus_btn.png 精灵图：常态＝深灰底+白箭头，hover＝蓝底+白箭头）。
     round 4 曾把它和圆点一起 display:none → 手机上「向左向右按钮消失」（用户反馈）。
     这里恢复显示，并把 PC 的 40×74 按 0.6 缩成 24×44（手机屏上不笨重）：
     精灵图 80×148 → background-size 48×88；常态取下半格（y=-44），hover 取上半格（原站 :hover 规则仍生效）。
     ⚠ z-index 必须高于 .fcon 大图与 .shadow 标题条，否则箭头被图片盖住 = 还是看不见。 */
  .focus .prev, .focus .next {
    display: block !important;
    width: 24px !important; height: 44px !important;
    top: 50% !important; margin-top: -22px !important;
    /* ⚠ 绝不在这里重写 background-image：
       补丁里的相对 url(../images/…) 是相对**补丁文件自身**解析的 —— 线上（追加到 css/style.css）没问题，
       但本地预览把补丁当独立 file:// 文件载入 → 路径 404、箭头变成白板（实测踩过）。
       正解：让原站 .focus .prev/.next 里的 background:url(../images/focus_btn.png) no-repeat 继续供图，
       这里只覆盖尺寸与精灵图偏移。 */
    background-size: 48px 88px !important;
    z-index: 12 !important;
  }
  .focus .prev { left: 0 !important; background-position: 0 -44px !important; }
  .focus .next { right: 0 !important; background-position: -24px -44px !important; }

  /* === 首页外籍专家头像跑马灯 .rollBox（PC：可视窗 772px 一屏 4 个，圆形头像 150） ===
     骨架：.rollBox > .Cont#ISL_Cont（可视窗）> .ScrCont > #List1 + #List2，由 js/honor.js 用 scrollLeft 滚动。
     手机端要求：观感同 PC（圆形头像 + 姓名 + 简介），但**一屏只放 2 个**。
       · .Cont 原写死 772px（比手机屏还宽）→ 右边被截、整体错位；改 100%（可视窗 = 屏宽）。
       · li 原 160px + 左右 margin 各 16px = 192px/个 → 改 width:50%（一屏正好 2 个）。
       · ⚠ honor.js 里的全局 PageWidth=192 是「每 3 秒翻一格」的步长（= 一个 li 的宽度），
         改了 li 宽度就必须同步改它，否则 scrollLeft % PageWidth 对不齐（翻页会错位／卡住）。
         该值由 js/nav.js 的 syncRollBox() 在手机端动态写入，跨越断点时同步更新。
       · 左右箭头 .LeftBotton/.RightBotton 原为 23×260 的整条竖条（手机上又高又丑）→
         改成头像竖直中线附近的小号「‹ ›」，只作点缀。 */
  .rollBox { position: relative !important; overflow: hidden !important; }
  .rollBox .Cont { width: 100% !important; overflow: hidden !important; }
  .rollBox .ScrCont { /* 10000000px 的轨道由 .Cont 的 overflow:hidden 截住，无需处理 */ }
  .rollBox li {
    float: left !important;
    /* ⚠ 这里**不能写 %**：li 的包含块是跑马灯轨道（.ScrCont / #List1，宽度由内容撑开），
        写 width:50% 会被解析错，10 个 item 折成多行、跑马灯直接失效（实测页面骤增 900px）。
        改为由 js/nav.js 的 syncRollBox() 按「可视窗 ÷ 2」写入 px 宽度。 */
    height: auto !important;
    margin: 0 !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  /* ⚠ 头像永远正圆、不变形：尺寸（正方形 px）由 JS 用 setProperty(...,'important') 写入内联，
     以压过全局 img{height:auto!important}——否则竖图(如 242×323)会被算成椭圆。
     ⚠ 头像还要给左右两侧各留出「箭头位」：JS 取 格宽-48px 作为直径（左右各留 24px），
        否则圆会顶到 .rollBox 边缘、被绝对定位的 ‹ › 箭头压住（截图三「按钮和图片重叠」）。
     文字(span)保持普通流，自然排在头像下方；box-sizing:border-box + 5px 灰边 → 圆直径=写入值。 */
  .rollBox li a { display: block !important; }
  .rollBox li img {
    display: block !important; margin: 0 auto !important;
    border: 5px solid #ddd !important; border-radius: 50% !important;
    box-sizing: border-box !important;
  }
  .rollBox li span { display: block !important; width: auto !important; height: auto !important; padding-top: 8px !important; }
  /* 姓名 / 简介各限一行 + 省略号 → 每格等高，一屏两格的底边对齐（PC 也是固定行高） */
  .rollBox li h2 {
    font-size: 15px !important; height: 22px !important; line-height: 22px !important;
    white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
  }
  .rollBox li p {
    font-size: 12px !important; height: 18px !important; line-height: 18px !important;
    white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
  }
  /* 左右箭头：小号 chevron，竖直对准头像中线（top 由 JS 按实测头像位置写入：头像顶 + 半径 - 23px，
     不写死像素 → 头像随屏宽缩放、`.Cont` 上内边距变化时箭头仍对齐，兼容老内核）。 */
  .rollBox .LeftBotton, .rollBox .RightBotton {
    width: 18px !important; height: 46px !important;
    position: absolute !important;
    /* 竖直位置：默认「容器高一半 - 半箭头高」兜底（JS 未生效时用），
       JS syncRollBox() 再按实测头像位置写内联 top + margin-top:0 精确对准头像中线。
       ⚠ top / margin-top 绝不能加 !important —— 否则内联样式压不过它，
         箭头永远停在 50% 而不是头像中线上（与第三轮「头像椭圆」同款坑）。 */
    top: 50%; margin-top: -23px;
    margin-left: 0 !important; margin-right: 0 !important;
    z-index: 6 !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    opacity: .75;
  }
  .rollBox .LeftBotton { left: 0 !important; }
  .rollBox .RightBotton { right: 0 !important; }

  /* === 首页图文列表 .zsjz（左图 158×91 + 右文 650px） ===
     桌面靠 .img.fl 左浮 + .zw.fr 右浮并排；手机端保持「左图右文」，图缩到 110px、文字环绕右侧。
     ⚠ 两个写死值必须解掉，否则「只剩一排小图、右侧大片空白」：
        · .zsjz li{height:91px} → 文字被 91px 裁掉；改 height:auto。
        · .zsjz li .zw{width:650px} → 650 比容器还宽，被挤到左图下方并整段裁掉；改 width:auto。 */
  .zsjz ul li {
    float: none !important; width: 100% !important;
    height: auto !important; min-height: 0 !important;
    margin: 0 0 16px !important; overflow: hidden !important;
  }
  .zsjz .img.fl { float: left !important; width: 110px !important; margin: 0 12px 0 0 !important; }
  .zsjz .img.fl img { width: 110px !important; height: auto !important; max-width: 100% !important; }
  /* BFC：贴着左图右侧排布（width 必须 auto，否则 650px 会把它顶到图片下方） */
  .zsjz .zw, .zsjz .zw.fr { width: auto !important; float: none !important; overflow: hidden !important; }
  .zsjz .zw.fr a { font-size: 15px !important; line-height: 1.4 !important; }
  .zsjz .zw.fr p { font-size: 13px !important; line-height: 1.5 !important; margin: 4px 0 0 !important; }

  /* === 首页多列横排 → 竖排（.new_left 大图 / .szdw 跑马灯 / .w830 列表 三栏） === */
  .new_left, .szdw, .w830 { float: none !important; width: 100% !important; margin: 0 0 16px !important; }

  /* === 通用浮动清理 + 图片/表格自适应 === */
  .fl, .fr, .mr30 { float: none !important; display: block !important; margin: 0 0 12px 0 !important; }
  img { max-width: 100% !important; height: auto !important; }
  table { max-width: 100% !important; }

  /* === 内页图文列表 .Pic_List（外籍专家页：左图 + 右标题/简介） ===
     桌面 .Pic_List ul li 写死 400×130 两列；手机端竖排，图缩到 90px、文字环绕右侧。

     ⚠⚠ 第八轮：头像**必须锁成正方形**，否则「变形」（真机反馈：头像被拉成椭圆）
        原站 .P_left img{width:120px; height:120px; border-radius:50%} —— 宽高都写死 = 正方形 → 圆。
        本补丁早前只写 `width:90px; height:auto`，height 改由图片自然比例决定：
        站上头像多为竖图（242×323、264×352、2048×2730…）→ 盒高 90~122px 不等，
        `border-radius:50%` 于是画出**椭圆**（横图 2048×1536 更被压成扁圆）。
        正解：宽高都写死 90px（= 恢复原站「宽高双写死」的几何），圆直径 90px 恒定。
        `box-sizing:border-box` 让 1px 边框算在 90px 内 → 圆外径正好 90px，不多出 2px 挤到右侧文字。
        注：全局 `img{height:auto!important}`(见上) 特异性(0,0,1)低于本行(0,2,1)，压不过本行。 */
  .Pic_List ul li { float: left !important; width: 100% !important; height: auto !important; margin: 0 0 14px !important; overflow: hidden !important; }
  .Pic_List .P_left { float: left !important; width: 90px !important; margin: 0 12px 0 0 !important; }
  .Pic_List .P_left img {
    width: 90px !important; height: 90px !important;   /* 宽高都锁死 = 正方形 → border-radius:50% 出正圆 */
    box-sizing: border-box !important;                /* 1px 边框计入 90px，外径正好 90 */
    max-width: 100% !important;
  }
  .Pic_List .P_right {
    float: none !important; overflow: hidden !important;   /* overflow:hidden 建 BFC → 自动避让左侧浮动头像 */
    /* ⚠⚠ 第八轮：原站 .P_right{width:260px; height:120px} 必须一起解掉！
       留着 260px 宽的固定值，BFC 就只能「塞得下才并排」：
       可用宽 = 容器 − 90(头像) − 12(间距)，390px 屏只有 ~244px < 260 → 挤不下 → 文字被迫掉到头像**下方**；
       屏稍宽（≈430px+）又能塞下 → 又变回并排。同一个 li 在窄/宽屏下两种版式（真机截图是并排版）。
       改成 width:auto 后 BFC 按剩余空间自适应，任何宽度都恒为「左圆头像 + 右文字」。
       height:120px 也一并归零（否则文字多于 120px 高会被 overflow:hidden 裁掉）。 */
    width: auto !important;
    height: auto !important;
  }
  .Pic_List .P_right h1 { font-size: 15px !important; line-height: 1.4 !important; margin: 0 0 6px !important; }
  .Pic_List .P_right p { font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; }

  /* === 内页列表 .Newslist（政策法规页：日期 + 标题） ===
     ⚠ 单一根因：原站 .Newslist ul li{height:50px;line-height:50px} 写死，
        窄屏标题折 2~3 行后固定 50px 高直接崩（重影、压住翻页、贴日期）。
        正解：高度/行高全部自适应；标题块级并右侧留出日期位；overflow:hidden 兜住浮动日期。 */
  .Newslist ul li {
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.7 !important;
    padding: 7px 0 7px 16px !important;
    overflow: hidden !important;
    background-position: left 16px !important;
  }
  .Newslist ul li a {
    display: -webkit-box !important;         /* 行数截断必需：旧内核的 -webkit-line-clamp 只认这个 display */
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;        /* 标题最多两行，超出显示省略号 */
    overflow: hidden !important;
    padding-right: 0 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    text-align: left !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  .Newslist ul li span {
    float: right !important;
    margin: 0 0 0 10px !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
    white-space: nowrap !important;
  }

  /* === 子页 .ny：左侧栏隐藏，右侧占满 === */
  .ny_left { display: none !important; }   /* 手机端隐藏左栏：其链接已在汉堡菜单二级里可达 */
  .ny_right {
    width: 100% !important; min-height: 0 !important; float: none !important;
    padding: 12px !important; box-sizing: border-box !important;
  }
  .ny_right1 { width: 100% !important; padding: 12px !important; box-sizing: border-box !important; }

  /* === 面包屑 .dqwz（「当前位置：首页 -> 政策法规」）单行省略，防折行撑高 ===
     第六轮：⚠ 原站 .dqwz{background:url(dqwz.jpg) left 5px no-repeat; padding-left:22px; height:40px} ——
     那个 22px 左内边距是给左侧 15×12 的「小房子」图标让位的（图标画在 x=0..15、y=5px，即 background-position
     `0% 5px`）。补丁若写 padding:8px 0 会把左内边距归零 → 文字从 x=0 起，**压住小房子图标**
     （现象：手机端「当前位置：」盖住图标）。故左内边距必须保留 22px。
     另：原站 height:40px 在本补丁里没被重置，若再叠加纵向 padding 会让整条高 56px+（PC 仅 41px）
     → 改为显式 height:40px + 纵向 padding 0，与 PC 逐像素同高（文字同样贴顶，PC 就是贴顶的）。 */
  .dqwz {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 13px !important;
    height: 40px !important;                 /* = PC 同高（原站 height:40px，显式写死防继承变化） */
    padding: 0 0 0 22px !important;          /* 左 22px 给原站 dqwz.jpg 小房子图标让位；纵向 0 = PC 同款 */
  }
  .dqwz a { font-size: 13px !important; padding-right: 6px !important; }

  /* === 内页顶部大图 .nybanner（如有，比例约 587/1920≈30.6%） ===
     这些内页实测无 .nybanner，但保留规则以便同模板页面复用；高度按原图比例等比 + cover 铺满。 */
  .nybanner {
    height: auto !important;
    padding-top: 30.6% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  /* === 翻页条 .pb_sys_common ===
     sys.css 给容器 line-height:12px，而按钮是 24px 高的 inline-block → 行高太小会让按钮竖向错位。 */
  .pb_sys_common { margin-top: 16px !important; line-height: 28px !important; }
  .pb_sys_common .p_no, .pb_sys_common .p_dot, .pb_sys_common .p_t { line-height: 28px !important; }

  /* === 正文 .content / .content-title / .content-con（详情页） === */
  .content, .content-title, .content-con { width: 100% !important; padding: 12px !important; box-sizing: border-box !important; }
  .content-title h3 {
    line-height: 1.35 !important;
    padding: 6px 0 10px !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  .content-title i {
    height: auto !important;
    line-height: 1.7 !important;
    padding: 5px 0 !important;
    box-sizing: border-box !important;
    /* ⚠ 第九轮：这行是「发布日期：2026-09-23　　来源：　　点击量：17」一整串文本，
       两个分组之间用的是**全角空格 U+3000**（不是标签，CSS 选不中、也无法单独缩小）。
       实测 14px 时整串需 306px，而 390 屏可用仅 302px —— 差 4px 就折行，且**中文字间可任意断行**，
       结果「点击量：」被从中间拆成「点击」/「量：」两行（真机截图就是这个）。
       修法：① 字号降到 12px（390 屏需 262px、即使计数多达 5 位也放得下 → 单行）；
             ② `word-break:keep-all` 禁止在汉字之间断行 → 极窄屏（360）宁可整组换行，
                换行点只会落在全角空格处，得到「发布日期：2026-09-23 / 来源：　　点击量：17」的整齐两行，
                绝不会再把「点击量：」拦腰截断。（老内核不支持 keep-all 时退回现状，不会更差。） */
    font-size: 12px !important;
    word-break: keep-all !important;
  }
  .v_news_content img, .content-con img, #vsb_content img {
    max-width: 100% !important; height: auto !important; display: block !important; margin: 0 auto !important;
  }
  /* 正文视频自适应（2026-10-14）：VS 博达正文视频由 /system/resource/js/news/mp4video.js 的
     showVsbVideo 输出 <video width="650" height="380">（宽高是 HTML 属性、非内联样式），
     上面的 img 规则管不到 video ⇒ 650px 定宽在窄屏直接溢出、右侧被截断。
     max-width:100% 可覆盖属性宽；height:auto 配合浏览器由 width/height 属性推导的宽高比
     保持 650:380 不变形，并居中。flash 降级路径（老 IE 的 <object>/<a>）不受影响。 */
  .v_news_content video, .content-con video, #vsb_content video, video#_vsb_player {
    max-width: 100% !important; height: auto !important; display: block !important; margin: 0 auto !important;
  }
  /* 上一条/下一条 长链接允许换行（原 CSS white-space:nowrap 会顶出） */
  .sxt p {
    width: 100% !important; white-space: normal !important;
    overflow: visible !important; text-overflow: clip !important;
    height: auto !important;
  }
  .sxt p a { word-break: break-all; }

  /* === 「国际项目」快捷链接条 .link ===
     桌面：.link{height:75px; padding-left:180px; background:url(gjxm.png) left top no-repeat}，
     左侧是 170×27 的「国际项目」标题图，右侧一排用 | 分隔的链接（.link a{margin:0 30px}）。
     ⚠ 手机端 180px 左内边距几乎吃掉整行 → 链接被挤成竖排 + 截断（截图里变形的那条）。
        正解：标题图移到上方（改用 padding-top 让位），链接归还整行、高度自适应。
     第五轮（用户要求「条目长度一样」）：7 个链接排成 **三列等宽网格**（每行 3 个，共 3 行）。
     第六轮（用户反馈 2 点）：① 标题图 gjxm.png 自身左侧有 9px 透明留白 → 「国际项目」比上方栏目名
        「政策法规」(h2 文字贴容器左缘 x=12) 多缩进 9px；用 background-position 负值把图整体左移 9px 对齐。
        ⚠ 这是**图片内部的透明边距**，改 padding 无效（图从元素左缘开始铺），只能移 background-position。
        ② 链接行距太挤：line-height 由 20.4px(1.7×12) 提到 26px（PC 该栏 a 行高本就是 30px，手机端按比例取 26）。 */
  .link {
    height: auto !important;
    padding: 40px 0 0 0 !important;          /* 40px 让出顶部 27px 高的「国际项目」标题图 */
    background-position: -9px top !important; /* 抵消标题图内部 9px 左侧透明留白 → 文字与上方「政策法规」左对齐 */
    background-repeat: no-repeat !important;
    /* ⚠ 容器字号归零：<a> 之间那些字面「|」分隔符是**纯文本节点**（无标签可选中），
       归零后它们随之缩为 0 宽消失；同时消灭 inline-block 之间的空白间隙，
       保证一行正好塞下 3 个 33.3333% 的格子（否则第 3 个会被挤到下一行）。 */
    font-size: 0 !important;
    line-height: 0 !important;
  }
  .link a {
    display: inline-block !important;
    width: 33.3333% !important;              /* 三列等宽 → 每个条目长度完全一致 */
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 4px 0 0 !important;           /* 右侧 4px 列间距 */
    font-size: 12px !important;              /* 12px 下最长项「海外实习、就业项目」(9字≈108px) 从 360px 屏起都能单行不折行 */
    line-height: 26px !important;            /* 第六轮：行距由 20.4px 加到 26px（原太挤）；行高决定 inline-block 盒高 → 行距 */
    text-align: left !important;
    vertical-align: top !important;
    white-space: normal !important;          /* 极窄屏兜底：宁可折行也不截断文字 */
  }

  /* === 页脚 .foot / .foot_top / .foot_bottom ===
     桌面：.foot_top{height:200px} 内「联系方式（左 fl）/ 二维码（右 fr）」并排，
           「资料下载」块在源码里内联 style="display:none"（PC 也不显示），底部版权条同样内联隐藏。
     ⚠ .foot_top_nr 桌面有 100px 左内边距 + 一条 fg.gif 竖分隔线；
        手机端若不还原 padding/宽度，整块内容会右移 100px 并横向溢出（截图里「变形」的根因）；
        .foot_top 的 200px 固定高还会让两列压到版权行上。 */
  /* ⚠ .foot 横向不给内缩：红色彩带（footbg2.jpg，本站 .foot 背景图）须像 PC 一样通栏铺底；内容内缩由内层 .w1200 提供。
     底部 padding 必须 0：彩带贴 .foot 底，文字带(.foot_bottom)高 45px 落在彩带上沿 4px下方（PC 同款）。 */
  .foot { padding-top: 8px !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; margin-top: 24px !important; }
  .foot_top { height: auto !important; overflow: hidden !important; padding: 12px 0 !important; }
  /* === 手机端页脚两块（联系方式 / 二维码）左右布局，与 PC 一致 ===
     PC 结构：.foot_top 内三块 .foot_top_nr —— ① 联系方式(fl 左)、② 资料下载(内联隐藏)、
     ③ 二维码(fr 右)，观感即「左文右码」。
     做法：仅手机端由 js/nav.js 把三块包进 .foot_col，这里把它设为 flex 行 + space-between：
     左 = 联系方式、右 = 二维码，两块垂直居中对齐（PC 观感）；桌面端 JS 会拆掉包裹层、恢复原结构。
     （老内核不支持 flex 时降级为竖排，不影响可读。） */
  .foot_top { text-align: left !important; }
  .foot_col {
    display: flex !important;
    width: 100% !important;
    align-items: flex-start !important;        /* 两块顶端对齐：左标题顶 = 右二维码图顶（2026-10-14 由垂直居中改） */
    justify-content: space-between !important; /* 左右分布：联系方式靠左、二维码靠右 */
    text-align: left !important;
  }
  .foot_top_nr {
    float: none !important; display: block !important;
    width: auto !important; max-width: 100% !important;
    height: auto !important;
    margin: 0 !important; text-align: left !important;
    padding: 0 !important;                  /* 清掉原站 100px 左内边距（变形元凶） */
    background: none !important;            /* 去掉那条竖分隔线（并排后无意义） */
  }
  /* ⚠ 「资料下载」块在源码里是内联 style="display:none"（PC 端就不显示）；
     本补丁 .foot_top_nr 的 display:block !important 曾把它强行顶出来（手机端多出一个板块）。
     用属性选择器命中「带内联隐藏样式」的块恢复隐藏：
     特异性 (0,2,0) > (0,1,0)，同为 !important 时获胜 → 内联隐藏的块重新隐身，
     而正常块（联系方式 / 二维码，内联只有 background:none）不受影响。 */
  .foot_top_nr[style*="display:none"],
  .foot_top_nr[style*="display: none"] { display: none !important; }
  .foot_top_nr h2 { font-size: 16px !important; margin: 0 0 8px !important; }
  .foot_top_nr p { font-size: 13px !important; line-height: 1.6 !important; margin: 0 !important; }
  .foot_top_nr ul { overflow: visible !important; }
  .foot_top_nr ul li { font-size: 13px !important; line-height: 1.8 !important; }
  /* 版权带：还原 PC 几何（高 45px、行高 45px、无内边距）→ 文字垂直居中于 45px 蓝带内，
     蓝带上沿在文字上方约 4px，正是 PC「背景图上面一条横线、文字在横线下方」的观感。
     ⚠ 绝不能加 padding（content-box 下 45px+padding 会把蓝带挤下去，文字跑到横线上方）。 */
  .foot_bottom { width: 100% !important; text-align: center !important; padding: 0 !important; font-size: 12px !important; line-height: 45px !important; height: 45px !important; }

  /* === 手机端栏目导航侧栏（折叠盒，仿 xafu 主站 ppcbb「栏目导航」；内容为本站新闻动态栏目）===
     作用：本站没有桌面左栏，手机端在 header 与正文之间插入一个可折叠栏目盒（红头 + 子项），
     弥补手机端无法快速跳到「新闻动态」子栏目的缺憾。
     标题 / 子项由 nav.js 里 COLNAV 配置写死（截图指定：新闻动态 → 学院要闻 / 通知公告），
     改栏目只动 COLNAV，不动此处样式。 */
  .m-colnav { display: block !important; margin: 10px 12px 0 !important; background: #fff !important; border: 1px solid #990b19 !important; border-radius: 6px !important; overflow: hidden !important; }
  .m-colnav-hd { display: flex !important; align-items: center !important; justify-content: space-between !important; background: #990b19 !important; color: #fff !important; font-size: 16px !important; font-weight: bold !important; padding: 10px 14px !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; }
  .m-colnav-hd .m-colnav-ico { font-size: 13px !important; line-height: 1 !important; transition: transform .15s ease !important; }
  .m-colnav.collapsed .m-colnav-hd .m-colnav-ico { transform: rotate(-90deg) !important; }
  .m-colnav-bd { display: block !important; }                 /* 默认展开，点标题可收起 */
  .m-colnav.collapsed .m-colnav-bd { display: none !important; }
  .m-colnav-bd ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
  .m-colnav-bd li a { display: block !important; padding: 11px 14px !important; color: #444 !important; font-size: 15px !important; border-bottom: 1px solid #eee !important; }
  .m-colnav-bd li:last-child a { border-bottom: none !important; }
  .m-colnav-bd li a:active { background: #f7e9ea !important; }

}

/* ========================================================================
   ⚠ 以下规则**写在主 @media (max-width:1200px) 之外**：
   ① 老内核（微信 X5 早期 / 老安卓）对「@media 嵌套 @media」支持不可靠，故另起一条顶层媒体查询；
   ② 放在文件末尾 + !important ⇒ 同等特异性下压过前面的规则。
   ======================================================================== */

/* === szdw 型模板（师资队伍 szdw.htm / 名师风采 msfc.htm）导航行里多渲染了一份搜索组件 ===
   根因（2026-10-14 诊断）：这类页面（szdw.jsp 模板）服务端输出的 HTML 里搜索框有**两份**——
   ① .logobg > .ss（banner 右上，正常）＋ ② .menu-nav > .nav_con > .ss（导航行内，多出来的）；
   两份 input 的 id 还相同（showkeycode1106554 / lucenenewssearchkey1106554），属无效 HTML。
   其他模板的页面只有一份，.menu-nav 里根本没有 .ss ⇒ 本规则对它们零影响。
   原站 CSS 无「.menu-nav .ss」隐藏规则（正常站型导航行不放搜索框），故桌面端两个都显示。
   CSS 兜底：全宽度隐藏导航行内的搜索框（≤1200px 补丁段里本就有同款规则，这里补上桌面端）。
   ⚠ 根治需在博达后台编辑 szdw 类型页面模板、删除 .menu-nav 里多余的搜索组件。 */
.menu-nav .ss, .nav_con .ss { display: none !important; }

/* === 极窄屏（≤375px，如 360 屏老安卓 / iPhone SE）：详情页元信息行再降 1px ===
   根因：`.content-title i` 是「发布日期：2026-09-23　　来源：　　点击量：17」**一整串文本**
   （分组之间是全角空格 U+3000，CSS 选不中、无法单独缩窄）。
   12px 时整串需 ~275px，而 360 屏可用仅 272px —— 差 3px，会让计数「17」被挤到第二行**单独成行**（孤儿行）。
   降到 11px 需 ~252px ⇒ 单行放得下。（同页 390 屏不受影响，仍是 12px。） */
@media (max-width: 375px) {
  .content-title i { font-size: 11px !important; }
}