@charset "utf-8";
/* Base Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small,strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;	font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
:focus {outline:0;}
img {border:0;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
.clear {width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline;}
.clear {clear:both;}
.none {display:none;}
.hidden {visibility:hidden;}
.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfix{display: block; *zoom:1;}

/* 整体布局 */
/* 页面置灰
html {
  -webkit-filter : grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
*/
body {BACKGROUND: #fff;}
body,p {font:16px/1 "Microsoft YaHei", "\u5b8b\u4f53", Tahoma, Geneva, sans-serif; color:#111;}

a {color:#111; text-decoration:none;}
a:link {color:#111;}
a:visited {color:#111;}
a:hover {color: #188450; text-decoration:none;}
a:active {color:#111;}

.wrapper {width:100%; margin:0 auto; min-width: 1250px;}
.wrapper .inner {width: 85%; min-width: 1200px; margin:0 auto;}
.wrapper .inner-head {width: 95%; margin:0 auto;}
.row, .col, .box, .post { margin: 0 auto; padding: 0;}


/* ================ */
/* =    首  页    = */
/* ================ */

/* 固定工具栏 */
#fixed-toolbar {background: rgba(24,132,80,0.6); height: 35px; line-height: 35px; display: none; position: absolute; top: 0px; right: 0; z-index: 8899; border-radius: 0 0 0 5px;}
#fixed-toolbar .wp-menu .menu-item {float: right; background: url(../images/quick_entry_delimiter.gif) left center no-repeat; padding: 0 25px;}
#fixed-toolbar .wp-menu .menu-item:last-child {background: transparent;}
#fixed-toolbar .wp-menu .menu-item a {color: #fff;}

/* 浮动导航 */
#fixed-nav {background: rgba(24,132,80,0.9); height: 60px; line-height: 60px; position: fixed; top: -100px; left: 0; transition: all 0.3s ease; z-index: 9999; box-shadow: 0 2px 5px rgba(0,0,0,0.2); opacity: 1;}
#fixed-nav.visible {top: 0; opacity: 1;}
.fixed-logo {width: 200px; height: 60px; background: url(../images/logo.png) center center no-repeat; background-size: contain; float: left; cursor: pointer;}
.fixed-nav-bar {width: calc(100% - 300px); float: right;}
.fixed-nav-box { margin: 0 auto;}
.fixed-nav-box .wp-menu { margin:0 auto;}
.fixed-nav-box .wp-menu .menu-item {width:10%; line-height: 60px; display: inline-block; float: left; position: relative; z-index: 100; border: none;}
.fixed-nav-box .wp-menu .menu-item a {display: block; padding:0; color: rgba(255,255,255,1); font-size: 18px; font-weight: normal; text-align: center; background: transparent;}

/* 头部 */
#header {position: absolute; left: 0; top: 0; z-index: 8888; background: url(../images/header_bg.png) center top repeat-x; background-size: contain;}
.head {width:100%; height:140px; position: relative;}
.head .logo {width: 405px; height: 140px; margin: 0; cursor: pointer; float: left; background: url(../images/logo.png) left center no-repeat; background-size: contain;}

/* 导航 */
#naver {position: absolute; top: 0px; right: 0;}

/* 快速导航 */
.quick-entry {width: auto; height: 48px; margin: 0 auto;}
.quick-entry-prefix {width: 70px; height: 48px; float: right; background: url(../images/banner_back_slash.png) center center no-repeat;}
.quick-entry-suffix {width: 23px; height: 48px; float: right; background: url(../images/banner_back_slash_suffix.png) center center no-repeat;}

.quick-entry-bar {margin: 0 auto; float: right; background: rgba(24, 132, 80, 0.8);}
.quick-entry-box {margin: 0 auto;}
.quick-entry-box .wp-menu { margin:0 auto;}
.quick-entry-box .wp-menu .menu-item {line-height: 48px; display: inline-block; float: right; border: none; margin: 0; background: url(../images/quick_entry_delimiter.gif) left center no-repeat;}
.quick-entry-box .wp-menu .menu-item:last-child {background: transparent;}
.quick-entry-box .wp-menu .menu-item a {color: rgba(255,255,255,0.8); padding: 0 20px;}
.quick-entry-box .wp-menu .menu-item a:hover {color: rgba(255,255,255,1);}
.quick-entry-box .wp-menu .menu-item.search a {background: url(../images/icon_search.png) center center no-repeat; padding: 0 30px;}
.quick-entry-box .wp-menu .menu-item.search a .menu-text {display: none;}

/* 导航菜单 */
.nav { width:100%; height: 50px; line-height: 50px; margin: 15px auto 0 auto;}
.nav-bar { margin: 0 auto;}
.nav-box { margin: 0 auto;}
.nav-box .wp-menu { margin:0 auto;}
.nav-box .wp-menu .menu-item {line-height: 50px; display: inline-block; float: left; position: relative; z-index: 100; border: none;}
.nav-box .wp-menu .menu-item a {display: block; padding:0 15px; color: rgba(255,255,255,1); font-size: 18px; font-weight: bold; text-align: center; background: transparent;}
.nav-box .wp-menu .menu-item a:hover,
.nav-box .wp-menu .menu-item a.parent {color: #fff;}
.nav-box .sub-menu { background: rgba(255,255,255,0.75); display: none; position: absolute; left: -10px; top: 50px; z-index: 100; min-width:120px; box-shadow: none;}
.nav-box .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1; border-bottom: none; border-top: 1px solid rgba(255,255,255,0.2); min-width: 120px;}
.nav-box .sub-menu .sub-item:first-child {border-top: none;}
.nav-box .sub-menu .sub-item a { display: block; color: #111; line-height: 40px; padding:0 20px; display: block; font-size: 15px; font-weight: normal; text-align: center;}
.nav-box .sub-menu .sub-item a:hover,
.nav-box .sub-menu .sub-item a.parent{ color:#111; display: block; background: rgba(255,255,255,1);}
.nav-box .sub-menu .sub-menu { left: 100%; top: 0; z-index: 200; background-color: rgba(255,255,255,0.75); border-left: 1px solid rgba(255,255,255,0.2);}

/* Jumbotran */
#jumbotran {background: #fff; margin-bottom: 0px; overflow: hidden; position: relative;}
#jumbotran .jumbotran-box { margin: 0 auto; background: #fff;}
#jumbotran .jumbotran-box .focus-navigation {width:60px; height: 60px; font-size: 0px; font-weight: normal; background: transparent; color: rgba(255,255,255,0); opacity: 1;}
#jumbotran .jumbotran-box .focus-navigation:hover {font-size: 0px; font-weight: normal;}
#jumbotran .jumbotran-box .focus-prev {left: 10px; background: url(../images/icon_plug_left.png) center center no-repeat; background-size: contain;}
#jumbotran .jumbotran-box .focus-next {right: 10px; background: url(../images/icon_plug_right.png) center center no-repeat; background-size: contain;}
#jumbotran .jumbotran-box .focus-pagination {height:auto; text-align: center; right: 50px; bottom: 20px;}
#jumbotran .jumbotran-box .focus-page {width: 40px; height: 40px; line-height: 40px; margin-right: 0px; background-color: transparent; font-size: 40px; font-family: "Arial Black"; color: rgba(255,255,255,0.3); font-weight: bolder; border-radius: 0px;}
#jumbotran .jumbotran-box .focus-page.focus-page-1:after {content: "S"; white-space: pre;}
#jumbotran .jumbotran-box .focus-page.focus-page-2:after {content: "U"; white-space: pre;}
#jumbotran .jumbotran-box .focus-page.focus-page-3:after {content: "E"; white-space: pre;}
#jumbotran .jumbotran-box .focus-page.focus-page-4:after {content: "P"; white-space: pre;}
#jumbotran .jumbotran-box .focus-page-active  {background-color: transparent; color: #fff;}
#jumbotran .jumbotran-box .focus-title-bar {height: 60px; bottom: 75px; left: 0px; overflow: hidden;}
#jumbotran .jumbotran-box .focus-title-bg {background-color: rgba(0,0,0,0.5);}
#jumbotran .jumbotran-box .focus-title {overflow: hidden; text-overflow: ellipsis; height: 60px; line-height: 60px; font-size: 32px; font-weight: bold; padding: 0 20px; font-family: "Microsoft YaHei";}
#jumbotran .anchors-nav {position: absolute; left: 50%; bottom: 20px; width: 60px; height: 60px; background: url(../images/icon_to_next_screen.png) center center no-repeat; transform:translateX(-50%); cursor: pointer; animation:to-next 2s linear 0s infinite;}
#jumbotran .anchors-nav A {display: block; width: 100%; height: 100%;}
@keyframes to-next{
  0%{transform:translate(-50%,0);opacity:0;}
  20%{transform:translate(-50%,3px);opacity:0.5;}
  80%{transform:translate(-50%,10px);opacity:1;}
  90%{transform:translate(-50%,10px);opacity:0;}
  100%{transform:translate(-50%,10px);opacity:0;}
}

/* Post通用样式 */
.post .banner {margin-bottom: 40px;}
.post .banner-inner {float: none; margin: 0 auto; width: fit-content;}
.post .banner .section-title {float: left; border-left: 4px solid #188450; padding-left: 15px;}
.post .banner .section-title .en {font-size: 14px; color: #929292; margin-bottom: 10px;  font-weight: normal; text-transform:uppercase;}
.post .banner .section-title .cn {font-size: 32px; color: #111; font-weight: bold;}
.post .banner .more {float: right; margin-top: 0;}
.post .banner .more .more-btn {width: 24px; height: 56px; background: url(../images/icon_more.png) center center no-repeat; background-size: contain;}
.post .banner .more .more-btn:hover {background-image: url(../images/icon_more_hover.png);}
.post .banner .more .more-btn a {display: block; width: 100%; height: 100%;}
.post .banner .delimiter {width: 80px; height: 56px; background: url(../images/dot_delimiter_gray.png) center center no-repeat; background-size: 10px 10px; float: left;}
.post .banner .section-title-fade {border-left: 4px solid rgba(0,0,0,0.2);}
.post .banner .section-title-fade .en {color: rgba(0,0,0,0.2);}
.post .banner .section-title-fade .cn {color: rgba(0,0,0,0.2);}
.post .banner .section-title-fade:hover {border-left: 4px solid #188450;}
.post .banner .section-title-fade:hover .en {color: #929292;}
.post .banner .section-title-fade:hover .cn {color: #111;}

.post-white .banner .section-title {border-left: 4px solid #fff;}
.post-white .banner .section-title .en {color: #fff;}
.post-white .banner .section-title .cn {color: #fff;}
.post-white .banner .more .more-btn {width: 24px; height: 56px; background: url(../images/icon_more_white.png) center center no-repeat; background-size: contain;}
.post-white .banner .more .more-btn:hover {background-image: url(../images/icon_more_white_hover.png);}
.post-white .banner .delimiter {width: 80px; height: 56px; background: url(../images/dot_delimiter_fade.png) center center no-repeat; background-size: 10px 10px; float: left;}
.post-white .banner .section-title-fade {border-left: 4px solid rgba(255,255,255,0.5);}
.post-white .banner .section-title-fade .en {color: rgba(255,255,255,0.5);}
.post-white .banner .section-title-fade .cn {color: rgba(255,255,255,0.5);}
.post-white .banner .section-title-fade:hover {border-left: 4px solid #fff;}
.post-white .banner .section-title-fade:hover .en {color: #fff;}
.post-white .banner .section-title-fade:hover .cn {color: #fff;}

/* 上电要闻 */
#highlights {background: #fff; padding: 80px 0;}
#highlights .col-l {width: 48%; float: left;}
#highlights .col-r {width: 48%; float: right;}

.post-highlights-slider .focus-navigation {background: transparent;}
.post-highlights-slider .focus-navigation:hover {background: transparent;}
.post-highlights-slider .focus-title-bar {height: 40px; bottom: 0; left: 0; overflow: hidden;}
.post-highlights-slider .focus-title-bg {background-color: rgba(0,0,0,0.4);}
.post-highlights-slider .focus-title {width: 98%; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; padding: 0; font-size: 16px; font-weight: normal; text-indent: 15px; font-family: "Microsoft YaHei";}

.post-highlights .con {padding-top: 10px;}
.post-highlights .article-list {padding-top: 25px;}
.post-highlights li {margin-bottom: 32px; background: url(../images/pointer.png) left center no-repeat;}
.post-highlights li:last-child {margin-bottom: 0;}
.post-highlights li .article-title {float: left; width: calc(100% - 110px); height: 20px; line-height: 20px; text-indent: 18px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.post-highlights li .article-datetime {float: right; width: 100px; height: 20px; line-height: 20px; text-align: right; font-size: 16px; font-family: "Georgia"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 通知公告 */
#notice {background: #fff; padding: 25px 0 80px 0;}
.post-notice .sudy-tab .tab-menu {border: none; float: left; margin-left: 80px; height: initial;}
.post-notice .sudy-tab .tab-menu li {height: 56px; line-height: 56px; font-size: 18px; font-weight: bold; color: #a5a5a5; border: none; border-radius: 0; padding: 0 30px 0 35px; background: url(../images/dot_delimiter_gray.png) left center no-repeat; background-size: 5px 5px; cursor: pointer;}
.post-notice .sudy-tab .tab-menu li.selected { background: url(../images/dot_delimiter_gray.png) left center no-repeat; background-size: 5px 5px; color: #006b3f;}
.post-notice .sudy-tab .tab-menu li:first-child {background: transparent;}
.post-notice .article-list li {width:48%; margin-bottom: 28px; background: url(../images/pointer.png) left center no-repeat;}
.post-notice .article-list li .article-title {float: left; width: calc(100% - 110px); height: 20px; line-height: 20px; text-indent: 18px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.post-notice .article-list li .article-datetime {float: right; width: 100px; height: 20px; line-height: 20px; text-align: right; font-size: 16px; font-family: "Georgia"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.post-notice .article-list li:nth-child(odd) {float: left;}
.post-notice .article-list li:nth-child(even) {float: right;}

/* 波浪 */
.marquee-box {overflow: hidden; width: 100%; position: absolute; left: 0; top: 0;}
.marquee {width: 8000%; height: 60px;}
.wave-list-box {float: left;}
.wave-list-box ul {float: left; height: 60px; overflow: hidden; zoom: 1;}
.wave-list-box ul li {height: 60px; width: 100%; float: left; line-height: 30px; list-style: none;}
.wave-box {position: relative; height: 60px; background: #fff;}

/* 科技前沿、学术活动 */
#frontiers-academics {background: #008851 url(../images/golbal.jpg) center bottom no-repeat; padding: 40px 0 80px 0;}
#frontiers-academics .post .banner-inner {float: left;}
#frontiers-academics .col-l {width: 48%; float: left;}
#frontiers-academics .col-r {width: 48%; float: right;}

/* 科技前沿 */
.post-frontiers li{width: 47.5%; height: 218px; position: relative; overflow: hidden; border: 2px solid #fff; margin: 0;}
.post-frontiers li.i1 {float: left;}
.post-frontiers li.i2 {float: right;}
.post-frontiers li A {display: block; width: 100%; height: 100%;}
.post-frontiers li .article-thumbnail {width: 100%; height: 100%; overflow: hidden;}
.post-frontiers li .article-thumbnail Img {width: 100%; height: 100%; transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.post-frontiers li .article-thumbnail Img:hover {transform:scale(1.05, 1.05);}
.post-frontiers li .article-title {position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; text-indent: 8px; font-size: 16px; color: #fff; background: rgba(0,0,0,0.4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.post-frontiers li .article-datetime {position: absolute; right: 0; top: 0; padding: 10px; color: #fff; background: rgba(0,0,0,0.4); font-size: 16px; font-family: "Georgia"; border-radius: 0 0 0 5px;}

/* 学术活动 */
.post-academics li {border-bottom: 1px solid rgba(255,255,255,0.3); margin-bottom: 20px;}
.post-academics li:last-child {margin-bottom: 0;}
.post-academics li .article-title {width: 100%; height: 20px; line-height: 20px; margin-bottom: 15px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-weight: bold;}
.post-academics li .article-title a {color: rgba(255,255,255,0.95);}
.post-academics li .article-title a:hover {color: #fff;}
.post-academics li .article-metas {width: 100%; margin-bottom: 10px; font-size: 14px; color: rgba(255,255,255,0.95);}
.post-academics li .article-metas:last-child {margin-bottom: 15px;}
.post-academics li .article-metas .metas-l1 {width: 35%; height: 20px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.post-academics li .article-metas .metas-l2 {width: 60%; height: 20px; float: left; margin-left: 5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 院部动态、上电故事 */
#college-news-story {background: #f3f3f3; padding: 80px 0;}
#college-news-story .col-l {width: 48%; float: left;}
#college-news-story .col-r {width: 48%; float: right;}

/* 院部动态 */
.post-college-news li {margin-bottom: 30px; background: url(../images/pointer.png) left center no-repeat;}
.post-college-news li:last-child {margin-bottom: 0;}
.post-college-news li .article-title {float: left; width: calc(100% - 110px); height: 20px; line-height: 20px; text-indent: 18px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.post-college-news li .article-datetime {float: right; width: 100px; height: 20px; line-height: 20px; text-align: right; font-size: 16px; font-family: "Georgia"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 上电故事 */
.post-story li {width: 32%; height: 156px; position: relative; float: left; overflow: hidden; margin-left: 2%; margin-bottom: 8px;}
.post-story li A {display: block; width: 100%; height: 100%;}
.post-story li .article-thumbnail {width: 100%; height: 100%; overflow: hidden;}
.post-story li .article-thumbnail Img {width: 100%; height: 100%; transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.post-story li .article-thumbnail Img:hover {transform:scale(1.05, 1.05);}
.post-story li.i1 {width: 66%; height: 320px; margin-left: 0; margin-bottom: 0;}
.post-story li.i3 {margin-bottom: 0;}
.post-story li .article-title {display: none; position: absolute; left: 0; bottom: 25px; height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.post-story li .article-title .title {float:left; width: auto; max-width: 300px; height: 48px; line-height: 48px; font-size: 16px; color: #fff; background: rgba(24,132,80,0.8); padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.post-story li .article-title .suffix {float:left; width: 70px; height: 48px; background: url(../images/banner_back_slash.png) left center no-repeat; transform: scaleX(-1);}
.post-story li.i1 .article-title {display: block; }

/* 媒体看上电、印象上电 */
#media-vision {background: url(../images/section_bg_3.jpg) center bottom no-repeat; background-size: cover; padding: 80px 0;}
#media-vision .col-l {width: 48%; float: left;}
#media-vision .col-r {width: 48%; float: right;}

/* 媒体看上电 */
.post-media-focus li{width: 47.5%; height: 210px; position: relative; float: left; overflow: hidden; margin-left: 5%; margin-bottom: 30px;}
.post-media-focus li:nth-child(2n+1) {margin-left: 0;}
.post-media-focus li.i3, .post-media-focus li.i4 {margin-bottom: 0;}
.post-media-focus li A {display: block; width: 100%; height: 100%;}
.post-media-focus li .article-thumbnail {width: 100%; height: 100%; overflow: hidden;}
.post-media-focus li .article-thumbnail Img {width: 100%; height: 100%; transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.post-media-focus li .article-thumbnail Img:hover {transform:scale(1.05, 1.05);}
.post-media-focus li .article-title {position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; text-indent: 8px; font-size: 16px; color: #fff; background: rgba(0,0,0,0.4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.post-media-focus li .article-datetime {position: absolute; right: 0; top: 0; padding: 10px; color: #fff; background: rgba(0,0,0,0.4); font-size: 16px; font-family: "Georgia"; border-radius: 0 0 0 5px;}

/* 印象上电 */
.post-vision li {width: 100%; height: 450px; margin: 0; position: relative; overflow: hidden;}
.post-vision li A {display: block; width: 100%; height: 100%;}
.post-vision li .article-thumbnail {width: 100%; height: 100%; overflow: hidden;}
.post-vision li .article-thumbnail Img {width: 100%; height: 100%; transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.post-vision li .article-thumbnail Img:hover {transform:scale(1.05, 1.05);}
.post-vision li .article-title {position: absolute; right: 0; bottom: 25px; height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.post-vision li .article-title .prefix {float:left; width: 70px; height: 48px; background: url(../images/banner_back_slash.png) left center no-repeat;}
.post-vision li .article-title .title {float:left; width: auto; height: 48px; line-height: 48px; font-size: 24px; color: #fff; background: rgba(24,132,80,0.8); padding: 0 40px 0 30px;}
.post-vision li .play {width: 90px; height: 90px; background: url(../images/icon_play.png) center center no-repeat; background-size: contain; position: absolute; left: calc(50% - 45px); top: calc(50% - 45px);}

/* 专题、网站服务 */
#subject-services {background: #fff; padding: 50px 0;}
#subject-services .col-l {width: 960px; float: left;}
#subject-services .col-r {float: right; width: calc(100% - 4% - 960px);}

/* 专题 */
.post-subject .banner {display: none;}
.post-subject li {width: 160px; height: 160px; float: left; margin-left: calc((100% - 800px) / 4); position: relative; overflow: hidden;}
.post-subject li:first-child {margin-left: 0}
.post-subject li A {display: block; width: 100%; height: 100%;}
.post-subject li .article-thumbnail {width: 100%; height: 100%; overflow: hidden;}
.post-subject li .article-thumbnail Img {width: 100%; height: 100%; transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.post-subject li .article-thumbnail Img:hover {transform:scale(1.05, 1.05);}

/* 网站服务 */
.post-services .banner {margin-bottom: 5px;}
.post-services .banner h3 {height: 40px; line-height: 40px; font-size: 20px; font-weight: bold;}
.post-services li {width: 33%; height: 50px; line-height: 50px; float: left; border-bottom: 1px solid #efefef; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 页脚 */
#footer {background: #188450 url(../images/slogan.png) right center no-repeat; background-size: contain;}
.foot {padding: 35px 0; text-align: center;}
.foot .foot-box {float: left; text-align: left;}
.foot .extras {padding: 10px 0;}
.foot .copyright {width: 430px; line-height: 30px; float: left; color: rgba(255,255,255,0.8); font-size: 14px;}
.foot .copyright span#yyyy:after {content: ""; white-space: pre;}
.foot .social-media {width: 200px; height: 36px; float: right; margin-left: 20px; margin-top: 40px; position: relative;}
.foot .social-media ul li {width: 36px; height: 36px; display: block; float: left; margin-left: 16px; position: relative; overflow: hidden; cursor: pointer;}
.foot .social-media ul li A {display: block; width: 36px; height: 36px;}
.foot .social-media ul li .icon-hover {width: 36px; height: 36px; position: absolute; left: 0; top: 36px;}
.foot .social-media ul li.wechat {background: url(../images/icon_wechat_bw.png) top center no-repeat; background-size: contain; margin-left: 0;}
.foot .social-media ul li.wechat .icon-hover {background: url(../images/icon_wechat_color.png) center center no-repeat; background-size: contain;}
.foot .social-media ul li.weibo {background: url(../images/icon_weibo_bw.png) top center no-repeat; background-size: contain;}
.foot .social-media ul li.weibo .icon-hover {background: url(../images/icon_weibo_color.png) center center no-repeat; background-size: contain;}
.foot .social-media ul li.douyin {background: url(../images/icon_douyin_bw.png) top center no-repeat; background-size: contain;}
.foot .social-media ul li.douyin .icon-hover {background: url(../images/icon_douyin_color.png) center center no-repeat; background-size: contain;}
.foot .social-media ul li.esd {background: url(../images/icon_esd_bw.png) top center no-repeat; background-size: contain;}
.foot .social-media ul li.esd .icon-hover {background: url(../images/icon_esd_color.png) center center no-repeat; background-size: contain;}
.foot .social-media .qrc {width: 115px; height: 121px; position: absolute; bottom: 38px; background: url(../images/dropdown_pointer.png) center bottom no-repeat; display: none;}
.foot .social-media .qrc.wechat {left: -40px;}
.foot .social-media .qrc.weibo {left: 12px;}
.foot .social-media .qrc.douyin {left: 64px;}
.foot .social-media .qrc.esd {left: 116px;}
.foot .social-media .qrc span {display: block; width: 115px; height: 115px;}
.foot .social-media .qrc.wechat span {background: #fff url(../images/qrc_wechat.gif) center center no-repeat;}
.foot .social-media .qrc.weibo span {background: #fff url(../images/qrc_weibo.gif) center center no-repeat;}
.foot .social-media .qrc.douyin span {background: #fff url(../images/qrc_douyin.gif) center center no-repeat;}
.foot .social-media .qrc.esd span {background: #fff url(../images/qrc_esd.gif) center center no-repeat;}

.foot .beian {line-height: 30px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.3); font-size: 14px;}
.foot .beian span:after {content: "　"; white-space: pre;}
.foot .beian A {color: rgba(255,255,255,0.8);}


/* ================ */
/* =    列表页    = */
/* ================ */

/* 列表页Banner */
#page-banner {height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; background-image: url('../images/page_banner_1.jpg');}
#page-banner .banner-title {position: absolute; left: 0; bottom: 75px;}
#page-banner .banner-title .title {float:left; width: auto; height: 60px; line-height: 60px; font-size: 36px; font-weight: bold; color: #fff; background: rgba(24,132,80,0.8); padding: 0 30px 0 90px;}
#page-banner .banner-title .suffix {float:left; width: 90px; height: 60px; background: url(../images/banner_slash.png) right center no-repeat;}

/* 多级位置导航 */
.page-navigation {height: 62px; line-height: 62px; margin: 0 auto; background: #fcfcfc; border-bottom: 1px solid #efefef; border-radius: 3px 3px 0 0;}
.path-box {height: 62px; line-height: 62px; margin: 0 auto; text-align: left; text-indent: 25px; font-size: 14px; color: #999999; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.page-navigation .path-box .Column_Position {padding:0 0;}
.page-navigation .path-box .Column_Position A {font-size: 14px; color: #999999;}
.page-navigation .path-box .possplit {width: 15px; background: url(../images/pointer.png) center center no-repeat; padding: 0 5px;}

/* 列表页主体 */
#container {background: #f5f5f5;}
.wrapper .l-inner {padding: 50px 0;}

/* 列表页主体框架（左侧多级栏目列表、右侧列表内容区） */
.col-box {margin: 0 auto;}
.col-menu {width: 20%; float: left; background: #fff url(../images/campus_sketch.jpg) center bottom no-repeat; background-size: contain; padding: 0 0 80px 0; border-radius: 3px;}
.col-menu-placeholder {height: 0px; width: 100%; margin: 0 auto;}
.col-content-list, .col-content-detail {width: 76%; float: right;  min-height: 400px; background: #fff; border-radius: 3px;}
.col_nomenu {width: 100%; float: none;}

/* 左侧多级栏目列表 */
/* 栏目标题 */
.col-menu-title { margin: 0 auto; height: 62px; line-height: 62px; overflow: hidden; background: url(../images/pointer_down.png) 15px center no-repeat; border-bottom: 1px solid #efefef; position: relative;}
.col-name {color: #111; line-height: 62px; font-size: 18px; text-align: left; text-indent: 35px; font-weight: bold;}
.col-name-text {display: block;}
/* 栏目列表 */
.col-menu-con {margin: 0; padding:5px 0; background: #fff; border-radius: 3px;}
.col-list {margin: 0 auto; padding: 0; background: transparent;}
/* 一级 */
.col-list .wp_listcolumn {border: none; padding: 0;}
.col-list .wp_listcolumn .wp_column {border: none;  margin-bottom: 0px; text-indent: 45px;}
.col-list .wp_listcolumn .wp_column a { display: block; height: 45px; line-height: 45px; font-weight:normal; font-size: 16px; color:#111; border: none; border-bottom: none; background: transparent; text-align: left;}   /**一级子栏目及图标**/
.col-list .wp_listcolumn .wp_column a.parent {color:#111; background: #e7f2ed url(../images/pointer_down.png) 25px center no-repeat; font-weight: normal;}
.col-list .wp_listcolumn .wp_column a:hover { color:#111; background-color: #e7f2ed;} /**鼠标经过或选中一级子栏目**/
.col-list .wp_listcolumn .wp_column a.parent:hover { color:#111; background-color: #e7f2ed;} /**鼠标经过或选中一级子栏目**/
.col-list .wp_listcolumn .wp_column a.selected { color:#111; background: #e7f2ed url(../images/pointer.png) 30px center no-repeat; font-weight: normal;}
.col-list .wp_listcolumn .wp_column a span.column-name{background: transparent; padding: 0; text-indent: 0;}
.col-list .wp_listcolumn .wp_column a.selected span.column-name{ }
.col-list .wp_listcolumn .wp_column a.parent span.column-name{}
/* 二级 */
.col-list .wp_listcolumn .sub_list .sub-item {margin-top: 0px; text-indent: 60px;}
.col-list .wp_listcolumn .sub_list .sub-item a { display: block; height: 35px; line-height: 35px; font-size: 14px; background: transparent;}  /**二级子栏目**/
.col-list .wp_listcolumn .sub_list .sub-item a:hover {background-color: #e7f2ed;}   /**鼠标经过或选中二级子栏目**/
.col-list .wp_listcolumn .sub_list .sub-item a.selected {background: #e7f2ed url(../images/pointer.png) 45px center no-repeat;}
.col-list .wp_listcolumn .sub_list .sub-item a.parent {color:#111; background: #e7f2ed; font-weight: normal;}
.col-list .wp_listcolumn .sub_list .sub-item a span.column-name {text-indent: 0;}
.col-list .wp_listcolumn .sub_list .sub-item a.selected span.column-name {}
.col-list .wp_listcolumn .sub_list .sub-item a.parent span.column-name {}
/* 三级 */
.col-list .wp_listcolumn .sub_list .sub-item .sub_list .sub-item a.selected {color: #111; background: #e7f2ed;}
.col-list .wp_listcolumn .sub_list .sub-item .sub_list .sub-item a span.column-name {text-indent: 40px;}

/* 右侧列表内容区 */
/* 列表标题 */
.col-news-title {font-weight: normal; padding:40px 0 30px 0; text-align:center;  line-height: 120%; font-size:24px; color:#111; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}

/* 列表内容 */
.col-news-con { margin: 0; padding: 40px 50px; min-height: 300px;}
.col-news-list {}
.col-news-list .wp_article_list .list_item {border: none; height: 50px; line-height: 50px; border-bottom: 1px dotted #efefef;}  /**栏目新闻列表**/
.col-news-list .wp_article_list .list_item:hover {}
.col-news-list .wp_article_list .list_item .fields.pr_fields {width: 80%; display: block;}
.col-news-list .wp_article_list .list_item .ex_fields {display: block;}
.col-news-list .wp_article_list .list_item .Article_Index { display: none; margin:0px;}  /**栏目新闻图标序号**/
.col-news-list .wp_article_list .list_item .Article_Title {width: 100%; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; margin:0; font-size: 16px; background: url(../images/pointer.png) left center no-repeat; text-indent: 20px;}
.col-news-list .wp_article_list .list_item .Article_Title A {color:#111;}
.col-news-list .wp_article_list .list_item .Article_Title A:hover {color:#188450;}
.col-news-list .wp_article_list .list_item .Article_PublishDate {font-size: 14px; color: #999999; margin-left: 0;}
.col-news-list .wp_entry { line-height:2; font-size:14px; color:#111;}
.col-news-list .wp_entry p { margin-bottom:10px; line-height: 2; font-size: 16px; color: #111;}
.col-news-list .wp_entry img { max-width: 95%; height: auto; padding: 0;}   /**列表页文章图片大小限制**/
.col-news-list .wp_entry .img-desc {font-family: 楷体; font-size: 14px; font-weight:bold;}
.col-news-list .wp_entry a:hover {color: #234f9e; text-decoration: underline;}
.col-news-list .wp_entry table, .col-news-list .wp_entry tr, .col-news-list .wp_entry td {border: 1px solid #ccc; font-size: 16px;}
.col-news-list .wp_paging {padding: 10px 0; text-align: center; width: 100%;}
.col-news-list .wp_paging li {float: none;}

/* 上电要闻列表 */
.col-news-con .post-thumbnail-list .article-list .list-item {border-bottom: 1px dotted #efefef; margin-bottom: 30px; padding-bottom: 30px;}
.col-news-con .post-thumbnail-list .article-list .list-item .article-title {line-height: 25px; font-size: 18px; font-weight: bold; margin: 0 auto 20px 0; padding-left: 15px; float: none; border-left: 4px solid #188450;}
.col-news-con .post-thumbnail-list .article-list .list-item .article-content {margin: 0 auto;}
.col-news-con .post-thumbnail-list .article-list .list-item .article-content .article-thumbnail {width: 240px; height: 150px; float: left; overflow: hidden; background: #ccc; position: relative;}
.col-news-con .post-thumbnail-list .article-list .list-item .article-content .article-thumbnail Img {width: 100%; height: 100%; transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.col-news-con .post-thumbnail-list .article-list .list-item .article-content .article-thumbnail Img:hover {transform:scale(1.05, 1.05);}
.col-news-con .post-thumbnail-list .article-list .list-item .article-content .article-abstract {width: calc(100% - 270px); line-height: 2; float: right; font-size: 16px; color: #929292; text-indent: 2em;}
.col-news-con .post-thumbnail-list .article-list .list-item .article-content .article-datetime {position: absolute; right: 0; top: 0; padding: 10px; color: #fff; background: rgba(0,0,0,0.4); font-size: 16px; font-family: "Georgia"; border-radius: 0 0 0 5px;}

/* 通知公告列表 */
.col-news-list.post-notice-list .wp_article_list .list_item .pr_fields {width: calc(100% - 320px);}
.col-news-list.post-notice-list .wp_article_list .list_item .ex_fields {width: 300px;}
.col-news-list.post-notice-list .wp_article_list .list_item .ex_fields .Article_PublishOrg {float: left; margin: 0; font-size: 14px;}
.col-news-list.post-notice-list .wp_article_list .list_item .ex_fields .Article_PublishDate {float: right; margin: 0;}

/* 讲座报告列表 */
.col-news-con .post-academics-list .article-list li {border-bottom: 1px solid #cccccc; margin-bottom: 25px;}
.col-news-con .post-academics-list .article-list li:last-child {margin-bottom: 0;}
.col-news-con .post-academics-list .article-list li .article-title {width: 100%; height: 20px; line-height: 20px; margin-bottom: 15px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.col-news-con .post-academics-list .article-list li .article-metas {width: 100%; margin-bottom: 10px; font-size: 14px; color: #929292;}
.col-news-con .post-academics-list .article-list li .article-metas:last-child {margin-bottom: 25px;}
.col-news-con .post-academics-list .article-list li .article-metas .metas-l1 {width: 35%; height: 20px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.col-news-con .post-academics-list .article-list li .article-metas .metas-l2 {width: 60%; height: 20px; float: left; margin-left: 5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 上电故事、媒体看上电列表 */
.col-news-con .post-album-list .article-list li {width: 30%; height: 220px; position: relative; float: left; overflow: hidden; margin-left: 5%; margin-bottom: 50px;}
.col-news-con .post-album-list .article-list li:nth-child(3n+1) {margin-left: 0;}
.col-news-con .post-album-list .article-list li A {display: block; width: 100%; height: 100%;}
.col-news-con .post-album-list .article-list li .article-thumbnail {width: 100%; height: 100%; overflow: hidden;}
.col-news-con .post-album-list .article-list li .article-thumbnail Img {width: 100%; height: 100%; transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.col-news-con .post-album-list .article-list li .article-thumbnail Img:hover {transform:scale(1.05, 1.05);}
.col-news-con .post-album-list .article-list li .article-title {position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; text-indent: 8px; font-size: 16px; color: #fff; background: rgba(0,0,0,0.4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.col-news-con .post-album-list .article-list li .article-datetime {position: absolute; right: 0; top: 0; padding: 10px; color: #fff; background: rgba(0,0,0,0.4); font-size: 16px; font-family: "Georgia"; border-radius: 0 0 0 5px;}

/* 分页 */
#wp_paging_w1205 {height:50px;}
.wp_paging {padding: 10px 0; text-align: center; width: 100%;}
.wp_paging li {border-bottom: none; float: none; margin: 5px 0;}
.wp_paging li:last-child { margin: 5px 0;}


/* ================ */
/* =    文章页    = */
/* ================ */

/* 文章页主体 */
.wrapper .d-inner {padding: 50px 0;}

/* 文章内容 */
.article-box {margin: 0; min-height: 500px;}
.article {padding: 0 50px;}
.article h1.article-title {font-weight: bold; padding:45px 0 10px 0; text-align:center;  line-height: 120%; font-size:24px; color:#333333;} /**文章标题**/
.article h3.article-subtitle {font-weight: normal; padding:0; text-align:center; line-height: 35px; font-size:15px; color:#333333;} /**文章标题**/
.article .article-metas {padding: 10px 0 15px 0; text-align:center; border-bottom: 1px solid #efefef;}
.article .article-metas span { margin:0 5px; font-size:13px; color:#666;} /**文章其他属性**/
.article .entry {margin:0 auto; padding: 30px 0 30px 0; overflow:hidden;} /**文章内容**/
.article .entry .read, .article .entry .read p { line-height: 2; font-size: 16px; color: #333333;} /**阅读字体**/
.article .entry .read p { margin-bottom: 10px;}
.article .entry .read img {max-width:95%; height: auto; padding: 0;} /**文章阅读部分图片大小限制**/
.article .entry .read div {margin: 0 auto;}
.article .entry .lecture-read {margin-bottom: 20px;}
.article .share {padding: 0 0 20px 0;}
.article table, .article tr, .article td {border: initial;}


/* ================ */
/* =    内容页    = */
/* ================ */

/* 领导分工 */
.table-leader .td-title {background: #eee; text-align: center; padding: 10px 0;}
.table-leader .td-leader {text-align: center; padding: 10px; vertical-align: middle;}

/* 历任领导 */
.former_leaders dl {width: 235px; height: 123px; background: #f5f5f5; border-bottom: 2px solid #e5e5e5; margin-right: 20px; margin-bottom: 25px; display: inline-block; position: relative; float: left;}
.former_leaders dl dt {position: absolute; left: 0; top: 0;}
.former_leaders dl dd {position: absolute; left: 115px; top: 10px; line-height: 20px;}

/*水印*/
.watermark-user {display: none;}
.watermark {width: 100%; height: 100%; position: absolute; z-index: 99999999999; pointer-events: none;}
.watermark > div {display: flex; align-items: center; justify-content: center; transform: rotate(-15deg); font-size: 13px; line-height: 1.5; color: rgba(0,0,0,0.1); float: left;}