@charset "utf-8";
/*Technical Support SudyTech*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; }
table{ border-collapse:collapse; border-spacing:0; }
caption,th{ text-align:left; font-weight:normal; }
html,body,fieldset,img,iframe,abbr{ border:0;}
img{vertical-align:top;}
html{ overflow-x:hidden; }
i,cite,em,var,address,dfn{ font-style:normal; }
[hidefocus],summary{ outline:0; }
li{ list-style:none; }
h1,h2,h3,h4,h5,h6,small{ font-size:100%; }
sup,sub{ font-size:83%; }
pre,code,kbd,samp{ font-family:inherit; }
q:before,q:after{ content:none; }
textarea{ overflow:auto; resize:none; }
label,summary{ cursor:default; }
a,button{ cursor:pointer; }
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; }
del,ins,u,s,a,a:hover{ text-decoration:none; }
body,textarea,input,button,select,keygen,legend{ font:13px/1 arial,\5b8b\4f53; color:#333; outline:0; }
:focus { outline:0; }
/*备用样式表*/
.none { display:none; }
.wcb{ width:100%; height:30px; border:2px dashed #97CBE0; }
.hidden { visibility:hidden; }
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline; }
.clearfix:after{clear: both;content: "";display: block;height:0;visibility: hidden;}
.clearfix{ display: block; *zoom:1; }
.icon{display:inline-block;width: 32px;height: 32px;vertical-align:middle;}
/*css3扩展*/
body:before {content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 10px;
 -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	     box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}
