@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (min-width: 1200px) {
  .column-switch {display:block; top: 11px; right: 11px; background: url(../images/fastpass_more_hover.png) center center no-repeat;}
  .column-switch {
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* Internet Explorer */
    -moz-transform:rotate(90deg); /* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */    
  }
}

/**
 * [Large Screen for PC & Pad]
 * 1024~1199
 */
@media screen and (max-width: 1199px) {
  /*LOGO*/
.head .logo {
    width: 90%;
    height: 130px;
    margin-left: 0;
    background-size: contain;
}
.head .logo .logo-icon {
    text-align: center;
    width: 100%;
    height: 50%;
    float: left;
}
.head .logo .logo-text.hr {
    text-align: center;
    width: 100%;
    height: 50%;
    float: left;display: block;
}
.head .logo .logo-text {
    display: none;
}
.head {
    height: 150px;
}
  .search-bar {top: 25px; right: 10px;}
  .egate {top: 60px; right: 10px;}
.english {top: 60px; right: 90px;}

  /*NAV*/
  .nav-box .wp-menu .menu-item {width: 12.5%;}
  .nav-box .wp-menu .menu-item a.menu-link {padding:0;}

  /*CONTAINER*/
  #container .inner {width:auto; padding: 0 10px;}
  .mod-h1 {margin-bottom: 20px;}
  .mod-h1 .mod-l {width: calc(100% - 610px);}
  .mod-h1 .mod-r {width: 610px;}
  .mod-h2 .mod-l {width:32%;margin-right:0;}
  .mod-h2 .mod-c {margin:0 1%;width: calc((100% - 400px) * 0.52 ); }
  .mod-h2 .mod-r {width: calc((100% - 400px) * 0.52 );}

  .post-fastpass .nav-item {background-position: calc(100% - 20px) center; height: 55px; line-height: 55px;}
  .post-fastpass .nav-item A {height: 55px;}
  .post-fastpass .nav-item.selected A {background-position: calc(100% - 20px) center;}
  .post-fastpass .nav-item A:hover {background-position: calc(100% - 20px) center;}
  .post-fastpass .wp_nav .nav-item a span.item-name {line-height: 55px;}

  .post-bszn .con .menu-item {width: calc((100% - 16px) / 2);}
  .post-hire .con .menu-item {width: 100%; background-size: cover;}

  #container .l-inner {padding: 20px 10px;}
  #container .d-inner {padding: 20px 10px;}
}

/**
 * [Medium Screen for Pad]
 * 768~999
 */
@media screen and (max-width: 1023px) {

.mod-r .post-tzgg .con .wp_article_list .list_item .Article_Title {width:70%;}

  /*LOGO*/
  .head .logo {margin-left: 50px;}

  /*导航菜单*/
  #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;}

  .mod-h1 {margin-bottom: 15px;}
  .mod-h1 .mod-l { float: none;width: 100%;}
.mod-h1 .mod-l .c-box {
    width: 100%;
    margin-right: 0;
    float: left;
    padding-top: 20px;
}
  .mod-h1 .mod-r {float: none; width: auto; margin: 0 auto;}
  .mod-h2 {margin-bottom: 15px;}
  .mod-h2 .mod-l {width: calc(50% - 10px); float: left; margin-bottom: 15px; margin-right: 0;}
  .mod-h2 .mod-c {width: calc(50% - 10px); float: right; margin-bottom: 15px; margin-right: 0;}
  .mod-h2 .mod-r {width: 100%; float: left; margin-bottom: 0;}
  /*
  .post-icon .con .icon {width: calc( 100% / 4 )}
  .mod-h3 .mod-l {width: calc( 100% - 160px )}
  .post-imagelink .list_item {width: calc( ( 100% - 53px ) /4 ); height: auto;}
  .post-imagelink .list_item.i4 {margin-right: 0;}
  .post-imagelink .list_item Img {width: 100%; height: auto;}
  .mod-h3 .mod-r {margin-right: 0;}
  */

  #footer {width:auto; padding: 0 15px;}

  /*列表页及文章页BANNER*/
  .page-banner {height: auto;}

  /*列表页主体部分*/
  #container .l-inner {padding: 20px 10px;}
  .col-box { width: auto; margin: 0 auto;}
  .col-news .col-news-list .wp_article_list .list_item .fields.pr_fields {width: calc(100% - 120px);}
  .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 8px; line-height: 28px; height: 28px;}
  #wp_paging_w1205 .wp_paging li a:hover {color: #778a3c;}
  /*文章页*/
  #container .d-inner {padding: 20px 10px;}
  .article .entry .read img {width: auto; height: auto;} /**文章阅读部分图片大小限制**/
}

