/* 硬件环境设计咨询 */
.hardware-design-zx .service-ideal .title-bar {
  margin-bottom: 0;
}

.hardware-design-zx .service-ideal .ideal-content {
  width: 1440px;
  height: 530px;
  margin: auto;
}

.hardware-design-zx {
  overflow-x: hidden !important;
}

.hardware-design-zx .service-ideal-content {
  position: relative;
  width: 1440px;
  height: 580px;
  margin: auto;
  background: url('/img/service/hardware-idel.jpg') no-repeat;
  background-position: center;
  background-size: cover;
}

.hardware-design-zx .hard-service-process .container {
  width: 1440px;
  padding: 0;
}

/* 硬件环境设计咨询 -- mobile */
.hardware-design-zx .service-ideal .service-ideal-content .hidden-up-1024 {
  display: none;
}

.hardware-design-zx .hard-service-process .container .row img.hidden-notin-mobile {
  display: none;
}

@media (max-width: 2000px) {}

@media (max-width: 1850px) {}

@media (max-width: 1750px) {
  .service-ideal .ideal-content .ideal-intro .mb-60 {
    margin-bottom: 26px !important;
  }
}

@media (max-width: 1650px) {
  .service-ideal .ideal-content .ideal-intro .mb-60 {
    margin-bottom: 26px !important;
  }
}

@media (max-width: 1550px) {
  .service-ideal .ideal-content .ideal-intro .mb-60 {
    margin-bottom: 26px !important;
  }
}

