@charset "UTF-8";
/* 主题色-蓝色*/
/*混合指令（Mixin）用于定义可重复使用的样式*/
/*一些可重用代码*/
/* 使用绝对定位使内容水平居中 */
/* 使用绝对定位使内容垂直居中 */
/* 使用绝对定位使内容绝对居中 */
/* 设置图片背景 */
/* 清除浮动 */
/* 单行文字显示省略号 */
/* 多行文字显示省略号 */
/* 渐变背景 */
/* 首页内容宽度 */
/**
 * hover时由内向外填充的效果
 */
/*relative相对定位*/
/**
* @param $line       超出显示省略号的行数，默认：1
* @param $substract  为预留区域百分比%，默认：0
*/
/* 自适应类名 */
.app-row {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  max-width: 1200px;
  min-width: 320px; }

@media (max-width: 1400px) {
  .app-row {
    width: 1000px; }
  .app-footer.home .app-footer-content,
  .app-footer .app-footer-content {
    width: 1000px; }
    .app-footer.home .app-footer-content .out-link-box img,
    .app-footer .app-footer-content .out-link-box img {
      height: 58px; }
    .app-footer.home .app-footer-content .out-link-box span,
    .app-footer .app-footer-content .out-link-box span {
      margin: 0 28px; }
  .app-footer .route-box .item {
    margin-left: 8px; }
    .app-footer .route-box .item .title {
      letter-spacing: 0; }
  #app-news-pages .app-content {
    width: 1000px; } }

@media (max-width: 1200px) {
  .app-row {
    width: 800px; }
  .app-header .logo-box {
    padding: 14px 4px 0 20px; }
    .app-header .logo-box img {
      height: 28px;
      width: 100px; }
  .app-header .app-search-box {
    padding-right: 20px;
    margin-top: 14px; }
  .app-header .nav-box {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px; }
  .app-header-fixed.show .nav-box, .app-header-fixed.fix-head-show-always .nav-box {
    margin-left: 0;
    width: 100%; }
  .app-footer.home .app-footer-content,
  .app-footer .app-footer-content {
    width: 800px; }
    .app-footer.home .app-footer-content .out-link-box img,
    .app-footer .app-footer-content .out-link-box img {
      height: 48px; }
    .app-footer.home .app-footer-content .out-link-box span,
    .app-footer .app-footer-content .out-link-box span {
      margin: 0 20px; }
  .app-footer .route-box {
    width: 75%; }
    .app-footer .route-box .item {
      min-height: 200px;
      margin-left: 44px; }
  #app-news-pages .app-content {
    width: 800px; } }

@media (max-width: 950px) {
  .app-row {
    width: 650px; }
  #app-news-pages .app-content {
    width: 650px; }
  #app-news-pages .app-news-content-box {
    width: 100%; }
  #app-news-pages .app-content {
    padding-top: 100px; }
  .app-aside {
    display: none; }
  .app-share-box {
    display: none; }
  .app-body .app-content-box {
    padding-left: 0; }
  .app-header .nav-box {
    display: none; }
  .app-header .wangzhanqun-bt {
    display: none; }
  .app-header .app-search-box .el-icon-s-fold {
    display: inline-block; }
  .app-footer {
    padding-left: 0 !important; }
    .app-footer.home .app-footer-content,
    .app-footer .app-footer-content {
      width: 650px; }
      .app-footer.home .app-footer-content .out-link-box,
      .app-footer .app-footer-content .out-link-box {
        padding: 0; }
        .app-footer.home .app-footer-content .out-link-box > *,
        .app-footer .app-footer-content .out-link-box > * {
          padding-top: 30px;
          float: left; }
        .app-footer.home .app-footer-content .out-link-box span,
        .app-footer .app-footer-content .out-link-box span {
          margin: 0 63px;
          border: none; }
          .app-footer.home .app-footer-content .out-link-box span:nth-of-type(4),
          .app-footer .app-footer-content .out-link-box span:nth-of-type(4) {
            margin: 0 30px; }
    .app-footer .route-box {
      width: 100%; }
      .app-footer .route-box .item {
        margin-left: 68px; }
        .app-footer .route-box .item:nth-child(1), .app-footer .route-box .item:nth-child(6) {
          margin-left: 0; }
    .app-footer .logo-box {
      display: none; }
  .app-search-contain .el-icon-circle-close,
  .app-search-contain .iconfont {
    right: auto;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 24px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  .app-search-contain .search-head-box .search-input-box {
    padding-top: 100px; }
  .menu-box {
    display: block; } }

@media (max-width: 680px) {
  .app-row {
    width: 300px; }
  #app-news-pages .app-content {
    width: 300px; }
  .app-search-contain .search-row {
    width: 300px; }
  .app-search-contain .pagination-box {
    background: transparent; }
  .app-footer .app-footer-content {
    width: 300px !important; }
  .app-footer .route-box {
    display: none; }
  .app-footer .out-link-box {
    display: none; }
  .app-footer .img-box {
    display: none; } }