.cases_case {
  position: absolute;
  height: 674px;
  width: 982px;
  top: 299px;
  left: 50%;
  transform: translate(-50%, 0%);
  font-family: SF-pro-text-regular;
}
.cases_case h3 {
  text-align: center;
  font-size: 24px;
  margin: 16px 0px 18px 0px;
  line-height: 20px;
  color: #61a1c9;
}
.cases_case p {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0%);
  text-align: center;
  width: 628px;
  font-size: 16px;
  margin: 0px 0px 0px 0px;
}
.cases_case p .cases_case_slide_span1 {
  word-spacing: 6.3px;
}
.cases_case p .cases_case_slide_span2 {
  word-spacing: 5.3px;
}
.cases_case p .cases_case_slide_span3 {
  word-spacing: 4px;
}
.cases_case .cases_case_fone {
  position: absolute;
  height: 618px;
  width: 360px;
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0%);
  background-color: #e1e1e1;
  border-radius: 3px;
  z-index: -1;
}
.cases_case .cases_case_line {
  position: absolute;
  height: 2px;
  width: 995px;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0%);
  background-color: #c96161;
  border-radius: 1px;
  z-index: -1;
}
.cases_case .cases_case_flex {
  position: relative;
  width: 982px;
  left: 50%;
  transform: translate(-50%, 0%);
  margin: 35px 0px 0px 0px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}
.cases_case .cases_case_flex img {
  margin: 0px 0px 41px 0px;
}
.cases_case .cases_case_flex .cases_case_flex_img1 {
  height: 200px;
  width: 300px;
}
.cases_case .cases_case_flex .cases_case_flex_img2 {
  height: 250px;
  width: 300px;
}
.cases_case .cases_case_flex .cases_case_flex_img3 {
  height: 226px;
  width: 300px;
}
.cases_case .cases_case_flex .cases_case_flex_img4 {
  height: 238px;
  width: 300px;
}
.cases_case .cases_case_flex .cases_case_flex_img5 {
  height: 455px;
  width: 400px;
}
.cases_case .cases_case_flex .cases_case_flex_img6 {
  height: 460px;
  width: 750px;
}
.cases_case .cases_case_flex .cases_case_flex_img7 {
  height: 222px;
  width: 180px;
}
.cases_case .cases_case_flex .cases_case_flex_img8 {
  height: 387px;
  width: 300px;
}
.cases_case .cases_case_flex .cases_case_flex_img9 {
  height: 233px;
  width: 300px;
}
.cases_case .cases_case_flex .cases_case_flex_img10 {
  height: 240px;
  width: 300px;
}
.cases_case .cases_case_flex .cases_case_flex_img11 {
  height: 229px;
  width: 300px;
  margin-top: -29px;
  margin-bottom: 12px;
}
.cases_case .cases_case_flex .cases_case_flex_img12 {
  height: 473px;
  width: 400px;
}
.cases_case .cases_case_flex .cases_case_flex_img13 {
  height: 480px;
  width: 394px;
}
.cases_case .cases_case_flex .cases_case_flex_img14 {
  height: 203px;
  width: 610px;
}
.cases_case .cases_case_flex .cases_case_flex_img15 {
  height: 188px;
  width: 300px;
}
.cases_case .cases_case_flex .cases_case_flex_img16 {
  height: 456px;
  width: 720px;
}
.cases_case .cases_case_flex .cases_case_flex_img17 {
  height: 466px;
  width: 700px;
}
.cases_case .cases_case_flex .cases_case_flex_img18 {
  height: 470px;
  width: 700px;
}
.cases_case .cases_case_flex .cases_help {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -90%);
  height: 50px;
  padding: 10px 0px;
  width: 750px;
  background-color: #61a1c9;
  color: white;
  text-align: center;
  font-size: 20px;
  user-select: none;
  opacity: 0;
  cursor: pointer;
}
.cases_case .cases_case_flex .cases_help_width700 {
  width: 700px;
}
.cases_case .cases_case_flex .cases_help_width720 {
  width: 720px;
}
.cases_case .cases_case_flex .cases_case_flex_colomn {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 0px 43px;
  width: 400px;
}
.cases_case .cases_case_flex .cases_case_flex_colomn .cases_help {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -90%);
  height: 50px;
  padding: 10px 0px;
  width: 100%;
  background-color: #61a1c9;
  color: white;
  text-align: center;
  font-size: 20px;
  user-select: none;
  opacity: 0;
  cursor: pointer;
}
.cases_case .cases_case_flex .cases_case_flex_colomn .cases_case_flex_colomn_row {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.cases_case .cases_case_flex .cases_case_flex_colomn .cases_case_flex_colomn_row w {
  font-family: SF-pro-text-regular;
  width: 110px;
  font-size: 13px;
  margin-left: 10px;
}
.cases_case .cases_case_flex .cases_case_flex_colomn .cases_case_flex_colomn_row w span {
  color: #fd7b3c;
  font-size: 16px;
}
.cases_case .cases_case_flex .cases_case_flex_colomn .cases_case_flex_colomn_row w p {
  width: 110px;
  font-size: 13px;
  text-align: left;
  margin-top: 7px;
  padding-left: 28px;
}
.cases_case .cases_case_flex .video {
  position: relative;
  height: 532px;
}
.cases_case .flex_line_top {
  align-items: flex-start;
  justify-content: center;
}
.cases_case .cases_case_wrap {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  transition: 0.8s ease;
}
.cases_case .cases_case_wrap .cases_case_slide {
  position: relative;
  margin: 0px 0% 0px 80%;
}

.cases_mobile {
  display: none;
}

@media screen and (min-width: 280px) and (max-width: 767px) {
  .cases_desc {
    display: none;
  }

  .cases_mobile {
    display: block;
  }

  .cases_mobile .cases_case_fone {
    height: 0px;
  }
}

/*# sourceMappingURL=component-cases.css.map */