* {
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
}
.smart-casess {
  width: 100%;
  overflow: hidden;
  background-color: #eeeeee;
}
.smart-casess > .cityWisdom_title {
  font-size: 30px;
  text-align: center;
  color: #333333;
  font-weight: bold;
  margin-top: 42px;
}

.smart-casess .productCase {
  /* margin-right: 25px; */
  /* width: 340px; */
  margin-right: 21px;
  width: 426px;
  float: left;
  margin-bottom: 25px;
}
.smart-casess .cityWisdom_example_container .productCase:nth-child(1),
.smart-casess .cityWisdom_example_container .productCase:nth-child(2),
.smart-casess .cityWisdom_example_container .productCase:nth-child(3) {
  padding-top: 5px;
}
.smart-casess .cityWisdom_example_container .productCase:nth-child(1n) {
  padding-left: 5px;
}
.smart-casess .cityWisdom_example_container .productCase:nth-child(3n) {
  margin-right: 0px;
}
.smart-casess > .cityWisdom_title > img {
  margin-top: -3px;
  vertical-align: top;
}
.case-summary .smart-casess > .cityWisdom_example_container {
  margin: 50px auto 55px;
}
.smart-casess > .cityWisdom_example_container {
  /* width: 1440px; */
  width: 1324px;
  margin: 9px auto 55px;
  /* display: flex;
    flex-wrap: wrap; */
  overflow: hidden;
}
.smart-casess > .cityWisdom_example_container > div .cityWisdom_examplebox {
  height: auto;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.17);
  /* margin: 0px 0px 25px 0px; */
  padding: 0px 0px;
}

.smart-casess > .cityWisdom_example_container > div .case-box {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}

.smart-casess > .cityWisdom_example_container > div .case-box > img {
  width: 100%;
  height: auto;
  border-bottom: 2px solid rgba(0, 0, 0, 0.067);
}

.smart-casess > .cityWisdom_example_container > div .cityWisdom_examplebox .case .case-message {
  height: 35px;
  font-size: 14px;
  line-height: 24px;
  margin-top: 2px;
  color: #333333;
  /* text-indent: 1em; */
  overflow: hidden;
  text-align: center;
  /* padding: 0px 22px 0px 22px; */
  margin-left: 22px;
  margin-right: 22px;
  /* background-color: red; */
  height: 74px;
}
.smart-casess > .cityWisdom_example_container > div .cityWisdom_examplebox .case .case-title {
  font-size: 23px;
  color: #17233d;
  width: 100%;
  text-align: center;
  padding-top: 13px;
  padding-bottom: 0px;
  font-weight: 700;
  font-stretch: normal;
  letter-spacing: 0px;
  margin: 0 auto;
}
.smart-casess > .cityWisdom_example_container > div .cityWisdom_examplebox .case .case-title.no-message {
  padding-bottom: 5px;
}

@media (max-width: 1440px) {
  .smart-casess > .cityWisdom_example_container {
    width: 100%;
    padding: 0px 20px;
  }
  .smart-casess .productCase {
    width: calc(33.3% - 16.5px);
    background-size: 100% 160px;
  }
  .smart-casess .cityWisdom_example_container .productCase:nth-child(n) {
    margin-right: 25px;
  }
  .smart-casess .cityWisdom_example_container .productCase:nth-child(3n) {
    margin-right: 0px;
  }
}

@media (max-width: 959px) {
  .smart-casess > .cityWisdom_example_container {
    margin-bottom: 0;
  }
}

@media (max-width: 1024px) {
  .smart-casess .productCase {
    width: calc(50% - 12.5px);
    background-size: 100% 160px;
  }
  .smart-casess .cityWisdom_example_container .productCase:nth-child(n) {
    margin-right: 25px;
  }
  .smart-casess .cityWisdom_example_container .productCase:nth-child(2n) {
    margin-right: 0px;
  }
}

@media (max-width: 500px) {
  .smart-casess > .cityWisdom_example_container {
    display: block;
  }
  .smart-casess .productCase {
    width: 100%;
    background-size: 100% 160px;
  }
  .smart-casess .cityWisdom_example_container .productCase:nth-child(n) {
    margin: 0px auto 25px;
  }
}

@media (max-width: 320px) {
  .smart-casess > .cityWisdom_example_container > div .cityWisdom_examplebox {
    height: 184px;
  }
  .smart-casess > .cityWisdom_example_container > div .case-box {
    height: 149px;
  }
}