@charset "UTF-8";

@media screen and (min-width: 640px) {
  .display-sm {display: none;}
}

@media screen and (max-width: 991px) {
  .col-menu {width: 180px;}
  .col-content {width: calc(100% - 240px);}
}

@media screen and (max-width: 767px) {
  .col-menu {width: 100%; float: none;}
  .col-content {width: 100%; float: none;}
  .zxxq .zx-metas-xm {float: none; padding-bottom: 10px;}
  .zxxq .zx-metas-zxsj {float: none; margin-left: 0;}
}

@media screen and (max-width: 639px) {
  .col-banner {height: 150px;}
  .col-banner .chn {font-size: 24px; right: 50px;}
  .display-md {display: none;}
  .display-sm {display: initial;}
}

@media screen and (max-width: 575px) {
  /*栅格*/
  .col-xs {
    -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;
  }
  .col-xs-auto {
    -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;
  }
  .col-xs-1 {
    -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;
  }
  .col-xs-2 {
    -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;
  }
  .col-xs-3 {
    -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;
  }
  .col-xs-4 {
    -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;
  }
  .col-xs-5 {
    -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;
  }
  .col-xs-6 {
    -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;
  }
  .col-xs-7 {
    -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;
  }
  .col-xs-8 {
    -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;
  }
  .col-xs-9 {
    -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;
  }
  .col-xs-10 {
    -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;
  }
  .col-xs-11 {
    -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;
  }
  .col-xs-12 {
    -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;
  }

  .col-placeholder-login {height: 30px;}
  #col-xm {margin-bottom: .5rem!important;}

  .icon-zx {width: 96px; height: 120px;}
}

@media screen and (max-width: 480px) {
  .head {height: 100px;}
  .head .logo {width: 300px; height: 100px; margin: 0 auto; float: none;}
  .col-banner {display: none;}
  #container .inner {padding: 50px 0;}
  .copyright {padding: 0 15px;}
  .icon-zx {width: 64px; height: 100px;}
  .icon-zx.wdzx {margin-left: 60px;}
}