#popupImgVideo {
  display: none;
  position: fixed;
  background: #000;
  width: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
#popupImgVideo img {
  width: 100%;
}
#popupImgVideo video {
  width: 100%;
}
#solution .main .banner {
  width: 100%;
  position: relative;
  font-size: 0;
  display: flex;
  align-items: center;
}
#solution .main .banner img {
  width: 100%;
}
#solution .main .banner .bannerText {
  position: absolute;
  left: 13.54166vw;
  width: 23.5416vw;
}
#solution .main .banner .bannerText h2 {
  position: static;
  color: #fff;
  font-size: 1.875vw;
  margin-bottom: 1.25vw;
}
#solution .main .banner .bannerText p {
  position: static;
  color: #fff;
  font-size: 0.9375vw;
  line-height: 1.75;
}
#solution .main .banner .bannerText .iconGetScheme {
  font-size: 0.8333vw;
  padding: 0.9375vw 1.97916vw 0.9375vw 3.4375vw;
  position: relative;
  color: #000;
  display: inline-block;
  background: #fff;
  margin-top: 2.60416vw;
  margin-right: 1.30208vw;
}
#solution .main .banner .bannerText .iconGetScheme::before {
  content: '';
  display: block;
  background: url(/images/products/icon-download.png) no-repeat;
  background-size: 0.989583vw 0.989583vw;
  width: 0.989583vw;
  height: 0.989583vw;
  position: absolute;
  left: 1.5625vw;
  top: 50%;
  transform: translateY(-50%) rotate(-135deg);
}
#solution .main .crumbs {
  padding: 0.677083vw 13.54166vw;
  color: #000;
  font-size: 0.83333vw;
}
#solution .main .crumbs a {
  color: #000;
  font-size: 0.83333vw;
}
#solution .main .crumbs span {
  font-size: 0.83333vw;
  color: #007D41;
}
#solution .main .solutionInfo .solutionSummary {
  background: url(/images/solution/bg-solutionSummary.jpg) no-repeat bottom center;
  background-size: 100% 100%;
  padding: 1.989517vw 13.54166vw 2.6666vw 13.54166vw;
}
#solution .main .solutionInfo .solutionSummary p {
  font-size: 0.9375vw;
  line-height: 1.75;
  margin-bottom: 0.6666vw;
}
#solution .main .solutionInfo .schemeadvantages {
  background: #e7ebee;
  padding: 3.6666vw 13.54166vw;
}
#solution .main .solutionInfo .schemeadvantages h3 {
  font-size: 1.25vw;
  text-align: center;
}
#solution .main .solutionInfo .schemeadvantages h3::after {
  content: '';
  display: block;
  background: #009543;
  width: 1.614583vw;
  height: 0.2083vw;
  margin: 1.0416vw auto;
}
#solution .main .solutionInfo .schemeadvantages .schemeadvantagesUl {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#solution .main .solutionInfo .schemeadvantages .schemeadvantagesUl li {
  margin: 0 2.60416vw 1.625vw;
  text-align: center;
}
#solution .main .solutionInfo .schemeadvantages .schemeadvantagesUl li .schemeadvantagesImg {
  width: 6.40625vw;
  margin: 0 auto;
}
#solution .main .solutionInfo .schemeadvantages .schemeadvantagesUl li .schemeadvantagesImg img {
  width: 100%;
}
#solution .main .solutionInfo .schemeadvantages .schemeadvantagesUl li h4 {
  margin-top: 0.9375vw;
  font-size: 0.9375vw;
  font-weight: normal;
}
#solution .main .solutionInfo .solutionList {
  background: url(/images/products/bg-prolist.jpg) no-repeat bottom center #f8f8f8;
  padding: 0 13.54166vw;
  background-size: cover;
}
#solution .main .solutionInfo .solutionList .crumbs {
  padding: 0.677083vw 0;
}
#solution .main .solutionInfo .solutionList .solutionListUl {
  margin: 0.885417vw -0.5729vw 0;
  display: flex;
  flex-wrap: wrap;
}
#solution .main .solutionInfo .solutionList .solutionListUl li {
  width: calc(33% - 1.1458vw);
  margin: 0 0.5729vw 2.08333vw;
  position: relative;
  overflow: hidden;
  font-size: 0;
}
#solution .main .solutionInfo .solutionList .solutionListUl li .solutionListImg img {
  width: 100%;
  transition: transform 0.5s;
}
#solution .main .solutionInfo .solutionList .solutionListUl li .solutionListText {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#solution .main .solutionInfo .solutionList .solutionListUl li .solutionListText h2 {
  font-size: 1.25vw;
  color: #ffffff;
  text-align: center;
  width: 100%;
}
#solution .main .solutionInfo .solutionList .solutionListUl li .solutionListText .solutionLearnMore {
  display: none;
  position: relative;
  color: #fff;
  font-size: 0.8333vw;
  padding: 0.625vw 1.35416vw 0.625vw 2.96875vw;
  border: 1px solid #fff;
  margin: 1.04166vw 0;
  transition: transform 0.5s;
}
#solution .main .solutionInfo .solutionList .solutionListUl li .solutionListText .solutionLearnMore::before {
  content: '';
  position: absolute;
  left: 1.197916vw;
  top: calc(50% - 0.625vw);
  width: 1.25vw;
  height: 1.25vw;
  background: url(/images/products/arrow-angled-states-white.png) no-repeat;
  background-size: 1.25vw 1.25vw;
}
#solution .main .solutionInfo .solutionList .solutionListUl li:hover .solutionListImg img {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
#solution .main .solutionInfo .solutionList .solutionListUl li:hover .solutionListText .solutionLearnMore {
  display: inline-block;
}
#solution .popupPosition {
  z-index: 9999;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 35%;
}
#solution .popupPosition h3 {
  font-size: 0.83333vw;
  padding: 0.72916vw 1.510416vw;
  border-bottom: 1px solid rgba(102, 102, 102, 0.15);
  text-align: left;
}
#solution .popupPosition .fromPositionDiv {
  margin: 1.325vw 1.510416vw 0 1.510416vw;
}
#solution .popupPosition .fromPositionDiv input {
  margin-bottom: 1.325vw;
  border: 1px solid rgba(102, 102, 102, 0.15);
  padding: 0.729166vw;
  width: calc(100% - 1.458332vw);
  font-size: 0.83333vw;
}
#solution .popupPosition .btnResume {
  margin: 1.325vw 1.510416vw 1.325vw 1.510416vw;
  display: block;
  background: #007D40;
  font-size: 1.25vw;
  color: #fff;
  padding: 0.677083vw 0;
  width: 8.3333vw;
  text-align: center;
  cursor: pointer;
}
#solution .popupPosition .note {
  display: block;
  margin: 0 1.510416vw 1.325vw 1.510416vw;
  color: red;
}
@media (max-width: 767px) {
  #popupImgVideo {
    display: none;
    position: fixed;
    background: #000;
    width: 90%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
  }
  #popupImgVideo img {
    width: 100%;
  }
  #popupImgVideo video {
    width: 100%;
  }
  #solution .main .banner {
    display: block;
  }
  #solution .main .banner .bannerText {
    position: static;
    width: auto;
    padding: 4.629vw 5vw;
  }
  #solution .main .banner .bannerText h2 {
    color: #303030;
    font-size: 5.7971vw;
  }
  #solution .main .banner .bannerText p {
    color: #494949;
    font-size: 3.8888vw;
    margin-top: 4.907407vw;
  }
  #solution .main .banner .bannerText .iconGetScheme {
    border: 1px solid #007D41;
    padding: 2.2222vw 5.185vw 2.2222vw 10.2777vw;
    font-size: 3.518vw;
  }
  #solution .main .banner .bannerText .iconGetScheme::before {
    width: 3.2407vw;
    height: 3.2407vw;
    background-size: 3.2407vw 3.2407vw;
    left: 3.518vw;
  }
  #solution .main .solutionInfo {
    background: #fff;
  }
  #solution .main .solutionInfo .crumbs {
    display: none;
  }
  #solution .main .solutionInfo .solutionSummary {
    padding: 4.629vw 5vw;
    background: url(/images/products/bg-line-mb.png) no-repeat;
    background-size: cover;
  }
  #solution .main .solutionInfo .solutionSummary p {
    font-size: 3.8888vw;
    margin-bottom: 2.2916vw;
  }
  #solution .main .solutionInfo .schemeadvantages {
    background: #e7ebee;
    padding: 7.8703vw 5vw;
  }
  #solution .main .solutionInfo .schemeadvantages h3 {
    font-size: 5.185vw;
    font-weight: normal;
    text-align: left;
  }
  #solution .main .solutionInfo .schemeadvantages h3::after {
    content: '';
    display: block;
    background: #009543;
    width: 5.2777vw;
    height: 1.018518vw;
    margin: 2.037vw 0;
  }
  #solution .main .solutionInfo .schemeadvantages .schemeadvantagesUl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #solution .main .solutionInfo .schemeadvantages .schemeadvantagesUl li {
    margin: 2.2916vw 0;
    width: 50%;
  }
  #solution .main .solutionInfo .schemeadvantages .schemeadvantagesUl li .schemeadvantagesImg {
    width: 20vw;
    margin: 0 auto;
  }
  #solution .main .solutionInfo .schemeadvantages .schemeadvantagesUl li .schemeadvantagesImg img {
    width: 100%;
  }
  #solution .main .solutionInfo .schemeadvantages .schemeadvantagesUl li h4 {
    margin-top: 2.2916vw;
    font-size: 3.8888vw;
    font-weight: normal;
    text-align: center;
  }
  #solution .main .solutionInfo .solutionList {
    padding: 0;
    background: none;
  }
  #solution .main .solutionInfo .solutionList .crumbs {
    display: none;
  }
  #solution .main .solutionInfo .solutionList .solutionListUl {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
  #solution .main .solutionInfo .solutionList .solutionListUl li {
    width: 100%;
    margin: 0 0 4.629vw 0;
  }
  #solution .main .solutionInfo .solutionList .solutionListUl li .solutionListText h2 {
    font-size: 5.185vw;
  }
  #solution .main .solutionInfo .solutionList .solutionListUl li .solutionListText .solutionLearnMore {
    display: inline-block;
    font-size: 3.518vw;
    padding: 2.2222vw 4.7222vw 2.2222vw 9.62962vw;
    margin: 4.4444vw 0;
  }
  #solution .main .solutionInfo .solutionList .solutionListUl li .solutionListText .solutionLearnMore::before {
    left: 2.5vw;
    top: calc(50% - 3.2405vw);
    width: 6.481vw;
    height: 6.481vw;
    background: url(/images/products/arrow-angled-states-white.png) no-repeat;
    background-size: 6.481vw 6.481vw;
  }
  #solution .main .solutionInfo .solutionList .solutionListUl li:hover .solutionListImg img {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }
  #solution .popupPosition {
    width: 80%;
    transform: translate(-50%, -40%);
  }
  #solution .popupPosition h3 {
    font-size: 4.7222vw;
    padding: 4.629vw 5vw;
  }
  #solution .popupPosition .fromPositionDiv {
    margin: 4.629vw 5vw;
  }
  #solution .popupPosition .fromPositionDiv input {
    margin-bottom: 1.325vw;
    padding: 2.407407vw 3.518518vw;
    width: calc(100% - 7.037036vw);
    font-size: 3.8888vw;
  }
  #solution .popupPosition .note {
    margin: 4.629vw 5vw;
  }
  #solution .popupPosition .btnResume {
    font-size: 3.8888vw;
    width: calc(100% - 5vw);
    padding: 2.5vw;
    margin: 0;
  }
}