body, html {
  min-width: 1500px; }

.m {
  min-width: 1440px; }

.content {
  width: 100%;
  overflow: hidden; }
  .content .header {
    width: 100%;
    height: 100px;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
    .content .header .m {
      width: 1440px;
      margin: 0 auto;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content .header .m .logo {
        display: flex;
        align-items: center; }
        .content .header .m .logo img {
          display: block; }
        .content .header .m .logo span {
          font-size: 20px;
          margin-left: 38px;
          color: #333333; }
      .content .header .m ul {
        display: flex; }
        .content .header .m ul li {
          overflow: hidden;
          height: 40px;
          border-radius: 6px;
          transition: all .1s;
          margin-left: 30px; }
          .content .header .m ul li.on {
            background: #17991f; }
            .content .header .m ul li.on a {
              color: #fff; }
          .content .header .m ul li:hover {
            background: #17991f; }
            .content .header .m ul li:hover a {
              color: #fff; }
          .content .header .m ul li a {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 28px;
            font-size: 18px;
            color: #666666; }
  .content .null {
    height: 100px; }
  .content .banner {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .content .banner .swiper-pagination-bullet {
      background: #fff;
      margin: 0 4px;
      transition: all .1s; }
    .content .banner .swiper-pagination-bullet-active {
      width: 22px;
      background: #fff;
      border-radius: 10px; }
    .content .banner .mySwiper {
      overflow: hidden;
      width: 100%; }
      .content .banner .mySwiper .swiper-slide {
        width: 100%;
        overflow: hidden; }
        .content .banner .mySwiper .swiper-slide img {
          display: block;
          width: 100%; }
  .content .main_cans {
    overflow: hidden;
    width: 100%;
    padding: 130px 0 140px 0; }
    .content .main_cans .m {
      width: 1440px;
      margin: 0 auto; }
      .content .main_cans .m ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap; }
        .content .main_cans .m ul li {
          flex: 1;
          margin-top: 78px; }
          .content .main_cans .m ul li img {
            display: block;
            margin: 0 auto; }
          .content .main_cans .m ul li p {
            text-align: center;
            font-size: 28px;
            color: #333333;
            margin-top: 26px;
            font-weight: bold; }
          .content .main_cans .m ul li span {
            display: block;
            text-align: center;
            font-size: 16px;
            margin-top: 10px;
            color: #7a7a7a;
            line-height: 1.6; }
          .content .main_cans .m ul li div {
            overflow: hidden;
            width: 165px;
            height: 53px;
            border-radius: 6px;
            margin: 0 auto;
            margin-top: 30px;
            transition: all .1s; }
            .content .main_cans .m ul li div:hover {
              background: #17991F; }
              .content .main_cans .m ul li div:hover a em {
                color: #fff; }
            .content .main_cans .m ul li div a {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 100%;
              height: 100%; }
              .content .main_cans .m ul li div a em {
                font-size: 16px;
                color: #17991f;
                text-decoration: underline; }
  .content .main_code {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/indexs_60.jpg); }
    .content .main_code .m {
      width: 1440px;
      margin: 0 auto;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content .main_code .m div {
        overflow: hidden; }
        .content .main_code .m div p {
          font-size: 34px;
          color: #fff;
          font-weight: bold; }
        .content .main_code .m div span {
          display: block;
          font-size: 20px;
          color: #fff;
          margin-top: 16px; }
      .content .main_code .m img {
        display: block; }
  .content .main_service_cj {
    overflow: hidden;
    padding: 130px 0 0 0; }
    .content .main_service_cj .m {
      width: 1440px;
      margin: 0 auto; }
      .content .main_service_cj .m .box {
        width: 100%;
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap; }
        .content .main_service_cj .m .box.on {
          padding-bottom: 80px; }
        .content .main_service_cj .m .box .label {
          overflow: hidden;
          width: 464px;
          margin-top: 46px;
          margin-right: 24px; }
          .content .main_service_cj .m .box .label:nth-child(3n) {
            margin-right: 0; }
          .content .main_service_cj .m .box .label:hover .picture img {
            transform: scale(1.03); }
          .content .main_service_cj .m .box .label .picture {
            overflow: hidden;
            width: 100%;
            height: 268px;
            position: relative;
            border-radius: 6px; }
            .content .main_service_cj .m .box .label .picture .p {
              width: 100%;
              height: 100%;
              display: block;
              object-fit: cover;
              transition: all .4s; }
            .content .main_service_cj .m .box .label .picture .b {
              display: block;
              cursor: pointer;
              position: absolute;
              right: 12px;
              bottom: 12px;
              z-index: 9;
              cursor: pointer; }
          .content .main_service_cj .m .box .label .infos {
            overflow: hidden;
            padding: 18px 0; }
            .content .main_service_cj .m .box .label .infos p {
              font-size: 22px;
              color: #000;
              line-height: 1.6;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden; }
            .content .main_service_cj .m .box .label .infos span {
              display: block;
              font-size: 14px;
              margin-top: 14px;
              color: #7a7a7a; }
            .content .main_service_cj .m .box .label .infos div {
              overflow: hidden;
              width: 164px;
              height: 46px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 6px;
              background: #17991F;
              font-size: 14px;
              color: #fff;
              margin-top: 24px; }
          .content .main_service_cj .m .box .label .info {
            overflow: hidden;
            padding: 18px 20px 0 20px; }
            .content .main_service_cj .m .box .label .info p {
              font-size: 16px;
              color: #333333; }
  .content .main_service_team {
    overflow: hidden;
    width: 100%;
    background: #F6F8FA;
    padding: 130px 0 110px 0; }
    .content .main_service_team .m {
      width: 1440px;
      margin: 0 auto; }
      .content .main_service_team .m .box {
        width: 100%;
        margin-top: 66px;
        display: flex;
        justify-content: space-between; }
        .content .main_service_team .m .box .label {
          overflow: hidden;
          width: 340px;
          border-radius: 6px;
          position: relative; }
          .content .main_service_team .m .box .label:hover img {
            transform: scale(1.03); }
          .content .main_service_team .m .box .label:hover .font {
            top: 0;
            height: 100%;
            padding: 50px 32px; }
          .content .main_service_team .m .box .label img {
            display: block;
            width: 100%;
            transition: all .4s; }
          .content .main_service_team .m .box .label .font {
            overflow: hidden;
            width: 100%;
            background: rgba(0, 0, 0, 0.6);
            position: absolute;
            left: 0;
            transition: all .3s;
            top: calc(100% - 100px);
            padding: 20px 32px; }
            .content .main_service_team .m .box .label .font p {
              font-size: 22px;
              color: #fff;
              font-weight: bold; }
            .content .main_service_team .m .box .label .font span {
              display: block;
              font-size: 16px;
              margin-top: 8px;
              color: #fff; }
            .content .main_service_team .m .box .label .font div {
              width: 50px;
              height: 2px;
              background: #fff;
              margin-top: 26px;
              margin-bottom: 36px; }
            .content .main_service_team .m .box .label .font em {
              display: block;
              font-size: 14px;
              color: #fff;
              line-height: 1.8; }
  .content .main_problem {
    overflow: hidden;
    width: 100%;
    background-image: url(../images/indexs_59.jpg);
    height: 963px;
    background-size: 100% 100%;
    padding: 130px 0 0 0; }
    .content .main_problem .m {
      width: 1440px;
      margin: 0 auto; }
      .content .main_problem .m .box {
        width: 100%;
        display: flex;
        margin-top: 110px;
        justify-content: flex-end; }
      .content .main_problem .m ul li {
        width: 917px;
        margin-bottom: 24px;
        position: relative; }
        .content .main_problem .m ul li.on .line img {
          transform: rotate(90deg); }
        .content .main_problem .m ul li.on .slide {
          display: block; }
        .content .main_problem .m ul li .slide {
          overflow: hidden;
          background: #F6F8FA;
          margin-top: 24px;
          display: none;
          padding: 20px 26px;
          width: calc(100% - 50px);
          margin-left: 50px; }
          .content .main_problem .m ul li .slide span {
            display: block;
            font-size: 14px;
            color: #666666;
            line-height: 1.6; }
          .content .main_problem .m ul li .slide div {
            overflow: hidden;
            transition: all .1s;
            width: 164px;
            height: 46px;
            border-radius: 6px;
            background: #17991F;
            margin-top: 28px; }
            .content .main_problem .m ul li .slide div:hover {
              opacity: 0.8; }
            .content .main_problem .m ul li .slide div a {
              width: 100%;
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 14px;
              color: #fff; }
        .content .main_problem .m ul li .line {
          display: flex;
          align-items: center;
          justify-content: space-between;
          cursor: pointer; }
          .content .main_problem .m ul li .line.on img {
            transform: rotate(90deg); }
          .content .main_problem .m ul li .line .fl {
            display: flex;
            align-items: center; }
            .content .main_problem .m ul li .line .fl div {
              width: 30px;
              height: 30px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 50%;
              background: #17991F;
              font-size: 20px;
              font-weight: bold;
              color: #fff; }
            .content .main_problem .m ul li .line .fl p {
              width: 700px;
              margin-left: 20px;
              font-size: 18px;
              font-weight: bold;
              color: #333333;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
          .content .main_problem .m ul li .line img {
            display: block;
            transition: all .2s; }
  .content .main_case_data {
    overflow: hidden;
    width: 100%;
    padding: 130px 0 80px 0;
    background: #F6F8FA; }
    .content .main_case_data .m {
      width: 1440px;
      margin: 0 auto; }
      .content .main_case_data .m .box {
        width: 100%;
        margin-top: 70px;
        position: relative; }
        .content .main_case_data .m .box .btn {
          cursor: pointer;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          display: block; }
          .content .main_case_data .m .box .btn.prev {
            left: -65px; }
          .content .main_case_data .m .box .btn.next {
            right: -65px; }
        .content .main_case_data .m .box .mySwiper1 {
          overflow: hidden;
          width: 100%; }
          .content .main_case_data .m .box .mySwiper1 .swiper-slide {
            width: 700px;
            margin-right: 40px; }
            .content .main_case_data .m .box .mySwiper1 .swiper-slide:last-child {
              margin-right: 0; }
        .content .main_case_data .m .box .label {
          overflow: hidden;
          width: 100%; }
          .content .main_case_data .m .box .label:hover .picture img {
            transform: scale(1.03); }
          .content .main_case_data .m .box .label .picture {
            width: 100%;
            height: 380px;
            overflow: hidden; }
            .content .main_case_data .m .box .label .picture img {
              width: 100%;
              height: 100%;
              display: block;
              object-fit: cover;
              transition: all .5s; }
          .content .main_case_data .m .box .label .info {
            overflow: hidden;
            background: #fff;
            padding: 24px 32px;
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .content .main_case_data .m .box .label .info .fl {
              overflow: hidden; }
              .content .main_case_data .m .box .label .info .fl p {
                font-size: 22px;
                color: #333333; }
              .content .main_case_data .m .box .label .info .fl span {
                display: block;
                font-size: 16px;
                color: #666666;
                margin-top: 8px; }
            .content .main_case_data .m .box .label .info .fr span {
              display: block;
              font-size: 14px;
              color: #333333;
              margin-bottom: 10px; }
  .content .main_contrast {
    overflow: hidden;
    width: 100%;
    padding: 130px 0; }
    .content .main_contrast .m {
      width: 1440px;
      margin: 0 auto; }
      .content .main_contrast .m .box {
        width: 100%;
        margin-top: 46px;
        background-image: url(../images/indexs_42.png);
        height: 460px;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 210px 0 170px; }
        .content .main_contrast .m .box .item {
          overflow: hidden; }
          .content .main_contrast .m .box .item:last-child {
            text-align: right; }
            .content .main_contrast .m .box .item:last-child p {
              color: #fff; }
            .content .main_contrast .m .box .item:last-child span {
              background: #45ad4c;
              color: #a7ffac; }
            .content .main_contrast .m .box .item:last-child ul li {
              padding-right: 20px;
              width: 480px;
              padding-left: 0;
              color: #fff; }
              .content .main_contrast .m .box .item:last-child ul li::after {
                display: none; }
              .content .main_contrast .m .box .item:last-child ul li::before {
                content: '';
                width: 12px;
                height: 10px;
                background-image: url(../images/readys_03.png);
                background-size: 100% 100%;
                position: absolute;
                right: 0;
                top: 10px; }
          .content .main_contrast .m .box .item p {
            font-size: 34px;
            color: #000;
            font-weight: bold; }
          .content .main_contrast .m .box .item span {
            display: inline-flex;
            align-items: center;
            height: 36px;
            font-size: 16px;
            color: #ff6161;
            padding: 0 16px;
            background: #FDE7E7;
            border-radius: 3px;
            margin-bottom: 24px; }
          .content .main_contrast .m .box .item ul {
            overflow: hidden; }
            .content .main_contrast .m .box .item ul li {
              font-size: 14px;
              padding-left: 13px;
              position: relative;
              color: #333333;
              line-height: 1.5;
              padding: 4px 0;
              width: 406px;
              padding-left: 13px; }
              .content .main_contrast .m .box .item ul li::after {
                content: '';
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #CDCDCD;
                position: absolute;
                left: 0;
                top: 12px; }
  .content .main_advantage {
    overflow: hidden;
    width: 100%;
    background-image: url(../images/indexss_02.jpg);
    height: 880px;
    background-size: cover;
    background-position: center center;
    padding: 130px 0 0 0; }
    .content .main_advantage .m {
      width: 1440px;
      margin: 0 auto;
      overflow: hidden; }
      .content .main_advantage .m .box {
        width: 100%;
        margin-top: 56px;
        position: relative;
        height: 566px; }
        .content .main_advantage .m .box .icon {
          display: block;
          margin: 0 auto;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          top: 0; }
        .content .main_advantage .m .box .list {
          width: 100%;
          overflow: hidden;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; }
        .content .main_advantage .m .box .label {
          overflow: hidden;
          width: 520px;
          height: 136px;
          background-repeat: no-repeat;
          background-position: center right;
          margin-top: 52px;
          padding-right: 126px;
          background-image: url(../images/indexs_24.png);
          text-align: right; }
          .content .main_advantage .m .box .label:last-child {
            margin: 0 auto; }
          .content .main_advantage .m .box .label.label2 {
            background-image: url(../images/bx.png);
            background-position: center left; }
          .content .main_advantage .m .box .label.label3 {
            background-image: url(../images/bx1.png); }
          .content .main_advantage .m .box .label.label4 {
            background-image: url(../images/bx2.png);
            background-position: center left; }
          .content .main_advantage .m .box .label.label5 {
            background-image: url(../images/bx3.png);
            transform: translateX(-160px); }
          .content .main_advantage .m .box .label:nth-child(2n) {
            text-align: left;
            padding-right: 0;
            padding-left: 126px; }
          .content .main_advantage .m .box .label:hover p, .content .main_advantage .m .box .label:hover span {
            opacity: 1;
            transform: translateY(0px); }
          .content .main_advantage .m .box .label p {
            font-size: 22px;
            color: #000;
            transition: all .2s;
            font-weight: bold;
            transform: translateY(40px); }
          .content .main_advantage .m .box .label span {
            display: block;
            font-size: 16px;
            display: inline-block;
            color: #7a7a7a;
            line-height: 1.6;
            width: 310px;
            transition: all .2s;
            transform: translateY(40px);
            opacity: 0;
            margin-top: 16px; }
  .content .main_service {
    overflow: hidden;
    width: 100%;
    padding: 130px 0 110px 0; }
    .content .main_service .m {
      width: 1440px;
      margin: 0 auto; }
      .content .main_service .m .brand {
        display: flex;
        align-items: center; }
        .content .main_service .m .brand p {
          font-size: 20px;
          color: #0b0b0b;
          font-weight: bold;
          margin-right: 100px; }
        .content .main_service .m .brand ul {
          flex: 1;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .content .main_service .m .brand ul li {
            overflow: hidden; }
            .content .main_service .m .brand ul li img {
              display: block; }
      .content .main_service .m .box {
        width: 100%;
        margin-top: 118px;
        position: relative;
        display: flex;
        min-height: 530px;
        align-items: flex-start; }
        .content .main_service .m .box .label {
          width: 340px;
          position: relative;
          background: #f6f8fa;
          border-radius: 6px;
          margin-right: 26px;
          transition: all .1s;
          padding: 53px 24px 28px 24px;
          min-height: 380px; }
          .content .main_service .m .box .label:hover {
            background: #fff;
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06); }
            .content .main_service .m .box .label:hover img {
              opacity: 1;
              visibility: inherit;
              top: -26px; }
            .content .main_service .m .box .label:hover .button {
              display: flex;
              opacity: 1; }
          .content .main_service .m .box .label img {
            display: block;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: -16px;
            opacity: 0;
            visibility: hidden;
            transition: all .1s; }
          .content .main_service .m .box .label .head {
            overflow: hidden;
            margin-bottom: 40px; }
            .content .main_service .m .box .label .head p {
              text-align: center;
              font-size: 28px;
              color: #333333;
              font-weight: bold;
              margin-bottom: 6px; }
            .content .main_service .m .box .label .head span {
              display: block;
              font-size: 16px;
              color: #333333;
              text-align: center; }
              .content .main_service .m .box .label .head span em {
                font-size: 20px; }
          .content .main_service .m .box .label .font {
            overflow: hidden;
            margin-top: 8px;
            font-size: 16px;
            color: #7a7a7a;
            line-height: 1.4; }
            .content .main_service .m .box .label .font span {
              color: #333333; }
          .content .main_service .m .box .label .button {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 36px;
            opacity: 0;
            display: none;
            transition: all .1s; }
            .content .main_service .m .box .label .button div {
              width: 140px;
              height: 46px;
              border-radius: 6px;
              border: 1px solid #17991f; }
              .content .main_service .m .box .label .button div.on {
                background: #17991f; }
                .content .main_service .m .box .label .button div.on a {
                  color: #fff; }
              .content .main_service .m .box .label .button div a {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 16px;
                color: #17991f; }
  .content .pubilc_title {
    width: 100%; }
    .content .pubilc_title .font {
      display: flex;
      align-items: center; }
      .content .pubilc_title .font p {
        font-size: 40px;
        color: #0b0b0b;
        font-weight: bold; }
      .content .pubilc_title .font div {
        width: 36px;
        height: 2px;
        background: #17991f;
        margin-left: 17px; }
    .content .pubilc_title span {
      display: block;
      font-size: 16px;
      color: #7b7b7b;
      margin-top: 18px; }
  .content .main_case {
    overflow: hidden;
    width: 100%;
    background: #f6f8fa;
    padding: 130px 0 75px 0; }
    .content .main_case .m {
      width: 1440px;
      margin: 0 auto; }
      .content .main_case .m .box {
        width: 100%;
        position: relative;
        margin-top: 70px; }
        .content .main_case .m .box .btn {
          cursor: pointer;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
          .content .main_case .m .box .btn.prev {
            left: -66px; }
          .content .main_case .m .box .btn.next {
            right: -66px; }
        .content .main_case .m .box .mySwiper1 {
          width: 100%;
          overflow: hidden; }
          .content .main_case .m .box .mySwiper1 .swiper-slide {
            width: 340px;
            margin-right: 27px; }
            .content .main_case .m .box .mySwiper1 .swiper-slide .label {
              width: 100%;
              background: #fff;
              border-radius: 6px; }
              .content .main_case .m .box .mySwiper1 .swiper-slide .label:hover .picture img {
                transform: scale(1.03); }
              .content .main_case .m .box .mySwiper1 .swiper-slide .label .picture {
                width: 100%;
                height: 380px;
                border-radius: 6px;
                overflow: hidden; }
                .content .main_case .m .box .mySwiper1 .swiper-slide .label .picture img {
                  width: 100%;
                  height: 100%;
                  display: block;
                  transition: all .5s;
                  object-fit: cover; }
              .content .main_case .m .box .mySwiper1 .swiper-slide .label .info {
                overflow: hidden;
                padding: 26px 15px 22px 30px; }
                .content .main_case .m .box .mySwiper1 .swiper-slide .label .info p {
                  font-size: 22px;
                  color: #333333;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  margin-bottom: 18px; }
                .content .main_case .m .box .mySwiper1 .swiper-slide .label .info span {
                  display: block;
                  font-size: 14px;
                  color: #333333;
                  line-height: 24px; }
  .content .main_process {
    overflow: hidden;
    width: 100%;
    padding: 130px 0 140px 0; }
    .content .main_process .m {
      width: 1440px;
      margin: 0 auto; }
      .content .main_process .m .box {
        width: 100%;
        margin-top: 70px;
        overflow: hidden; }
        .content .main_process .m .box img {
          display: block;
          width: 100%; }
      .content .main_process .m .button {
        width: 255px;
        height: 54px;
        margin: 0 auto;
        margin-top: 60px;
        border-radius: 6px;
        transition: all .1s;
        background: #17991f; }
        .content .main_process .m .button:hover {
          opacity: 0.8; }
        .content .main_process .m .button a {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          color: #fff; }
  .content .footer {
    overflow: hidden;
    width: 100%;
    background: #141c25;
    padding-top: 88px; }
    .content .footer .m {
      width: 1440px;
      margin: 0 auto; }
      .content .footer .m .fonts {
        overflow: hidden;
        margin-top: 60px; }
        .content .footer .m .fonts span {
          display: block;
          font-size: 12px;
          color: #6b7683;
          margin-bottom: 20px; }
      .content .footer .m footer {
        width: 100%;
        box-sizing: border-box;
        padding: 16px;
        margin-top: 30px;
        font-size: 12px;
        color: #6b7683;
        text-align: center;
        border-top: 1px solid #3A434E; }
      .content .footer .m .top {
        overflow: hidden;
        display: flex;
        align-items: flex-start;
        justify-content: space-between; }
        .content .footer .m .top .fl {
          overflow: hidden; }
          .content .footer .m .top .fl .logo {
            overflow: hidden;
            margin-bottom: 50px; }
            .content .footer .m .top .fl .logo img {
              display: block;
              margin-bottom: 12px; }
            .content .footer .m .top .fl .logo span {
              display: block;
              font-size: 27px;
              color: #fff; }
          .content .footer .m .top .fl p {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 14px;
            color: #fff; }
          .content .footer .m .top .fl em {
            display: block;
            font-size: 14px;
            color: #8b939d;
            margin-top: 12px; }
        .content .footer .m .top .fr {
          overflow: hidden;
          display: flex;
          align-items: flex-start; }
          .content .footer .m .top .fr .code {
           /** overflow: hidden; **/
			}
            .content .footer .m .top .fr .code img {
              display: block;
              margin-bottom: 20px; }
            .content .footer .m .top .fr .code span {
              display: block;
              text-align: center;
              font-size: 12px;
              color: #fff; }
          .content .footer .m .top .fr ul {
            overflow: hidden;
            margin-right: 80px; }
            .content .footer .m .top .fr ul li {
              font-size: 14px;
              margin-bottom: 12px;
              color: #8b939d; }
              .content .footer .m .top .fr ul li:first-child {
                margin-bottom: 20px;
				min-width:150px;
                font-size: 18px; }
                .content .footer .m .top .fr ul li:first-child a {
                  color: #17991f; }
              .content .footer .m .top .fr ul li:hover a {
                color: #17991f; }
              .content .footer .m .top .fr ul li a {
                color: #8b939d;
                transition: all .1s; }
  .content .menus {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .content .menus ul {
      display: flex;
      align-items: center; }
      .content .menus ul li {
        font-size: 16px;
        color: #7a7a7a;
        margin-right: 5px; }
        .content .menus ul li:hover a {
          color: #17991F; }
        .content .menus ul li a {
          transition: all .1s;
          color: #7a7a7a; }
        .content .menus ul li:last-child a {
          color: #000; }
    .content .menus .back {
      display: flex;
      align-items: center;
      font-size: 16px;
      transition: all .1s;
      color: #333333; }
      .content .menus .back:hover {
        color: #17991F; }
      .content .menus .back img {
        margin-left: 8px; }
  .content .main_news_info {
    overflow: hidden;
    width: 100%;
    padding: 66px 0 40px 0; }
    .content .main_news_info .m {
      width: 1440px;
      margin: 0 auto; }
      .content .main_news_info .m .news_box {
        width: 100%;
        overflow: hidden;
        margin-top: 33px; }
        .content .main_news_info .m .news_box .head {
          width: 100%;
          overflow: hidden; }
          .content .main_news_info .m .news_box .head p {
            font-size: 30px;
            color: #000;
            font-weight: bold; }
          .content .main_news_info .m .news_box .head div {
            display: flex;
            align-items: center;
            margin-top: 20px; }
            .content .main_news_info .m .news_box .head div span {
              font-size: 16px;
              color: #7a7a7a;
              margin-right: 112px; }
              .content .main_news_info .m .news_box .head div span em {
                color: #333; }
        .content .main_news_info .m .news_box .box {
          width: 100%;
          margin-top: 68px;
          display: flex;
          justify-content: space-between;
          align-items: flex-start; }
          .content .main_news_info .m .news_box .box .fr {
            overflow: hidden;
            width: 250px; }
            .content .main_news_info .m .news_box .box .fr .share {
              overflow: hidden; }
              .content .main_news_info .m .news_box .box .fr .share p {
                font-size: 16px;
                color: #333;
                font-weight: bold; }
              .content .main_news_info .m .news_box .box .fr .share div {
                display: flex;
                align-items: center;
                margin-top: 22px; }
                .content .main_news_info .m .news_box .box .fr .share div a {
                  display: block;
                  padding: 0 8px; }
                  .content .main_news_info .m .news_box .box .fr .share div a img {
                    display: block; }
            .content .main_news_info .m .news_box .box .fr .hot {
              overflow: hidden;
              margin-top: 50px; }
              .content .main_news_info .m .news_box .box .fr .hot p {
                font-size: 16px;
                color: #333;
                font-weight: bold; }
              .content .main_news_info .m .news_box .box .fr .hot ul {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                margin-top: 14px; }
                .content .main_news_info .m .news_box .box .fr .hot ul li {
                  margin-top: 10px;
                  width: 120px;
                  height: 36px;
                  background: #f6f8fa;
                  padding: 0 5px;
                  border-radius: 4px;
                  transition: all .1s; }
                  .content .main_news_info .m .news_box .box .fr .hot ul li:hover a {
                    color: #17991f; }
                  .content .main_news_info .m .news_box .box .fr .hot ul li a {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
                    color: #333333;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap; }
            .content .main_news_info .m .news_box .box .fr .wc {
              overflow: hidden;
              margin-top: 50px; }
              .content .main_news_info .m .news_box .box .fr .wc p {
                font-size: 16px;
                color: #333;
                font-weight: bold; }
              .content .main_news_info .m .news_box .box .fr .wc div {
                overflow: hidden;
                width: 160px;
                padding: 16px;
                margin-top: 24px;
                background: #F6F8FA;
                border-radius: 6px; }
                .content .main_news_info .m .news_box .box .fr .wc div img {
                  display: block;
                  width: 100%; }
          .content .main_news_info .m .news_box .box .fl {
            overflow: hidden;
            width: 1059px; }
            .content .main_news_info .m .news_box .box .fl .page {
              padding: 46px 0;
              border-top: 1px solid #EBEBEB;
              display: flex;
              align-items: center;
              justify-content: space-between;
              margin-top: 56px; }
              .content .main_news_info .m .news_box .box .fl .page a {
                display: flex;
                font-size: 16px;
                color: #333333;
                transition: all .1s; }
                .content .main_news_info .m .news_box .box .fl .page a:hover {
                  color: #17991f; }
                  .content .main_news_info .m .news_box .box .fl .page a:hover span {
                    color: #999; }
                .content .main_news_info .m .news_box .box .fl .page a span {
                  color: #999999; }
            .content .main_news_info .m .news_box .box .fl .desc_lab {
              overflow: hidden;
              display: flex;
              align-items: center;
              flex-wrap: wrap;
              margin-top: 66px; }
              .content .main_news_info .m .news_box .box .fl .desc_lab a {
                display: inline-flex;
                align-items: center;
                height: 36px;
                font-size: 14px;
                transition: all .1s;
                color: #999999;
                padding: 0 12px;
                border-radius: 3px;
                border: 1px solid #BEBEBE;
                margin-right: 10px; }
                .content .main_news_info .m .news_box .box .fl .desc_lab a:hover {
                  background: #17991F;
                  color: #fff;
                  border: 1px solid #17991F; }
            .content .main_news_info .m .news_box .box .fl .info {
              width: 100%;
              overflow: hidden; }
              .content .main_news_info .m .news_box .box .fl .info img {
                max-width: 100%;
                display: block;
                margin: 0 auto;
                margin-bottom: 50px; }
              .content .main_news_info .m .news_box .box .fl .info p {
                font-size: 16px;
                font-weight: bold;
                line-height: 2;
                color: #333333; }
              .content .main_news_info .m .news_box .box .fl .info div {
                overflow: hidden;
                margin-top: 36px; }
              .content .main_news_info .m .news_box .box .fl .info span {
                display: block;
                font-size: 16px;
                line-height: 2;
                color: #333333; }
  .content .main_news {
    overflow: hidden;
    width: 100%;
    padding: 130px 0 100px 0; }
    .content .main_news .m {
      width: 1440px;
      margin: 0 auto; }
      .content .main_news .m .tabbar {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        .content .main_news .m .tabbar div {
          overflow: hidden;
          margin-right: 40px;
          margin-top: 28px; }
          .content .main_news .m .tabbar div.on a {
            color: #fff;
            background: #17991F;
            border: 1px solid #17991F; }
          .content .main_news .m .tabbar div:hover a {
            color: #fff;
            background: #17991F;
            border: 1px solid #17991F; }
          .content .main_news .m .tabbar div a {
            display: inline-flex;
            align-items: center;
            height: 46px;
            font-size: 16px;
            border: 1px solid #999999;
            color: #999999;
            padding: 0 10px;
            box-sizing: border-box;
            min-width: 140px;
            border-radius: 6px;
            justify-content: center; }
      .content .main_news .m .list {
        width: 100%;
        overflow: hidden;
        margin-top: 62px;
        padding-bottom: 40px; }
        .content .main_news .m .list ul {
          overflow: hidden;
          display: flex;
          flex-wrap: wrap; }
          .content .main_news .m .list ul li {
            overflow: hidden;
            width: 450px;
            margin-right: 45px;
            margin-bottom: 60px; }
            .content .main_news .m .list ul li:nth-child(3n) {
              margin-right: 0; }
            .content .main_news .m .list ul li:hover .picture img {
              transform: scale(1.03); }
            .content .main_news .m .list ul li .picture {
              width: 100%;
              height: 250px;
              overflow: hidden;
              border-radius: 6px; }
              .content .main_news .m .list ul li .picture img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover;
                transition: all .5s; }
            .content .main_news .m .list ul li .info {
              overflow: hidden;
              padding: 16px 12px 0 12px; }
              .content .main_news .m .list ul li .info .date {
                display: block;
                font-size: 14px;
                color: #17991f; }
              .content .main_news .m .list ul li .info .name {
                font-size: 18px;
                color: #333333;
                margin-top: 10px;
                line-height: 1.6;
                font-weight: bold;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden; }
              .content .main_news .m .list ul li .info .desc {
                display: block;
                font-size: 12px;
                color: #7a7a7a;
                line-height: 1.6;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                margin-top: 8px; }
              .content .main_news .m .list ul li .info .btn {
                width: 140px;
                height: 46px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 16px;
                color: #fff;
                margin-top: 26px;
                border-radius: 6px;
                background: #17991F; }
  .content .main_about {
    overflow: hidden;
    width: 100%; }
    .content .main_about .titles {
      text-align: center;
      font-size: 34px;
      color: #17991f;
      font-weight: bold; }
    .content .main_about .main_contact {
      overflow: hidden;
      width: 100%;
      padding: 50px 0; }
      .content .main_about .main_contact .m {
        width: 1440px;
        margin: 0 auto; }
        .content .main_about .main_contact .m .box {
          width: 100%;
          margin-top: 50px;
          display: flex;
          align-items: flex-start;
          justify-content: space-between; }
          .content .main_about .main_contact .m .box .map {
            overflow: hidden;
            width: 760px;
            height: 480px; }
          .content .main_about .main_contact .m .box .grow {
            overflow: hidden;
            flex: 1; }
            .content .main_about .main_contact .m .box .grow p {
              font-size: 18px;
              margin: 40px 0;
              color: #000;
              font-weight: bold; }
            .content .main_about .main_contact .m .box .grow .label {
              overflow: hidden;
              display: flex;
              align-items: flex-start;
              padding: 10px 0; }
              .content .main_about .main_contact .m .box .grow .label img {
                display: block; }
              .content .main_about .main_contact .m .box .grow .label div {
                overflow: hidden;
                flex: 1;
                padding-left: 20px; }
                .content .main_about .main_contact .m .box .grow .label div span {
                  display: block;
                  font-size: 14px;
                  color: #666;
                  line-height: 3; }
    .content .main_about .main_partner {
      width: 100%;
      overflow: hidden;
      padding: 50px 0;
      background: #F8F8F8; }
      .content .main_about .main_partner .m {
        width: 1440px;
        margin: 0 auto; }
        .content .main_about .main_partner .m ul {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          margin-top: 50px;
          border-left: 1px solid #ebebeb;
          border-bottom: 1px solid #ebebeb; }
          .content .main_about .main_partner .m ul li {
            width: 20%;
            border-right: 1px solid #ebebeb;
            border-top: 1px solid #ebebeb;
            background: #fff; }
            .content .main_about .main_partner .m ul li:hover img {
              filter: grayscale(0%); }
            .content .main_about .main_partner .m ul li img {
              display: block;
              width: 100%;
              filter: grayscale(100%);
              transition: all .3s; }
    .content .main_about .main_hire {
      overflow: hidden;
      width: 100%;
      padding: 50px 0; }
      .content .main_about .main_hire .m {
        width: 1440px;
        margin: 0 auto; }
        .content .main_about .main_hire .m ul {
          width: 100%;
          display: flex;
          justify-content: space-between;
          margin-top: 50px;
          flex-wrap: wrap; }
          .content .main_about .main_hire .m ul li {
            overflow: hidden;
            width: 48%;
            background: #fff;
            border-radius: 6px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
            margin-bottom: 20px;
            padding: 0 30px;
            transition: all .1s; }
            .content .main_about .main_hire .m ul li:hover {
              background: linear-gradient(to right, #43c74b 0%, #1a9c22 100%); }
              .content .main_about .main_hire .m ul li:hover .head {
                border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
                .content .main_about .main_hire .m ul li:hover .head p {
                  color: #fff; }
              .content .main_about .main_hire .m ul li:hover .ls div {
                color: #fff; }
                .content .main_about .main_hire .m ul li:hover .ls div i {
                  background-image: url(../images/icon_23_hover.png); }
                .content .main_about .main_hire .m ul li:hover .ls div:nth-child(2) i {
                  background-image: url(../images/icon_25_hover.png); }
                .content .main_about .main_hire .m ul li:hover .ls div:nth-child(3) i {
                  background-image: url(../images/icon_26_hover.png); }
            .content .main_about .main_hire .m ul li .head {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: space-between;
              padding: 18px 0;
              border-bottom: 1px solid #ececec; }
              .content .main_about .main_hire .m ul li .head p {
                font-size: 28px;
                color: #666;
                font-weight: bold; }
              .content .main_about .main_hire .m ul li .head div {
                width: 140px;
                height: 40px;
                border-radius: 40px;
                background: #17991F; }
                .content .main_about .main_hire .m ul li .head div a {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  font-size: 16px;
                  color: #fff; }
            .content .main_about .main_hire .m ul li .ls {
              overflow: hidden;
              padding: 20px 0px; }
              .content .main_about .main_hire .m ul li .ls div {
                overflow: hidden;
                display: flex;
                align-items: center;
                padding: 5px 10px;
                font-size: 16px;
                color: #666; }
                .content .main_about .main_hire .m ul li .ls div:nth-child(2) i {
                  background-image: url(../images/icon_25.png); }
                .content .main_about .main_hire .m ul li .ls div:nth-child(3) i {
                  background-image: url(../images/icon_26.png); }
                .content .main_about .main_hire .m ul li .ls div i {
                  width: 36px;
                  height: 36px;
                  display: block;
                  background-size: 100%;
                  background-repeat: no-repeat;
                  background-image: url(../images/icon_23.png); }
    .content .main_about .main_history {
      overflow: hidden;
      width: 100%;
      background: #F8F8F8;
      padding: 50px 0; }
      .content .main_about .main_history .m {
        width: 1440px;
        margin: 0 auto; }
        .content .main_about .main_history .m .titles {
          margin-bottom: 50px; }
        .content .main_about .main_history .m .btn {
          display: block;
          margin: 18px auto;
          cursor: pointer; }
        .content .main_about .main_history .m .box {
          width: 100%;
          position: relative;
          height: 460px; }
          .content .main_about .main_history .m .box .mySwiper1 {
            overflow: hidden;
            width: 100%;
            height: 100%;
            background-image: url(../images/index_26.png);
            background-position: center center;
            background-repeat: no-repeat;
            position: relative; }
            .content .main_about .main_history .m .box .mySwiper1 .swiper-slide {
              overflow: hidden; }
              .content .main_about .main_history .m .box .mySwiper1 .swiper-slide:nth-child(even) .item {
                justify-content: flex-end; }
                .content .main_about .main_history .m .box .mySwiper1 .swiper-slide:nth-child(even) .item div p {
                  text-align: left; }
              .content .main_about .main_history .m .box .mySwiper1 .swiper-slide .item {
                display: flex;
                justify-content: flex-start;
                width: 100%; }
                .content .main_about .main_history .m .box .mySwiper1 .swiper-slide .item div {
                  overflow: hidden;
                  width: 45%; }
                  .content .main_about .main_history .m .box .mySwiper1 .swiper-slide .item div p {
                    font-size: 28px;
                    color: #17991F;
                    font-weight: bold;
                    text-align: right; }
                  .content .main_about .main_history .m .box .mySwiper1 .swiper-slide .item div span {
                    display: block;
                    font-size: 14px;
                    color: #888;
                    line-height: 1.6; }
    .content .main_about .main_introduce {
      overflow: hidden;
      width: 100%;
      background: #fff;
      padding: 50px 0; }
      .content .main_about .main_introduce .m {
        width: 1440px;
        margin: 0 auto; }
        .content .main_about .main_introduce .m .tabbar {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          margin-bottom: 40px; }
          .content .main_about .main_introduce .m .tabbar a {
            width: 160px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 40px;
            margin-right: 20px;
            border: 1px solid #17991F;
            font-size: 16px;
            color: #888; }
            .content .main_about .main_introduce .m .tabbar a.on {
              background: #17991F;
              color: #fff;
              border: 1px solid #17991F; }
            .content .main_about .main_introduce .m .tabbar a:hover {
              background: #17991F;
              color: #fff;
              border: 1px solid #17991F; }
        .content .main_about .main_introduce .m .slide {
          width: 100%;
          position: relative;
          padding-bottom: 38px; }
          .content .main_about .main_introduce .m .slide .swiper-pagination-bullet-active {
            background: #17991F; }
          .content .main_about .main_introduce .m .slide .swiper-pagination {
            bottom: 0; }
          .content .main_about .main_introduce .m .slide .swiper-pagination-bullet {
            width: 12px;
            height: 12px; }
          .content .main_about .main_introduce .m .slide .mySwiper {
            overflow: hidden;
            width: 100%;
            padding-bottom: 38px;
            position: relative; }
            .content .main_about .main_introduce .m .slide .mySwiper .swiper-slide {
              overflow: hidden; }
              .content .main_about .main_introduce .m .slide .mySwiper .swiper-slide img {
                width: 100%;
                display: block; }
        .content .main_about .main_introduce .m ul {
          display: flex;
          align-items: center; }
          .content .main_about .main_introduce .m ul li {
            flex: 1;
            padding: 60px 0; }
            .content .main_about .main_introduce .m ul li p {
              text-align: center;
              font-size: 30px;
              color: #17991F;
              font-weight: bold;
              margin-bottom: 6px; }
            .content .main_about .main_introduce .m ul li span {
              display: block;
              text-align: center;
              font-size: 16px;
              color: #666; }
        .content .main_about .main_introduce .m .info {
          overflow: hidden;
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          margin-top: 40px; }
          .content .main_about .main_introduce .m .info .picture {
            overflow: hidden;
            width: 600px; }
            .content .main_about .main_introduce .m .info .picture img {
              width: 100%;
              display: block; }
          .content .main_about .main_introduce .m .info .grow {
            flex: 1;
            padding-top: 20px;
            padding-left: 60px; }
            .content .main_about .main_introduce .m .info .grow p {
              font-size: 20px;
              color: #333;
              font-weight: bold; }
            .content .main_about .main_introduce .m .info .grow span {
              display: block;
              font-size: 14px;
              color: #888;
              line-height: 2;
              margin-top: 20px; }
  .content .main_case_info {
    overflow: hidden;
    width: 100%;
    padding: 68px 0 80px 0; }
    .content .main_case_info .m {
      width: 1440px;
      margin: 0 auto; }
      .content .main_case_info .m .brands {
        overflow: hidden;
        width: 100%;
        margin-top: 50px; }
        .content .main_case_info .m .brands img {
          display: block;
          width: 100%;
          border-radius: 6px; }
        .content .main_case_info .m .brands ul {
          overflow: hidden;
          margin-top: 30px;
          padding-left: 30px;
          box-sizing: border-box; }
          .content .main_case_info .m .brands ul li {
            overflow: hidden;
            font-size: 16px;
            color: #333333;
            line-height: 33px; }
            .content .main_case_info .m .brands ul li span {
              font-weight: bold; }
      .content .main_case_info .m .case_list {
        overflow: hidden;
        margin-top: 110px; }
        .content .main_case_info .m .case_list .title {
          font-size: 30px;
          color: #000;
          font-weight: bold; }
        .content .main_case_info .m .case_list .box {
          overflow: hidden;
          display: flex;
          flex-wrap: wrap; }
          .content .main_case_info .m .case_list .box .label {
            overflow: hidden;
            width: 450px;
            margin-right: 45px;
            margin-top: 28px; }
            .content .main_case_info .m .case_list .box .label:nth-child(3n) {
              margin-right: 0; }
            .content .main_case_info .m .case_list .box .label:hover .picture img {
              transform: scale(1.03); }
            .content .main_case_info .m .case_list .box .label .picture {
              overflow: hidden;
              width: 100%;
              height: 250px;
              border-radius: 4px; }
              .content .main_case_info .m .case_list .box .label .picture img {
                width: 100%;
                height: 100%;
                transition: all .5s;
                display: block;
                object-fit: cover; }
            .content .main_case_info .m .case_list .box .label .info {
              overflow: hidden;
              padding: 16px 12px; }
              .content .main_case_info .m .case_list .box .label .info p {
                font-size: 18px;
                color: #333333;
                font-weight: bold; }
              .content .main_case_info .m .case_list .box .label .info div {
                display: flex;
                flex-wrap: wrap;
                align-items: center; }
                .content .main_case_info .m .case_list .box .label .info div span {
                  display: flex;
                  align-items: center;
                  padding: 0 12px;
                  height: 26px;
                  font-size: 14px;
                  color: #9e9e9f;
                  background: #f6f8fa;
                  border-radius: 3px;
                  border: 1px solid #E6EBF1;
                  margin-right: 10px;
                  margin-top: 8px; }
      .content .main_case_info .m .infos {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-top: 65px; }
        .content .main_case_info .m .infos .font {
          overflow: hidden;
          width: 850px; }
          .content .main_case_info .m .infos .font p {
            font-size: 30px;
            color: #333333;
            font-weight: bold; }
          .content .main_case_info .m .infos .font span {
            display: block;
            font-size: 16px;
            color: #7a7a7a;
            margin-top: 16px;
            line-height: 28px; }
        .content .main_case_info .m .infos ul {
          width: 340px;
          overflow: hidden;
          border-radius: 4px;
          border: 1px solid #E8EBEF; }
          .content .main_case_info .m .infos ul li {
            overflow: hidden;
            display: flex;
            align-items: center;
            height: 52px;
            border-bottom: 1px solid #E8EBEF; }
            .content .main_case_info .m .infos ul li:last-child {
              border: none; }
            .content .main_case_info .m .infos ul li div {
              font-size: 16px;
              width: calc(100% - 135px);
              height: 100%;
              display: flex;
              align-items: center;
              padding-left: 35px;
              color: #333333; }
              .content .main_case_info .m .infos ul li div:first-child {
                width: 135px;
                padding: 0;
                background: #F6F8FA;
                justify-content: center;
                font-weight: bold; }
  .content .des_banner {
    overflow: hidden;
    width: 100%; }
    .content .des_banner img {
      display: block;
      width: 100%; }
  .content .main_cases {
    overflow: hidden;
    width: 100%;
    padding: 130px 0 100px 0; }
    .content .main_cases .m {
      width: 1440px;
      margin: 0 auto; }
      .content .main_cases .m .list {
        width: 100%;
        padding-bottom: 62px; }
        .content .main_cases .m .list ul {
          width: 100%;
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          flex-wrap: wrap; }
          .content .main_cases .m .list ul li {
            overflow: hidden;
            margin-top: 60px;
            width: 704px; }
            .content .main_cases .m .list ul li:hover .picture .p {
              transform: scale(1.03); }
            .content .main_cases .m .list ul li:hover .picture .z div {
              transform: scale(0.95); }
            .content .main_cases .m .list ul li .head {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              .content .main_cases .m .list ul li .head .fl {
                overflow: hidden;
                padding-left: 10px;
                flex: 1; }
                .content .main_cases .m .list ul li .head .fl p {
                  font-size: 28px;
                  color: #333333;
                  font-weight: bold; }
                .content .main_cases .m .list ul li .head .fl span {
                  display: block;
                  font-size: 16px;
                  color: #333333;
                  margin-top: 10px; }
              .content .main_cases .m .list ul li .head .btn {
                overflow: hidden;
                width: 140px;
                height: 46px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 6px;
                background: #17991F;
                font-size: 16px;
                color: #fff; }
            .content .main_cases .m .list ul li .picture {
              width: 100%;
              height: 360px;
              overflow: hidden;
              position: relative;
              margin-top: 20px;
              border-radius: 6px; }
              .content .main_cases .m .list ul li .picture .p {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                transition: all .4s; }
              .content .main_cases .m .list ul li .picture .z {
                width: 100%;
                height: 100%;
                background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
                position: absolute;
                left: 0;
                top: 0;
                padding: 0 48px;
                padding-top: 68px; }
                .content .main_cases .m .list ul li .picture .z div {
                  width: 142px;
                  height: 142px;
                  border-radius: 50%;
                  margin: 0 auto;
                  margin-bottom: 46px;
                  background: rgba(255, 255, 255, 0.2);
                  padding: 4px;
                  overflow: hidden;
                  transition: all .4s; }
                  .content .main_cases .m .list ul li .picture .z div img {
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                    display: block;
                    object-fit: cover; }
                .content .main_cases .m .list ul li .picture .z span {
                  display: block;
                  font-size: 16px;
                  color: #fff;
                  line-height: 1.6; }

.page_list {
  display: flex;
  align-items: center;
  justify-content: center; }
  .page_list span {
    cursor: pointer;
    display: block;
    line-height: 34px;
    margin: 0 10px; }
    .page_list span:hover {
      color: #17991F; }
  .page_list a {
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 0 10px;
    font-size: 16px;
    color: #999999;
    margin: 0 5px;
    box-sizing: border-box;
    justify-content: center;
    border-radius: 3px;
    min-width: 34px;
    background: #F6F8FA;
    border: 1px solid #E8ECEF;
    transition: all .1s; }
    .page_list a.on {
      background: #17991F;
      color: #fff;
      border: 1px solid #17991F; }
    .page_list a:hover {
      background: #17991F;
      color: #fff;
      border: 1px solid #17991F; }

.fadein {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 999; }
  .fadein .box {
    width: 50%;
    position: relative; }
    .fadein .box .p {
      width: 100%; }
    .fadein .box .close {
      cursor: pointer;
      position: absolute;
      right: 8px;
      top: 8px;
      width: 30px;
      z-index: 9; }


@media screen and (max-width: 1600px) {
	.m{
		width: 1200px !important;
		min-width: 1200px !important;
	}
	.content .header .m .logo img{
		width: 160px;
	}
	.content .main_advantage .m .box .icon{
		width: 160px;
		top: 140px;
	}
	.content .main_problem{
		background-size: cover;
		background-position: left;
	}
	.content .main_service_team .m .box .label{
		width: 24%;
	}
	.content .main_service_cj .m .box .label{
		width: 32%;
	}
	.content .main_cases .m .list ul li{
		width: 48%;
	}
	.content .main_case_info .m .case_list .box .label{
		width: 32%;
		margin-right: 1.5%;
	}
	.content .main_news_info .m .news_box .box .fl{
		width: 70%;
	}
	.content .main_news_info .m .news_box .box .fl .page a{
		display: block;
		width: 100%;
		padding: 5px 0;
	}
	.content .main_case_data .m .box .mySwiper1 .swiper-slide{
		width: 49%;
		margin-right: 2%;
	}
	.content .main_case_data .m .box .label .picture{
		height: 320px;
	}
	.content .main_problem{
		background-position: left -160px bottom;
	}
	.content .main_news_info .m .news_box .box .fl .page{
		display: block;
	}
	.content .main_news .m .list ul li{
		width: 32%;
		margin-right: 1.5%;
	}
	.content .header .m .logo span{
		font-size: 16px;
	}
}
@media screen and (max-width: 1100px) {
	.m{
		width: 1440px !important;
		min-width: 1440px !important;
	}
}