@media (max-width: 1440px) {
  .hardware-design-zx .ideal-content .hidden-1440-between-1024 {
    display: none;
  }

  .hardware-design-zx .hardware .ideal-content .ideal-intro {
    padding: 50px 0 0 40px;
  }

  .hardware-design-zx .service-ideal .ideal-content {
    width: 100%;
  }

  .hardware-design-zx .service-ideal .ideal-content .ideal-intro {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .hardware-design-zx .hardware .w-84 {
    /* width: 100%; */
  }

  /* 硬件环境设计咨询 -- 服务理念 */
  .hardware-design-zx .service-ideal-content {
    width: auto;
  }

  /*硬件环境设计咨询 -- 服务流程  */
  .hardware-design-zx .hard-service-process .container {
    /* width: 82%; */
    width: 100%;
  }

  .hardware-design-zx .hardware,
  .hardware-design-zx .hardware-service-ideal {
    padding-left: 30px;
    padding-right: 30px;
  }

  .hard-service-process .hardware-process-img {
    margin: auto;
    width: 80%;
    text-align: center;
  }

}

@media (max-width: 1350px) {}

@media (max-width: 1280px) {}

@media (min-width: 1200px) {

  /* 可视化系统定制开发 */
  .service-ideal {
    width: 100%;
    /* padding-bottom: 4%; */
    padding-bottom: 40px;
    background-color: #eeeeee;
  }

  .service-ideal .title,
  .service-ideal .title-bar {
    text-align: center;
  }

  .service-ideal .title {
    margin: 0;
    padding-top: 50px;

    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #333333;
  }

  .service-ideal .title-bar {
    margin-top: -10px;
    padding-bottom: 50px;
  }

  .service-ideal .ideal-content {
    position: relative;
    width: 75%;
    margin: auto;
  }

  .service-ideal .ideal-content .ideal-intro {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    width: 34%;
    height: 100%;
    /* border: 1px solid #000; */
    background-image: linear-gradient(0deg, #2f3144 0%, #2c2e42 100%),
      linear-gradient(#32354c, #32354c);
    background-blend-mode: normal, normal;
  }

  .hardware .ideal-content .ideal-intro {
    padding: 50px 0 0 40px;
  }

  .service-ideal .ideal-content .ideal-intro p {
    padding: 10%;

    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 33px;
    letter-spacing: 0px;
    color: #dddddd;
  }

  /* 硬件环境设计： 服务理念 */
  .hardware {}

  .hardware-service-ideal {
    background: #ffffff;
  }

  .hardware .service-content-list {
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #fefefe;
  }

  .hardware .service-content-list h4 {

    font-size: 20px;
    line-height: 30px;
  }

  .hardware .service-content-list .list-item {

    font-size: 14px;
    line-height: 26px;
  }

  .service-ideal .hardware-ideal-img {
    /* width: 75%; */
    margin: auto;
    text-align: center;
  }

  .service-ideal .hardware-ideal-img img {
    max-width: 100%;
  }

  .service-ideal .hardware-ideal-intro {
    /* width: 75%; */
    position: absolute;
    padding: 1% 2%;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: #000000;
    opacity: 0.6;

    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #dddddd;
  }

  /* 硬件服务流程 */
  .hard-service-process {
    /* height: 430px; */
  }

  .hard-service-process .container {
    width: 80%;
  }


  .hard-service-process .container .title {
    padding: 10px 0;
    text-align: center;

    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #1f3147;
  }

  .hard-service-process .container .hardware-process-content {
    padding: 0 6%;
    text-align: center;

    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #555555;
  }

  .hard-service-process .hardware-process-img {
    /* width: 62%; */
    margin: auto;
    text-align: center;
  }

  .hard-service-process .hardware-process-img img {
    max-width: 100%;
  }

  .hardware .pd-0 {
    padding: 0;
  }

  .hardware .pd-0 {
    padding: 0;
  }
}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {

  .hardware-design-zx .hardware,
  .hardware-design-zx .hardware-service-ideal {
    padding-left: 0;
    padding-right: 0;
  }

  .hardware-design-zx .service-ideal .ideal-content {
    width: 100%;
    height: auto;
  }

  .service-ideal {
    padding-bottom: 40px;
  }

  /* 硬件环境设计咨询 */
  /* 服务内容 */
  .hardware-design-zx .ideal-content .hidden-down-1024 {
    display: none;
  }

  .hardware-design-zx .hardware-service-ideal .mobile-100 {
    width: 100% !important;
  }

  .hardware-design-zx .hardware .ideal-content img.show-in-mobile {
    display: block !important;
  }

  /* mobile */
  .hardware-design-zx .service-ideal .ideal-content .ideal-intro {
    width: 48%;
  }

  .hardware-design-zx .service-ideal .service-ideal-content .show-down-1024 {
    display: block;
  }

  /* 服务理念 */
  .hardware-design-zx .service-ideal .hardware-ideal-intro {
    position: static;
    background: #000;
    opacity: 1;
  }

  .hardware-design-zx .service-ideal-content {
    height: auto;
  }

  /* 服务团队 */
  .hardware-design-zx .hardware-envir-design .service-item {
    width: 33.33%;
  }

  .hardware-design-zx .hardware-envir-design .service-team .intro {
    width: 66%;
  }

  .hardware-design-zx .service-ideal {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 992px) {

  /* 可视化系统定制开发 */
  .service-ideal {
    width: 100%;
    /* padding-bottom: 4%; */
    padding-bottom: 40px;
    background-color: #eeeeee;
  }

  .service-ideal .title,
  .service-ideal .title-bar {
    text-align: center;
  }

  .service-ideal .title {
    margin: 0;
    padding-top: 50px;

    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #333333;
  }

  .service-ideal .title-bar {
    margin-top: -10px;
    padding-bottom: 50px;
  }

  .service-ideal .ideal-content {
    position: relative;
    width: 75%;
    margin: auto;
    display: flex;
    flex-direction: column;
  }

  .service-ideal .ideal-content .ideal-intro {
    /* position: absolute; */
    right: 0;
    bottom: 0;
    /* width: 25%; */
    height: 100%;
    /* border: 1px solid #000; */
    background-image: linear-gradient(0deg, #2f3144 0%, #2c2e42 100%),
      linear-gradient(#32354c, #32354c);
    background-blend-mode: normal, normal;
  }

  .service-ideal .ideal-content .ideal-intro p {
    padding: 10%;

    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 33px;
    letter-spacing: 0px;
    color: #dddddd;
  }

  /* 硬件环境设计： 服务理念 */
  .hardware-service-ideal {
    background: #ffffff;
  }

  .hardware .service-content-list {
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #fefefe;
  }

  .hardware .service-content-list h4 {

    font-size: 20px;
    line-height: 30px;
  }

  .hardware .service-content-list .list-item {

    font-size: 14px;
    line-height: 26px;
  }

  .service-ideal .hardware-ideal-img {
    /* width: 75%; */
    margin: auto;
    text-align: center;
  }

  .service-ideal .hardware-ideal-img img {
    max-width: 100%;
  }

  .service-ideal .hardware-ideal-intro {
    /* width: 75%; */
    position: absolute;
    padding: 1% 2%;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: #000000;
    opacity: 0.6;

    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #dddddd;
  }

  /* 硬件服务流程 */
  .hard-service-process {
    /* height: 430px; */
  }

  .hard-service-process .container {
    width: 80%;
  }

  .hard-service-process .container .title {
    padding: 10px 0;
    text-align: center;

    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #1f3147;
  }

  .hard-service-process .container .hardware-process-content {
    padding: 0 6%;
    text-align: center;

    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #555555;
  }

  .hard-service-process .hardware-process-img {
    /* width: 62%; */
    margin: auto;
    text-align: center;
  }

  .hard-service-process .hardware-process-img img {
    max-width: 100%;
  }

  .hardware .pd-0 {
    padding: 0;
  }

  .hardware .pd-0 {
    padding: 0;
  }
}

@media (min-width: 992px) {

  /* 可视化系统定制开发 */
  .service-ideal {
    width: 100%;
    /* padding-bottom: 4%; */
    padding-bottom: 80px;
    background-color: #eeeeee;
  }

  .service-ideal .title,
  .service-ideal .title-bar {
    text-align: center;
  }

  .service-ideal .title {
    margin: 0;
    padding-top: 50px;

    font-weight: bold !important;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #333333;
  }

  .service-ideal .title-bar {
    margin-top: -10px;
    padding-bottom: 50px;
  }

  .service-ideal .ideal-content {
    position: relative;
    width: 75%;
    margin: auto;
    display: flex;
    flex-direction: column;
  }

  .service-ideal .ideal-content .ideal-intro {
    /* position: absolute; */
    right: 0;
    bottom: 0;
    /* width: 32%; */
    width: 456px;
    height: 100%;
    /* border: 1px solid #000; */
    background-image: linear-gradient(0deg, #2f3144 0%, #2c2e42 100%),
      linear-gradient(#32354c, #32354c);
    background-blend-mode: normal, normal;
  }

  .service-ideal .ideal-content .ideal-intro .mb-60 {
    margin-bottom: 60px;
  }

  .service-ideal .ideal-content .ideal-intro p {
    padding: 10%;

    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 33px;
    letter-spacing: 0px;
    color: #dddddd;
  }

  /* 硬件环境设计： 服务理念 */
  .hardware {}

  .hardware-service-ideal {
    background: #ffffff;
  }

  .hardware .service-content-list {
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #fefefe;
  }

  .hardware .service-content-list .list-img img {
    margin: 16px 0;
  }

  .hardware .service-content-list h2 {
    margin: 0;
    padding: 0;

    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
  }

  .hardware .service-content-list .list-item {

    font-size: 14px;
    line-height: 26px;
  }

  .hardware .service-content-list .list-item .w-84 {
    /* width: 84%; */
    width: 100%;
  }

  .service-ideal .hardware-ideal-img {
    /* width: 75%; */
    margin: auto;
    text-align: center;
  }

  .service-ideal .hardware-ideal-img img {
    /* max-width: 100%; */
    width: 100%;
  }

  .service-ideal .hardware-ideal-intro {
    /* width: 75%; */
    position: absolute;
    padding: 1% 2%;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: #000000;
    opacity: 0.78;

    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    /* color: #dddddd; */
    color: #ffffff;
  }

  /* 硬件服务流程 */
  .hard-service-process {
    /* height: 430px; */
  }

  .hard-service-process .container {
    width: 80%;
  }

  .hard-service-process .container .title {
    padding: 20px 0;
    text-align: center;

    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #1f3147;
  }

  .hard-service-process .container .hardware-process-content {
    padding: 0 6%;
    text-align: center;

    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #555555;
  }

  .hard-service-process .hardware-process-img {
    /* width: 62%; */
    margin: auto;
    text-align: center;
  }

  .hard-service-process .hardware-process-img img {
    max-width: 100%;
  }

  .hardware .pd-0 {
    /* padding: 0; */
    padding: 0 0 10px 0;
  }

  .hardware .pt-20 {
    padding-top: 10px;
  }

  .hardware .pb-10 {
    padding-bottom: 10px;
  }

  .hardware .w-84 {
    width: 84%;
    height: 100%;
  }

  .hardware .tr-pr {
    text-align: right;
    padding-right: 28px;
    width: 46%;
  }

  .hardware .mt-2-pr-4 {
    margin-top: -2px;
    padding-right: 4px;
  }
}

@media (max-width: 992px) {

  /* 硬件环境 设计咨询 */
  /* 服务内容 */
  .hardware-design-zx .service-ideal .ideal-content {
    width: 100%;
    position: relative;
  }

  .hardware-design-zx .service-ideal .ideal-content img {
    max-width: 95%;
  }

  .hardware-design-zx .service-ideal .ideal-content .ideal-intro {
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(0deg, #2f3144 0%, #2c2e42 100%),
      linear-gradient(#32354c, #32354c);
    height: 100%;
    /* width: 58%; */
    width: 468px;
    color: #ffffff;
  }

  .hardware-design-zx .service-ideal .ideal-content .ideal-intro h2 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
  }

  .hardware-design-zx .col-sm-12 {
    /* width: 44%; */
    line-height: 20px;
  }

  .contact_info .col-sm-12 {
    width: 100%;
  }

  .hardware-design-zx .service-content-list:last-of-type .col-sm-12 {
    width: 100%;
    padding-left: 0;
  }

  .hardware-design-zx .hardware .ideal-content .ideal-intro .service-content-list .list-item {
    padding-top: 6px;
  }

  .hardware-design-zx .hardware .title {
    margin-top: 0;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #333;
  }

  .hardware-design-zx .hardware .title-bar {
    text-align: center;
    margin-top: -20px;
    margin-bottom: 40px;
  }

  .hardware-design-zx .hardware .title-bar img {
    /* width: 102px; */
  }

  .hardware-design-zx .hardware {
    padding: 50px 0 80px;
    background: #eee;
  }

  .hardware-design-zx .hardware .ideal-content img.show-in-mobile {
    display: block !important;
    width: 84%;
  }

  /* 服务内容 intro -padding-top */

  /* 服务理念 */
  .hardware-design-zx .hardware-service-ideal .title {
    margin: 0;
    color: #333;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
  }

  .hardware-design-zx .hardware-service-ideal .title-bar {
    text-align: center;
    margin-top: -10px;
    padding-bottom: 40px;
  }

  .hardware-design-zx .hardware-service-ideal .title-bar img {
    /* width: 100px; */
  }

  .hardware-design-zx .hardware-service-ideal .hardware-ideal-img img {
    max-width: 100%;
  }

  .hardware-design-zx .hardware-service-ideal .hardware-ideal-intro {
    position: static;
    padding: 1% 2%;
    /* left: 0;
    bottom: 0; */
    margin: auto;
    background-color: #000000;
    opacity: 1;

    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
  }

  .hardware-design-zx .service-ideal {
    padding: 50px 0 80px;
    background-color: #eeeeee;
  }

  .hardware-design-zx .hardware-service-ideal {
    background: #ffffff !important;
  }

  .hardware-design-zx .hardware-service-ideal .mobile-100 {
    width: 100% !important;
    margin-top: 40px;
  }

  /* 服务团队 */
  /* 服务流程 */
  .service-ideal .title-bar {
    margin-top: -10px;
    padding-bottom: 50px;
    text-align: center;
  }

  .hardware-design-zx .service-ideal .title-bar {
    margin-top: -10px;
    padding-bottom: 0;
  }

  .hard-service-process .hardware-process-img {
    width: 62%;
    margin: auto;
    text-align: center;
  }

  .hardware-design-zx .hard-service-process .col-sm-12 {
    width: 33%;
  }

  .service-ideal .title {
    margin: 0;
    padding-top: 50px;

    font-weight: bold !important;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
  }

  .hardware-design-zx .service-ideal .title {
    padding-top: 0;
  }

  .hard-service-process .container .title {
    padding: 20px 0;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #1f3147;
  }

  .hard-service-process .hardware-process-img {
    width: 66%;
    margin: auto;
    margin-top: 30px;
    text-align: center;
  }

  .hard-service-process .hardware-process-img img {
    max-width: 100%;
  }

  .hardware-design-zx .hard-service-process .hardware-process-content {
    color: #555555;
  }

  .hardware-design-zx .hard-service-process .container {
    width: 84%;
  }

}

@media(max-width: 840px) {
  .hardware-design-zx .service-ideal .ideal-content .ideal-intro {
    padding-top: 10px;
  }
}

/* single version for 768 */
@media (width: 767px) {
  .hardware-design-zx .hardware .ideal-intro .service-content-list {
    width: 48%;
    display: inline-block;
  }

  .hardware-design-zx .hardware .ideal-intro .service-content-list:last-of-type {
    width: 52%;
    display: inline-block;
    float: right;
  }

  .hardware-design-zx .hardware .ideal-intro .service-content-list:last-of-type:after {
    display: table;
    content: '';
    clear: right;
  }

  .hardware-design-zx .hardware .ideal-content img.show-in-mobile {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .service-ideal {
    padding-bottom: 40px;
  }

  .hardware-design-zx .hidden-sm {
    display: block !important;
  }

  .hardware-design-zx .hidden-xs {
    display: none !important;
  }

  .hardware-design-zx .service-ideal .ideal-content img.bg-img {
    max-width: 100%;
  }

  .hardware-design-zx .service-ideal .ideal-content .ideal-intro {
    position: static;
    width: 100%;
  }

  .hardware-design-zx .hardware {
    padding: 50px 0 64px;
  }

  .hardware-design-zx .hardware .ideal-content img.show-in-mobile {
    display: block !important;
    width: 100%;
  }

  .hardware-design-zx .hardware .ideal-content .ideal-intro {
    width: 100%;
    padding: 30px 20px 40px;
  }

  .hardware-design-zx .ideal-intro .col-sm-12 {
    width: 100%;
  }

  .hardware-design-zx .hardware-envir-design .service-item {
    width: 50%;
    padding: 0 10px;
  }

  .hardware-design-zx .hardware-service-team .service-team .container {
    margin-bottom: 30px;
    padding: 0 10px !important;
  }

  .hardware-design-zx .hardware-service-team .service-team .container .row {
    margin: auto;
  }

  .hardware-design-zx .service-ideal .ideal-content img.ptb-16 {
    max-width: 100%;
  }

  /* 服务流程 */
  .hard-service-process .hardware-process-img .hidden-in-mobile {
    display: none;
  }

  .hardware-design-zx .hard-service-process .container .row img.show-in-mobile {
    display: inline-block;
  }

  .hardware-design-zx .hard-service-process .container .row .col-sm-12 {
    width: 100%;
  }

  .hardware-design-zx .hard-service-process .container .title {
    display: inline-block;
    padding-left: 10px;
    font-size: 18px;
  }

  .hardware-design-zx .hard-service-process .container .second-title {
    padding-left: 58px;
  }

  .hardware-design-zx .hard-service-process .hardware-process-content {
    background: #fff;
    padding: 10px;
    line-height: 25px;
    margin: 20px auto;
  }

  .hardware-design-zx .hard-service-process .container {
    width: 89%;
  }

  .hardware-design-zx .service-ideal .title {
    font-size: 24px;
  }

  .hardware-design-zx .service-ideal .title-bar {
    margin-top: -15px;
    padding-bottom: 34px;
  }

  .hardware-design-zx .hard-service-process .title-bar {
    padding-bottom: 0;
  }

  .hardware-design-zx .service-ideal .title-bar img {
    width: 102px;
  }

  .hardware-design-zx .hardware .title-bar {
    margin-bottom: 0;
  }

  .hardware-design-zx .hardware-envir-design .service-team .intro {
    width: 100%;
    padding-top: 26px;
    padding-left: 20px;
    padding-right: 20px;
    padding: 30px 20px 34px;
  }

  .hardware-design-zx .hardware-service-ideal .hardware-ideal-intro {
    font-size: 14px;
    padding: 20px;
  }

  .hardware-design-zx .service-ideal {
    padding: 30px 0 64px;
    background-color: #eeeeee;
  }

  .hardware-design-zx .hard-service-process {
    padding: 30px 0 44px;
  }

  .hardware-design-zx .hardware-service-ideal .mobile-100 {
    width: 100% !important;
    margin-top: 0;
  }

}