::-webkit-input-placeholder { color:#ccc;/* WebKit browsers */}
:-moz-placeholder {color:#ccc; /* Mozilla Firefox 4 to 18 */}
::-moz-placeholder { color:#ccc;/* Mozilla Firefox 19+ */}
:-ms-input-placeholder { color:#ccc;/* Internet Explorer 10+ */}
/**布局开始**/

/* body {line-height: 1;font-size: 13px;font-family: "PingFang","Microsoft YaHei";color:#333;} */ /**更改旧字体**/

/* =========================================================================
   TYPOGRAPHY SYSTEM — single source of truth (added)
   A deliberate, modular type scale. Every text role across the site maps to
   one of these tokens, so sizing stays coherent on every page. Tweak a value
   here and it cascades everywhere — never hard-code a one-off px size again.
   ========================================================================= */
:root{
    /* Font scale (px) */
    --fs-2xs:  12px;  /* fine print: visit counter            */
    --fs-xs:   14px;  /* meta, top utility links, bottom bar  */
    --fs-sm:   15px;  /* footer sub-menu                      */
    --fs-base: 16px;  /* body copy, auxiliary text            */
    --fs-md:   18px;  /* lead text, main nav, article body    */
    --fs-lg:   20px;  /* sub-headings, dates                  */
    --fs-xl:   22px;  /* card / list-item titles              */
    --fs-accent: 24px;/* English accent words (News, Forum…)  */
    --fs-2xl:  26px;  /* article H1, feature-slide title      */
    --fs-3xl:  30px;  /* hero headline                        */
    --fs-display: 40px; /* home-page section titles           */

    /* Line-height scale */
    --lh-tight: 1.3;   /* large display headings              */
    --lh-snug:  1.45;  /* card titles / sub-heads             */
    --lh-base:  1.75;  /* running body copy                   */

    /* Brand colours (referenced for consistency) */
    --c-ink:   #313131; /* primary text   */
    --c-sub:   #555555; /* secondary text */
    --c-meta:  #787878; /* meta / muted   */
    --c-brand: #002BA0; /* ZJU blue       */
    --c-brand-2:#0f429b;
    --c-accent:#B50000; /* dates / accent */
}

/**使用新字体**/
/* 0. 防止苹果设备系统级额外放大字体，并开启抗锯齿让字体更锐利（集中到样式表，各页面无需重复内联） */
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body {
    line-height: var(--lh-tight);
    font-size: var(--fs-base);
    color: var(--c-ink);
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
p{line-height:var(--lh-base);}
a {color:#3b3b3b; text-decoration:none; transition:all 0.4s ease-in-out; }
a:hover { color:#095ab5; }
/*页面尺寸*/
.wrapper { width:100%; margin:0 auto;  }
.wrapper .inner {width: 1320px;margin:0 auto;} /**页面全局宽度**/
/*headtop*/
#headtop{background: #666;}
#headtop .inner{}
.headtop .top-left{float: left;}
.headtop .top-right{float:right;}
/*head开始*/
.header {border-bottom: 1px solid #002BA0;height:auto;line-height:inherit;box-shadow: 3px 6px 10px #cccccc;margin-bottom: 2px;}
.header .inner{height: 161px;position:relative;}
.header .sitelogo{float:left;margin-top: 50px;width: 350px;}
.header .sitelogo span{position:relative;font-size:inherit; font-weight:normal;}
.header .sitelogo span a{ color:transparent; margin:0;}
.header .sitelogo h1{font-size:inherit; font-weight:normal; background:none; padding-left:0px;}
.header .sitelogo .sitetitle {display:inline-block;margin-top: 28px;margin-left:10px;font-size:32px;font-weight:bold;color:#fff;} /**站点名称**/

.header .head-left{float:left;display:inline-block;}
.header .head-main{float:left;margin-top:10px;}
.header .head-right{float:right;margin-top: 62px;}

.head-top.clearfix{margin-bottom: 26px;}
/*rale样式*/
.site-rale{}
.site-rale ul{}
.site-rale ul li.links{float:left;}
.site-rale ul li.links a{line-height: 35px;padding: 0 12px 0 12px;padding-left: 19px;font-size: 13px;color: #cad3d4;}
.site-rale ul li.links a:hover{color:#fff;}
.site-rale ul li.links.i1 a{background-position: 0px 0px;}
.site-rale ul li.links.i2 a{background-position: -60px 0px;}
.site-rale ul li.links.i3 a{background-position: -117px 0px;}
.site-rale ul li.links.i4 a{background-position: -177px 0px;}
/*lang样式*/
.site-lang{float: right;}
.site-lang ul{float:right;}
.site-lang ul li.links{float:left;}
.site-lang ul li.links a{line-height: 16px;margin: 0px 12.5px;font-size: 13px;color: #555555;}
.site-lang ul li.links a:hover{color: #002ba0;}
/*默认主导航样式*/
#nav{/* background: #004ea1; */}
#nav .inner{}
#nav .inner .wp-panel{}/*导航*/
#nav .inner .wp-panel .wp-window{}
#nav .inner .wp-panel .navbg{position:absolute; z-index:-1;left:0;right:0;top:0;bottom:0; width:auto; height:100%;background:#fff;opacity:.7;filter:alpha(opacity=70);}
/*导航样式：后台绑定时也可以定义配置*/
.wp-menu {margin:0 auto}
.wp-menu .menu-item {display: inline-block; float: left; position: relative;}
.wp-menu .menu-item.i1 { background:none;}
.wp-menu .menu-item.i1 a.menu-link{background:none;}
.wp-menu .menu-item a > .menu-switch-arrow{ display:none; width:20px; height:20px; vertical-align:middle; }
.wp-menu .menu-item a.menu-link {display: inline-block;position:relative;padding: 0 20px;line-height: 42px;color: #313131;font-size: 18px;}
.wp-menu .menu-item a.menu-link::before {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:25px;background:#d5d5d5;}
/* divider is a header-nav-only separator: mirror the original background:none suppressions (footer sitemap + first item .i1) for the pseudo-element */
.wp-menu .menu-item.i1 a.menu-link::before,
.footer .wp-menu .menu-item a.menu-link::before { display:none; }
.wp-menu .menu-item.hover a.menu-link,
.wp-menu .menu-item a.hover{background-color: #002BA0;text-decoration: none;color: #eee;}
.sub-menu {display: none;position: absolute;left: 0;top: 42px;min-width: 100%;z-index: 100;background:#fff; text-align: center;}
.sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1;}
.sub-menu .sub-item a {display: block;color: #000;height: 40px;line-height: 40px;padding: 0 17px;font-size: 14px;background:none;}
.sub-menu .sub-item.hover> a,
.sub-menu .sub-item a:hover{color: #fff;background-color: #002BA0;display: block;}
.sub-menu .sub-menu { left: 100%; top:0px; z-index: 200; background:#fff;}
/**主页banner开始**/
#banner {background: #e7e2df;}
#banner .inner {width:auto;max-width:1345px;text-align:center;position:relative;}
/**主体模块样式**/
#m-container {}
#m-container .inner {}
/**首页三列布局**/
.mod {}
.mbox {}

.main1{}
.main1 .inner{padding: 100px 0px 120px;}

.main2 .inner{ padding: 0 0 111px;}

.main3 .inner{padding: 0 0 41px;}

.main4 .inner{padding: 0px 0 111px;}

.main5 .inner{padding: 0 0 133px;}
/**标题栏新闻窗口**/
.post {}
.post .tt {display:inline-block;/* width:100%; */border-bottom: 0px solid #e6e6e6;} /**标题栏**/
.post .tt .tit {display:inline-block;float:left;font-size: 16px;font-weight:normal;} /**标题字体**/
.post .tt .tit .title {display:block;line-height: 56px;color: #424242;font-family:"Microsoft yahei";}
.post .tt .tit .name{ display:none; line-height:16px; color:#333; }/*栏目别名*/
.post .con { margin:0 auto; }
.post .con .wp_article_list .list_item { border-bottom:1px dashed #ccc; } /**新闻列表**/
.post .con .wp_article_list .list_item .Article_Index { background:radial-gradient(circle, #952122 2.5px, transparent 2.6px) no-repeat center; }
.post .more_btn {display:inline-block;*display:inline; *zoom:1;/* height: 20px; *//* margin-top: 10px; */line-height: 57px;float:right;}
.post .more_btn .more_text,.post .more_btn a {font-size: 14px;cursor:pointer;} 
.post .more_btn a{color: #B50000;} 
.post .more_btn a:hover{color:#666;} 
/*更换矢量more图标*/
/*.post .more_btn .more_text img{margin-left:5.5px;transition-duration: 0.5s;}*/
.post .more_btn .more_text img {
    margin-left: 5.5px;
    transition: transform 0.5s; /* animate via transform only -> no reflow */
    height: 2em; /* 2em makes it twice larger than the text, adjust as needed */
    width: auto;
    vertical-align: middle; /* Keeps the arrow perfectly centered with the text */
}
.post .more_btn:hover .more_text img{ transform: translateX(5px); }
/*标准标题*/
.post1 {}
.post1 .tt {/* border-bottom: 2px solid #146cc1; */}
.post1 .tt .tit {}
.post1 .tt .tit .title {display:inline-block;margin-right:74.5px;font-size: 40px;font-weight:normal;color: #313131;display: flex;}
.post1 .tt .tit .title.selected {color:#0f429b;}
/**自定义新闻列表**/
.news_list { }
.news_list li.news {line-height: 30px;padding-left:0px;} /**标题图标**/
.news_list li.news span.news_title { float:left; }/*标题*/
.news_list li.news span.news_title img {vertical-align: middle;}
.news_list li.news span.news_meta {float:right;margin-left:2px;color: #9C9C9C;}/*属性*/

.news_list li.news .news_icon {display:inline-block;margin:0 auto; border:0px solid red;}
.news_list li.news .news_bg {position:absolute; left:0px;bottom:0px; right:0px; height:30px; background:#000; opacity:.7; filter:Alpha(opacity=70);}
.news_list li.news p {line-height:34px;}

/***********************************************************
 * 列表页
 */
/**首页三列布局**/
/**列表页**/
.news_list.list2 li.news{ line-height:45px; border-bottom:1px  dashed #cccccc;}
.news_list.list2 li.news span.news_title{font-size:16px;}
.news_list.list2 li.news span.news_meta{font-size:16px;}
/*栏目图片*/
.l-banner{height:100px;background-position:center center;background-repeat:no-repeat;text-align:center;}
.l-banner img{display:none;height:100%;vertical-align:top;}
/**主体列表页开始**/
#l-container {background: #ECF1F8;}
#l-container .inner {padding:25px 0px;}
/**主体文章页开始**/
#d-container {
    background: #ECF1F8;
}
#d-container .inner {padding:20px 0px;}

.col_menu {width: 240px;float:left;margin-right:-240px;position:relative;} 
.col_menu .l-qh{ margin-bottom:10px;}
.col_menu .col_menu_head {background: #0f429b;}/**位置栏目背景**/
.col_menu .col_menu_head h3.col_name { font-size:20px; font-weight:normal; color:#fff; }/**位置栏目字体**/
.col_menu .col_menu_head h3.col_name .col_name_text { display:block; line-height:50px; padding:0px 5px 0px 30px;}/**栏目名称图标**/
.col_menu .col_menu_con{border:1px solid #e4e4e4;}
/*栏目列表*/
.col_list{}
.col_list .wp_listcolumn { border-top:0px solid #2867A0; border-bottom:0px solid #fff; }
.col_list .wp_listcolumn .wp_column a {color:#333;font-size: 15px;font-weight:normal;background:none;border-top:0px solid #fff;border-bottom: 1px solid #F6EAEA;}
.col_list .wp_listcolumn .wp_column a .column-name{padding:5px 0px 5px 28px;line-height:32px;}
.col_list .wp_listcolumn .wp_column a:hover,
.col_list .wp_listcolumn .wp_column a.selected {color:#0f429b;background: #ffffff;} 
.col_list .wp_listcolumn .wp_column a.selected span.column-name{color: #0f429b;}
.col_list .wp_listcolumn .wp_subcolumn .wp_column a { color:#454545;background:none; border-top:1px solid #fff; border-bottom:1px solid #bbb;}
.col_list .wp_listcolumn .wp_column.parent > a .column-name{font-weight:bold; color:#0f429b;}
/*二级子栏目**/
.col_list .wp_listcolumn .wp_column .sub_list a {color:#333;border-top:1px solid #eee;margin-top:-1px;} 	
.col_list .wp_listcolumn .sub_list a .column-name {display:inline-block;line-height: 28px;padding: 5px 10px 5px 52px;cursor:pointer;}
.col_list .wp_listcolumn .sub_list a:hover,
.col_list .wp_listcolumn .wp_column a.selected {font-weight:bold;color:#0f429b;} 
/*三级子栏目**/
.col_list .wp_listcolumn .wp_column .sub_list .sub_list a {background:none; } 	
.col_list .wp_listcolumn .sub_list .sub_list a .column-name { padding: 5px 10px 5px 51px; cursor:pointer;}
.col_list .wp_listcolumn .sub_list .sub_list a:hover,
.col_list .wp_listcolumn .sub_list .sub_list a.selected {font-weight:bold; color:#0f429b;} 
/**栏目新闻**/
.col_news {width: 100%;min-height:500px;float:right;} 
.col_news .col_news_box{margin-left: 290px;}
.col_news_head {border-bottom: 1px solid #DBDBDB;}
.col_metas .col_title { display:inline-block; float:left; height: 48px; line-height: 48px; }  /**当前栏目**/
.col_metas .col_title h2 {display:inline-block;font-size: 20px;font-family:"Microsoft yahei";font-weight: normal;color: #0f429b;border-bottom: 3px solid #CBCBCB;}
.col_metas .col_path {display:inline-block;float:right;white-space:nowrap;height: 46px;line-height: 46px;color: #666;} /**当前位置**/
.col_metas .col_path a{color: #2F2F2F;}
.col_news_con { padding:5px 0px 10px 0px; margin:0 7px;}
.col_news_list { margin-top:7px;}
.col_news_list .wp_article_list .list_item {} /**栏目新闻列表**/
.col_news_list .wp_article_list .list_item .Article_Index { }  /**栏目新闻图标序号**/
.col_news_list .wp_entry,.col_news_list .wp_entry p { line-height:1.75; font-size:14px; color:#333;}
.col_news_list .wp_entry p { margin-bottom:10px;}
.col_news_list .wp_entry table{ margin-bottom:4px;}
.col_news_list .wp_entry img { max-width:680px; _width:expression(this.width > 680 ? "680px" : this.width); } /**列表页文章图片大小限制**/
/**文章页**/
.infobox {width:auto; margin:0 auto;min-height: 550px; }
.article {padding-top:10px;}
.article h1.arti_title {line-height: 48px;font-family: "Microsoft YaHei";font-size:22px;text-align:center;color: #182880;} /**文章标题**/
.article h2.arti_title {line-height: 40px;font-family: "Microsoft YaHei";font-size: 17px;text-align:center;color: #1B1B1B;} /**文章副标题**/
.article .arti_metas { padding:10px; text-align:center;border-top:1px solid #ececec;}
.article .arti_metas span { margin:0 5px; font-size:12px; color:#787878;}/**文章其他属性**/
.article .entry { margin:0 auto; overflow:hidden;margin-top:10px;} /**文章内容**/
.article .entry .read,.article .entry .read p { line-height:1.75; font-size:14px; color:#333;}  /**阅读字体**/
.article .entry .read p { margin-bottom:10px;}
.article .entry .read img {margin:0 auto; }   /**文章阅读部分图片大小限制**/
.article .entry .read table{margin:0 auto; border:none!important;}
/**页脚开始**/
#footer {background: #ffffff;}
#footer .inner {padding: 94px 0px 58px;position:relative;border-bottom: 1px solid rgba(49,49,49,0.3);}
#footer .inner .mod{}


#footer .inner .mod { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; width: 100%; }
#footer .inner .foot-left { float: none; width: 40%; position: relative; z-index: 2; margin-top: 0; }
#footer .inner .foot-right { float: none; width: 60%; margin-top: 0; }
#footer .inner p { font-size: 16px; line-height: 21px; font-weight: normal; text-align: left; color: #313131; }
#footer .inner .copyright { margin-bottom: 0; }
#footer .inner .copyright a { color: #eee; }



/* Flex Distribution for Right Side Menu */
.foot-right .wp-menu { display: flex; justify-content: space-between; width: 100%; padding: 0; }
.footer .wp-menu .menu-item a.menu-link { padding: 0 !important; text-align: left; font-size: var(--fs-md) !important; }
.footer .sub-menu .sub-item a { padding: 0 !important; text-align: left; font-size: var(--fs-xs) !important; }

#bottom p.copyright{ text-align: center; color: #313131; font-size: 14px;opacity: 0.6; line-height: 117px;}

.foot-right .wp-menu .menu-item.hover a.menu-link,.foot-right .wp-menu .menu-item a.hover{background-color:transparent; color: #313131;}
.foot-right .sub-menu{display: block !important;top: 57px;}
.foot-right .sub-menu .sub-item.hover> a,.foot-right .sub-menu .sub-item a:hover{color: #333333;background-color: transparent;display: block  !important;}
.foot-right .sub-menu .sub-item a{transition:0s}
.footer .wp-menu .menu-item a.menu-link{ font-size: 20px; line-height: 28px;padding: 0 27px;background: none;}
.footer .wp-menu .menu-item:last-child a.menu-link{padding:0 0 0 27px;}
.footer .wp-menu .menu-item:last-child .sub-item a{ padding:0 0 0 27px;}
.footer .sub-menu .sub-item a{font-size: 14px;color: #313131;opacity: 0.6;height: 30px;line-height: 30px;text-align: left;padding: 0 27px;}
/**************************************************************
 * 组件功能
 */
/*系统默认搜索*/
.wp_search{ display:inline-block;position:relative;padding-left:4px;border: 1px solid #d0d0d0;}
.wp_search #keyword{ width:160px!important;padding: 4px 0; border:none;height:20px; line-height:20px; background:transparent; color:#fff; }
.wp_search .search{width:32px;height: 30px;border:0px; background: #FFFFFF;cursor: pointer; vertical-align:top; }
/*自定义输入框*/
.searchbox{text-align:right;margin-top:5px;}
.wp-search {position: relative;border: 1px solid #d0d0d0;}
.wp-search form {display: block;}
.wp-search .search-input {margin-left:4px; margin-right: 40px;}
.wp-search .search-input input.search-title {width: 100%;height: 22px;padding: 4px 0;line-height: 22px;background: none;color: #FFFFFF;font-size: 14px;border:0;outline: 0;}
.wp-search .search-btn {width:32px;height: 32px;position: absolute;right: 0;top:0%;}
.wp-search .search-btn input.search-submit {width:32px;height: 30px;border:0;outline: 0;background: #FFFFFF;cursor: pointer;}
/*列表页*/

/*************************************************************
 * 特殊页面
 */
/*二级页面*/
.news_main{background: #ECF1F8;}
.news_yw{font-size: 16px;color: #002BA0;display: flex;justify-content: center;align-items: center;margin-left: 34px;transform: skew(-18deg);}
.news_yw img{/* margin-top: 27px; */ margin-right: 5px;}

/*结构开始*/
.wrap {position: relative;width: 1320px;margin: 0 auto;}

/*动效样式*/
.index-tit { overflow: hidden; }
.index-tit h1 { float: left; color: #0c66ad; font-size: 35px; line-height: 1; }
.index-tit .more_btn.more{ float: right; width: 102px; height: 35px; background: #d9b34d; border-radius: 20px; color: #fff; font-size: 16px; line-height: 35px; text-align: center; }
.index-news {/* padding: 60px 0 100px; */}
.index-news .index-news-slide {position:relative;/* margin-top: 40px; */width: 100%;height: 678px;overflow: hidden;}
.index-news .index-news-slide .tempWrap {float: left;width: 617px;}
.index-news .index-news-slide .tempWrap img {width:100%;height:100%;}
.index-news .index-news-slide .bd {position:relative;float: right;width: 617px;}
.index-news .index-news-slide .bd a {display:block;width: 617px;height: 678px;}
.index-news .index-news-slide .hd {float: left;width: 632px;}
.index-news .index-news-slide .hd ul {}
.index-news .index-news-slide .hd li {color: #0c66ad;font-size: 16px;margin-left: 25px;border-bottom: 1px solid #002BA0;padding-top: 40px;}
.index-news .index-news-slide .hd li:first-child{padding-top:0;}
/**.index-news .index-news-slide .hd li a {display: block;height: 56px; font-size:18px;border: 1px solid #ccc;display: flex;justify-content: center;align-items: center;}**/
.index-news .index-news-slide .hd li.on {/* background: #00A1E9; */position: relative;left: 58px;}
.index-news .index-news-slide .hd li.on .news_title {color: #313131;font-size:28px;margin: 18px 0 22px;}
.index-news .index-news-slide .hd li.on .news_text{ display:none;}
.index-news .index-news-slide .hd li.on .news_time{ font-size:20px;}
/*搜索*/
div#aaa {cursor: pointer;float: right;border-left: 1px solid #D5D5D5;padding-left: 23.5px;}
.layer {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #002BA0;display:none;z-index: 101;}
.layer .layer-inner{position:relative;width: 100%;height: 100%;}
.layer .layer-inner .layer-mod{text-align: center;position:absolute;top: 50px;width:100%;}
.layer .layer-inner .layer-mod .shutdown{margin-right: 50px;text-align:right;}
.layer .close{width: 48px;cursor: pointer;color:#fff;height: 48px;}
.layer .searchbox{width: 55%;margin: 0 auto;margin-top: 100px;}
.layer-mod h3 {line-height: 100px;font-size: 50px;color: #fff;}


.news_more{font-size: 14px;}
/*更换矢量ckxq图标*/
/*.news_more img{margin-left: 9px;transition-duration: 0.5s;}*/
.news_more img {
    margin-left: 9px;
    transition: transform 0.5s; /* animate position via transform only -> no reflow */
    height: 2em; /* Locks the SVG size to roughly twice larger than the surrounding text */
    width: auto;
    vertical-align: middle; /* Centers it alongside the text */
}
/* Move the arrow itself to the right on hover. Using translateX (not margin-left)
   means the layout never reflows, so the "查看详情" text stays put even inside
   right-aligned containers (.post-10 / .post-41 .slick-nav). */
.news_more:hover img{ transform: translateX(10px); }

.post1.post-10 .tt{margin-bottom: 40px;}
.post-10{padding-bottom: 37px;margin-bottom: 40px;border-bottom: 1px solid #002BA0;}
/* ---- 微调中心新闻图文比例 开始 ---- */
/* 1. 原代码保留记录：左侧图片原宽度为818px，高度为491px
.post-10 .news_imgs{ float: left; width: 818px;height: 491px;overflow:hidden;}
*/
/* 新说明：将图片宽度调小到700px，高度按比例微调到420px，防止图片显得过分细长 */
.post-10 .news_imgs{ float: left; width: 700px; height: 420px; overflow:hidden;}
/* 2. 原代码保留记录：
.post-10 .news_imgs img{ width: 100%; object-fit: cover;transition-duration: 0.5s;}
*/
/* 新说明：确保 object-fit: cover 完美生效，图片不留白且不变形 */
.post-10 .news_imgs img{ width: 100%; object-fit: cover; transition-duration: 0.5s;}
/* 鼠标悬停放大特效保持不变 */
.post-10 .news_imgs img:hover{transform:scale(1.05); transition-duration: 0.5s;}
/* 3. 原代码保留记录：右侧文字原宽度为440px
.post-10 .news_wz{ float: right; width: 440px;}
*/
/* 新说明：将图片腾出的118px宽度加给文字（440 + 118 = 558px），让右侧能显示更多文字且不拥挤 */
.post-10 .news_wz{ float: right; width: 558px;}
/* ---- 微调中心新闻图文比例 结束 ---- */
.post-10 .news_title{ font-size: 30px;line-height: 42px;} 
.post-10 .news_dtitle{ font-size: 30px; font-weight: bold; color: #002BA0;}
.post-10 span.news_shu{ color: #313131;margin: 0 11px;}
.post-10 .news_time{color: #B50000;font-size: 20px;font-family: Arial;margin: 17px 0 44px;transform: skew(-10deg);}
.post-10 .news_text{font-size: 16px; color: #555555; margin-bottom: 116px;}
.post-10 .news_more{ text-align: right;}


.post-11 .news_list li.news{ float: left; width: 410px;}
.post-11 .news_list li.news.n2{ padding: 0 20px; margin: 0 20px; border-left: 1px solid #002BA0;border-right: 1px solid #002BA0;}
.post-11 .news_title{ font-size: 22px; height:60px;}
.post-11 span.news_dtitle{ font-size: 22px; font-weight: bold; color: #002BA0;}
.post-11 span.news_dtitle .news_shu{ color: #313131;margin: 0 10px;}
.post-11 .news_time{color: #B50000;font-size: 16px;margin: 14px 0 40px;transform: skew(-10deg);}
.post-11 .news_text{ font-size: 16px; color: #555555;line-height: 30px;}
.post-11 .news_more{ margin: 70px 0 14.6px;}
.post-11 .news_imgs{ width: 410px;height: 245px;overflow:hidden;}
.post-11 .news_imgs img{ width: 100%; height: 100%; object-fit: cover;transition-duration: 0.5s;}
.post-11 .news_imgs img:hover{transform:scale(1.05); transition-duration: 0.5s;}


.main2 .news_time{font-size: 16px;color: #B50000;transform: skew(-10deg);}
.main2 .news_title{font-size: 20px;color: #313131;line-height: 40px;margin: 5px 0 20px;}
.main2 .news_text{color: #555555;font-size: 16px;margin-bottom: 46px;line-height:30px;}
.main2 .post1 .tt{ margin-bottom: 55px;}


.post1.post-30 .tt{ margin-bottom: 42px;}
.post-30 .news_wz{ float: left; width: 403px; border-top: 1px solid #002BA0; border-bottom: 1px solid #002BA0;}
.post-30 .news_title{ margin: 60px 0 40px; font-size: 22px; color: #313131; line-height: 30px;}
.post-30 .news_imgs{ float: right; width: 884px; height: 409px;overflow:hidden;}
.post-30 .news_imgs img{width: 100%; height: 100%; object-fit: cover; transition-duration: 0.5s;}
.post-30 .news_imgs img:hover{transform:scale(1.05); transition-duration: 0.5s;}
.post-30 .news_kzzd{ display: flex; align-items: center; font-size: 16px; color: #313131;margin-bottom: 20px;}
.post-30 .news_kzzd img{ margin-right: 8px;}
.post-30 .news_more{ margin: 97px 0 40px;}
.post-30 .news_more img{display:inline-block;}
.post-30 .slick-prev,.post-30 .slick-next{ width:9px; height:16px; bottom:47px; margin-bottom:0;z-index:5;}
/*更换矢量图标*/
.post-30 .slick-prev { left: 330px; background: url(images/zz.svg) center no-repeat; background-size: contain; }
.post-30 .slick-next { left: 394px; background: url(images/yy.svg) center no-repeat; background-size: contain; }



.post1.post-40 .tt{margin-bottom: 28px;}
.post-41 { padding-bottom: 43px; border-bottom: 1px solid #002BA0;}
.post-41 .slick-for{float: left; width: 403px;}
.post-41 .slick-for .news_title{ font-size: 22px; line-height: 30px; color: #313131; margin-bottom: 58px;} 
.post-41 .slick-for .news_kzzd{ display: flex; align-items: center;font-size: 16px;}
.post-41 .slick-for .news_kzzd img{ margin-right: 16px;}
.post-41 .slick-for .news_kzzd.kzzd2{ margin: 14px 0;}
.post-41 .slick-nav{ float: right; width: 872px;}

.post-41 .slick-nav .news_box{ width:275px;}
.post-41 .slick-nav .news_title{font-size: 18px; line-height: 25px; color: #313131;}
.post-41 .slick-nav .news_more{ margin: 15px 0 5px; text-align: right;}
.post-41 .slick-nav .news_imgs{ width: 275px; height: 165px;overflow:hidden;}
.post-41 .slick-nav .news_imgs img{ width: 100%; height: 100%; transition-duration: 0.5s;}
.post-41 .news_imgs img:hover{transform:scale(1.05); transition-duration: 0.5s;}

.post-41 .slick-prev,.post-41 .slick-next{ width:9px; height:16px; bottom:10px; margin-bottom:0;z-index:5;}

/*更换矢量图标*/
.post-41 .slick-prev { left: 330px; background: url(images/zz.svg) center no-repeat; background-size: contain; }
.post-41 .slick-next { left: 394px; background: url(images/yy.svg) center no-repeat; background-size: contain; }

.post-41 .news_more img{display:inline-block;}
.post-50 .news_list li.news{ float: left; width: 410px;}
.post-50 .news_list li.news.n2{margin: 0 45px;}
.post1.post-50 .tt{margin-bottom: 40px;}
.post-50 .news_imgs{width: 410px; height: 222px;overflow:hidden;}
.post-50 .news_imgs img{width: 100%; height: 100%; object-fit: cover;transition-duration: 0.5s;}
.post-50 .news_imgs img:hover{transform:scale(1.05); transition-duration: 0.5s;}
.post-50 .news_title{font-size: 22px;line-height: 30px;color: #313131;margin: 20px 0 30px;height: 60px;}
.post-50 .news_time{font-size: 20px;color: #B50000;transform: skew(-10deg);}







/*师资队伍样式开始*/

ul.list-teachers {
    width: 100%;
}

.list-teachers .list-item {
    padding: 18px;
    overflow: hidden;
    border-top: 3px solid #003f88;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 20px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .3);
    width: 49%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
}

.list-teachers .list-item .pic {
    float: left;
    width: 156px;
    height: 208px;
}

.list-teachers .list-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list-teachers .list-item .info {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0 0 180px;
}

.list-teachers h3 {
    display: inline-block;
    font-size: 18px;
    color: #003f88;
    font-weight: bold;
    padding-bottom: 10px;
}

.list-teachers .info p {
    font-size: 14px;
    line-height: 36px;
    word-break: break-all;
}

.list-teachers .info .over {
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/*师资队伍样式结束*/


/* --- 消除所有强制倾斜（恢复现代端正排版） --- */
.news_yw, 
.post-10 .news_time, 
.post-11 .news_time, 
.main2 .news_time, 
.post-50 .news_time {
    transform: none !important; /* 取消强制扭曲 */
    font-style: normal !important; /* 确保不使用传统斜体 */
}

/* 放大标题旁边的英文单词（如 News, Report, Conference 等） */
.news_yw {
    font-size: var(--fs-accent) !important;    
    margin-left: 20px !important;  
    font-weight: 500 !important;   
}





/* ===== UTF-8 字符图标：绝对刚性单列均匀对齐修复 ===== */
.news_bq { 
    margin-top: 35px; 
    display: flex; 
    flex-direction: column; 
    align-items: flex-start; /* Forces strict left alignment for all rows */
    gap: 12px; 
}

.news_bq p.copyright { 
    display: contents; 
}

/* FIX: Higher specificity guarantees the website line is completely removed */
.news_bq span.news_wz {
    display: none !important;
}

.news_bq span {
    display: flex !important;
    align-items: center;
    font-size: var(--fs-base) !important;
    margin: 0 !important; /* Overrides any legacy margins */
    white-space: nowrap; 
}

.news_bq .ico { 
    display: flex !important; 
    align-items: center;
    justify-content: center; 
    width: 24px !important; 
    min-width: 24px !important; 
    flex-shrink: 0 !important; 
    margin-right: 12px !important; 
    font-style: normal; 
}

.news_dz .ico::before { content: "\2316"; font-size: 18px; } /* ⌖ Location */
.news_dh .ico::before { content: "\260F"; font-size: 18px; } /* ☏ Phone */
.news_yb .ico::before { content: "\2709"; font-size: 18px; } /* ✉ Post */





/* ========================================================
   RESTORED 1: SEARCH BUTTON & POPUP LAYER ICONS
   ======================================================== */
div#aaa .ico-search { display: inline-block; color: #fff; line-height: 1; vertical-align: middle; font-style: normal; }
div#aaa .ico-search::before { content: "\1F50D"; font-size: 22px; }
.layer .close.ico-close { display: inline-block; width: 48px; height: 48px; line-height: 48px; text-align: center; color: #fff; font-style: normal; }
.layer .close.ico-close::before { content: "\2715"; font-size: 30px; }
.wp-search .search-btn input.search-submit { background: #fff !important; color: transparent; }
.wp-search .search-btn::after { content: "\1F50D"; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 18px; pointer-events: none; }
.wp_search .search { background: #fff !important; }

/* ========================================================
   TYPOGRAPHY LAYER — authoritative role map (rewritten)
   Replaces the old "global coherence" block, which bluntly
   forced every div/span/a/p to 16px and then fought itself
   with !important overrides. Each role now maps to one token
   from the :root scale, producing a single coherent hierarchy.
   ======================================================== */

/* --- Headline tier ------------------------------------------------------ */
.post1 .tt .tit .title            { font-size: var(--fs-display); line-height: var(--lh-tight); }  /* home section titles */
.post-10 .news_title,
.post-10 .news_dtitle             { font-size: var(--fs-3xl);     line-height: var(--lh-snug); }    /* hero headline */
.article h1.arti_title            { font-size: var(--fs-2xl) !important; line-height: var(--lh-snug); font-weight: bold !important; margin-bottom: 15px !important; }
.index-news .index-news-slide .hd li.on .news_title { font-size: var(--fs-2xl); }
.news_yw                          { font-size: var(--fs-accent) !important; }                       /* EN accent word */

/* --- Card / list-title tier --------------------------------------------- */
.post-11 .news_title,
.post-11 span.news_dtitle,
.post-30 .news_title,
.post-41 .slick-for .news_title,
.post-50 .news_title              { font-size: var(--fs-xl); line-height: var(--lh-snug); }
.col_metas .col_title h2,
.col_menu .col_menu_head h3.col_name,
.main2 .news_title,
.post-10 .news_time,
.post-50 .news_time               { font-size: var(--fs-lg); }
.article h2.arti_title            { font-size: var(--fs-lg) !important; line-height: var(--lh-snug); margin-bottom: 15px !important; }
.list-teachers h3                 { font-size: var(--fs-lg); }                                       /* faculty name */

/* --- Body / lead tier --------------------------------------------------- */
.wp-menu .menu-item a.menu-link   { font-size: var(--fs-md); }                                       /* main nav */
.post-41 .slick-nav .news_title   { font-size: var(--fs-md); line-height: var(--lh-snug); }
.post-10 .news_text,
.post-11 .news_text,
.main2 .news_text,
.col_news_list .wp_entry,
.col_news_list .wp_entry p,
.article .entry .read,
.article .entry .read p           { font-size: var(--fs-md); line-height: var(--lh-base); }           /* reading copy */

/* --- Auxiliary (16px) tier ---------------------------------------------- */
.sub-menu .sub-item a,
.col_list .wp_listcolumn .wp_column a,
.news_list.list2 li.news span.news_title,
.news_list.list2 li.news span.news_meta,
.post .more_btn .more_text,
.post .more_btn a,
.news_more,
.post-11 .news_time,
.main2 .news_time,
.post-30 .news_kzzd,
.post-41 .slick-for .news_kzzd,
.list-teachers .info p,
.news_bq span,
#footer .inner p,
.index-news .index-news-slide .hd li { font-size: var(--fs-base); }

/* --- Meta / fine-print tier --------------------------------------------- */
.site-lang ul li.links a,
.article .arti_metas span,
.footer .sub-menu .sub-item a,
#bottom p.copyright               { font-size: var(--fs-xs); }
.col_metas .col_path,
.col_metas .col_path a            { font-size: var(--fs-xs); }

/* ========================================================
   GLOBAL COHERENCE — icon clean-up (retained from before)
   ======================================================== */

/* 3. Hide Blurry Raster Icons */
.post-30 .news_kzzd img,
.post-41 .slick-for .news_kzzd img,
.news_yw img {
    display: none !important;
}

/* 4. Inject 3-Byte Vector-Perfect Symbols & Apply Rigid Alignment */
.news_yw::before { 
    content: "\25A0"; /* ■ */
    margin-right: 10px; 
    color: #002BA0; 
    font-size: 20px; 
    vertical-align: middle; 
}

/* Enforce absolute left-alignment grid for Report & Forum metadata */
.post-30 .news_kzzd, 
.post-41 .slick-for .news_kzzd {
    display: flex !important;
    align-items: center;
}

.post-30 .news_kzzd::before, 
.post-41 .slick-for .news_kzzd::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-width: 24px;
    flex-shrink: 0;
    margin-right: 12px;
    color: #002BA0;
    font-size: 18px;
}

.post-30 .kzzd1::before, .post-41 .kzzd2::before { content: "\23F1"; /* ⏱ Time */ } 
.post-30 .kzzd2::before, .post-41 .kzzd3::before { content: "\2316"; /* ⌖ Location */ } 
.post-41 .kzzd1::before { content: "\266A"; /* ♪ Person / Speaker */ }


/* ========================================================
   NARROW-VIEWPORT BACKGROUND FIX (added)
   --------------------------------------------------------
   Symptom: on a phone using "Desktop site" mode, full-width
   section backgrounds (home-page globe image, list/article gray
   #ECF1F8, the column banner image, header) only cover the left
   ~2/3 of the page; the right strip falls through to body white.

   Cause: this is a fixed 1320px design. The <head> script scales
   content via `.inner{zoom}` ONLY when the viewport is >= 1000px;
   below 1000px it deliberately keeps zoom = 1 (so text isn't
   shrunk to nothing). Desktop-mode on a phone reports a layout
   viewport < 1000px, so the 1320px content keeps full size and
   overflows, while every full-width background is width:100% of
   the *viewport* (< 1320px) — it paints only part of the width.

   Fix: in exactly this regime (mirroring the script's w < 1000
   threshold) let the page canvas equal the 1320px design width,
   so each width:100% background spans the whole content. Because
   content is already exactly 1320px here (zoom = 1) it fills edge
   to edge with no shift, no clipping, and no scrollbar. Inert at
   >= 1000px, where zoom already fits content inside the viewport.
   ======================================================== */
@media (max-width: 999.98px){
    html, body { min-width: 1320px; }
}