/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 640~767
 */
@media screen and (max-width: 767px) {

  .search-placeholder {height: 40px; background: #9d0711; margin: 0 10px;}
  .head .logo {width: 505px; height: 110px; float: none; margin: 0 auto;}
  .egate {top: 155px; right: 15px; border: 1px solid #fff; height: 28px; line-height: 28px;border-radius: 15px;}
.english{top: 115px; right: 95px; border: 1px solid #fff; height: 28px; line-height: 28px;border-radius: 15px;}
  .search-bar {top: 155px; left: 15px; width: calc(100% - 188px);}
  .search-box {border: 1px solid #fff; background: #fff;}

  .mod-h2 .mod-l {width: 100%; float: none;margin-right: 0;}
  .mod-h2 .mod-c {width: 100%; float: none;}
  .mod-h2 .mod-r {width: 100%; float: none;margin-left: 0;}
  .post-rcyj {margin-bottom: 15px;}
  /*
  .mod-h3 .mod-l {width: 100%; float: none;}
  .mod-h3 .mod-r {width: 100%; float: none;}
  */

  .mod-l .post-info .con .wp_article_list .list_item .Article_Title {width:67%;}
  .mod-r .post-tzgg .con .wp_article_list .list_item .Article_Title {width: 61%;}

  .link {width: calc(100%); margin: 0 auto;}
  .link .banner {display: none;}
  .link .link1 {width: calc((100% - 20px) / 2);}
  .link .link2 {width: calc((100% - 20px) / 2);}

  /*列表页*/
  .col-banner {margin: 0 10px;}
  .col-banner .chn {left: 50px}
  .col-banner .eng {left: 150px}

  #container .l-inner {padding: 10px;}
  .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-con{display:none; margin: 0 auto;}
  .column-switch {display:block; top: 11px; right: 11px; background: url(../images/fastpass_more_hover.png) center center no-repeat;}
  .col-news {width: 100%; min-height:0px; float:none; margin: 0 0 10px 0;} /**栏目新闻**/

  #container .d-inner {padding: 10px;}
  .d-inner .page-navigation {margin: 0 auto;}
  .article-box {margin: 0 auto;}


}

@media screen and (max-width: 639px) {

.logo-text img{display:none;}
.logo-icon img {
    width: 281px;
    height: 100px;
    padding-left: 45px;
}

  .head {height: 100px;}
  .head .logo {width: 400px; height: 100px;}
  .egate {top: 105px;}
.english{top:105px;}
  .search-bar {top: 105px;}

  .jumbotran .focus-navigation, .focus-navigation:hover {font-size: 30px; font-weight: normal; background: transparent;}
  .jumbotran .focus-prev {left: 0;}
  .jumbotran .focus-next {right: 0;}
  .jumbotran .focus-title-bar {height: 30px;}
  .jumbotran .focus-title-bg {opacity: 1;}
  .jumbotran .focus-title {height: 30px; line-height: 30px; font-size: 14px; font-weight: normal; font-family:"Microsoft YaHei"; padding: 0 10px;}
  .post-link .con .link {width: auto; height: 25px; float: none; margin: 0 auto 10px auto;}


  /*列表页*/
  .col-banner {height: 150px;}
  .col-banner .chn {left: 30px; font-size: 24px;}
  .col-banner .eng {left: 100px;}

  #wp_paging_w1205 .wp_paging li a span {font-size: 12px;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
.logo-icon img {
    width: 230px;
    height: 80px;
    padding-left: 20px;
}
.head .logo .logo-text {
    width: 38%;
    height: 100%;
    float: right;
    display: none;
}

  .head {height: 80px;}
  .head .logo {width: 250px; height: 80px;}
  .egate {top: 85px;display:none;}
.english{top:85px;display:none;}
  .search-bar {top: 85px;  
    left: 15px;
    width: calc(100% - 30px);}

  /*
  .post-imagelink .list_item {width: calc( ( 100% - 23px ) /4 ); height: auto; margin-right: 5px;}
  */

  .post .con .wp_article_list .list_item .Article_Title {width: 100%;}
  .post .con .wp_article_list .list_item .Article_PublishDate {display: none;}

  .link .link1 {width: calc(100%); margin-bottom: 10px;}
  .link .link2 {width: calc(100%);}

  .col-banner {height: 120px;}
  .col-banner .chn {display: none;}
  .col-banner .eng {display: none;}

}


/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
  .head {height: 60px;}
  .head .logo {width: 200px; height: 60px;}
  .egate {top: 65px;display:none;}
.english {top: 65px;display:none;}
  .search-bar {top: 65px;}
}
