@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (min-width: 1200px) {

  /*column-switch*/
  .column-switch {display:block; top: 11px; right: 0px; background: url(../images/column_switch.png) center center no-repeat; background: transparent;}
}

/**
 * [xLarge Screen for PC]
 * 1024~1200
 */
@media screen and (max-width: 1200px) {

  /*Logo*/
  .head .logo {margin-left: 5px;}
  .search-bar {margin-right: 5px; margin-top: 53px;}

  /*Nav导航*/
  #naver {top: 100px;}

  /*主体部分*/
  #container .inner {padding: 0 15px 0 15px;}
  .mod-l {width: calc(100% - 250px - 40px);}
  .mod-l .mod-h1 .mod-h1-l {width: calc((100% - 40px) / 2);}
  .mod-l .mod-h1 .mod-h1-r {width: calc((100% - 40px) / 2);}

  .post-lists .con .wp_article_list .list_item .Article_Title {width: 72%;}
  .post-lists .con .wp_article_list .list_item .Article_PublishDate {width: 25%; font-size: 15px;}
  .post-fastpass .con ul li {float: left; width: calc(100% / 7); height: 130px;}
  .post-fastpass .con ul li a span.menu-text {font-size: 16px;}

  /*列表页*/
  .col-banner .chn {left: 20px;}
  .col-banner .eng {left: 170px;}
  #container .l-inner {padding: 30px 15px;}
  .col-menu {width: 23%;}
  .col-news {width: 75%;}

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

  /*column-switch*/
  .column-switch {display:block; top: 11px; right: 0px; background: url(../images/column_switch.png) center center no-repeat; background: transparent;}
}

/**
 * [Large Screen for PC & Pad]
 * 961~1024
 */
@media screen and (max-width: 1024px) {

  /*Nav导航*/
  .nav-box .wp-menu .menu-item a.menu-link {font-size: 15px;}

  /*主体部分*/
  .mod-l {width: 100%; float: none;}
  .mod-r {width: 100%; float: none;}

  .post-lists .con .wp_article_list .list_item .Article_Title {width: 75%;}
  .post-lists .con .wp_article_list .list_item .Article_PublishDate {width: 22%; font-size: 15px;}
  .post-fastpass .con ul li a span.menu-text {font-size: 18px;}
  .post-history-info {margin-bottom: 10px;}
  .post-history-info .con ul li {width: calc((100% - 10px) / 2);}
  .post-history-info .con ul li.i1 {float: left;}
  .post-history-info .con ul li.i2 {float: right;}
  .post-follow-us .con .wp_article_list .list_item {float: left; width: 32%; margin-left: 2%;}
  .post-follow-us .con .wp_article_list .list_item.i1 {margin-left: 0;}
}

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

  /*Logo*/
  .head .logo {margin-left: 40px;}

  /*Nav导航*/
  #naver {display: none;}
  .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;}

  /*Jumbotran*/
  #jumbotran .jumbotran-box .focus-pagination {height:auto; text-align: center; right: 10px; bottom: 10px;}
  #jumbotran .jumbotran-box .focus-title-bar {height: 30px; bottom: 20px; left: 20px; max-width: 500px; overflow: hidden;}
  #jumbotran .jumbotran-box .focus-title {max-width: 460px; height: 30px; line-height: 30px; font-size: 18px;}
  #jumbotran .jumbotran-box .focus-navigation {font-size: 45px;}
  #jumbotran .jumbotran-box .focus-navigation:hover {font-size: 45px;}

  /*主体部分*/
  .post-lists .con .wp_article_list .list_item .Article_Title {width: 72%;}
  .post-lists .con .wp_article_list .list_item .Article_PublishDate {width: 25%; font-size: 15px;}
  .post-fastpass .con ul li a span.menu-text {font-size: 16px;}
  .post-follow-us .con .wp_article_list .list_item.i1 .Article_Title {padding-top: 12px;}

  /*列表页*/
  #container .l-inner {padding: 10px 15px;}
  .col-box { width: auto; margin: 0 auto;}
  .col-menu {width: 100%; min-height: 0; float:none; margin: 0 0 10px 0; position:relative;}
  .col-menu .col-menu-title {margin: 0 auto 6px auto;}
  .col-menu .col-menu-title .col-name {font-size: 20px;}
  .col-menu .col-menu-con{display:none; margin: 0 auto;}
  .column-switch {display:block; top: 11px; right: 0px; background: url(../images/column_switch.png) center center no-repeat;}
  .col-news {width: 100%; min-height:0px; float:none; margin: 0 0 10px 0;} /**栏目新闻**/
  .col-menu-placeholder {display: none;}

  /*列表页手机样式分页*/
  #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;}

}

/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 641~768
 */
