@charset "UTF-8";

@media screen and (max-width: 480px) {
  
  /* Page: main.htm */
  .wrapper {min-width: initial;}
  .wrapper .inner {width: initial;}

  .header .head {height: 100px;}
  .header .head .logo {width: 320px; height: 100px; margin: 0 auto; float: none; background-size: contain;}
  .header .head .slogan {display: none;}

  .naver {display: none;}
  .nav {display: none;}
  .nav-bar {display: none;}

  .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 {margin-bottom: 25px;}
  .jumbotran-box .focus-prev {left: 0px; }
  .jumbotran-box .focus-next {right: 0px;}  
  .jumbotran-box .focus-navigation, .jumbotran-box .focus-navigation:hover {font-size: 30px;}
  .jumbotran-box .focus-title-bar {height: 35px; left: 20px; bottom: 20px; max-width: 320px; overflow: hidden;}
  .jumbotran-box .focus-title {height: 35px; line-height: 35px; font-size: 15px; padding: 0 15px;}
  .jumbotran-box .focus-pagination {left: initial; right: 8px; bottom: 8px;}
  .jumbotran-box .focus-page {margin-right: 5px; width: 8px; height: 8px; border-radius: 50%;}
  
  .wrapper.container .inner {padding: 0 10px;}
  .container {margin-bottom: 25px;}
  .container .row {padding: 0;}
  .container .row1 .col-l {width: auto; float: none;}
  .container .row1 .col-r {width: auto; float: none;}
  .container .row2 .col-l {width: auto; float: none;}
  .container .row2 .col-c {width: auto; float: none; margin-left: 0;}
  .container .row2 .col-r {width: auto; float: none;}
  
  .post .banner .title-text { height: 47px; line-height: 47px; font-size: 24px;}
  .post .more {height: 50px; }
  .post .more .more-btn {height: 50px; line-height: 50px;}

  .post-xwdt, .post-tzgg, .post-jxjw, .post-xsxx {margin-bottom: 25px;}
  .post-xwdt .con, .post-tzgg .con, .post-jxjw .con, .post-xsxx .con, .post-fczs .con {padding: 15px 0 0 0;}
  .post-xwdt .con .post-list .list-item {width: auto;}
  .post-xwdt .con .post-list .list-item.i1 {float: none; margin-bottom: 10px;}
  .post-xwdt .con .post-list .list-item.i2 {float: none;}
  .post-xwdt .con .post-list .list-item .item-publishdate {width: 100px;}

  .post-shortdate .con .post-list .list-item .item-title {width: calc(100% - 100px);}
  .post-shortdate .con .post-list .list-item .item-publishdate {width: 100px;}
  .yyyy {display: inline;}

  .post-fczs .con {overflow-x: scroll; overflow-y: hidden;}
  .post-fczs .con .post-list {position: initial; width: 1440px; height: 160px;}
  .post-fczs .con .post-list .list-item.list-item.i1,
  .post-fczs .con .post-list .list-item.list-item.i2,
  .post-fczs .con .post-list .list-item.list-item.i3,
  .post-fczs .con .post-list .list-item.list-item.i4,
  .post-fczs .con .post-list .list-item.list-item.i5 {position: initial; width:280px; height: 160px; float: left; margin-left: 10px;}
  .post-fczs .con .post-list .list-item.list-item.i1 {margin-left: 0;}
  .post-fczs .con .post-list .list-item.i1 .placeholder,
  .post-fczs .con .post-list .list-item.i2 .placeholder,
  .post-fczs .con .post-list .list-item.i3 .placeholder,
  .post-fczs .con .post-list .list-item.i4 .placeholder,
  .post-fczs .con .post-list .list-item.i5 .placeholder {width: 280px; height: 160px;}

  .fastpass-box {width: auto; height: auto; margin: 0 auto; padding: 0 10px;}
  .post-fastpass .post-list .list-item {width: auto; height: 30px; line-height: 30px; margin-left: 10px; margin-bottom: 10px;}
  .post-fastpass .post-list .list-item .ico {display: none;}
  .post-fastpass .post-list .list-item .text {display: none;}
  .post-fastpass .post-list .list-item .title {display: block; padding: 0 15px; background: #972119; color: #fff;}

  .footer .qrcode {display: none;}
  .footer .copyright {float: none; margin: 0 auto; text-align: center;}


  /* Page: listcolumn.htm */
  .content .row {padding: 10px;}
  .content .row .col-menu {width: 100%; min-height: 0; float:none; margin: 0 0 10px 0; position:relative;}
  .content .row .col-content {width: 100%; min-height:0px; float:none; margin: 0;}

  .col-menu-title {height: 40px; line-height: 40px; margin: 0 auto; border-bottom: 3px solid #972119; background: #fff;}
  .col-name {color: #972119; line-height: 40px; font-size: 18px; text-align: left; text-indent: 10px;}
  .column-switch {display:block; top: 11px; right: 0px; background: url(../images/sort.png) center center no-repeat;}
  .col-menu-list {display:none; margin: 0 auto;}

  #wp_paging_w1201 {margin-bottom: 15px;}
  #wp_paging_w1201 .page_jump {display: none;}
  #wp_paging_w1201 .pages_count {display: none;}
  #wp_paging_w1201 .wp_paging {width: 100%; float: none; margin-left: 0; text-align: center;}
  #wp_paging_w1201 .wp_paging li {float: none;}
  #wp_paging_w1201 .wp_paging li a {background: #eee; border: 1px solid #eee; padding:0 6px; line-height: 28px; height: 28px;}
  #wp_paging_w1201 .wp_paging li a:hover {color: #972119;}
  #wp_paging_w1201 .wp_paging li a span {font-size: 14px;}


  /* Page: displayinfo.htm */
  .page-content-box .wp_entry img {width: 100%; height: auto; max-width: 100%; padding: 0;}
}


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

}