@import url('./commom.css');

/* 头部样式覆盖 */
.header {
  height: 410px;
  background: url('../images/banner2.jpg') top center no-repeat;
}

.header-content .content-1 {
  margin: 0;
  margin-top: 150px;
}

.content-1 .title {
  font-size: 40px;
}

/* 主体 - 样式 */
.main {
  width: 100%;
}

.main .solution {
  width: 1190px;
  min-height: 600px;
  margin-bottom: 100px;
}

.solution .solution-box {
  width: 100%;
  height: 400px;
}

.solution .row {
  margin: 0;
}

.solution-box .col-md-6 {}

.solution-box .left-box {}

.solution-box .info-title {
  margin-bottom: 16px;
}

.left-box .info-box .line {
  width: 40px;
  height: 4px;
  background: linear-gradient(to right, #71c767, #4eb273);
}
/* 分页 */
.page {}

.pagination>li>a {
  color: #666;
}

.pagination>.active>a {
  background-color: #74c966;
  border-color: #74c966;
}

.pagination>.active>a:hover {
  background-color: #74c966;
  border-color: #74c966;
}
.hallmark {}

.solution-box .right-box {}

/*  */
/* 超小屏幕（手机，小于 768px） */
@media screen and (max-width: 767px) {

  /* 解决方案 */
  .solution {
    margin: 30px 0;
  }

  .solution-box {
    width: 100%;
    flex-direction: column;
  }

  .solution-box .info-title {
    font-size: 20px;
  }

  .solution-box .left-box,
  .right-box {
    width: 100%;
    margin: 10px;
  }

  .solution-box .info-box {
    width: 100%;
  }

  .main .solution {
    margin-bottom: 50px;
  }
}