@media (max-width: 768px) {

  /* 首页微信 */
  .weixin {
    padding: 0;
  }

  .weixin img {
    width: 100%;
    padding: 0;
    /* padding: 0 12px; */
  }

  /* 首页-- 联系我们 */
  .advantage_header {
    /* margin: 70px auto 40px; */
    margin: 40px auto 0;
  }

  .contact_info .pt-20 {
    /* padding-top: 20px; */
  }

  .contact_info .pt-0 {
    padding-top: 0;
  }

  .contact_info .input-mt-0 {
    margin-bottom: 0;
    padding-right: 10px;
  }

  .contact_info .advantage_header img {
    margin: 0;
    vertical-align: top;
  }

  .contact_info .mtb-100 {
    /* margin: 100px auto; */
    margin-bottom: 40px;
  }

  /* 数据 */
  .fun-wrapper .li-relative {
    position: relative;
    display: flex;
    flex: column;
    width: 100%;
    height: 400px;
    margin-bottom: 1%;
  }

  .fun-wrapper .li-relative .li-img {
    /* position: absolute; */
    flex: 1;
    /* left: 0; */
    /* bottom: 0; */
    /* width: 75%; */
    width: 100%;
    border: 1px solid #fff;
  }

  .fun-wrapper .li-relative .li-content {
    /* position: absolute; */
    flex: 1;
    padding: 0 2%;
    width: 45%;
    /* height: 50%; */
    /* right: 0; */
    /* bottom: 1%; */
    /* border: 1px solid #000; */
    background-image: linear-gradient(0deg, #2f3144 0%, #2c2e42 100%),
      linear-gradient(#32354c, #32354c);
    background-blend-mode: normal, normal;
    text-align: left;
  }

  .tr {
    text-align: left;
  }

  .contact_info .col-lg-8 .row {
    width: 100%;
    margin: auto;
    padding-left: 10px;
  }
}

@media (max-width: 992px) {

  /* 数据 */
  .fun-wrapper .li-relative {
    position: relative;
    display: flex;
    flex: column;
    width: 100%;
    /* height: 524px; */
    margin-bottom: 1%;
  }

  .fun-wrapper .li-relative .li-img {
    /* position: absolute; */
    flex: 1;
    /* left: 0; */
    /* bottom: 0; */
    /* width: 75%; */
    width: 100%;
    border: 1px solid #fff;
  }

  .fun-wrapper .li-relative .li-content {
    /* position: absolute; */
    flex: 1;
    padding: 0 2%;
    width: 45%;
    /* height: 50%; */
    /* right: 0; */
    /* bottom: 1%; */
    /* border: 1px solid #000; */
    background-image: linear-gradient(0deg, #2f3144 0%, #2c2e42 100%),
      linear-gradient(#32354c, #32354c);
    background-blend-mode: normal, normal;
    text-align: left;
  }

  .tr {
    text-align: left;
  }
}

@media (min-width: 992px) {
  .tr {
    text-align: left;
  }
}

@media (max-width: 1200px) {
  .tr {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .tr {
    text-align: right;
  }
}