@media screen and (max-width: 768px) {

  /*Logo*/
  .head .logo {margin: 0 auto; float: none; width: 407px; overflow: hidden; background-size: contain;}
  .search-placeholder {width:100%; height: 40px; margin: 0 auto; background: #fff;}
  .search-bar {width: 100%; height: 40px; margin:0 auto;}
  .search-box {width: 100%; height: 40px; border-radius: 0; background: transparent;}
  .search-component {height: 40px;}
  .search-input-box {width: calc(100% - 40px); height: 40px;}
  .search-input {top:8px; width: calc(100% - 30px);}
  .search-btn-box {height: 40px;}
  .search-btn {height: 40px;}

  /*主体部分*/
  .mod-l .mod-h1 .mod-h1-l {width: 100%; float: none; margin-bottom: 30px;}
  .mod-l .mod-h1 .mod-h1-r {width: 100%; float: none;}
  .post-fastpass .con ul li {width: calc((100% - 20px - 24px) / 3); height: auto; margin-left: 10px; margin-bottom: 10px;}
  .post-fastpass .con ul li.i1 {background: #49c9b0 url(../images/icon_fastpass_01.png) 10px center no-repeat; border:none; border-left:8px solid #1bbc9b; background-size: 30px; margin-left: 0;}
  .post-fastpass .con ul li.i2 {background: #57d68d url(../images/icon_fastpass_02.png) 10px center no-repeat; border:none; border-left:8px solid #2dcc70; background-size: 30px;}
  .post-fastpass .con ul li.i3 {background: #5dade2 url(../images/icon_fastpass_03.png) 10px center no-repeat; border:none; border-left:8px solid #3598db; background-size: 30px;}
  .post-fastpass .con ul li.i4 {background: #f1d255 url(../images/icon_fastpass_04.png) 10px center no-repeat; border:none; border-left:8px solid #eec72b; background-size: 30px; margin-left: 0;}
  .post-fastpass .con ul li.i5 {background: #f87569 url(../images/icon_fastpass_05.png) 10px center no-repeat; border:none; border-left:8px solid #f65344; background-size: 30px;}
  .post-fastpass .con ul li.i6 {background: #cd564d url(../images/icon_fastpass_06.png) 10px center no-repeat; border:none; border-left:8px solid #c12c20; background-size: 30px;}
  .post-fastpass .con ul li.i7 {background: #ae7ac4 url(../images/icon_fastpass_07.png) 10px center no-repeat; border:none; border-left:8px solid #9a59b5; background-size: 30px;  margin-left: 0; width: calc(100% - 8px);}
  .post-fastpass .con ul li a span.menu-text {font-size: 16px; padding: 22px 30px 22px 60px;}
  .post-follow-us .con .wp_article_list .list_item .Article_Title {font-size: 14px;}

  /*尾部版权*/
  .foot .copyright {width: 81%; margin: 0 auto; font-size: 14px;}

  /*列表页*/
  .col-banner {height: 150px;}
  .col-banner .chn {font-size: 24px; left: 20px; bottom: 50px;}
  .col-banner .eng {font-size: 14px; left: 100px; bottom: 25px;}
}

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

  /*Logo*/
  .head {height: 120px;}
  .head .logo {width: 390px; height: 120px;}
  .head .logo .img{height: 120px;}
  .head .logo .img img {width:390px;}

  /*Jumbotran*/
  #jumbotran .jumbotran-box .focus-title-bar {height: 25px; bottom: 10px; left: 10px; max-width: 500px; overflow: hidden;}
  #jumbotran .jumbotran-box .focus-title {max-width: 460px; height: 25px; line-height: 25px; font-size: 16px;}
  #jumbotran .jumbotran-box .focus-navigation {font-size: 30px;}
  #jumbotran .jumbotran-box .focus-navigation:hover {font-size: 30px;}

  /*主体部分*/
  .post-fastpass .con ul li {width: calc(49% - 8px); height: auto; margin-left: 2%; margin-right: 0;}
  .post-fastpass .con ul li:nth-child(odd) {margin-left: 0;}
  .post-fastpass .con ul li.i4 {margin-left: 2%;}
  .post-fastpass .con ul li.i7 {width: calc(100% - 8px);}
  .post-fastpass .con ul li a span.menu-text {font-size: 16px; padding: 22px 30px 22px 55px;}
  .post-follow-us .con .wp_article_list .list_item {width: 49%; margin-left: 0%; margin-right: 2%;}
  .post-follow-us .con .wp_article_list .list_item.i2 {margin-right: 0;}

  /*列表页*/
  .col-news-list .wp_article_list .list_item .fields.pr_fields {width: 75%;}
  .col-news-list .wp_article_list .list_item .Article_Title {font-size: 15px;}
  .col-news-list .wp_article_list .list_item .Article_PublishDate {font-size: 15px;}
  .col-news-list .wp_entry p {font-size: 15px;}
  #wp_paging_w1205 .wp_paging li a span {font-size: 12px;}

  /*文章页*/
  .article .entry {overflow-x: auto;}
  .article .entry .read img {max-width: 100%; height: auto;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 321~480
 */
@media screen and (max-width: 480px) {
  /*Logo*/
  .head {height: 90px;}
  .head .logo {width: 280px; height: 90px;}
  .head .logo .img{height: 90px;}
  .head .logo .img img {width:280px;}

  /*主体部分*/
  .post-lists .banner .title-text { font-size: 20px; font-weight: bold;}
  .post-lists .con .wp_article_list .list_item .Article_Title {font-size: 15px;}
  .post-lists .con .wp_article_list .list_item .Article_Title A {font-size: 15px;}
  .post-lists .con .wp_article_list .list_item .Article_PublishDate {font-size: 14px;}
  .post-history-info .con ul li { width: 100%; margin: 0 auto 10px auto; float: none; background-position: 25px center; text-indent: 75px; font-size: 16px;}
  .post-follow-us .con .wp_article_list .list_item {width: 100%; margin: 0 auto 12px auto; float: none;}
  .post-follow-us .con .wp_article_list .list_item .Article_Title {font-size: 15px;}

  /*列表页*/
  .col-banner {height: 120px;}
  .col-banner .chn {font-size: 18px; left: 20px; bottom: 35px;}
  .col-banner .eng {font-size: 12px; left: 100px; bottom: 20px;}
  .col-news-list .wp_article_list .list_item .fields.pr_fields {width: 70%;}
}


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