@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (min-width: 1100) {
}
/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1120px) {

  /*页面通用元素*/
  .wrapper{min-width: 320px;}
  .wrapper .inner{width:100%;}
  .head .logo {margin-left: 10px;}
  .nav-bar {width: 980px; margin: 0 auto;}
  .nav-box .wp-menu .menu-item a.menu-link {display: block; padding:0 16px;}

  /**首页主体开始**/
  #container {}
  #container .inner {width:auto;}
  .mod-h1 {background: #d9e8f4;}
  .mod-h1 .mod-l {width: 30%; float: left;}
  .mod-h1 .mod-r {width: 70%; float: right;}
  .post-notice .con .list_item {margin-bottom: 10px;}
  .post-notice .con .list_item .Article_Title {width: 70%}
  .post-jumbotron .focus-title {font-size: 16px;}
  .mod-h2 .mod-l {width: 32%; float: left;}
  .mod-h2 .mod-c {width: 32%; float: left; margin-left: 2%;}
  .mod-h2 .mod-r {width: 32%; float: right;}
  .post-news .con .list_item .Article_Title {margin-left: 10px;}
  .post-tabs .sudy-tab .con .tab-list .tab-item .post-tab-thumb .list_item .Article_Title {margin-left: 10px;}

  /*列表页*/
  .col-menu {width: 23%;}
  .col-news {width: 72%;}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 999px) {

  /*页面通用元素*/
  #container .inner {width:auto; padding-left: 6px; padding-right: 6px;}
  #header {min-width: 300px;}

  /*logo和搜索*/
  .head .logo {float: none; margin: 0 auto;} /*如果要设置为居中用此 float: none; margin: 0 auto;*/
  .search-bar {display: none;}

  /*导航菜单*/
  #naver {margin-bottom: 6px;}
  .nav {display: none;}
  .nav-bar {display: none;}

  /**slide导航**/
  .navi-aside-toggle {display: block;}
  .wp-navi .navi-slide-head {display: block;} 
  .wp-navi .navbar{background:none;}
  .wp-navi .navbox{width:100%;}
  .wp-navi .wp_nav {background:#fff;}
  .nav-box .wp-menu {display:none;background:#fff;}
  .nav-box .wp-menu .menu-item {display:block;float:none;position: relative;z-index: 100;width:100%;padding-left:0px;border-bottom:1px solid #eee;}
  .nav-box .wp-menu .menu-item .menu-switch-arrow{display: block;width: 38px;height: 38px;position: absolute;right: 6px;top: 1px;background: url(css/img/icons.png) no-repeat 10px -116px;}
  .nav-box .wp-menu .menu-item a.menu-link {display:block;padding: 0 20px;line-height: 40px;color: #343434;font-size: 15px;}
  .nav-box .wp-menu .menu-item a.menu-link.hover,
  .nav-box .wp-menu .menu-item a.menu-link.parent{ text-decoration: none; color: #000; background-color: #eee; }
  .nav-box .sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;}
  .nav-box .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1; border: 1px solid #eee;}
  .nav-box .sub-menu .sub-item a { display: block;height: auto;line-height: 43px;padding: 0 44px;font-size: 14px; color: #000; background:none;}
  .nav-box .sub-menu .sub-item a:hover { display: block;  color: #eee; background-color:#eee;}
  .nav-box .sub-menu .sub-menu {left:0%;top: 0;z-index: 200;background: #fff;}
  .nav-box .sub-menu .sub-menu .sub-item a {padding: 0 64px;}

  /*首页*/
  .mod-h1 {background: transparent;}
  .mod-h1 .mod-l { width: auto; float: none; margin: 0 auto 6px auto; }
  .mod-h1 .mod-r { width: auto; float: none; margin: 0 auto 6px auto;}
  .post-notice .con .list_item {margin-bottom: 18px;}
  .post-notice .con .list_item .Article_Title {width: 75%}
  .mod-h2 .mod-l {width: auto; float: none; margin-bottom: 20px;}
  .mod-h2 .mod-c {width: auto; float: none; margin-left: 0; margin-bottom: 20px;}
  .mod-h2 .mod-r {width: auto; float: none; margin-left:0;}
  .post-news .con .list_item .Article_Title {margin-left: 20px;}
  .post-tabs .sudy-tab .con .tab-list .tab-item .post-tab-thumb .list_item .Article_Title {margin-left: 20px; width: 70%;}

  /*列表页主体部分*/
  #container .l-inner {padding: 20px 6px;}
  .col-box {width: 98%; margin: 0 auto;}
  .col-menu {width: 23%; min-height: 10px;}
  .col-news {width: 72%;}
  .col-news .col-news-list .wp_article_list .list_item .fields.pr_fields {width: 80%;}
  .col-news .col-news-list .wp_article_list .list_item .fields.pr_fields .Article_Title {width: 100%; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}

  /*列表页手机样式分页*/
  #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 10px; line-height: 28px; height: 28px;}
  #wp_paging_w1205 .wp_paging li a:hover {color: #778a3c;}

  /*文章页*/
  .article .entry .read img {max-width: 95%; height: auto;} /**文章阅读部分图片大小限制**/
}

/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
  /*body,p,a{ font-size: 13px;}*/

  /*列表页*/
  .col-menu {width: 100%; float:none; margin: 0 0 10px 0; position:relative;}
  .col-menu .col-menu-title {margin-bottom: 10px;}
  .col-menu .col-menu-con{display:none;}
  .column-switch {display:block; top: 6px; background: url(css/img/menu-dot-white.png) no-repeat center}
  .col-news {width: 100%; min-height:0px; float:none; margin: 0 0 10px 0;} /**栏目新闻**/

}

@media screen and (max-width: 639px) {
  /*页面通用元素*/
  .head .logo {width: 300px; height: 122px; background: url(../images/logo_300.png) center center no-repeat;}

  /*首页*/
  .post-jumbotron .focus-navigation, .focus-navigation:hover {font-size: 30px; font-weight: normal;}
  .post-jumbotron .focus-title-bar {height: 30px;}
  .post-jumbotron .focus-title-bg {opacity: 0.5;}
  .post-jumbotron .focus-title {height: 30px; line-height: 30px; font-size: 14px; font-weight: normal; font-family:"Microsoft YaHei"; padding: 0 10px;}
  .post-jumbotron .focus-pagination {bottom: 0;}
  .post-news .con .list_item .Article_Title {margin-left: 10px; }
  .post-tabs .sudy-tab .con .tab-list .tab-item .post-tab-thumb .list_item .Article_Title {margin-left: 10px; width: 50%;}

  /*列表页*/
  .col-news .col-news-list .wp_article_list .list_item .fields.pr_fields {width: 70%;}
.article-box {
    width: 100%;
    float: none;
}
.article-box-right {
    width: 90%;
    float: none;
    margin: 0 auto;
}

}

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {

}


/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
}