.more_btn {
  display: block;
  width: 130px;
  height: 40px;
  border-radius: 5px;
  color: #fff;
  background-color: #145fdb;
  margin: 40px auto;
  font-size: 14px;
  text-align: center;
  line-height: 40px; }

@media (max-width: 1199px) and (min-width: 500px) and (max-width: 1199px) {
  div.pc {
    display: none; }
  div.mobile {
    display: flex; }
  .swiper-container {
    display: block; }
  .banner_text_left1 span {
    width: 43%; }
  .layer6 {
    height: 800px;
    margin-top: 115px; }
    .layer6 .section6 {
      width: 50%; }
    .layer6 .word10 {
      margin: 0 auto;
      width: auto; }
    .layer6 .solution1 {
      width: 70%;
      height: 70%; }
    .layer6 .solution2 {
      width: 36%; }
    .layer6 .solution3 {
      width: 70%;
      height: 70%; }
    .layer6 .solution4 {
      width: 70%;
      height: 70%; }
    .layer6 .outer11 {
      margin: 30px auto; }
      .layer6 .outer11 .word23 {
        width: 50%; }
      .layer6 .outer11 div.outer12 {
        margin: 0 25%; }
      .layer6 .outer11 div.outer12-1 {
        margin: 0 25%; }
      .layer6 .outer11 div.outer12-2 {
        margin: 0 25%; }
      .layer6 .outer11 div.outer12-3 {
        margin: 0 25%; }
  .banner4 .mobile .banner_img {
    width: 38%; }
  .banner4 .mobile .text_1 {
    width: 38%;
    margin: 0 auto;
    margin-top: 40px; }
  .banner4 .mobile .text_2 {
    width: 38%;
    margin: 0 auto; } }

@media (max-width: 1199px) and (min-width: 360px) and (max-width: 766px) {
  .layer6 .section6 {
    width: 90%; }
  .layer6 .solution1 {
    width: 80%; }
  .layer6 .solution3 {
    width: 85%; }
  .layer6 .solution4 {
    width: 85%; } }