@charset "UTF-8";

/* Base Screen Resolution 1920 */

/**
 * [xLarge Screen for PC]
 * 1680 ~ 1760 ~ 1840
**/
@media screen and (max-width: 1840px) {
    /* 上电要闻 */
    .post-highlights .article-list {padding-top: 20px;}
    .post-highlights li {margin-bottom: 30px;}
 }

@media screen and (max-width: 1760px) {
    /* 上电要闻 */
    .post-highlights li {margin-bottom: 28px;}
}

@media screen and (max-width: 1680px) {
    /* 上电要闻 */
    .post-highlights .article-list {padding-top: 15px;}
    .post-highlights li {margin-bottom: 26px;}
}


/**
 * [Large Screen for PC]
 * 1600
**/
@media screen and (max-width: 1600px) {
    /* LOGO */
    .head .logo {width: 350px;}

    /* 导航菜单 */
    .nav-box .wp-menu .menu-item a {padding:0 12px;}
    .nav-box .sub-menu {left: -14px;}

    /* 上电要闻 */
    .post-highlights .article-list {padding-top: 0px;}

    /* 列表页 */
    .col-news-con .post-album-list .article-list li {height: 200px;}
}


/**
 * [Large Screen for PC]
 * 1440
**/
@media screen and (max-width: 1440px) {
    /* LOGO */
    .head .logo {width: 300px;}

    /* 浮动导航 */
    .fixed-nav-box .wp-menu .menu-item a {font-size: 16px;}

    /* Jumbotran */
    #jumbotran .jumbotran-box .focus-title-bar {height: 50px;}
    #jumbotran .jumbotran-box .focus-title {height: 50px; line-height: 50px; font-size: 28px;}

    /* 上电要闻 */
    .post-highlights .article-list {padding-top: 5px;}
    .post-highlights li {margin-bottom: 28px;}
    .post-highlights li.i7 {margin-bottom: 0;}
    .post-highlights li.i8 {display: none;}

    /* 院部动态 */
    .post-college-news li.i6 {margin-bottom: 0;}
    .post-college-news li.i7 {display: none;}

    /* 上电故事 */
    .post-story li {height: 131px;}
    .post-story li.i1 {height: 270px;}
    .post-story li .article-title .title {max-width: 220px;}

    /* 媒体看上电 */
    .post-media-focus li{height: 180px;}

    /* 印象上电 */
    .post-vision li {height: 390px;}

    /* 专题 */
    #subject-services .col-l {width: 800px;}
    #subject-services .col-r {float: right; width: calc(100% - 3% - 800px);}
    .post-subject li {width: 145px; height: 145px; float: left; margin-left: calc((100% - 725px) / 4); position: relative; overflow: hidden;}

    /* 列表页 */
    .col-news-con .post-album-list .article-list li {height: 180px;}
}


/**
 * [Large Screen for PC]
 * 1366
**/
@media screen and (max-width: 1366px) {
    /* 导航菜单 */
    .nav-box .wp-menu .menu-item a {font-size: 16px;}
    .nav-box .sub-menu {left: -18px;}

    /* 上电要闻 */
    .post-highlights .article-list {padding-top: 0px;}
}


/**
 * [Large Screen for PC]
 * 1280
**/
@media screen and (max-width: 1280px) {
    /* Jumbotran */
    #jumbotran .jumbotran-box .focus-title {font-size: 24px;}

    /* 科技前沿 */
    .post-white .banner .delimiter {width: 60px;}

    /* 列表页Banner */
    #page-banner {height: 300px;}
    #page-banner .banner-title {bottom: 50px;}
    #page-banner .banner-title .title {height: 48px; line-height: 48px; font-size: 28px;}
    #page-banner .banner-title .suffix {height: 48px;}

    .col-news-con .post-album-list .article-list li {height: 160px;}
}


