/* 商业案例样式 */
.ec_business {
  width: 100%;
}
.ec_business > div:nth-child(1) {
  background-image: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/19dfa4f4dcdf370266a6bc15866bc26.png");
  background-size: cover;
  height: 645px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: white;
  line-height: 80px;
}

.ec_business > div:nth-child(1) > div:nth-child(1) {
  font-size: 52px;
  font-weight: bolder;
}
.ec_business > div:nth-child(1) > div:nth-child(2) {
  font-size: 22px;
}

/* 全部案例 */
.ec_all_project {
  width: 64%;
  margin: auto !important;
  padding: 4% 0px;
}
.ec_all_project > div {
  padding: 0px 10px 20px 10px;
}
.ec_all_project > div > div {
  box-shadow: 0px 0px 16px 0px rgb(213, 213, 213);
  cursor: pointer;
  overflow: hidden;
  height: 300px;
  position: relative;
  z-index: 1;
}
.ec_show_img {
  height: 220px;
}
.ec_all_project > div:nth-child(1) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/图像 112@2x.png") center/cover;
}
.ec_all_project > div:nth-child(2) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 44@2x.png") center/cover;
}
.ec_all_project > div:nth-child(3) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 72@2x.png") center/cover;
}
.ec_all_project > div:nth-child(4) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/图像 116@2x.png") center/cover;
}
.ec_all_project > div:nth-child(5) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/组 2046@3x.png") center/cover;
}
.ec_all_project > div:nth-child(6) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 74@2x.png") center/cover;
}
.ec_all_project > div:nth-child(7) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 49@2x.png") center/cover;
}
.ec_all_project > div:nth-child(8) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 51@2x.png") center/cover;
}
.ec_all_project > div:nth-child(9) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 52@2x.png") center/cover;
}
.ec_all_project > div:nth-child(10) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 53@2x.png") center/cover;
}
.ec_all_project > div:nth-child(11) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 54@2x.png") center/cover;
}
.ec_all_project > div:nth-child(12) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 75@2x.png") center/cover;
}
.ec_all_project > div:nth-child(13) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 57@2x.png") center/cover;
}
.ec_all_project > div:nth-child(14) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 58@2x.png") center/cover;
}
.ec_all_project > div:nth-child(15) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 61@2x.png") center/cover;
}
.ec_all_project > div:nth-child(16) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 62@2x.png") center/cover;
}
.ec_all_project > div:nth-child(17) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 63@2x.png") center/cover;
}
.ec_all_project > div:nth-child(18) .ec_show_img {
  background: url("http://ec-resource20.oss-cn-shanghai.aliyuncs.com/ec_official_website/img/蒙版组 76@2x.png") center/cover;
}
.ec_project_text {
  height: 300px;
  overflow: hidden;
  transition: all 0.6s ease;
  position: absolute;
  top: 220px;
  left: 0px;
  background-color: white;
}
.ec_project_text > div:nth-child(1) {
  font-size: 22px;
  font-weight: bolder;
  text-align: center;
  padding: 6% 0px;
  color: rgba(0, 91, 171, 1);
}
.ec_project_text > div:nth-child(2) {
  color: white;
  font-size: 12px;
  padding: 0px 10px;
}
.ec_all_project > div > div:hover .ec_project_text {
  overflow: auto;
  color: white;
  background-color: rgba(0, 91, 171, 0.8);
  top: 0px;
}
.ec_all_project > div > div:hover .ec_project_text > div:nth-child(1) {
  color: white;
  padding: 3% 0px;
}

/* 手机端自适应样式 */
/* 页面小于992 执行 */
@media (max-width: 720px) {
  .ec_business > div:nth-child(1) {
    height: 200px;
    line-height: 30px;
  }
  .ec_business > div:nth-child(1) > div:nth-child(1) {
    font-size: 19px;
    font-weight: bolder;
  }
  .ec_business > div:nth-child(1) > div:nth-child(2) {
    font-size: 12px;
  }
  .ec_all_project {
    width: 100% !important;
  }
  .ec_show_img {
    height: 200px;
  }
  .ec_all_project > div > div {
    height: 240px;
  }
  .ec_project_text {
    height: 240px;
    top: 200px;
  }
  .ec_project_text > div:nth-child(1) {
    font-size: 14px;
    padding: 3% 0px;
  }
}
@media (max-width: 1140px) {
  .ec_all_project {
    width: 84%;
  }
}