@media screen and (max-width: 1200px) {
    html, body {
      font-size: 12.5px;
    }
    main .public_tit {
      font-size: 4.75rem;
    }
    main .public_tit .tit_bj_iner {
      width: 100%;
      font-size: 1em;
      margin-bottom: .92em;
    }
    main .public_tit .fz_strip {
      width: 2.3em;
      height: .157em;
    }
    main .public_tit .tit_inner {
      width: 92%;
      margin-top: .81em;
    }
    main .public_tit .tit_inner .tit_left {
      width: 100%;
    }
    main .public_tit .tit_inner .tit_left div {
      width: 92%;
      font-size: .52em;
      line-height: 1.5em;
    }
    main .banners {
      margin-top: 3.57em;
      background-image: url(../images/case/case_banner_img01-2.png);
      font-size: 3.5rem;
    }
    main .banners section {
      width: 92%;
      margin: 7.5em 0 4.5em 0;
    }
    main .banners section .inn p {
      font-size: 3.53em;
    }
    main .banners section .inn span {
      font-size: 1.53em;
    }
    main .banners section a span {
      font-size: 1em;
    }
    main .banners section a div {
      width: .85em;
      height: 1.39em;
    }
    main .case_box {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      font-size: 2.5rem;
      width: 100%;
      margin: 0 auto auto auto;
      position: relative;
    }
    main .case_box .case_nav {
      align-items: center;
      font-size: 2.5rem;
      width: 92%;
      margin: 0 auto 2.52em auto;
    }
    main .case_box .case_nav .case_phpne {
      display: none;
    }
    main .case_box .case_nav .case_header {
      width: 100%;
      padding-top: 0;
    }
    main .case_box .case_nav .case_header ul {
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
      position: relative;
      padding-bottom: 0;
    }
    main .case_box .case_nav .case_header ul div {
      display: none;
    }
    main .case_box .case_nav .case_header ul li {
      width: 25%;
      height: 5.3em;
      margin-top: 0;
      margin-left: 0;
      padding-bottom: 0;
      border-bottom: 0px;
    }
    main .case_box .case_nav .case_header ul li:nth-child(1) {
      margin-left: 0;
    }
    main .case_box .case_nav .case_header ul li:hover {
      border-bottom: 0px;
    }
    main .case_box .case_nav .case_header ul li:hover a {
      background-color: #38be86;
      color: #ffffff;
    }
    main .case_box .case_nav .case_header ul li a {
      width: 100%;
      height: 100%;
      font-size: 1em;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    main .case_box .case_nav .case_header ul li.active {
      border-bottom: 0px;
      background-color: #38be86;
    }
    main .case_box .case_nav .case_header ul li.active a {
      color: #ffffff;
    }
    main .case_box .info_inner {
      width: 100%;
      align-items: center;
      background: #ffffff;
      font-size: 2.75rem;
      padding-top: 0;
    }
    main .case_box .info_inner .tit {
      width: 92%;
      margin-left: 0;
    }
    main .case_box .info_inner .tit p {
      font-size: 1.727em;
      margin-bottom: 6.19rem;
    }
    main .case_box .info_inner .tit .gdt {
      width: 9.13%;
      height: .27em;
      background: #38be86;
      position: relative;
      margin-bottom: 2.25em;
    }
    main .case_box .info_inner .introduction {
      width: 92%;
      margin-left: 0;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
    }
    main .case_box .info_inner .introduction li {
      font-size: .9em;
      line-height: 1.36em;
      margin-bottom: 1.95em;
    }
    main .case_box .info_inner .introduction li:last-child {
      width: 100%;
    }
    main .case_box .info_inner .info_tool {
      width: 92%;
      margin-left: 0;
      justify-content: flex-start;
    }
    main .case_box .info_inner .info_tool .info_btn {
      margin-right: 1.63em;
    }
    main .case_box .info_inner .info_tool .info_btn span {
      margin-right: .77em;
    }
    main .case_box .info_inner .info_tool .info_phone {
      flex-direction: column;
      align-items: flex-start;
      position: relative;
      padding-left: 3.68em;
    }
    main .case_box .info_inner .info_tool .info_phone div {
      position: absolute;
      top: 0;
      left: 0;
      width: 2.77em;
      height: 2.77em;
      margin-right: 0;
    }
    main .case_box .info_inner .info_tool .info_phone span {
      line-height: .9em;
      margin-right: 0;
      opacity: 0.9;
      margin: 0 0 0.44em 0;
    }
    main .case_box .info_inner .info_tool .info_phone p {
      width: auto;
      opacity: 0.5;
      font-size: 1.45em;
      line-height: .9em;
    }
    main .case_box .info_inner .case_loops {
      font-size: 2.75rem;
      width: 92%;
      margin-top: 2.95em;
    }
    main .case_box .info_inner .case_loops .swiper {
      width: 100%;
      margin: 0;
    }
    main .case_box .info_inner .case_loops .swiper .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: 100%;
      display: block;
    }
    main .case_box .info_inner .case_loops .swiper .page {
      position: absolute;
      top: auto;
      left: auto;
      right: 0;
      bottom: -2px;
      display: flex;
    }
    main .case_box .info_inner .case_loops .swiper .page .swiper-button-prev,
    main .case_box .info_inner .case_loops .swiper .page .swiper-button-next {
      position: static;
      width: 2.63em;
      height: 2.63em;
      background-color: #979797;
      background-image: url(../images/common/right_img01-2.png);
      background-size: 27%;
      background-position: center;
      background-repeat: no-repeat;
      margin: 0;
    }
    main .case_box .info_inner .case_loops .swiper .page .swiper-button-prev::after,
    main .case_box .info_inner .case_loops .swiper .page .swiper-button-next::after {
      content: "";
    }
    main .case_box .info_inner .case_loops .swiper .page .swiper-button-prev:hover,
    main .case_box .info_inner .case_loops .swiper .page .swiper-button-next:hover {
      background-color: #38be86;
    }
    main .case_box .info_inner .case_loops .swiper .page .swiper-button-prev {
      transform: rotate(180deg);
    }
    main .recommend {
      width: 100%;
      font-size: 3.5rem;
      padding-top: 2.6em;
      padding-bottom: 2.6em;
      margin-left: 0;
      margin-top: 6.39em;
      position: relative;
    }
    main .recommend::after {
      display: none;
    }
    main .recommend .public_tit {
      width: 92%;
      align-items: flex-start;
      margin: 0;
      margin-left: 0;
    }
    main .recommend .public_tit .tit_bj_iner {
      width: auto;
      font-size: 1em;
      margin: auto;
      margin-bottom: .68em;
    }
    main .recommend .public_tit .fz_strip {
      width: 1.72em;
      height: .125em;
      background: #ffffff;
      background-image: url(../images/common/tit_xhx01.png);
      display: flex;
    }
    main .recommend .swiper {
      width: 92%;
      margin-top: 2.6em;
      margin-left: 0;
      margin: 2.6em auto 0 auto;
    }
    main .recommend .swiper .swiper-wrapper .swiper-slide {
      width: 100%;
      margin-right: 0;
    }
    main .recommend .swiper .swiper-wrapper .swiper-slide a {
      width: 100%;
      display: flex;
      flex-direction: column;
    }
    main .recommend .swiper .swiper-wrapper .swiper-slide a div {
      height: 14.14em;
    }
    main .recommend .swiper .swiper-wrapper .swiper-slide a span {
      height: 4.35em;
    }
    main .recommend .page {
      position: static;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      margin-top: 2.6em;
    }
  }