/* 媒体查询响应式(向下生效) */
/* 注: Bootstrap的栅栏样式是向上生效的,因为用的是min,例如设置了col-xs-6,那么就算不设置sm,md,lg所有大于768px的时候都会加上样式 */

/* 1920以上 */
@media screen and (min-width: 1920px) {
  .header-wrapper {
    background-size: cover !important;
    background-position: center !important;
  }
}

@media screen and (max-width: 1800px) {
  .header-wrapper {
    background-size: 1800px !important;
    background-position: center 0 !important;
    width: 100%;
    height: 394px;
  }
}

/* 1200~1555(lg)/1555以下 */
@media screen and (max-width: 1555px) {
  .header-wrapper {
    background-size: 1555px !important;
    background-position: center 0 !important;
    width: 100%;
    height: 340px;
  }

  /* header */
  header .header-container .nav-box {
    width: 95%;
  }
  header .header-container .nav-box .nav-mid .navbar-nav li a {
    min-width: 120px;
  }

  /* 我们能为你做什么 */
  /* .services-content > li {
    padding: 0 10px;
  }
  .services-content > li > div {
    width: 100%;
  }
  .services-content > li > div h5 {
    font-size: 36px;
    margin: 20px 0;
  }
  .services-content > li > div p {
    font-size: 18px;
    line-height: 26px;
  } */

  .services-contentnew > li {
    padding: 0 10px;
  }
  .services-contentnew > li > div {
    width: 100%;
  }

  .services-more {
    margin: 30px auto;
  }

  /* 自主品牌轮播图(缩小到0.8倍) */
  #brand {
    position: relative;
    width: 98%;
    max-width: 1169px;
    margin: 50px auto 0;
  }

  #brand .swiper-slide {
    width: 428px;
    height: 629px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
  }

  /* 不显示自主品牌翻页按钮 */
  .brand .swiper-button-prev,
  .brand .swiper-button-next {
    display: none;
  }
}

/* 992~1200(md)/1200以下 */
@media screen and (max-width: 1200px) {
  .header-wrapper {
    background-size: 1200px !important;
    background-position: center 0 !important;
    width: 100%;
    height: 263px;
  }

  /* header */
  header .header-container .nav-box {
    width: 100%;
  }
  /* 隐藏语言选项 */
  /* header .header-container .nav-box #lang {
    display: none;
  } */
  /* header菜单 */
  header .header-container .nav-box {
    width: 90%;
  }
  header .header-container .nav-box .nav-mid {
    display: none;
  }
  header .header-container .nav-box .nav-mobile-menu {
    display: block;
  }

  /* 我们能为你做什么 */
  /* .services-content > li {
    padding: 0 20px;
  }
  .services-content > li > div {
    width: 100%;
  }
  .services-content > li > div h5 {
    font-size: 40px;
    margin: 40px 0;
  }
  .services-content > li > div p {
    font-size: 23px;
    line-height: 30px;
  } */
  .services-more {
    width: 20%;
    margin: 30px auto;
  }

  /* footer */
  .footer-right > .about > div {
    margin-bottom: 15px;
  }

  .copyright {
    text-align: center;
  }

  /* 子页 */
  .main {
    width: 90%;
  }

  /* 自主品牌轮播图(再缩小0.2倍) */
  #brand {
    max-width: 902px;
  }
  #brand .swiper-slide {
    width: 342px;
    height: 503px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
  }
}

/* 768~922(sm)/992以下 */
@media screen and (max-width: 992px) {
  .header-wrapper {
    background-size: 992px !important;
    background-position: center 0 !important;
    width: 100%;
    height: 217px;
  }

  /* 服务对象 */
  .services-content > li > div {
    width: 456px;
  }

  /* footer */
  .footer-left {
    width: 50%;
    margin: auto;
    min-width: 390px;
  }

  /* 服务对象显示成一行一个 */
  .object-content {
    min-width: auto;
    width: 90%;
    height: auto;
  }
  .object-content > li {
    position: relative;
    float: none;
    transition: all 0.5s;
    width: 85% !important;
    margin: 10px auto;
    overflow: hidden;
    cursor: pointer;
  }
  .object-content-desc {
    position: relative !important;
    width: 430px !important;
    height: 300px !important;
    margin: 222px auto 0 !important;
    border-radius: 5px !important;
  }

  .object-content-desc > p {
    opacity: 1 !important;
  }

  /* 自主品牌轮播图(再缩小0.1倍) */
  #brand .swiper-slide {
    width: 308px;
    height: 452px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
  }
}

/* 768以下(sx) */
@media screen and (max-width: 768px) {
  .header-wrapper {
    background-size: 768px !important;
    background-position: center 0 !important;
    width: 100%;
    height: 168px;
  }

  .footer-right > .about > div:nth-child(2n) {
    border-right: none;
  }

  /* 不显示翻页按钮 */
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }

  /* 信息栏不层叠 */
  .info-content {
    margin: 20px auto 0;
    width: 80%;
  }

  /* 标题间隔缩小 */
  .content-title {
    margin-top: 60px;
  }

  /* 服务对象显示成一行一个 */
  .object-content {
    min-width: auto;
    width: 98%;
    height: auto;
  }
  .object-content > li {
    position: relative;
    float: none;
    transition: all 0.5s;
    width: 85% !important;
    margin: 10px auto;
    overflow: hidden;
    cursor: pointer;
  }
  .object-content-desc {
    position: relative !important;
    width: 300px !important;
    height: 350px !important;
    margin: 222px auto 0 !important;
    border-radius: 5px !important;
  }

  .object-content-desc > p {
    opacity: 1 !important;
  }

  .object-content-title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -70px;
    width: 280px;
    padding: 18px;
    border: solid #fff 2px;
    text-align: center;
    font-size: 26px;
    color: #fff;
    cursor: pointer;
  }

  /* 我们能为你做什么 */
  /* .services-content > li {
    padding: 0 20px;
  }
  .services-content > li > div {
    width: 100%;
    height: 470px;
  }
  .services-content > li > div h5 {
    font-size: 40px;
    margin: 40px 0;
  }
  .services-content > li > div p {
    font-size: 23px;
    line-height: 30px;
  } */
  .services-more {
    width: 30%;
    margin: 30px auto;
  }
}