.showcase-page .banner-section {
  height: 260px;
  background: #49bbc5 url("/images/banner/about_case_banner.jpg") top center repeat-x;
}
.showcase-page .banner-section .banner-text {
  padding-top: 40px;
}
.showcase-page .banner-section .form-group-lg {
  position: relative;
  width: 90%;
  max-width: 650px;
  margin: 20px auto 0 auto;
}
.showcase-page .banner-section .form-group-lg .fa-search {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 24px;
  opacity: 0.7;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.showcase-page .banner-section .form-group-lg .fa-search:hover {
  transform: translate(0, -2px);
  -webkit-transform: translate(0, -2px);
  -moz-transform: translate(0, -2px);
  opacity: 1;
  color: #3bc095;
}
.showcase-page .banner-section .form-group-lg .form-control {
  padding-right: 45px;
}
.showcase-page .explore-category-section {
  padding: 30px 0;
  background: #FFF;
}
.showcase-page .explore-category-section .category-list li {
  min-width: 90px;
  padding: 0;
}
.showcase-page .explore-category-section .category-list li a {
  display: block;
  padding: 5px 15px;
}
.showcase-page .explore-category-section .category-list li .sprite-icon {
  width: 36px;
  height: 36px;
  /* &.explore-yxt_qhbb {background-position: -2px -483px} */
}
.showcase-page .explore-category-section .category-list li .sprite-icon.explore-yxt_sjb {
  background-position: -384px -483px;
}
.showcase-page .explore-category-section .category-list li .sprite-icon.explore-yxt_mwcz {
  background-position: -2px -483px;
}
.showcase-page .explore-category-section .category-list li .sprite-icon.explore-yxt_hlsp {
  background-position: -45px -483px;
}
.showcase-page .explore-category-section .category-list li .sprite-icon.explore-yxt_bysp {
  background-position: -81px -483px;
}
.showcase-page .explore-category-section .category-list li .sprite-icon.explore-yxt_srzf {
  background-position: -118px -483px;
}
.showcase-page .explore-category-section .category-list li .sprite-icon.explore-yxt_qyxc {
  background-position: -159px -483px;
}
.showcase-page .explore-category-section .category-list li .sprite-icon.explore-yxt_nhsp {
  background-position: -199px -483px;
}
.showcase-page .explore-category-section .category-list li .sprite-icon.explore-yxt_lxxc {
  background-position: -234px -483px;
}
.showcase-page .explore-category-section .category-list li .sprite-icon.explore-yxt_txjh {
  background-position: -272px -483px;
}
.showcase-page .explore-category-section .category-list li .sprite-icon.explore-yxt_qhbb {
  background-position: -307px -483px;
}
.showcase-page .explore-category-section .category-list li .sprite-icon.explore-yxt_dcj {
  background-position: -272px -483px;
}
.showcase-page .explore-category-section .category-list li .sprite-icon.explore-yxt_others {
  background-position: -272px -483px;
}
.showcase-page .explore-category-section .category-list li .sprite-icon.explore-all {
  background-position: -347px -483px;
}
.showcase-page .explore-category-section .category-list li.active a,
.showcase-page .explore-category-section .category-list li:hover a {
  color: #3bc095 !important;
}
.showcase-page .explore-category-section .category-list li.active .sprite-icon.explore-yxt_sjb,
.showcase-page .explore-category-section .category-list li:hover .sprite-icon.explore-yxt_sjb {
  background-position: -384px -519px;
}
.showcase-page .explore-category-section .category-list li.active .sprite-icon.explore-yxt_mwcz,
.showcase-page .explore-category-section .category-list li:hover .sprite-icon.explore-yxt_mwcz {
  background-position: -2px -519px;
}
.showcase-page .explore-category-section .category-list li.active .sprite-icon.explore-yxt_hlsp,
.showcase-page .explore-category-section .category-list li:hover .sprite-icon.explore-yxt_hlsp {
  background-position: -45px -519px;
}
.showcase-page .explore-category-section .category-list li.active .sprite-icon.explore-yxt_bysp,
.showcase-page .explore-category-section .category-list li:hover .sprite-icon.explore-yxt_bysp {
  background-position: -81px -519px;
}
.showcase-page .explore-category-section .category-list li.active .sprite-icon.explore-yxt_srzf,
.showcase-page .explore-category-section .category-list li:hover .sprite-icon.explore-yxt_srzf {
  background-position: -118px -519px;
}
.showcase-page .explore-category-section .category-list li.active .sprite-icon.explore-yxt_qyxc,
.showcase-page .explore-category-section .category-list li:hover .sprite-icon.explore-yxt_qyxc {
  background-position: -159px -519px;
}
.showcase-page .explore-category-section .category-list li.active .sprite-icon.explore-yxt_nhsp,
.showcase-page .explore-category-section .category-list li:hover .sprite-icon.explore-yxt_nhsp {
  background-position: -199px -519px;
}
.showcase-page .explore-category-section .category-list li.active .sprite-icon.explore-yxt_lxxc,
.showcase-page .explore-category-section .category-list li:hover .sprite-icon.explore-yxt_lxxc {
  background-position: -234px -519px;
}
.showcase-page .explore-category-section .category-list li.active .sprite-icon.explore-yxt_txjh,
.showcase-page .explore-category-section .category-list li:hover .sprite-icon.explore-yxt_txjh {
  background-position: -272px -519px;
}
.showcase-page .explore-category-section .category-list li.active .sprite-icon.explore-yxt_qhbb,
.showcase-page .explore-category-section .category-list li:hover .sprite-icon.explore-yxt_qhbb {
  background-position: -307px -519px;
}
.showcase-page .explore-category-section .category-list li.active .sprite-icon.explore-yxt_dcj,
.showcase-page .explore-category-section .category-list li:hover .sprite-icon.explore-yxt_dcj {
  background-position: -272px -519px;
}
.showcase-page .explore-category-section .category-list li.active .sprite-icon.explore-yxt_others,
.showcase-page .explore-category-section .category-list li:hover .sprite-icon.explore-yxt_others {
  background-position: -272px -519px;
}
.showcase-page .explore-category-section .category-list li.active .sprite-icon.explore-all,
.showcase-page .explore-category-section .category-list li:hover .sprite-icon.explore-all {
  background-position: -347px -519px;
}
.explore-content-section {
  position: relative;
  min-height: 400px;
}
@media screen and (max-width: 1100px) and (min-width: 650px) {
  .explore-item {
    width: 48%;
    margin: 0 1% 2% 1%;
  }
}
@media screen and (max-width: 649px) {
  .explore-item {
    width: 100%;
    margin: 0 0 2% 0;
  }
}