div.solutions .row .col-center {
  margin-top: 0;
}

div.solutions .row .icon {
  height: 44px;
  width: 44px;
  display: block;
}

div.solutions .row .icon {
  background-size: cover;
  background-repeat: no-repeat;
}

div.solutions .row .icon.bgyylc {
  background: url("../../assets/images/icons/bgyylc.svg");
}

div.solutions .row .icon.jhpc {
  background: url("../../assets/images/icons/jhpc.svg");
}

div.solutions .row .icon.jqxsf {
  background: url("../../assets/images/icons/jqxxsf.svg");
}

div.solutions .row .icon.kcgl {
  background: url("../../assets/images/icons/kcgl.svg");
}

div.solutions .row .icon.sczlgl {
  background: url("../../assets/images/icons/sczlgl.svg");
}

div.solutions .row .icon.qsjjc {
  background: url("../../assets/images/icons/qsjjc.svg");
}

div.solutions .row .icon.llyjkfx {
  background: url("../../assets/images/icons/llyjkfx.svg");
}

div.solutions .row .icon.ccwlgl {
  background: url("../../assets/images/icons/ccwlgl.svg");
}

div.solutions .row .icon.sbzcgl {
  background: url("../../assets/images/icons/sbzcgl.svg");
}

div.solutions .row .icon.sjzcgl {
  background: url("../../assets/images/icons/sjzcgl.svg");
}

div.solutions .row .icon.xcadgl {
  background: url("../../assets/images/icons/xcadgl.svg");
}

div.solutions .row .icon.bgyylc {
  background: url("../../assets/images/icons/bgyylc.svg");
}

div.solutions .row .icon.digitalDecision {
  background: url("../../assets/images/icons/digitalDecision.svg");
}

div.solutions .row .icon.planningAndScheduling {
  background: url("../../assets/images/icons/planningAndScheduling.svg");
}

div.solutions .row .icon.fullDataIntegration {
  background: url("../../assets/images/icons/fullDataIntegration.svg");
}

div.solutions .row .icon.physicalDistributionManage {
  background: url("../../assets/images/icons/physicalDistributionManage.svg");
}

div.solutions .row .icon.fdcApplicationSystem {
  background: url("../../assets/images/icons/fdcApplicationSystem.svg");
}

div.solutions .row .icon.engrgAnalysisAndRDManage {
  background: url("../../assets/images/icons/engrgAnalysisAndRDManage.svg");
}

div.solutions .row .icon.autoYieldAnalysis {
  background: url("../../assets/images/icons/autoYieldAnalysis.svg");
}

div.solutions .row .icon.industrialDataCenter {
  background: url("../../assets/images/icons/industrialDataCenter.svg");
}

div.solutions .row .icon.executiveManage {
  background: url("../../assets/images/icons/executiveManage.svg");
}

div.solutions .row .icon.equAssetsAndProdControl {
  background: url("../../assets/images/icons/equAssetsAndProdControl.svg");
}

div.solutions .row .icon.biReport {
  background: url("../../assets/images/icons/biReport.svg");
}

div.solutions .row .icon.defectManageApp {
  background: url("../../assets/images/icons/defectManageApp.svg");
}

div.solutions .row .icon.aiAlgorithmPlatform {
  background: url("../../assets/images/icons/aiAlgorithmPlatform.svg");
}

div.solutions .row .icon.productionQualityManage {
  background: url("../../assets/images/icons/productionQualityManage.svg");
}

div.solutions .row .icon.sceneSpcAndOcapManage {
  background: url("../../assets/images/icons/sceneSpcAndOcapManage.svg");
}

div.solutions .row div.item {
  height: 185px;
  margin-bottom: 30px;
}

div.solutions .row div.item a {
  display: block;
  padding: 33px;
  background: #FFFFFF;
  overflow: hidden;
  height: 100%;
}

div.solutions .row div.item a p {
  margin-top: 10px;
  font-size: 22px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}

div.solutions .row div.item a span {
  display: block;
  margin-top: 4px;
  font-size: 18px;
  font-weight: 400;
  color: #666666;
}

div.solutions .row div.item a:hover,
div.solutions .row .active a {
  background: #006bd2 !important;
  border-radius: .11rem;
}

div.solutions .row .active a {
  background: #40c7ff !important;
}

div.solutions .row div.item a:hover p,
div.solutions .row div.item a:hover span,
div.solutions .row .active p,
div.solutions .row .active span {
  color: #FFF !important;
}

div.solutions .row div.item a:hover .icon,
div.solutions .row .active .icon {
  position: relative;
  left: -80px;
  fill: #ffffff;
  filter: drop-shadow(#fff 80px 0);
  -webkit-filter: drop-shadow(#fff 80px 0);
}

@media (max-width: 1024px) {
  div.solutions .row .col-center {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  div.solutions .row .col-center {
    margin-top: 0 !important;
  }
}