/**
 * [Large Screen for PC & Pad]
 * 1024
**/
@media screen and (max-width: 1024px) {  /* 响应式菜单切换 */

  /* 整体布局 */
  .wrapper {width: 100%; min-width: initial;}
  .wrapper .inner {width: initial; min-width: initial; padding: 0 30px;}

  /* 固定工具栏 */
  #fixed-toolbar {display: block;}

  /* 浮动导航 */
  #fixed-nav, #fixed-nav.visible {display: none; visibility: hidden;}

  /* Logo */
  .head .logo {float: none; margin: 0 auto;}

  /* 导航栏 */
  #naver {display: none;}
  .nav {display: none;}
  .nav-bar {display: none;}

  /* Aside导航 */
  .navi-aside-toggle {display: block;}

  /* Jumbotran */
  #jumbotran .jumbotran-box .focus-pagination {right: 20px;}
  #jumbotran .jumbotran-box .focus-navigation {width:45px; height: 45px;}

  /* 上电要闻 */
  #highlights {padding: 80px 0;}
  #highlights .post .banner-inner {float: left;}
  #highlights .col-l {width: 100%; float: none; margin-bottom: 40px;}
  #highlights .col-r {width: 100%; float: none;}
  .post-highlights .con {padding-top: 0;}
  .post-highlights li.i6 {margin-bottom: 0;}
  .post-highlights li.i7 {display:none;}

  /* 通知公告 */
  #notice {padding: 0 0 80px 0;}
  .post-notice .sudy-tab .tab-menu {margin-left: 50px;}
  .post-notice .article-list li {width: 100%;}
  .post-notice .article-list li:nth-child(odd) {float: none;}
  .post-notice .article-list li:nth-child(even) {float: none;}
  .post-notice .article-list li.i6 {margin-bottom: 0;}
  .post-notice .article-list li.i7, .post-notice .article-list li.i8 {display: none;}

  /* 科技前沿、学术活动 */
  #frontiers-academics {padding: 30px 0 60px 0;}
  #frontiers-academics .col-l {width: 100%; float: none; margin-bottom: 80px;}
  #frontiers-academics .col-r {width: 100%; float: none;}
  .post-frontiers li {height: 280px;}

  /* 院部动态、上电故事 */
  .post-college-news li {margin-bottom: 28px;}
  #college-news-story .col-l {width: 100%; float: none; margin-bottom: 80px;}
  #college-news-story .col-r {width: 100%; float: none;}
  .post-story li {height: 196px;}
  .post-story li.i1 {height: 400px;}
  .post-story li .article-title .title {max-width: 400px;}

  /* 媒体看上电、印象上电 */
  #media-vision .col-l {width: 100%; float: none; margin-bottom: 80px;}
  #media-vision .col-r {width: 100%; float: none;}
  .post-media-focus li {height: 250px;}
  .post-vision li {height: 480px;}

  /* 专题、网站服务 */
  #subject-services .col-l {width: 100%; float: none; margin-bottom: 40px;}
  #subject-services .col-r {width: 100%; float: none;}

  /* GoTop */
  #jumphandle {width: 32px; height: 32px; right: 15px; bottom: 30px;}
  #jumphandle a {background: transparent;}
  #jumphandle a#gotop {background: rgba(24,132,80,0.95) url(../images/gotop.png) center center no-repeat; background-size: 24px 24px; border-radius: 2px;}
  #jumphandle a#gobot {display: none;}

  /* 列表页 */
  .wrapper .l-inner {padding:30px;}

  /* 列表页主体框架（左侧多级栏目列表、右侧列表内容区） */
  .col-menu {width: 25%;}
  .col-content-list, .col-content-detail {width: 73%;}

  .col-news-con .post-thumbnail-list .article-list .list-item .article-content .article-thumbnail {width: 180px; height: 120px;}
  .col-news-con .post-thumbnail-list .article-list .list-item .article-content .article-abstract {width: calc(100% - 200px); line-height: 1.9;}
  .col-news-list.post-notice-list .wp_article_list .list_item .pr_fields {width: calc(100% - 255px)}
  .col-news-list.post-notice-list .wp_article_list .list_item .ex_fields {width: 240px;}
  .col-news-list.post-notice-list .wp_article_list .list_item .ex_fields .Article_PublishOrg {max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .col-news-con .post-album-list .article-list li {width: 47.5%; height: 200px;}
  .col-news-con .post-album-list .article-list li:nth-child(3n+1) {margin-left: 5%;}
  .col-news-con .post-album-list .article-list li:nth-child(2n+1) {margin-left: 0;}

  /* 文章页 */
  .wrapper .d-inner {padding: 30px;}
}


/**
 * [Medium Screen for PAD]
 * 960
**/
@media screen and (max-width: 960px) {
  /* Logo */
  .head {width:100%; height:120px; position: relative;}
  .head .logo {width: 250px; height: 120px;}

  /* Jumbotran */
  #jumbotran .jumbotran-box .focus-title-bar {height: 40px;}
  #jumbotran .jumbotran-box .focus-title {height: 40px; line-height: 40px; font-size: 20px;}

  /* 院部动态、上电故事 */
  .post-story li .article-title .title {max-width: 350px;}

  /* 专题 */
  .post-subject li {width: 140px; height: 140px; float: left; margin-left: calc((100% - 700px) / 4); position: relative; overflow: hidden;}

  /* 列表页Banner */
  #page-banner {height: 250px;}
  #page-banner .banner-title {bottom: 40px;}
  #page-banner .banner-title .title {height: 40px; line-height: 40px; font-size: 24px; padding: 0 20px 0 60px;}
  #page-banner .banner-title .suffix {width: 90px; height: 40px;}  

  /* 列表页主体框架（左侧多级栏目列表、右侧列表内容区） */
  .col-menu {width: 100%; min-height: 0; float:none; margin: 0 0 10px 0; position:relative;}
  .col-menu-con {display:none; margin: 0 auto;}
  .col-menu-placeholder {display: none;}
  .col-content-list {width: 100%; min-height:0px; float:none;}

  .col-news-con .post-thumbnail-list .article-list .list-item .article-content .article-thumbnail {width: 240px; height: 150px;}
  .col-news-con .post-thumbnail-list .article-list .list-item .article-content .article-abstract {width: calc(100% - 270px); line-height: 1.9;}
  .col-news-con .post-album-list .article-list li {height: 230px;}

  /* 列表页手机样式分页 */
  #wp_paging_w1205 .page_jump {display: none;}
  #wp_paging_w1205 .pages_count {display: none;}
  #wp_paging_w1205 .wp_paging {width: 100%; float: none; margin-left: 0; text-align: center;}
  #wp_paging_w1205 .wp_paging li {float: none;}
  #wp_paging_w1205 .wp_paging li a {background: #eee; border: 1px solid #eee; padding:0 6px; line-height: 28px; height: 28px;}
  #wp_paging_w1205 .wp_paging li a:hover {color: #778a3c;}

  /* 文章页 */
  .col-content-detail {width: 100%; min-height:0px; float:none;}
}


/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 768
**/
@media screen and (max-width: 768px) {
  /* 通知公告 */
  .post-notice .sudy-tab .tab-menu {margin-left: 40px;}
  .post-notice .sudy-tab .tab-menu li {padding: 0 20px 0 25px}

  /* 科技前沿、学术活动 */
  .post-frontiers li {height: 220px;}

  /* 院部动态、上电故事 */
  .post-story li {height: 146px;}
  .post-story li.i1 {height: 300px;}
  .post-story li .article-title .title {max-width: 300px;}

  /* 媒体看上电、印象上电 */
  .post-media-focus li {height: 220px;}
  .post-vision li {height: 400px;}

  /* 专题、网站服务 */
  .post-subject li {width: 120px; height: 120px; float: left; margin-left: calc((100% - 600px) / 4); position: relative; overflow: hidden;}

  /* 页脚 */
  .foot .foot-box {text-align: center; float: none;}
  .foot .social-media {float: none; margin: 0 auto 15px auto;}
  .foot .copyright {float: none; width: auto;}

  /* 列表页 */
  .col-news-con .post-thumbnail-list .article-list .list-item .article-content .article-thumbnail {width: 100%; height: 375px; float: none; margin-bottom: 15px;}
  .col-news-con .post-thumbnail-list .article-list .list-item .article-content .article-abstract {width: 100%; float: none;}
  .col-news-con .post-album-list .article-list li {height: 190px; margin-bottom: 30px;}

}


/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 640
**/
@media screen and (max-width: 640px) {
  /* Logo */
  .head {width:100%; height:100px; position: relative;}
  .head .logo {width: 200px; height: 100px; float: left; margin-left: 50px;}

  /* Jumbotran */
  #jumbotran .jumbotran-box .focus-title-bar {height: 35px; bottom: 50px;}
  #jumbotran .jumbotran-box .focus-title {height: 35px; line-height: 35px; font-size: 18px;}
  #jumbotran .jumbotran-box .focus-pagination {bottom: 15px;}
  #jumbotran .jumbotran-box .focus-page {width: 30px; height: 30px; line-height: 30px; font-size: 30px;}
  #jumbotran .anchors-nav {width: 30px; height: 30px;}

  /* Post通用样式 */
  .post .banner {margin-bottom: 30px;}
  .post .banner .section-title .en {font-size: 13px;}
  .post .banner .section-title .cn {font-size: 24px;}
  .post .banner .delimiter {width: 60px; height: 47px;}
  .post .banner .more .more-btn {height: 47px;}

  /* 上电要闻 */
  #highlights {padding: 60px 0;}
  #highlights .col-l {margin-bottom: 30px;}
  .post-highlights li {margin-bottom: 25px;}

  /* 通知公告 */
  #notice {padding: 0 0 60px 0}
  .post-notice .sudy-tab .tab-menu {margin-left: 30px;}
  .post-notice .sudy-tab .tab-menu li {height: 47px; line-height: 47px; padding: 0 15px 0 20px}
  .post-notice .article-list li {margin-bottom: 25px;}

  /* 科技前沿、学术活动 */
  #frontiers-academics {padding: 20px 0 60px 0}
  #frontiers-academics .col-l {margin-bottom: 60px;}
  .post-frontiers li {height: 180px;}

  /* 院部动态、上电故事 */
  #college-news-story {padding: 60px 0;}
  #college-news-story .col-l {margin-bottom: 60px;;}
  .post-college-news li {margin-bottom: 25px;}
  .post-story li {height: 121px;}
  .post-story li.i1 {height: 250px;}
  .post-story li .article-title {height: 40px;}
  .post-story li .article-title .title {max-width: 250px; height: 40px; line-height: 40px;}
  .post-story li .article-title .suffix {width: 70px; height: 40px;}

  /* 媒体看上电、印象上电 */
  #media-vision {padding: 60px 0;}
  #media-vision .col-l {margin-bottom: 60px;}
  .post-media-focus li {height: 180px;}
  .post-vision li {height: 320px;}
  .post-vision li .article-title {height: 40px;}
  .post-vision li .article-title .title {font-size: 20px;}
  .post-vision li .article-title .prefix {width: 65px; height: 40px;}
  .post-vision li .article-title .title {height: 40px; line-height: 40px; font-size: 16px; font-weight: normal; padding: 0 20px 0 15px;}
  .post-vision li .play {width: 60px; height: 60px; left: calc(50% - 30px); top: calc(50% - 30px);}

  /* 专题、网站服务 */
  .post-subject li {width: 100px; height: 100px; margin-left: calc((100% - 500px) / 4);}
  .post-services .banner {margin-bottom: 5px;}

  /* 列表页 */  
  #page-banner {height: 200px;}
  #page-banner .banner-title {bottom: 25px;}
  #page-banner .banner-title .title {height: 35px; line-height: 35px; font-size: 18px; padding: 0 20px 0 50px;}
  #page-banner .banner-title .suffix {width: 80px; height: 35px;}

  .col-news-list .wp_article_list .list_item .fields.pr_fields {width: calc(100% - 95px);}
  .col-news-con .post-thumbnail-list .article-list .list-item .article-content .article-thumbnail {height: 300px;}
  .col-news-list.post-notice-list .wp_article_list .list_item .ex_fields {width: 90px;}
  .col-news-list.post-notice-list .wp_article_list .list_item .ex_fields .Article_PublishOrg {display: none;}
  .col-news-con .post-academics-list .article-list li .article-metas .metas-l1 {width: 40%;}
  .col-news-con .post-academics-list .article-list li .article-metas .metas-l2 {width: 55%;}
  .col-news-con .post-album-list .article-list li {height: 160px;}
}



/**
 * [xSmall Screen for Smart Phone]
 * 480
**/
@media screen and (max-width: 480px) {
  /* 整体布局 */
  .wrapper .inner {padding: 0 15px;}

  /* 固定工具栏 */
  #fixed-toolbar {height: 30px; line-height: 30px;}
  #fixed-toolbar .wp-menu .menu-item {padding: 0 15px; font-size: 13px;}

  /* Logo */
  .head {height:80px;}
  .head .logo {width: 180px; height: 80px;}

  /* Jumbotran */
  #jumbotran .jumbotran-box .focus-title-bar {height: 30px; display: none;}
  #jumbotran .jumbotran-box .focus-title-bar .focus-title-bg {display: none;}
  #jumbotran .jumbotran-box .focus-title {height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px; display: none;}
  #jumbotran .jumbotran-box .focus-navigation {width: 30px; height: 30px; margin-top: -15px;}
  #jumbotran .jumbotran-box .focus-pagination {bottom: 10px;}
  #jumbotran .jumbotran-box .focus-page {width: 24px; height: 24px; line-height: 24px; font-size: 24px;}
  #jumbotran .anchors-nav {display: none;}

  /* Post通用样式 */
  .post .banner {margin-bottom: 25px;}
  .post .banner .section-title {padding-left: 10px;}
  .post .banner .section-title .en {font-size: 12px; margin-bottom: 6px;}
  .post .banner .section-title .cn {font-size: 22px;}
  .post .banner .delimiter {width: 50px; height: 40px;}
  .post .banner .more .more-btn {height: 40px;}

  /* 上电要闻 */
  #highlights {padding: 50px 0;}
  .post-highlights li {background-image: none;}
  .post-highlights li .article-title {text-indent: 0; width: calc(100% - 95px);}
  .post-highlights li .article-datetime {width: 90px;}

  /* 通知公告 */
  #notice {padding: 0 0 50px 0}
  .post-notice .sudy-tab .tab-menu {margin-left: 10px;}
  .post-notice .sudy-tab .tab-menu li {height: 40px; line-height: 40px; padding: 0 8px 0 12px; font-size: 16px;}
  .post-notice .article-list li {background-image: none;}
  .post-notice .article-list li .article-title {text-indent: 0; width: calc(100% - 95px);}
  .post-notice .article-list li .article-datetime {width: 90px;}

  /* 科技前沿、学术活动 */
  #frontiers-academics {padding: 20px 0 40px 0}
  #frontiers-academics .col-l {margin-bottom: 50px;}
  .post-frontiers li.i1, .post-frontiers li.i2 {float: none; width: 100%;}
  .post-frontiers li.i1 {margin-bottom: 15px;}
  .post-frontiers li {height: 240px;}
  .post-academics li .article-metas .metas-l1 {width: 100%; float: none; margin-bottom: 10px;}
  .post-academics li .article-metas .metas-l2 {width: 100%; float: none; margin-left: 0;}

  /* 院部动态、上电故事 */
  #college-news-story {padding: 50px 0;}
  #college-news-story .col-l {margin-bottom: 50px;;}
  .post-college-news li {background-image: none;}
  .post-college-news li .article-title {text-indent: 0; width: calc(100% - 95px);}
  .post-college-news li .article-datetime {width: 90px;}
  .post-story li.i1, .post-story li.i2 {float: none; width: 100%; height: 240px; margin: 0 0 15px 0;}
  .post-story li.i2 .article-title {display: block;}
  .post-story li.i3 {display: none;}
  .post-story li .article-title .title {max-width: 215px;}

  /* 媒体看上电、印象上电 */
  #media-vision {padding: 50px 0;}
  #media-vision .col-l {margin-bottom: 50px;}
  .post-media-focus li {width: 100%; height: 240px; float: none; margin: 0 0 15px 0;}
  .post-media-focus li.i3 {margin-bottom: 15px;}
  .post-media-focus li.i4 {margin-bottom: 0;}
  .post-vision li {height: 240px;}

  /* 专题、网站服务 */
  .post-subject .con {width: 100%; overflow-y: hidden; overflow-x: scroll;}
  .post-subject .con ul {width: 660px;}
  .post-subject li {width: 120px; height: 120px; margin-left: 15px;}
  .post-services .banner {margin-bottom: 5px;}

  /* 页脚 */
  #footer {background-image: none;}
  .foot .copyright {line-height: 25px;}
  .foot .copyright span:after {content: "\D\A"; white-space: pre;}
  .foot .beian {line-height: 25px;}
  .foot .beian span:after {content: "\D\A"; white-space: pre;}

  /* 列表页 */
  .wrapper .l-inner {padding: 15px;}

  /* 列表页Banner */
  #page-banner {height: 150px;}
  #page-banner .banner-title .title {font-size: 16px; padding: 0 15px 0 30px;}
  #page-banner .banner-title .suffix {width: 70px;}

  .col-name-text {font-size: 16px;}

  .col-news-con {padding: 40px 20px;}
  .col-news-list .wp_article_list .list_item .Article_Title {background: transparent; text-indent: 0;}
  .col-news-con .post-thumbnail-list .article-list .list-item .article-content .article-thumbnail {height: 240px;}
  .col-news-con .post-academics-list .article-list li .article-metas {margin-bottom: 0;}
  .col-news-con .post-academics-list .article-list li .article-metas:last-child {margin-bottom: 15px;}
  .col-news-con .post-academics-list .article-list li .article-metas .metas-l1 {width: 100%; float: none; margin: 0 0 10px 0;}
  .col-news-con .post-academics-list .article-list li .article-metas .metas-l2 {width: 100%; float: none; margin: 0 0 10px 0;}
  .col-news-con .post-album-list .article-list li {width: 100%; margin-left: 0; height: 240px;}
  .col-news-con .post-album-list .article-list li:nth-child(3n+1) {margin-left: 0;}

  /* 文章页 */
  .wrapper .d-inner {padding: 15px;}
  .article {padding: 0 20px;}
  .article h1.article-title {font-size: 20px;}
}


/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <=360
**/
@media screen and (max-width: 360px) {
  /* Logo */
  .head {height:70px;}
  .head .logo {width: 150px; height: 70px; margin-left: 40px;}

  /* 通知公告 */
  .post-notice .sudy-tab .tab-menu {margin-left: 5px;}
  .post-notice .sudy-tab .tab-menu li {padding: 0 5px 0 10px; font-size: 14px;}

  /* 科技前沿、学术活动 */
  .post-frontiers li {height: 200px;}

  /* 院部动态、上电故事 */
  .post-story li.i1, .post-story li.i2 {height: 200px;}
  .post-story li .article-title .title {max-width: 200px;}

  /* 媒体看上电、印象上电 */
  .post-media-focus li {height: 200px;}
  .post-vision li {height: 200px;}

  /* 列表页 */
  .col-news-con .post-thumbnail-list .article-list .list-item .article-content .article-thumbnail {height: 180px;}
  .col-news-con .post-album-list .article-list li {height: 175px;}

}