@charset "utf-8";

.banner .box {

  display: flex;

  width: 100%;

  justify-content: space-between;

  align-items: end;

  flex-wrap: wrap;

}

.form-group {

  display: flex;

  width: 458px;

  max-width: 100%;

  align-items: center;

}

.form-group .control-label {

  font-size: 18px;

  font-weight: 500;

  min-width: 153px;

  letter-spacing: 0;

  margin-right: 5px;

}

.form-group .form-control {

  margin-bottom: 0;

}

.sect1 {

  background: #000000;

  color: #fff;

  text-align: center;

  padding: 60px 0px;

}

.sect1 .tag {

  line-height: 50px;

  font-size: 18px;

  font-weight: 500;

  background: #009742;

  padding: 0 36px;

  display: inline-block;

  color: #000000;

}

.sect1 .tag .point {

  color: #fff;

}

.sect1 .sub-title {

  font-weight: 900;

  font-size: 56px;

  margin: 10px 0;

  line-height: 1;

}

.sect1 .text {

  font-weight: 500;

  font-size: 24px;

}

.sect1 .text_sm{

	font-size: 20px;

	font-weight: 300;

}

.sect1 .btn1 {

  margin-top: 20px;

  margin-bottom: 15px;

  display: block;

}

.sect2 {

  padding: 80px 0px;

}

/**/

.solutions-list {

  margin: 0 -12px;

  display: flex;

  flex-wrap: wrap;
}

.solutions-list .item {

  width: 25%;

  padding: 0 12px;

  flex: 0 0 auto;

}

/* .solutions-list .item:nth-child(4n + 1) {

  clear: both;

} */

.solutions-list .item .box {

  position: relative;

  margin-bottom: 24px;

}

.solutions-list .item .box .bg {

  background: #ffffff;

  padding: 40px;

  text-align: center;

  color: #000000;

}

.solutions-list .item .box .title {

  font-weight: 900;

  font-size: 42px;

  margin: 0 0 0;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.solutions-list .item .box .name {

  font-weight: 300;

  font-size: 18px;

  margin: 0 0 15px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.solutions-list .item .box .tag {

  font-weight: 500;

  font-size: 16px;

  display: block;

  margin-top: 40px;

}

.solutions-list .item .box .description {

  font-size: 18px;

  color: #1f1f1f;

  margin-top: 30px;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  white-space: inherit;

  height: 52px;

}

.solutions-list .item .box .no {

  font-size: 18px;

  font-weight: 500;

  color: #000000;

  margin-bottom: 30px;

}

.solutions-list .item .box .no .point {

  color: #009843;

}

.solutions-list .item .cover {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  z-index: 30;

  font-size: 0;

}




/**/

.sect3 {

  padding: 20px 0 100px;

  font-size: 21px;

  color: #111111;

}

.sect3 .text {

  max-width: 1027px;

  letter-spacing: 0;

  line-height: 1.65;

}

@media screen and (max-width: 1440px) {

  .sect1 .sub-title {

    font-size: 42px;

  }

  .solutions-list .item .box .bg {
  
    padding: 30px;
  
  }
  .solutions-list .item .box .title {
  
    font-size: 36px;
  
  }
  .solutions-list .item .box .name{

    font-size: 16px;

  }
}
@media(max-width: 1299px){
  .sect1 .sub-title {

    font-size: 36px;

  }
  .sect1 .text {
  
    font-size: 20px;
  
  }
  
  .sect1 .text_sm{
  
    font-size: 18px;
  
  }
  .solutions-list .item .box .bg {
  
    padding: 20px;
  
  }
  .solutions-list .item .box .title {
  
    font-size: 28px;
  
  }
}
@media(max-width: 1199px){
  .solutions-list .item {

    width: 33.33%;
  
    padding: 0 12px;
  
  }
}

@media screen and (max-width: 1024px) {
  .form-group .control-label {

    font-size: 16px;
  
    margin-right: 0px;

    margin-bottom: 10px;
  
  }
  .sect1 {
  
    padding: 50px 0px;
  
  }

  .sect1 .sub-title {

    font-size: 28px;

  }

  .sect1 .text {
  
    font-size: 18px;
  
  }
  
  .sect1 .text_sm{
  
    font-size: 16px;
  
  }

  .sect2 {

    padding: 50px 0px;
  
  }

  .solutions-list .item {

    width: 50%;

  }
  .solutions-list .item .box .title {
  
    font-size: 24px;
  
  }
  .solutions-list .item .box .name{

    font-size: 14px;

  }

  .form-group {

    display: block;

    margin-top: 20px;

  }

}
@media(max-width: 500px){
  .sect1 {
  
    padding: 30px 0px;
  
  }
  .solutions-list .item {

    width: 100%;

  }
  .solutions-list .item .box .tag{

    margin-top: 30px;

  }
}



.productSearch .banner {

  padding-bottom: 0;

}



.productSearch .banner-sub-title span {

  color: #009843;

}