@charset "UTF-8";
@media screen and (max-width: 1024px) {
  .case {
    width: 100%;
    margin: 0 auto;
    margin-top: 0.4rem;
  }
  .case > .case_title {
    font-size: 0.36rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .case > .case_title > img {
    margin-right: 0.2rem;
  }
}

@media screen and (min-width: 1025px) {
  .case {
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    align-items: flex-start;
  }
  .case > .left {
    width: 390px;
    margin-right: 40px;
  }
  .case > .left > .left_search {
    border: solid 1px #ca262d;
    display: flex;
    border-radius: 5px;
  }
  .case > .left > .left_search button,
  .case > .left > .left_search input {
    /* 移除默认边框 */
    border: none;
    /* 移除默认背景 */
    background: none;
    /* 移除默认内边距 */
    padding: 0;
    /* 移除默认字体样式 */
    font: inherit;
    /* 移除默认的聚焦样式 */
    outline: none;
    /* 移除默认的外观（针对 Webkit 浏览器） */
    -webkit-appearance: none;
    appearance: none;
  }
  .case > .left > .left_search > input {
    width: 300px;
    height: 50px;
    border: solid 1px #ca262d;
    padding: 20px;
  }
  .case > .left > .left_search > button {
    width: 90px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #ca262d;
    color: #fff;
  }
  .case > .left > .left_contact {
    margin-top: 40px;
  }
  .case > .left > .left_contact > .left_contact_title {
    padding: 0 20px;
    height: 50px;
    background-color: #ca262d;
    color: #fff;
    line-height: 50px;
  }
  .case > .left > .left_contact > .left_contact_bom {
    padding: 20px;
    background-color: #faf6f7;
  }
  .case > .right > .right_title {
    font-size: 30px;
    font-weight: bold;
  }
  .case > .right .right_title2 {
    margin-top: 40px;
  }
  .case > .right > .img_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .case > .right > .img_list > .img_item {
    width: 270px;
    margin-right: 20px;
    margin-top: 20px;
  }
  .case > .right > .img_list > .img_item > img {
    width: 100%;
    height: 100%;
  }
  .case > .right > video {
    height: 300px;
  }
}