@charset "UTF-8";
/*@media (max-width: 768px) {*/
@media (max-width: 767px) {
  /*导航*/
  .navbar-fixed-top {
    height: 50px; }
    .navbar-fixed-top .logo {
      height: 30px;
      width: 120px;
      background-size: auto 100%; }
  /*带手机壳的轮播*/
  .phone-swiper-wrap .swiper-slide {
    /*width: 225px; height: 450px;*/ }
    .phone-swiper-wrap .swiper-slide img {
      width: 32.8vw;
      height: 68vw; }
  .join1 .job_list .info {
    flex-direction: column; }
    .join1 .job_list .info .left {
      width: 100% !important; }
    .join1 .job_list .info .right {
      width: 100% !important; }
  .hotel5 li:not(:nth-child(2n)) {
    margin-right: 4px !important; }
  .hotel4 li:not(:nth-child(2n)) {
    margin-right: 8px !important; }
  .waimai2 .pc_img {
    display: none; }
  .waimai2 .mobile_img {
    display: block; } }

@media (max-width: 1024px) {
  .index-swiper-m {
    display: block; }
  .index-swiper-pc {
    display: none; }
  .news .row .li:first-child h6 {
    margin: 30px 10px 10px; }
  .news .row .li:first-child .list li {
    padding: 16px 10px; }
  /*banner头部*/
  .agent_top img {
    margin-top: 87px !important; }
  .navbar-fixed-top {
    border-bottom: none; }
  /*带手机壳的轮播*/
  /*.phone-swiper-wrap{

        max-width: 100%!important;

        .swiper-slide{

            !*width: 225px; height: 450px;*!

            img{

                width: 32.8vw; height: 68vw;

            }

        }

    }*/
  .fixBottom {
    display: block; }
  footer {
    padding-bottom: 49px; }
    footer .container {
      /*padding: 0 0 48px;*/
      padding: 0; }
    footer .copyright {
      font-size: 12px; }
    footer .row {
      flex-direction: column; }
      footer .row .li {
        padding: 15px 0;
        border-bottom: 1px solid #666666;
        position: relative; }
        footer .row .li h6 {
          margin-bottom: 0;
          font-size: 14px;
          padding: 0 15px; }
          footer .row .li h6::after {
            display: none; }
          footer .row .li h6::before {
            content: '';
            width: 10px;
            height: 10px;
            border: 2px solid #999999;
            border-top: none;
            border-right: none;
            transform: rotate(-45deg);
            display: inline-block;
            position: absolute;
            top: 5%;
            right: 15px; }
        footer .row .li .list {
          display: none;
          padding: 0 25px;
          margin-top: 15px; }
      footer .row .li:last-child {
        border-bottom: 0; }
        footer .row .li:last-child h6 {
          display: none; }
        footer .row .li:last-child .info {
          padding: 0 15px;
          display: flex;
          display: -webkit-flex;
          font-size: 13px; }
          footer .row .li:last-child .info img {
            flex: 0 0 125px;
            margin-right: 16px;
            height: 125px; }
          footer .row .li:last-child .info .phone {
            display: block; }
            footer .row .li:last-child .info .phone p:nth-child(2) {
              margin-top: 10px; }
              footer .row .li:last-child .info .phone p:nth-child(2) a {
                font-size: 20px;
                color: #ffffff; }
              footer .row .li:last-child .info .phone p:nth-child(2) i {
                width: 13px;
                height: 13px;
                background: url("../images/icon-fix2.png") no-repeat;
                background-size: 100% 100%;
                /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
                /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){

      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;

    } */
                display: block; }
          footer .row .li:last-child .info .btns {
            height: 28px;
            line-height: 28px;
            margin-left: 0; }
  .index_case .list, .case_page .list {
    margin: 0 !important;
    width: 100% !important; }
    .index_case .list > div, .case_page .list > div {
      padding: 0; }
  .index_case .list > div:nth-child(n+4), .smallWx5 .list > div:nth-child(n+4), .page_game_case .list > div:nth-child(n+4), .app6 .list > div:nth-child(n+4) {
    display: none; }
  .case_page .list > div:nth-child(n+5) {
    display: none; }
  .game5 {
    /*ul.row:nth-child(2){

            display: none;

        }*/ }
  .menu-wrapper {
    display: block;
    top: 15px; }
  /*手机壳*/
  .w_phone {
    max-width: 150px;
    height: 310px;
    margin: auto;
    pointer-events: none; }
    .w_phone .code_mask img {
      width: 60%; }
  .s_intro_three .icon {
    flex: 0 0 42px;
    height: 40px;
    margin-right: 10px; }
  .s_intro_three h5 {
    font-size: 16px;
    margin: 0 auto 4px;
    text-align: left; }
  .s_intro_three li {
    display: flex;
    border-radius: 2px;
    border: 1px solid #3d91ff;
    margin-bottom: 10px;
    text-align: left;
    padding: 20px 12px;
    font-size: 12px;
    max-width: 100%; }
  .s_intro_three li:not(:nth-child(3n)) {
    margin-right: 0px; }
  .s_intro li:not(:nth-child(4n)) {
    margin-right: 0; }
  .s_intro.row {
    padding: 0 15px; }
  .s_intro li {
    display: flex;
    padding: 20px 12px 20px 20px;
    max-width: 100%;
    margin-bottom: 10px;
    height: auto; }
    .s_intro li h5 {
      text-align: left;
      margin: 0 0 6px;
      font-size: 16px; }
    .s_intro li p {
      font-size: 12px; }
    .s_intro li img {
      flex: 0 0 50px;
      height: 50px;
      margin-right: 18px; }
    .s_intro li .icon {
      flex: 0 0 50px;
      margin-right: 18px; }
  .s_intro_four.row {
    padding: 0 15px; }
  .s_intro_four li {
    flex-direction: column;
    border-radius: 4px;
    /*border:1px solid rgba(230,232,238,1);*/
    /*max-width: 165px;*/
    margin-bottom: 15px;
    height: auto;
    /*padding: 21px 18px 29px;*/
    padding: 0;
    /*&:not(:nth-child(2n)){

                margin-right: 14px;

            }*/ }
    .s_intro_four li .icon {
      margin: 0 auto;
      width: 54px; }
    .s_intro_four li h5 {
      margin: 22px auto;
      font-size: 14px; }
    .s_intro_four li p {
      font-size: 12px; }
    .s_intro_four li:not(:nth-child(4n)) {
      margin-right: 0px; }
  .s_intro_four li:nth-child(even) {
    padding: 0 0 0 10px; }
  .s_intro_four li:nth-child(odd) {
    padding: 0 10px 0 0; }
  .s_intro_four .wrap {
    border: 1px solid #e6e8ee;
    padding: 21px 18px 29px;
    height: 234px; }
  .pic_intro {
    /*图片带文字*/ }
    .pic_intro.row {
      padding: 0 10px; }
    .pic_intro li {
      height: 64px;
      margin-bottom: 8px;
      /*max-width: 112px;*/
      padding: 0 3px;
      pointer-events: none;
      /*&:not(:nth-child(3n)){

                margin-right: 2%;

            }*/ }
      .pic_intro li:not(:nth-child(4n)) {
        margin-right: 0; }
      .pic_intro li h5 {
        font-size: 12px;
        top: 20px; }
        .pic_intro li h5::after {
          height: 2px;
          bottom: -10px; }
  .fixRight {
    display: none; }
  .block {
    padding: 20px 0; }
  .navbar .menu {
    display: none; }
  /*.phone-menu{ !*菜单*!

        !*display: block;*!

        .list{

            width: 295px; height: 100%; background: #fff; position: absolute; right: 0; color: #666666; box-sizing: border-box;

            padding-top: 36px; font-size: 15px; overflow-y: auto; -webkit-overflow-scrolling: touch;

            > li{

                !*height: 66px; line-height: 66px;*! padding: 20px 15px;

                a{

                    color: #666666;

                }

                &.active{

                    color: #1C69F7;

                    .icon1{

                        @include bg-image('/m/icon-home-active')

                    }

                    .icon2{

                        @include bg-image('/m/icon-solution-active')

                    }

                    .icon3{

                        @include bg-image('/m/icon-case-active')

                    }

                    .icon4{

                        @include bg-image('/m/icon-about-active')

                    }

                    .icon5{

                        @include bg-image('/m/icon-news-active')

                    }

                    .icon6{

                        @include bg-image('/m/icon-contact-active')

                    }

                }

                .icon{

                    width: 18px; height: 16px; display: block; margin-right: 17px;

                }

                .icon1{

                    @include bg-image('/m/icon-home')

                }

                .icon2{

                    @include bg-image('/m/icon-solution')

                }

                .icon3{

                    @include bg-image('/m/icon-case')

                }

                .icon4{

                    @include bg-image('/m/icon-about')

                }

                .icon5{

                    @include bg-image('/m/icon-news')

                }

                .icon6{

                    @include bg-image('/m/icon-contact')

                }

            }

            > li:nth-child(3){

                background: #EEEEEE;

            }

            .c-list{

                padding-left: 30px;

                li{

                    padding: 16px 0;

                }

            }

        }

    }*/
  /*首页大标题*/
  .w-title {
    padding: 0 24px;
    box-sizing: border-box;
    margin-bottom: 20px; }
    .w-title .englistTitle {
      font-size: 18px; }
    .w-title h1.i_title {
      font-size: 14px;
      margin-bottom: 0px;
      /*margin-bottom: 20px;*/ }
      .w-title h1.i_title::after {
        display: none; }
    .w-title::after {
      content: '';
      display: block;
      background: #1C69F7;
      width: 3px;
      height: 100%;
      position: absolute;
      left: 14px;
      top: 0; }
  .w_title2 {
    padding: 0 36px;
    margin-bottom: 20px; }
    .w_title2 h2 {
      font-size: 18px; }
    .w_title2 p {
      font-size: 12px; }
  .w-title3 {
    margin-bottom: 20px; }
    .w-title3 h2 {
      font-size: 18px;
      margin-bottom: 5px; }
    .w-title3 .desc {
      font-size: 12px; }
  /*联系我们*/
  .contact {
    padding-bottom: 20px; }
    .contact .d-flex {
      padding: 28px 0 0;
      margin: 0 15px;
      flex-direction: column;
      font-size: 12px; }
      .contact .d-flex .li {
        margin-bottom: 25px !important; }
        .contact .d-flex .li p:nth-child(1) {
          margin-bottom: 10px; }
    .contact .left {
      padding: 0 10px; }
      .contact .left .phone {
        font-size: 38px; }
      .contact .left .email {
        font-size: 16px; }
      .contact .left .address {
        font-size: 14px; }
  /*报价*/
  .consult {
    font-size: 14px;
    height: 120px; }
    .consult p {
      margin: 23px 37px 12px;
      letter-spacing: 1px; }
    .consult .btn-consult {
      width: 100px;
      height: 30px;
      line-height: 30px;
      font-size: 13px; }
  /*文章详情*/
  .article {
    padding: 80px 0 58px !important; }
    .article .container {
      padding: 0 !important; }
    .article h1 {
      padding: 0 15px;
      font-size: 20px !important; }
    .article .middle {
      font-size: 14px;
      padding-bottom: 7px !important; }
      .article .middle .date {
        margin-right: 15px; }
    .article .content {
      padding: 20px 15px 40px !important; }
      .article .content img {
        width: 100% !important;
        height: auto !important; }
  /*案例页头部*/
  .bannerTop2 img {
    margin-top: 115px !important; }
  .bannerTop {
    height: 300px !important; }
    .bannerTop img {
      width: 95% !important; }
    .bannerTop .wrap {
      padding-top: 80px !important;
      padding-right: 10px !important;
      transform: scale(0.8);
    }
      .bannerTop .wrap > p:nth-child(1) {
        font-size: 24px;
        margin-bottom: 10px; }
      .bannerTop .wrap > p:nth-child(2) {
        font-size: 12px;
        letter-spacing: 4px; }
      .bannerTop .wrap .nums {
        height: 78px;
        padding: 0 34px;
        font-size: 12px; }
        .bannerTop .wrap .nums > div {
          width: 76px; }
        .bannerTop .wrap .nums .num {
          font-size: 34px;
          font-weight: 600; }
    .bannerTop .tryout {
      bottom: 74px; }
    .bannerTop .w_text {
      padding: 139px 30px 0; }
      .bannerTop .w_text .title {
        font-size: 24px;
        margin-bottom: 30px; }
        .bannerTop .w_text .title::after {
          width: 25px;
          height: 3px;
          bottom: -12px; }
      .bannerTop .w_text .desc {
        font-size: 12px; }
      .bannerTop .w_text .circle {
        width: 23px;
        height: 23px;
        margin-top: 20px; }
  .case {
    padding-bottom: 20px; }
    .case .case-menu {
      padding: 0 15px;
      margin-bottom: 10px; }
      .case .case-menu li {
        width: 102px;
        height: 30px;
        line-height: 30px;
        margin-bottom: 11px;
        font-size: 12px;
        margin-right: 0px; }
        .case .case-menu li i {
          width: 15px;
          height: 15px; }
      .case .case-menu li:not(:nth-child(3n)) {
        margin-right: 10px; }
    .case .caseList {
      padding: 0 15px; }
      .case .caseList .list:not(:first-child) {
        display: none; }
      .case .caseList .li:nth-child(2) {
        margin: 0 0 30px; }
    .case .pagination {
      display: none; }
  /*新闻页*/
  .newsDynamic .w_top {
    flex-direction: column;
    align-items: flex-start !important; }
    .newsDynamic .w_top .classify {
      margin-top: 20px;
      width: 100%;
      border-bottom: 1px solid #DDDDDD; }
      .newsDynamic .w_top .classify p {
        width: 84px;
        line-height: 28px;
        height: 28px;
        font-size: 12px;
        margin-left: 15px; }
  .newsDynamic .list {
    padding: 0 15px;
    margin: 20px 0 0;
    width: 100% !important; }
    .newsDynamic .list .li {
      height: 368px; }
      .newsDynamic .list .li a {
        line-height: 33px; }
    .newsDynamic .list li {
      padding: 0; }
    .newsDynamic .list li:nth-child(n+4) {
      display: none; }
  .newsDynamic .newsList {
    padding: 0 15px;
    margin-top: 20px; }
    .newsDynamic .newsList .list:not(:first-child) {
      display: none; }
    .newsDynamic .newsList .li:nth-child(2) {
      margin: 0 0 30px; }
  /*代理商*/
  .bannerTop .apply {
    width: 73px;
    height: 26px;
    line-height: 26px;
    bottom: 47px;
    font-size: 12px; }
  h2.title2 {
    margin-bottom: 30px;
    font-size: 18px; }
    h2.title2::after {
      height: 3px;
      width: 40px; }
  .agent1 {
    padding: 30px 15px; }
    .agent1 li {
      margin: 0 0 10px;
      font-size: 12px;
      padding: 27px 15px; }
      .agent1 li:not(:nth-child(3n)) {
        margin-right: 0; }
    .agent1 .left h3 {
      font-size: 19px; }
  .agent2 ul {
    padding: 0 35px; }
  .agent2 li {
    height: auto;
    margin-bottom: 20px; }
    .agent2 li p {
      font-size: 16px;
      padding: 25px 40px; }
    .agent2 li img {
      height: 154px; }
    .agent2 li:not(:nth-child(3n)) {
      margin-right: 0; }
  .agent3 {
    padding-bottom: 20px; }
    .agent3 ul {
      padding: 0 15px; }
    .agent3 li {
      display: flex;
      justify-content: space-between;
      max-width: 100%;
      align-items: flex-start;
      font-size: 12px; }
      .agent3 li img {
        width: 80px;
        height: 80px;
        margin: 0 15px 0 0;
        flex: 0 0 80px; }
      .agent3 li h5 {
        margin: 0 0 10px;
        text-align: left;
        font-size: 16px; }
    .agent3 li:not(:last-child) {
      margin: 0 0 50px !important; }
  .agent4 ul {
    padding: 0 15px;
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap; }
  .agent4 li {
    font-size: 12px;
    /*padding: 30px 28px;*/
    /*max-width: 160px;*/
    flex: 0 0 50%;
    margin-right: 0 !important;
    margin-bottom: 15px; }
    .agent4 li img {
      width: 42px;
      height: 42px; }
    .agent4 li .wrap {
      padding: 30px 20px;
      height: 200px; }
    .agent4 li:nth-child(odd) {
      padding-left: 0; }
    .agent4 li:nth-child(even) {
      padding-right: 0; }
  .agent4 h5 {
    font-size: 16px;
    margin-top: 17px; }
  .agent4 li:not(:nth-child(2n)) {
    /*margin-right: 10px!important;*/ }
  .agent5 {
    padding-bottom: 40px; }
    .agent5 .process {
      display: block; }
    .agent5 ul {
      display: none; }
  /*案例详情*/
  .case_detail1 {
    background-size: auto 100% !important;
    background-position: left bottom; }
  .case_detail2 {
    padding-top: 0;
    font-size: 12px; }
    .case_detail2 .d-flex {
      flex-direction: column; }
    .case_detail2 .left {
      width: 100%;
      padding: 30px 16px; }
      .case_detail2 .left .title {
        margin: 34px auto 16px;
        font-size: 14px; }
    .case_detail2 h3 {
      font-size: 22px; }
    .case_detail2 h2 {
      font-size: 34px;
      margin-bottom: 46px; }
    .case_detail2 .right {
      padding: 30px 15px;
      width: 100%; }
    .case_detail2 .content {
      margin: 10px 15px 0;
      padding: 20px; }
  /*联系我们*/
  .page_contact .tab {
    margin-bottom: 20px; }
    .page_contact .tab ul {
      margin: 0 15px; }
      .page_contact .tab ul li {
        width: 84px;
        height: 28px;
        line-height: 28px;
        font-size: 12px; }
  .page_contact2 {
    padding-top: 40px; }
    .page_contact2 .d-flex {
      flex-direction: column; }
    .page_contact2 .w-title3 {
      margin: 0 30px; }
    .page_contact2 h2 {
      font-size: 18px; }
    .page_contact2 .desc {
      font-size: 12px; }
    .page_contact2 .left, .page_contact2 .right {
      padding: 0 15px; }
    .page_contact2 form .left {
      margin-right: 0;
      height: 300px;
      margin: 20px 0; }
    .page_contact2 form input, .page_contact2 form textarea {
      width: 100%; }
    .page_contact2 form input {
      height: 52px;
      text-indent: 1em; }
    .page_contact2 form textarea {
      height: 140px; }
    .page_contact2 form .btn-more {
      margin-top: 30px; }
  .page_contact3 {
    height: 150px;
    padding: 0 15px; }
    .page_contact3 h2 {
      margin: 15px auto 6px;
      font-size: 14px; }
    .page_contact3 .w-title3 {
      margin-bottom: 16px; }
    .page_contact3 .desc {
      font-size: 12px; }
    .page_contact3 a {
      width: 99px;
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      margin-top: 0px; }
  /*加入我们*/
  .join1 .tab ul {
    overflow-x: auto; }
    .join1 .tab ul li {
      flex: 0 0 84px;
      height: 28px;
      line-height: 28px;
      font-size: 12px; }
  .join1 .job_list {
    padding: 0 15px; }
    .join1 .job_list > li {
      margin-top: 10px;
      padding: 20px 10px 0;
      /* margin: 0 15px;*/ }
    .join1 .job_list .title {
      font-size: 24px;
      margin-bottom: 25px; }
    .join1 .job_list .info {
      /*flex-direction: column;*/ }
      .join1 .job_list .info h5 {
        width: 96px;
        height: 27px;
        line-height: 27px;
        font-size: 14px;
        margin-top: 10px; }
      .join1 .job_list .info ul {
        margin-left: 0; }
      .join1 .job_list .info .left {
        padding-left: 0;
        width: 50%; }
      .join1 .job_list .info .right {
        width: 50%; }
      .join1 .job_list .info li {
        font-size: 14px; }
  .join2 {
    padding: 0 0 30px; }
    .join2 h3 {
      margin-bottom: 10px;
      font-size: 14px; }
    .join2 a {
      font-size: 14px; }
  /*酒店*/
  .smallWx1 li:not(:nth-child(4n)) {
    margin-right: 0; }
  .smallWx1 .row {
    padding: 0 15px; }
  .smallWx1 li {
    display: flex;
    padding: 20px 12px 20px 20px;
    max-width: 100%;
    margin-bottom: 10px; }
    .smallWx1 li h5 {
      text-align: left;
      margin: 0 0 6px;
      font-size: 16px; }
    .smallWx1 li p {
      font-size: 12px; }
    .smallWx1 li img {
      flex: 0 0 50px;
      height: 50px;
      margin-right: 18px; }
  .hotel1 .icon {
    flex: 0 0 50px;
    margin-right: 20px; }
  .hotel2 {
    display: none; }
  .hotel3 ul {
    flex-wrap: wrap;
    padding: 0 15px; }
  .hotel3 li {
    max-width: 49.27%;
    max-height: 100px;
    margin-bottom: 6px;
    pointer-events: none; }
    .hotel3 li .num {
      display: none; }
    .hotel3 li p {
      top: 41px;
      font-size: 12px; }
      .hotel3 li p::after {
        content: '';
        display: block;
        background: #ffffff;
        width: 15px;
        height: 2px;
        margin: 8px auto; }
  .hotel3 li:not(:nth-child(2n)) {
    margin-right: 4px; }
  .hotel4 {
    padding-bottom: 0; }
    .hotel4 .title2 {
      margin-bottom: 70px; }
    .hotel4 .icon {
      width: 61px;
      height: 61px;
      margin-top: -30px; }
    .hotel4 p {
      font-size: 12px; }
    .hotel4 h5 {
      font-size: 14px;
      margin: 10px auto; }
    .hotel4 ul {
      padding: 0 15px; }
    .hotel4 li {
      max-width: 48.69%;
      padding: 0 24px;
      height: 132px;
      margin-bottom: 50px; }
      .hotel4 li:not(:last-child) {
        margin-right: 0; }
      .hotel4 li:not(:nth-child(2n)) {
        margin-right: 0px; }
  .hotel5 li {
    padding: 17px 10px;
    margin-bottom: 5px;
    align-items: center;
    max-width: 49.29%; }
    .hotel5 li:not(:nth-child(3n)) {
      margin-right: 0; }
    .hotel5 li:not(:nth-child(2n)) {
      margin-right: 0px; }
  .hotel5 .icon {
    width: 32px;
    height: 30px; }
  .hotel5 ul {
    padding: 0 10px; }
  .hotel5 p {
    font-size: 12px; }
  .hotel5 h3 {
    font-size: 14px;
    margin: 0px auto 2px; }
  .hotel6 {
    padding-bottom: 0; }
    .hotel6 img {
      width: 100%; }
    .hotel6 li {
      margin-bottom: 30px; }
    .hotel6 p {
      margin-top: 15px;
      font-size: 16px; }
  .pc_intro h2 {
    font-size: 16px; }
  .pc_intro .desc {
    font-size: 14px; }
  .pc_intro .wrap {
    font-size: 12px; }
  /*关于*/
  .introduction .d-flex {
    flex-direction: column;
    padding: 0 15px; }
  .introduction .left {
    max-width: 100%; }
    .introduction .left .title {
      font-size: 18px;
      margin-bottom: 20px; }
    .introduction .left .desc {
      font-size: 12px;
      margin-bottom: 20px; }
  .introduction .right {
    max-width: 100%; }
  .team {
    /*.icon{

            flex: 0 0 42px; height: 40px; margin-right: 10px;

        }

        h5{

            font-size: 16px; margin: 0 auto 4px;

        }

        li{

            display: flex; border-radius: 2px; border: 1px solid rgba(221,221,221,1); margin-bottom: 10px; text-align: left; padding: 20px 12px;

            font-size: 12px;

        }*/ }
    .team ul {
      padding: 0 15px; }
  .coreTeam .d-flex {
    flex-direction: column; }
  .coreTeam .left {
    max-width: 100%;
    padding: 0 15px; }
    .coreTeam .left .title {
      font-size: 18px;
      margin-bottom: 20px; }
    .coreTeam .left .desc {
      font-size: 12px;
      margin-bottom: 15px; }
  .coreTeam .right {
    width: 100%; }
  .coreTeam #hand-swiper {
    display: none; }
  .coreTeam #hand-swiper-m {
    display: block; }
  .core {
    background-color: #ffffff; }
    .core ul {
      padding: 0 15px; }
    .core h4 {
      margin-top: 15px;
      font-size: 14px; }
    .core li {
      border-radius: 4px;
      margin-bottom: 30px;
      /*max-width: 47.82%;*/
      /*&:not(:nth-child(2n)){

                margin-right: 14px;

            }*/ }
      .core li div {
        padding: 0px 9px;
        /*height: 190px;*/
        /*border: 1px solid rgba(230,232,238,1);*/ }
      .core li i {
        width: 42px;
        height: 40px; }
      .core li p {
        color: #666666;
        font-size: 12px; }
  /*外卖*/
  /*.waimaiTop{

        img{

            margin-top: 115px!important;

        }

    }*/
  .waimai1 {
    height: 279px;
    padding-top: 30px; }
    .waimai1 .d-flex {
      flex-direction: column;
      position: relative; }
    .waimai1 .left {
      padding: 0 15px;
      max-width: 100%; }
      .waimai1 .left .desc {
        font-size: 12px; }
    .waimai1 .bg2 {
      width: 90%;
      display: block;
      margin: auto;
      position: absolute;
      left: 0;
      right: 0;
      top: 90px; }
    .waimai1 .w_code {
      width: fit-content;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top: 370px; }
  .waimai2 {
    padding: 390px 0 40px;
    /*.mobile_img{

            display: block;

        }*/ }
    .waimai2 h2 {
      font-size: 18px;
      margin-bottom: 30px; }
    .waimai2 .pc_img {
      width: 100%; }
  .waimai11 .w_title {
    padding: 0 30px;
    margin-bottom: 10px; }
    .waimai11 .w_title h2 {
      font-size: 18px; }
    .waimai11 .w_title .desc {
      font-size: 12px; }
  .waimai11 .icon {
    width: 61px;
    height: 61px;
    margin-top: -30px; }
  .waimai11 li {
    margin-top: 50px; }
    .waimai11 li h5 {
      font-size: 14px;
      margin: 0 auto 15px; }
    .waimai11 li p {
      font-size: 12px; }
    .waimai11 li div {
      height: 150px;
      padding: 40px 15px; }
    .waimai11 li:nth-child(odd) {
      padding-right: 5px; }
    .waimai11 li:nth-child(even) {
      padding-left: 5px; }
  .waimai12 .btn-more {
    margin-top: 0; }
  .waimai12 h2 {
    font-size: 18px;
    margin-bottom: 20px; }
  .waimai13 .show_list {
    display: none; }
  .waimai13 .show_list_swiper {
    display: block; }
  .waimai13 h2 {
    font-size: 18px;
    margin-bottom: 20px; }
  .wm_intro {
    display: none; }
  .wm_intro_m {
    display: block; }
  /*小程序*/
  .smallWx2 .w_title2 {
    margin-bottom: 0; }
  .smallWx2 li {
    margin-top: 50px;
    padding: 0; }
    .smallWx2 li h5 {
      font-size: 13px; }
  .smallWx3 {
    /*ul{

            padding: 0 10px;

        }

        li{

            height: 64px; margin-bottom: 8px; max-width: 112px;

            &:not(:nth-child(4n)){

                margin-right: 0;

            }

            &:not(:nth-child(3n)){

                margin-right: 2%;

            }

            h5{

                font-size: 12px; top: 20px;

                &::after{

                    height: 2px; bottom: -10px;

                }

            }

        }*/ }
  .process-m {
    display: block; }
  .process {
    background: #F6FAFF;
    display: block;
  }
    .process ul {
      flex-direction: column;
      margin: 0 15px;
      border-radius: 2px;
      border: 1px solid #dddddd; }
      .process ul li {
        display: flex;
        padding: 20px 15px;
        max-width: 100%;
        width: 100%;
        height: auto;
        max-height: auto; }
        .process ul li .desc {
          font-size: 12px; }
        .process ul li h4 {
          color: #333333;
          margin: 0 auto 10px;
          font-size: 18px; }
        .process ul li .num {
          line-height: 1;
          margin-right: 19px; }
        .process ul li img {
          display: none; }
        .process ul li.active {
          background: transparent; }
          .process ul li.active .num {
            color: #1C69F7; }
          .process ul li.active .desc {
            color: #666666; }
        .process ul li:not(:last-child)::before {
          display: none; }
        .process ul li:not(:last-child)::after {
          display: none; }
  /*H5互动营销游戏*/
  /*.game1,.game3{

        li:not(:nth-child(4n)){

            margin-right: 0;

        }

        .row{

            padding: 0 15px;

        }

        li{

            display: flex; padding: 20px 12px 20px 20px; max-width: 100%; margin-bottom: 10px; height: auto;

            h5{

                text-align: left; margin: 0 0 6px; font-size: 16px;

            }

            p{

                font-size: 12px;

            }

            img{

                flex: 0 0 50px; height: 50px; margin-right: 18px;

            }

            .icon{

                flex: 0 0 50px; margin-right: 18px;

            }

        }

    }*/
  .game2 img {
    width: 100%; }
  .game3 {
    padding-bottom: 0;
    border-bottom: 10px solid #F5F5F5; }
    .game3 li:not(:last-child) {
      border-bottom: 1px solid #EEEEEE; }
  .game5 ul {
    padding: 0 20px; }
  .game5 li {
    margin-bottom: 20px;
    justify-content: space-between;
    /*&:not(:nth-child(4n)){

                margin-right: 0;

            }

            &:not(:nth-child(2n)){

                margin-right: 30px;

            }*/ }
  /*app*/
  .app1 ul {
    padding: 0 15px; }
  .app3 {
    border-bottom: 10px solid #F5F5F5; }
  .app5 {
    border-bottom: 10px solid #F5F5F5; }
    .app5 li:not(:last-child) {
      border-bottom: 1px solid #EEEEEE; }
    .app5 .icon {
      margin-top: 0 !important;
      flex: 0 0 54px !important; }
  /*网站定制*/
  .pc1 {
    padding-bottom: 10px; }
    .pc1 ul {
      padding: 0 15px; }
    .pc1 li {
      padding: 27px 30px;
      margin-bottom: 10px; }
    .pc1 h3 {
      font-size: 17px; }
    .pc1 p {
      font-size: 12px; }
    .pc1 .icon {
      width: 44px;
      height: 41px; }
    .pc1 li:not(:nth-child(2n)) {
      margin-right: 0; }
  /*游戏模板*/
  .game_mould1 {
    padding-top: 30px;
    height: 279px; }
    .game_mould1 .d-flex {
      flex-direction: column; }
    .game_mould1 .desc {
      font-size: 12px;
      padding: 0 15px; }
    .game_mould1 .w_search {
      display: none !important; }
    .game_mould1 .bg2 {
      width: 90%;
      display: block;
      margin: auto; }
  .game_mould2 {
    padding-top: 250px;
    padding-bottom: 40px; }
    .game_mould2 .w-title3 {
      padding: 0 20px; }
    .game_mould2 ul {
      padding: 0 15px;
      flex-wrap: wrap; }
      .game_mould2 ul li {
        flex-direction: column;
        border-radius: 4px;
        margin-bottom: 15px;
        height: auto;
        padding: 0;
        max-width: 50%; }
        .game_mould2 ul li .icon {
          margin: 0 auto;
          width: 64px;
          height: 64px; }
        .game_mould2 ul li h5 {
          margin: 22px auto;
          font-size: 14px; }
        .game_mould2 ul li p {
          font-size: 12px;
          padding: 0 10px; }
        .game_mould2 ul li:not(:last-child) {
          margin-right: 0px; }
        .game_mould2 ul li:last-child {
          display: none; }
      .game_mould2 ul li:nth-child(even) {
        padding: 0 0 0 10px; }
      .game_mould2 ul li:nth-child(odd) {
        padding: 0 10px 0 0; }
      .game_mould2 ul .wrap {
        border: 1px solid #e6e8ee;
        padding: 21px 18px 29px;
        height: 234px; }
  .game_mould3 .game_case {
    padding-top: 24px;
    /*.case_list{

                padding: 30px 15px; height: auto;

                .d-flex{

                    flex-direction: column;

                }

            }*/ }
    .game_mould3 .game_case .w_top {
      padding: 0 15px; }
      .game_mould3 .game_case .w_top .desc {
        font-size: 14px; }
      .game_mould3 .game_case .w_top .right {
        width: 73px;
        height: 30px;
        line-height: 30px;
        font-size: 12px; }
      .game_mould3 .game_case .w_top .line {
        height: 4px;
        width: 72px;
        margin-top: 6px; }
      .game_mould3 .game_case .w_top .tag li {
        transform: scale(0.7);
        margin-left: 0; }
    .game_mould3 .game_case .case_list2 {
      padding: 30px 15px;
      height: auto; }
      .game_mould3 .game_case .case_list2 li {
        margin-bottom: 10px; }
        .game_mould3 .game_case .case_list2 li .w_game_case {
          max-width: 168px;
          height: 308px;
          margin: auto; }
          .game_mould3 .game_case .case_list2 li .w_game_case .bg {
            width: 100%; }
      .game_mould3 .game_case .case_list2 .list_child_bottom {
        height: 42px; }
        .game_mould3 .game_case .case_list2 .list_child_bottom a {
          width: 76px;
          height: 20px;
          line-height: 18px;
          font-size: 12px; }
  .game_mould3 h3 {
    font-size: 18px;
    margin-bottom: 0; }
  .game_mould4 {
    padding-bottom: 0; }
    .game_mould4 ul {
      padding: 0 10px; }
    .game_mould4 h3 {
      font-size: 18px;
      margin-bottom: 37px; }
    .game_mould4 li {
      padding: 0; }
      .game_mould4 li > div {
        align-items: flex-start !important;
        margin-bottom: 10px; }
      .game_mould4 li img {
        width: 124px;
        height: 73px;
        margin-left: 39px; }
    .game_mould4 h5 {
      font-size: 14px; }
    .game_mould4 .num {
      font-size: 30px; }
      .game_mould4 .num::after {
        width: 4px;
        top: 0;
        height: 30px; }
    .game_mould4 .right p {
      font-size: 12px; }
  .game_mould5 {
    height: auto; }
    .game_mould5 h3 {
      font-size: 18px;
      margin-bottom: 30px; }
    .game_mould5 .list1 {
      display: none; }
    .game_mould5 .list3 {
      line-height: 1;
      display: flex;
      padding: 0 40px; }
      .game_mould5 .list3 li {
        text-align: right;
        margin-bottom: 25px; }
        .game_mould5 .list3 li:nth-child(odd) {
          padding-right: 30px; }
      .game_mould5 .list3 .num {
        font-size: 36px;
        font-weight: bold;
        margin-right: 6px; }
      .game_mould5 .list3 .desc {
        font-size: 12px;
        margin-top: 6px; }
    .game_mould5 .list2 {
      padding: 0 15px; }
      .game_mould5 .list2 li {
        padding: 0; }
        .game_mould5 .list2 li img {
          width: 100%;
          height: 100%; }
  /*首页*/
  .pcContain {
    height: 300px;
    /*.swiper-text{

            top: 100px; !*text-align: center;*! padding-left: 15px;

            h2{

                font-size: 18px;

            }

            .desc{

                font-size: 12px; margin-top: 30px;

            }

        }*/ }
    .pcContain img {
      height: 300px; }
    .pcContain i {
      height: 300px; }
  .product ul {
    padding: 0 15px; }
  .product .s_intro_three {
    max-width: 100%; }
  .product li {
    display: unset;
    border-radius: 4px; }
    .product li .icon {
      margin: auto; }
    .product li h5 {
      text-align: center;
      margin: 30px auto 20px; }
  .office .office1 {
    display: none; }
  .office .office2 {
    display: block;
    padding: 0 15px; }
    .office .office2 .bg1 {
      width: 100%;
      height: 32.53vw;
      margin-bottom: 6px; }
    .office .office2 .bg2, .office .office2 .bg3 {
      width: 45vw;
      height: 26.67vw; }
  .news .row {
    padding: 0 15px; }
    .news .row .li {
      max-width: 100%;
      margin: 0; }
  .news .li {
    /*margin: auto; */ }
    .news .li .btn-more {
      display: none; }
    .news .li .list li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      .news .li .list li:nth-child(n+3) {
        display: none; }
  .news .li:not(:first-child) {
    display: none; }
  .news .news2 {
    padding: 0 15px;
    display: block; }
    .news .news2 h4 {
      font-size: 18px;
      font-weight: 600;
      margin: 21px auto 0;
      color: #333333; }
    .news .news2 h5 {
      font-size: 17px;
      font-weight: 600;
      color: #333333;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
    .news .news2 p {
      color: #999999; }
    .news .news2 li {
      padding: 15px 0;
      border-bottom: 1px solid #EEEEEE;
      font-size: 14px;
      width: 100%; }
      .news .news2 li div {
        width: 58.67vw; }
      .news .news2 li p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
    .news .news2 img {
      width: 110px;
      height: 72px;
      margin-right: 15px;
      flex: 0 0 110px; }
  .partner {
    padding: 0 15px;
    background: #ffffff; }
    .partner .container {
      background-size: 0; }
    .partner .w-title {
      padding-left: 9px; }
      .partner .w-title::after {
        left: 0; }
    .partner li {
      pointer-events: none;
      border: none;
      padding: 20px;
    }
      .partner li .right {
        display: none; }
      .partner li .left {
        display: block;
        margin: auto;
         }
    .partner ul {
      border: none; }
  /*网站建设解决模板*/
  .pc_intro {
    display: none; }
  .pc_intro_m {
    display: block; }
  .pc_mould1 {
    padding-top: 30px;
    height: 279px; }
    .pc_mould1 h2 {
      font-size: 18px;
      margin-bottom: 20px; }
    .pc_mould1 p {
      color: #666666;
      font-size: 12px; }
    .pc_mould1 .pc_mould_title1 {
      width: 100%;
      padding: 0 20px; }
    .pc_mould1 img {
      width: 100%;
      bottom: -25px; }
  .pc_mould2 {
    padding-top: 60px;
    padding-bottom: 0; }
    .pc_mould2 h2 {
      font-size: 18px;
      margin-bottom: 20px; }
    .pc_mould2 li {
      margin-bottom: 35px; }
    .pc_mould2 .icon {
      width: 80px;
      height: 80px;
      margin-bottom: 20px; }
  .pc_mould8 h2 {
    font-size: 18px;
    margin-bottom: 10px; }
  .pc_mould8 .w_search {
    transform: scale(0.6);
    margin-bottom: 20px; }
  .pc_mould8 ul {
    padding: 0 15px; }
  .pc_mould9 {
    display: none; }
    .pc_mould9 h2 {
      font-size: 18px;
      margin-bottom: 20px; }
  .pc_mould9_m {
    padding: 30px 0;
    display: block; }
    .pc_mould9_m h2 {
      font-size: 18px;
      margin-bottom: 20px; }
    .pc_mould9_m p {
      font-size: 12px; }
  .pc_mould10 h2 {
    font-size: 18px;
    margin-bottom: 20px; }
  .pc_mould10 h5 {
    font-size: 14px;
    margin-bottom: 0; }
  .pc_mould10 p {
    font-size: 12px; }
  .pc_mould10 .icon {
    width: 43px;
    height: 43px;
    margin-bottom: 30px; }
  .pc_mould10 .num {
    font-size: 60px; }
  .pc_mould10 li {
    margin-bottom: 12px; }
    .pc_mould10 li .wrap {
      padding: 34px 15px 0;
      height: 260px; }
  .pc_mould11 {
    height: 335px;
    padding-top: 40px; }
    .pc_mould11 h2 {
      font-size: 18px;
      margin-bottom: 20px; }
    .pc_mould11 ul {
      padding: 0 10px; }
    .pc_mould11 li {
      width: 100%;
      font-size: 12px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      height: 32px;
      line-height: 32px; }
  .pc_mould12 .show_list {
    display: none; }
  .pc_mould12 .show_list_swiper {
    display: block; }
  /*商城*/
  .shop_mould_top .wrap {
    padding-top: 98px; }
    .shop_mould_top .wrap > p:nth-child(2) {
      letter-spacing: 1px !important; }
    .shop_mould_top .wrap h3 {
      font-size: 25px; }
    .shop_mould_top .wrap .border {
      width: 225px;
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      margin: 24px auto 5px; }
      .shop_mould_top .wrap .border span {
        font-size: 17px; }
  .shop_title {
    font-size: 18px; }
  .shop_desc {
    font-size: 12px;
    padding: 0 15px;
    margin-bottom: 30px; }
  .shop_mould1 img {
    width: 95%; }
  .shop_mould2 {
    display: none; }
  .shop_mould2_m {
    display: block; }
  .shop_mould4 .bg1 {
    display: none; }
  .shop_mould4 .bg2 {
    display: block; }
  .shop_mould8 h2 {
    font-size: 18px; }
  .shop_mould8 li:nth-child(n+9) {
    display: none; }
  .shop_mobile {
    display: block; }
  .shop_pc {
    display: none; }
  .shop_mould5 .row {
    margin: 0; }
  .shop_mould5 .computer {
    display: none; }
  .shop_mould5 .shop_intro {
    text-align: center; }
    .shop_mould5 .shop_intro h5 {
      font-size: 16px; }
    .shop_mould5 .shop_intro p {
      font-size: 12px; }
  .shop_mould5 .shop_intro1 .bg2 {
    max-width: 80%;
    margin: auto; }
  .shop_mould5 .shop_intro3 .bg1, .shop_mould5 .shop_intro3 .bg2 {
    display: none !important; }
  .shop_mould5 .shop_intro3 .bg3 {
    display: block; }
  .shop_mould5 .shop_intro3 h5 {
    padding-left: 0; }
  .shop_mould5 .shop_intro4 h5, .shop_mould5 .shop_intro4 p {
    padding-left: 0; }
  .shop_mould5 .shop_intro4 .bg2 {
    display: none !important; }
  .shop_mould6 .row {
    margin-top: 10px; }
  .shop_mould6 .pic_intro li {
    max-width: 33.33%; }
    .shop_mould6 .pic_intro li:not(:nth-child(5n)) {
      margin-right: 0; }
  .shop_mould7 {
    background-size: 100% 100%; }
  .shop_mould3 .phone {
    width: 32.8vw;
    height: 68vw;
    margin: 0;
    margin-left: 30px; }
    .shop_mould3 .phone .wrap {
      width: 30.13vw;
      height: 53.33vw; }
  .shop_mould3 .intro_m {
    display: block; }
  .shop_mould3 ul {
    top: 15px;
    display: none !important; }
  .shop_mould3 li {
    position: relative;
    left: 0 !important;
    top: 0 !important; }
    .shop_mould3 li h5 {
      font-size: 14px; }
    .shop_mould3 li p {
      font-size: 12px; } }

@media (max-width: 576px) {
  /*.core{

        h4{

            font-size: 14px;

        }

        li{

            p{

                color: #666666; font-size: 12px;

            }

        }

    }



    footer{

        .container{

            padding: 0 0 48px;

        }

        .copyright{

            font-size: 12px;

        }

        .row{

            flex-direction: column;

            .li{

                padding: 15px 0; border-bottom: 1px solid #666666; position: relative;

                h6{

                    margin-bottom: 0; font-size: 14px; padding: 0 15px;

                    &::after{

                        display: none;

                    }

                    &::before{

                        content:'';

                        width: 10px;

                        height: 10px;

                        border: 2px solid #999999;

                        border-top: none;

                        border-right: none;

                        transform: rotate(-45deg);

                        display: inline-block;

                        position: absolute;

                        top: 5%;

                        right: 15px;

                    }

                }

                .list{

                    display: none; padding: 0 25px; margin-top: 15px;

                }

            }

            .li:last-child{

                h6{

                    display: none;

                }

                .info{

                    padding: 0 15px; display: flex; display: -webkit-flex; font-size: 13px;

                    img{

                        flex: 0 0 125px; margin-right: 16px; height: 125px;

                    }

                    .phone{

                        display: block;

                        p:nth-child(2){

                            font-size: 20px; margin-top: 10px;

                        }

                    }

                    .btns{

                        height: 28px; line-height: 28px; margin-left: 0;

                    }

                }

            }

        }

    }*/ }
@media (max-width: 767px) {
  .solution .englistTitle{
    color: #333;
  }
  .solution .w-title h1.i_title{
    color: #666;
  }
  .solution-index-content{
    display: block;
  }
  .solution{
    background: none;
  }
  .solution .solution-menu{
    width: 100%;
    padding: 10px;
    height: auto;
    overflow:hidden ;
  }
  .solution .solution-info{
    width: 100%;
    padding: 10px;
    float: left;
  }
  .solution .solution-menu li{
    font-size: 14px;
    width: 50%;
    margin-right: 0;
    border-radius: 10px;
    padding:10px;
  }
  .solution .solution-info .solution-spec .solution-title
  {
    color: #333333;
    font-size: 18px;
  }
  .solution .solution-info .solution-spec .solution-desc
  {
    color: #333333;
    font-size: 14px;
  }
  .solution .solution-info .solution-spec .btn-more{
    background-color: #ebebeb;
  }
  .solution .solution-content-img img{
    width: 100%;
  }
  .compair-col
  {
    font-size: 14px;
  }
  .compair-item-left
  {
    font-size: 14px;
  }
  .compair-item-col
  {
    font-size: 12px;
  }
  .choice .container .choice-title
  {
    font-size: 20px;
  }
  .choice .container .choice-desc
  {
    font-size: 14px;
  }
  .data-safe img{
    width: 100%;
  }
  .w-title h5
  {
    font-size: 12px;
  }
  .contact-list i
  {
    margin: auto;
    float: none;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .contact h5 {
    margin-top: 15px;
    font-size: 14px;
  }
  .compair-item-col{
    margin-top: 0px;
  }
  .scene-desc
  {
    width: 100%;
    padding: 10px;
    font-size: 14px;
  }
  .scene-pic
  {
    width: 100%;
    padding: 10px;
  }
  .scene-pic img
  {
    width: 100%;
  }
  .solution-desc-left
  {
    padding: 10px;
    width: 100%;

  }
  .solution-desc-right
  {
    width: 100%;
    padding: 10px;

  }
  .solution-pic-right
  {
    width: 100%;
    padding: 10px;

  }
  .solution-pic-left
  {
    width: 100%;
    padding: 10px;

  }
  .solution-content
  {
    border-bottom: 1px solid whitesmoke;
  }
}